カテゴリー : WordPress

WordPressテンプレート優先順位

WordPressテンプレート優先順位

表示するページ 優先順位(高い→低い)
ホームページ home.php index.php
個別記事ページ single-{post_type}.php single.php
添付ファイル用のページ MIMEタイプの前半 attachment.php single.php
固定ページ page-スラッグ名.php page-ID.php page.php
日付・時間別アーカイブ date.php archive.php
投稿者別のアーカイブ author.php
カテゴリー別のアーカイブ category-ID.php category.php
タグのアーカイブ tag-タグスラッグ tag.php
検索結果のページ search.php
404エラーのページ 404.php

WordPress3.0から追加になったテンプレート階層
single-{post_type}.php・・・投稿タイプ が videos の場合は single-videos.php

WordPress2.9から追加になったテンプレート階層
category-スラッグ名.php ・・・ カテゴリーのスラッグが 『wp』 の場合は category-wp.php
page-スラッグ名.php ・・・ ページのスラッグが 『wordpress』 の場合は page-wordpress.php
page-ID名.php ・・・ 例えば固定ページのIDが『10』の場合は page-10.php

そろそろ、WordPressのテーマ作成を始めようかと思っています。
というか仕事でちょっとWordPress用の操作マニュアル的なものを作ることになったので、時々WordPressのテーマ作成や操作に関する投稿をしていきます。

MIMEとは

WordPressプラグイン「Contact Form 7」

WordPressに問い合わせフォームを簡単に追加できるプラグイン。
楽できます!
Contact Form 7(日本語)

使い方は簡単!
インストールは、WordPress管理画面から
「プラグイン」→「新規追加」→「Contact Form 7」で検索してインストール。

インストールできたら、プラグインの「Contact Form 7」の「設定」をクリック。
そしたら以下の画面が開きます。

Contact Form 7 設定画面 01

Contact Form 7 設定画面 01

Contact Form 7 設定画面 02

Contact Form 7 設定画面 02

「フォーム」で、必要な項目を追加・削除して、メールの基本情報とメッセージ本文を修正します。
最後に、

[contact-form 1 "コンタクトフォーム 1"]

をコンタクトフォームを挿入したい記事やページに入れるだけでOKです。

ちなみに、このWordPressプラグイン「Contact Form 7」は日本人の方が制作されているようで、日本語ページにFAQなどがあります。
困ったときもなんとかなるハズです!

WordPressプラグイン「WP Tweet Button」

WordPressで、「ツイートする」というツイートボタンをつけるプラグイン。

新規インストールして、プラグインを有効化するだけ。

設定はすること少ないです。とりあえず簡単に。

WP Tweet Button | WordPressプラグイン

WP Tweet Button 設定 | WordPressプラグイン

・Display内のPosition:記事の前か後に表示するか?
・Display内のAlingment:右か左か?
・Tweet Button style :どんなボタンスタイルにするか?を3つの中から選びます。

WP Tweet Button 設定02

WP Tweet Button 設定02

・Tweet Button language :言語を「日本語」にするか?(デフォルトは英語)
・URL Shortener:URLの短縮は、何を使うのか?(デフォルトは短縮なし)

WordPressプラグイン「WP Super Cache」アンインストール方法

以前、「WP Super Cache」がアンインストールしようと「削除」をクリックすると、

UNINSTALL_WPSUPERCACHE must be set to a non-blank value in uninstall.php

というメッセージが表示され、削除できませんでした。

プラグインの編集から「uninstall.php」の中身を見てもどこの「non-blank value」なのかわからん・・・

ググってみたら一発で解決。
テーマの編集から「uninstall.php」の19行目に

define( 'UNINSTALL_WPSUPERCACHE', '' );

があり、ここの値が「non-blank」だということ。

define( 'UNINSTALL_WPSUPERCACHE', '1' );

と変更して「ファイルの更新」をする。
再び、プラグインの「削除」をしてあげると、アンインストール完了。

WordPressプラグイン「WPtouch」iPhone、Androidでの表示を最適化

