http://blog.109i.com Just WebMasters weblog Thu, 17 Dec 2009 07:03:35 +0000 http://backend.userland.com/rss092 ja まだこれやるつもりじゃなかったのですが、どうもContact Form 7のメールフォームをテンプレートに追加する方法が分からなかったので、パーマリンク化を先にしてしまいました。 ご存じのようにWordpressは動的ブログ。 ですがパーマリンクを設定してあげると擬似的に静的アドレスっぽい指定ができます。 設定場所 ダッシュボード→「設定」→「パーマリンク設定」 設定方法はおそらくいろいろとアルのだと思いますが私の場合「一般的な設定」で「カスタム構造」を選択して下記を挿入 /%category%/%postname%.html 上記指定の詳細は失念しましたがこれで、各ページは.htmlがついた静的ページっぽくなりました。 が、なんか面倒なので↓に変更 /%category%/%postname%/ まあ、気分の問題ですが。 あ、そうそうパーマリンクを設定したら「投稿」のタイトルの下にある パーマリンク: http://～～～～ ↑のような箇所を編集したほうが良いかも知れません デフォルトだとパーマリンクは記事タイトル名になるのでアドレスに日本語がふくまれたりしてしまいます。 まあ、これも気にしなければそれでもOKですが。 と、いうことでこのブログではパーマリンクをいちいち修正しないほうこうで行きます。 ※ただし、企業ページなどでは修正したほうがよさそうですね。 http://blog.109i.com/wordpress/wordpress%e3%81%ae%e3%83%91%e3%83%bc%e3%83%9e%e3%83%aa%e3%83%b3%e3%82%af/ Wordpressのメールフォームもやはりプラグインを使いたいと思います。 Wordpressでメールフォームを実現するプラグインは幾つかありますが、ここでは以前試した結果（理由は失念）Contact Form 7を使用したいと思います。 まあ、メールフォームは普通にPHPプログラムを使用してもよいかとも思いますがWordpress内で完結するほうがスマートなのかもしれないので、、、 インストール サイトからContact Form 7をダウンロード 解凍後wp-content/pluginsにアップロード プラグインを有効化 「使用する」をクリックすると、ダッシュボードに「お問い合せ」という項目が追加されています。 使い方 「お問い合せ」を開く。 デフォルトの “Contact form 1″ を編集するか新規のコンタクトフォームを追加して編集後それを保存する。 [contact-form ...] のコードをコピーして、コンタクトフォームを表示させたい投稿の本文にそれをペーストする。 詳しい使い方はこちらにあるので参照して下さい。 http://blog.109i.com/wordpress/wordpress%e3%81%ae%e3%83%a1%e3%83%bc%e3%83%ab%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/ メタタグ挿入もやはりプラグインが必要です。 効果の有無はさておき個人的にはメタタグは必要だと考えています。 SEO対策といえばそうですが、検索エンジンの説明文書に使われたりもすることから少なくともマイナスでないものは設定するべきと考えるからです。 まえおきはさておき、Wordpressにメタタグを追加するのは標準では無理です。 そこでプラグインの登場ですが、「Add-Meta-Tags」というのが良さそうです。 ベストではないですが、自動でそれなりのデータをはき出すのが◎。 記事毎に手動でデータを入れるのはほとんど本末転倒でブログらしさが無くなってしまうので。 Add-Meta-Tagsは日本語化している方がいるのでここでダウンロード wp-content/pluginsにアップロード プラグインを有効化 だけでOK。 個別記事での指定も出来るみたいですが、前述の通りそんなことはしません。 http://blog.109i.com/wordpress/wordpress%e3%81%a7%e3%83%a1%e3%82%bf%e3%82%bf%e3%82%b0/ Wordpressでパンくずリストを表現するにはBreadcrumb Nav XTというプラグインが必要です。 プラグインを出来るだけ使わない方針なのですがどうしても実現したいことが幾つかあります。 そのひとつが「パンくずリスト」 ホームページのナビゲーションとして優れたインターフェースであることはいうまでもなく、どこにいるのか迷子になりやすいブログでも非常に有効なナビゲーションだと思います。 導入は サイトからBreadcrumb Nav XTをダウンロード 解凍後wp-content/pluginsにアップロード プラグインを有効化 それでもって、テンプレート（index.phpやsingle.php、archive.phpなど）に以下のコードを挿入します。 <?php if (class_exists('breadcrumb_navigation_xt')) { // New breadcrumb object $mybreadcrumb = new breadcrumb_navigation_xt; // Options for breadcrumb_navigation_xt $mybreadcrumb->opt['title_blog'] = 'Home'; $mybreadcrumb->opt['separator'] = ' &raquo; '; $mybreadcrumb->opt['singleblogpost_category_display'] = true; // Display the breadcrumb $mybreadcrumb->display(); } ?> そうするとその箇所にいい感じにパンくずが挿入されたと思います。 ちなみに ['title_blog'] = 'Home'　はトップでもなんでもOKで第一階層へのリンクです。 ['separator'] = ' &raquo;はブレッド間を仕切るアイテム指定。 私は['separator'] = ' ≫ ';こんな感じに指定しています。 それでこのままだと 「Blog article:」や「Archive by category」 という邪魔な文字があると思いますのでその削除方法を。 breadcrumb-navigation-xt.phpをメモ帳などでひらいて該当文字列を検索して削除すればOK Archive by categoryのあとの「'　'」も消したければ以下の箇所を 'archive_category_prefix' => 'Archive by category &#39;', 'archive_category_suffix' => '&#39;', それぞれ下のように変更 'archive_category_prefix' ... http://blog.109i.com/wordpress/wordpress%e3%81%ae%e3%83%91%e3%83%b3%e3%81%8f%e3%81%9a%e3%83%aa%e3%82%b9%e3%83%88%e3%81%afbreadcrumb-nav-xt%e3%81%a7/ wordpressでカテゴリ説明を表示させようとすると<P>タグで囲まれてしまう件 カテゴリの説明文をページ内に出力したい場合下記でOK <?php echo category_description(); ?> でも出力されたデータは タグで囲まれてしまうので改行などでデザインが崩れてしまいました。 そこで少し調べると下記の用に記述するとOK <? foreach((get_the_category()) as $cat) {echo $cat->category_description . '';} ?> いろいろとありますね問題が。 でも少し調べると解決策がでてくるのが「wordpress」のよいところです http://blog.109i.com/wordpress/%e4%b8%8d%e6%80%9d%e8%ad%b0%e3%81%aa%e4%b8%8d%e6%80%9d%e8%ad%b0%e3%81%aacategory_description/ なんと！Wordpressではカテゴリの順序を任意に変更できなかった！ 結局プラグインに頼るしかないようです。うーむ、、、 具体的にはどんなプラグインか調べてみたら前回リストアップした中にありました。 My Category Order ↑これですこれ。 以前他のブログで使っていたみたいですがやはり忘れっぽいのですね。 故にこのブログはWordpressブログ構築の備忘録ログになってしまっています、、、、。 サイトから自分が使用しているWPのバージョン用プラグインをダウンロード 解凍後wp-content/pluginsにフォルダごと「my-category-order」をアップロード プラグインを有効化 「使用する」をクリックすると、ダッシュボード「投稿」パネルにMy Category Orderが追加されています。 コントロール画面は英語ですが問題は無いと思います。 どうしても日本語がいい場合下記より日本語用ファイルを入手して下さい。 http://lovelog.eternal-tears.com/wordpress/wp-plugin-ja/my-category-order-ja/ 上記よりダウンロードした圧縮データを解凍し「mycategoryorder-ja.mo」をwp-content/plugins/my-category-order内にアップロードすればOK My Category Orderの使い方は簡単なので説明は不要だと思います。 これは必須プラグインですね。やはり http://blog.109i.com/wordpress/wordpress%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e9%a0%86%e5%ba%8f%e5%a4%89%e6%9b%b4/ 完全に備忘録だがWordpressのカテゴリページで１ページ内に表示するページ数の指定方法 ダッシュボード→設定→表示設定 ↑で設定 1ページに表示する最大投稿数 RSS/Atom フィードで表示する最新の投稿数 などが設定可能 http://blog.109i.com/wordpress/wordpress%e8%a8%98%e4%ba%8b%e8%a1%a8%e7%a4%ba%e4%bb%b6%e6%95%b0/ このブログに使う予定のプラグインたち 今現在このブログでは、下記３つのプラグインをインストールしています。 『Post-Plugin Library』 『Similar Posts』 『Popular Posts』 これらは関連ページと人気ページを表示するためのプラグインです。 テンプレートの編集を基礎からやろうと思っており、プラグインも最小構成で行おうと思っていましたが、テンプレートの調整が難航したためもあり、以前他でつかったテンプレートを適用してみました。 結果、表示のくずれはともかく、プラグインで実現していたであろう箇所が（当然ですが）うまく表示されず必要そうなプラグインの導入はしようかと思いました。 が、管理しきれずやたらと増えるのもイヤなので適用前に、他で使っているプラグインをまとめてみようと思います。 他で運用中ブログのプラグインリスト Add Meta Tags Akismet Breadcrumb Navigation XT Contact Form 7 Dagon Design Sitemap Generator Google XML Sitemaps My Category Order Popular Posts Post-Plugin Library Search Unleashed Similar Posts Tag Suggest Thing TinyMCE Advanced WordPress.com Stats WP-DBManager WP Multibyte Patch WP Super Cache すみません、各詳細は後日ということで、、、 http://blog.109i.com/wordpress/wordpress%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6%e3%81%ae%e5%82%99%e5%bf%98%e9%8c%b2/ Wordpressはデフォルト状態ではコメントとトラックバックは混在して表示されるようになっています。 なんでもトラックバックはレガシー（古い）らしいです。 下記抜粋 トラックバックはリンクしたことをリンク先に知らせる方法として、レガシーなブログシステムに対して用いられます。ほかの WordPress ブログにリンクする場合は、リンク先のブログがピンバックによる通知を自動的に受けるので、さらにトラックバックをする必要はありません。 が、しかし日本では特に？トラックバックは普及しているのでなんとかしたいです。 そんなときにはテンプレートを下記のように細工することで可能になります。 Trackback URLを表示してコピーできるようにするには、コメントを表示する「comments.php」か、個別記事を表示する「single.php」のテンプレートの任意の場所に以下のコードを入れる。 <?php if ('open' == $post->ping_status) : ?> <h3 id="trackback-url"><?php _e('Trackback URL', 'hoge') ?></h3> <input onfocus="this.select()" readonly="readonly" value="<?php trackback_url(); ?>" id="tb_url" name="tb_url" accesskey="x"/> <?php endif; ?> あとは表示をスタイルシートなどで整形してあげればOK。 詳しくはこちらを参照してください。 トラックバックURLが表示できたところで次はコメントとトラックバックを分けて表示する編です。 が、ちと説明は理解不足でできないため下記のリンクを参照して下さい。 こちらを参照 http://blog.109i.com/wordpress/%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e4%b8%8d%e8%a6%81wordpress%e3%81%a7%e3%82%b3%e3%83%a1%e3%83%b3%e3%83%88%e3%81%a8%e3%83%88%e3%83%a9%e3%83%83%e3%82%af%e3%83%90%e3%83%83%e3%82%af%e3%82%92/ 必ず入れたいプラグイン Similar PostsとPopular Postsは似たもの同士で作者も同じ、プラグイン本体の他に必要なものもいっしょなのでぜひ同時に導入したいプラグインです。 記事を書いていくだけで自動的に抽出されたリンクが形成されていく、というのがうれしいですね。 Similar Postsはブログ内の関連記事一覧表示 Popular Postsはブログ内の人気記事一覧表示 導入方法 １．ダウンロード 『Post-Plugin Library』をダウンロード 『Similar Posts』と『Popular Posts』をダウンロード ２．FTPアップロード 『Post-Plugin Library』『Similar Posts』『Popular Posts』をそれぞれプラグインフォルダ（ /wp-content/plugins/ ）へアップロード ３．プラグインの有効化 『Post-Plugin Library』を有効化 『Similar Posts』『Popular Posts』を有効化 ４．設置 関連記事リンクを挿入したい場所に< ?php similar_posts(); ?><?php similar_posts(); ?>を設置 例 <h2>人気のページ</h2> <?php popular_posts(); ?> <h2>関連のあるページ</h2> <?php similar_posts(); ?> 『Similar Posts』オプション設定 『Similar Posts』では関連度合いについて何を重要視するのか調整ができます。 方法は以下 ダッシュボードの「設定」の「Similar Posts」をクリックして「Other」を表示、「Relative importance of:」を調整 本文（content）、記事タイトル（title）、タグ（tags）をそれぞれどの程度重視するか設定 当ブログではとりあえず本文50％、タイトル30％、タグ20％にしてみました。 ダウンロードはこちら↓ 『Post-Plugin Library』 All Things Seen and Unseen Post-Plugin Library 『Popular Posts』 All Things Seen and Unseen Popular Posts 『Similar ... http://blog.109i.com/wordpress/wordpress%e3%81%a7%e5%bf%85%e3%81%9a%e5%85%a5%e3%82%8c%e3%81%9f%e3%81%84%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%ef%bd%9esimilar-posts%e3%81%a8popular-posts/