iPhoneもAndroidも持っていないけど、WordPressプラグイン「WPtouch」を入れて、iPhoneとAndroidでブログを表示できるようにしてみました。
FireFoxのアドオン「User Agent Swicher」でiphone3Gの画面を確認できた。
ただ、本物のiPhone、Androidでは確認できていないので不安が残ります。
節約生活なもので、仕事で使うときには買おうと思っているのですが、まだ機会が訪れません。(大丈夫なのか??w)

「WPtouch」プラグイン同士の干渉があるらしいので、いろいろとプラグインを入れている方は注意してみてください。

現在WPtouchは「バージョン1.9.17」。
バージョン2.0(pro)からは有料になってしまいました。
価格は29ドル。

WPtouch Pro

安いっちゃ安いけど、とりあえず今は無料の1.9系で十分ですね。
私は、このプラグインを有料で購入する前に、iPhoneかAndroid欲しいっす。。。

WordPressプラグイン「SyntaxHighlighter Evolved」

Syntax Highlighterとは、ソースコードなどを見やすく区別してくれるJavaScriptライブラリ。
で、そのWordPressプラグインが「SyntaxHighlighter Evolved」
プラグインの新規追加から「SyntaxHighlighter」で検索すると何個かプラグインがヒットする。
私は「SyntaxHighlighter Evolved」を入れてみた。

例えば、以下のようにソースコードを表示してくれる!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
</head>
<body>
</body>
</html>

これはHTMLソースの表示。
かっこいい!!
見た目は設定で変更できる。

使い方は簡単!

[html]
ここにHTMLタグを記述する。
[/html]

上記のように、[]で言語名を括るだけ。

プラグインの設定画面は英語でわかりづらいが、
Bitmacroブログさんの「SyntaxHighlighter EvolvedのSetting」
で設定方法を詳しく説明してくれている。

対応言語
デフォルトで以下は入っている(ハズ)

Brush name Brush aliases File name
ActionScript3 as3, actionscript3 shBrushAS3.js
Bash/shell bash, shell shBrushBash.js
C# c-sharp, csharp shBrushCSharp.js
C++ cpp, c shBrushCpp.js
CSS css shBrushCss.js
Delphi delphi, pas, pascal shBrushDelphi.js
Diff diff, patch shBrushDiff.js
Groovy groovy shBrushGroovy.js
JavaScript js, jscript, javascript shBrushJScript.js
Java java shBrushJava.js
JavaFX jfx, javafx shBrushJavaFX.js
Perl perl, pl shBrushPerl.js
PHP php shBrushPhp.js
Plain Text plain, text shBrushPlain.js
PowerShell ps, powershell shBrushPowerShell.js
Python py, python shBrushPython.js
Ruby rails, ror, ruby shBrushRuby.js
Scala scala shBrushScala.js
SQL sql shBrushSql.js
Visual Basic vb, vbnet shBrushVb.js
XML xml, xhtml, xslt, html, xhtml shBrushXml.js

最新の対応はこちらで確認できる。

WordPressプラグイン「Ktai Style」携帯サイトに対応!

WordPressのプラグイン「Ktai Style」を入れてみました。

Ktai Styleとは

WordPressウェブログを日本の携帯電話対応 (5キャリアおよびスマートフォン対応) にするプラグインです。WordPress + Ktai Style だけで、携帯ブログが構築できるという代物。
Ktai Style


日本の携帯電話に対応するというのが素敵ですね!
そして、これがびっくりするほど簡単に設置できます。
ただ、インストールするだけ!

設置方法

  1. プラグインをダウンロードして展開し、ktai-style フォルダーごとサーバーのプラグインディレクトリー (wp-content/plugins/) に転送します。
    もしくは管理画面のプラグインの新規インストールでも簡単にインストールできます。
  2. WordPress の管理パネルより Ktai Style プラグインを有効にします。
  3. 好みに応じて、サイト管理画面の携帯表示でテーマやオプションを変更します。たいていはデフォルトのままで構いません。
  4. 本プラグインの更新は WordPress の標準機能で可能となりました。「JSeries Notifier」は不要です。

WordPress2.9.2とWordPress3.0.1で問題なく稼働中です。(docomoのみの確認です。)

WordPressプラグイン「All in One SEO Pack」SEO対策

簡単にSEO対策を実施できるということで、WordPressのプラグイン「All in One SEO Pack」

All in One SEO Pack(version 1.6.12.1

日本語化してくれているものもあります。

All in One SEO Pack日本語版(version 1.6.8.1

こちらは、多少バージョン(version 1.6.8.1)が低いですが、現在最新のWordPress2.9.2でもWordPress3.0.1でも問題なく使用できています。

インストール方法(日本語版)

  1. All in One SEO Pack日本語版(version 1.6.8.1からダウンロードしたファイルを解凍してフォルダごと「/wp-content/plugins」へアップロード
  2. WordPressの管理画面から「プラグイン」内の「インストール済み」をクリックし、「All in One SEO Pack」を有効にする。
  3. WordPressの管理画面から「設定」内の「オール・イン・ワンSEO(日本語版の場合すでにカタカナになっています。)」をクリックPlugin StatusをEnableにチェックする。
<title>xxx</title>
<meta name="description" content="xxx" />
<meta name="keywords" content="xxx" />

「xxx」の部分を自分で指定することができます。
ちょっと面倒でも、個別に指定することで検索エンジンにひっかかりやすくなると思いますよ。

WordPressプラグイン『XML Sitemap Generator』

有名なWordPressのプラグインXML Sitemap Generator(Google XML Sitemaps)
sitemap.xmlを自動生成してくれる便利なプラグインです。

サイトマップ(sitemap.xml)とは

googleやyahooなどに、インデックスしてもらうためのファイル。
検索エンジンのクローラーが、すべてのページを整理してインデックスしてくれる大変便利なもの。
クローラーに対して、わかりやすくサイト紹介してくれるファイルです。


XML Sitemap Generatorのインストールは、Wordpressの管理画面→新規追加で!
インストールしただけで、日本語になっています。
[sexy-lightbox href='http://www.smart-ness.net/neta/wp-content/uploads/2010/04/xml_sitemap_set_001.gif' title='WordPressプラグイン『XML Sitemap Generator』']Sitemap ジェネレーター[/sexy-lightbox]

設定は、優先順位など変更できますが、デフォルトのままでOKです。
ただ「Yahoo! にブログの更新を通知」にチェックが入っていません。
Yahoo!に更新を通知する場合は、アプリケーションIDを取得する必要があります。

Yahoo!デペロッパーネットワークアプリケーションIDを取得します。
yahoo!デペロッパーネットワーク←ここから取得します。
XML Sitemapの設定画面から「ここから取得」で移動すると、アメリカの方のyahooに飛んじゃいます。

フォームの入力内容は、
Yahoo!デベロッパーネットワークヘルプ
で確認してください。

sitemap.xml プラグイン設定画面

WordPressプラグイン「Head Cleaner (最適化&高速化)」ソースをきれいに!

改めてソースを見てみると、head内にいらないものがたくさんありすぎて、困りはてました。

<link rel="start" href="xxx" title="xxx" />
<link rel="prev" href="xxx" title="xxx" />
<link rel="next" href="xxx" title="xxx" />

まず、このコードがtitleとurlの記述が逆になったものが重複してあったので削除したい。
けど、wp_headのいじり方がよくわからん。

検索してみると、プラグインでなんとかなるとか。
Ktai Styleでお世話になったサイトに、Head CleanerというWordPressのプラグインがあった。
このプラグインは、WordPress サイトの の中身と、フッタ領域を整形しなおすことが簡単にできる。
で画像の項目にチェックを入れたことで重複分のソースが削除され、1つにまとまった。

head cleaner WordPressプラグイン

プラグインを削除すれば、Head内がもっと整理されるのですが。
WPFancyは、今のWordPressのバージョンに対応されていないのか、背景画像がズレてしまっているので削除したいと考えているのですが、利便性を考えると削除できない。