定型句プラグイン テキスト、画像、バナー等をローテション表示する {1}

ここでは使い回すと非常に便利な『定型句プラグイン』について取り上げます。

「定型句プラグイン」というのは私が勝手につけた呼び名で、WordPress公式サイトのプラグイン置き場では、「ads」「adsense」「quotes」といったタグで分類されています。

その多くは、アフィリエイトのリンク・コードを効果的に表示、管理するためのプラグインですが、リンクコード以外にも、テキスト、画像、動画など、いろんなアイテムが利用できるので、それらもひっくるめて「定型句プラグイン」と名付けた次第です。

複数の記事に同じアイテムを挿入したい場合、一つ一つの記事に書き込むよりも、プラグインを使えばコード一つで何処にでも表示できたり、修正や削除が簡単にできるので、とてもおすすめです。

中には、アイテムをランダム表示してくれるプラグインもありますので、ぜひ、活用してみて下さい。

ここでは、私が使ってみて「いいな」と思ったものを紹介しています。

Datafeeder Random Ads

こちらは私が一番気に入ってるプラグインです。

Datafeedr Random Ads http://www.datafeedr.com/random-ads-plugin/

一つのコードで、複数の記事やテンプレートに、定型句、イメージ、アフィリエイトコードといったアイテムを表示することができます。

また、自動的に、アイテムをローテーションしてくれます。

配布先からzipファイルをダウンロードして、管理画面で有効すると、『ツール』に「Datafeedr Random Ads」のリンクが現れるので、設定画面を開きます。

WordPress

「Add New Group」をクリックします。

WordPress

必要事項を記入します。

WordPress

Ad Group(グループ名)、Before Ad(テキスト前)、After Ad(テキスト後)はテキストのみ入力可です。
前後のテキストは、空白でもOKです。

Ad Boxes内には、テキスト、HTMLタグ、img、iflame、div属性などが使えます。
記入したテキストがそのまま反映されるので、改行にはbrやpタグが必要です。
phpは動作しません。

右側画面のプレビューは、Box下の「Save Changes(保存)」をクリックすると表示されます。
この時、リスト一覧に戻ってしまうので、もう一度、該当のBOX名をクリックして、編集画面を開きます。
(ここは改良して欲しい所です)

Boxを増やす時は、Box下の「Add Box」を、削除する時は、「Remove this ad」をクリックします。

記事やテンプレートに挿入する場合は、リスト一覧に表示されたTemplate Codeをそのまま記入します。(Ad IDは、プラグインが自動的に数字を割り当てます)

WordPress

記事本文に挿入する場合は、Exec-PHPのようなプラグインを使って、記事内でもPHPコードが作動するようにセットすればOKです。

あとは自動的にローテーション表示してくれるので、いろいろ応用が利きます。

BOXを1つだけ設定すれば、ローテーションの無い、定型句プラグインとして利用できます。

AdRotate

もう一歩すすんだ機能を持つプラグインに『AdRotate』があります。

AdRotate  http://wordpress.org/extend/plugins/adrotate/

プラグインを有効化すると、管理画面のメニューに『AdRotate』のリンクが現れるので、用途に応じて設定画面を開きます。

Manage Banners ・・Bannerグループの一覧

Banner Wizard・・バナー自動作成ウィザード

Add|Edit Banner・・バナーのマニュアル設定

Manage Groups・・Bannerグループの編集

WordPress

まず最初に『Manage Goups』を開いて、Banner groupsを作成します。

WordPress

次にBanner Wizardを開き、バナーの名称(Title)と、内容(Code)を記入し、『Continue』をクリックします。

Codeには、テキスト、HTMLタグ、img、iflame、div属性など、一般的なアフィリエイトに使われているコードであれば、たいてい使えます。
改行には、brやpタグが必要です。

次に各種設定を行います。

WordPress

Select a Group・・バナーが属するグループを選択

Or make a group・・新たにグループを作成する。

Display From・・いつからバナーを表示するか。

Until・・いつまでバナーを表示するか。

Max Clicks・・最大○○個までクリックされたらバナーを非表示にする

Max Shown・・最大○○回までバナーが表示されたら、停止する。

WordPress

設定が完了したら、『Continue』をクリックします。
Max ClicksとMax shownは必要なければ0設定で構いません。

次の確認画面が現れたら、『Confirm and save』をクリックして保存します。

それぞれコードが生成されるので、表示したい場所に記入します。

WordPress

WordPress

記事内に指定したグループの、指定したバナーだけ表示する場合。
[adrotate group="1" banner="1"]

記事内にグループ全体のバナーをローテーション表示する場合。
[adrotate group="1"]

テンプレート・ファイル(または記事内)に、指定したグループの、指定したバナーだけ表示する場合。

テンプレート・ファイル(または記事内)に、指定したグループ全体のバナーをローテーション表示する場合。

『Edit Banner』を開くと、プレビューを確認できますが、プレビュー画面にはCSSが反映されないので、HTMLタグを書き込んでも、プレーンな状態でしか表示されません。

たとえば、下記のように、divでレイアウトを組んだコードを置いた場合。

WordPress

プレビュー画面には、div属性が無視された形でずらずらと表示されます。

WordPress

このプラグインは、期限のある広告をローテーション表示する場合に便利です。

もちろん、ローテーションの無い、定型句プラグインとしても活用できます。

Hana Code Insert

こちらはローテーション機能の無い、シンプルな定型句プラグインです。

テキスト、HTMLタグはもちろん、Java ScriptやPHPコードを埋め込むことも出来ます。

Hana Code Insert http://www.neox.net/w/2008/06/12/hana-code-insert-wordpress-plugin/

プラグインを有効化したら、管理画面のメニューの『Hana Code Insert』を開き、セッティングを行います。

テキストエリアの大きさは、ColumnsとRowsで設定。

記事内でPHPコードを動作させる場合は、Enable PHPにチェックを入れます。

WordPress

New Entry NameとCodeを記入して、『Create New Entry』をクリックします。
ただし、Entry Nameに「ひらがな」は入力できません。
英字テキストのみ可能です。

WordPress

Entryが作成できれば、Usageで表示された [hana-code-insert]を記事内に挿入します。

WordPress

このプラグインは、複数の記事に同じアイテムを挿入する場合、便利です。

定型句のローテーション、テンプレート・ファイルへの使用はできません。

Quotes Collection

定型句をローテーション表示するなら、こちらのプラグインも便利です。

Quotes Collection http://srinig.com/wordpress/plugins/quotes-collection/

プラグインを有効化したら、管理画面のメニューから『Quotes Collection』の設定を開きます。

「引用文の追加」で、引用文、作者、引用元、タグを設定します。

引用文には、テキスト、HTMLタグ、Java Script、PHPなどが使えます。

WordPress

引用文を追加すると、次のようなリストが出来ます。

WordPress

あとは、表示したい場所にPHPコード、もしくは、

を記入します。

<?php quotescollection_quote('引数'); ?>

引数については下記サイトに詳しく記載されています。


http://wordpress.org/extend/plugins/quotes-collection/

PHPコードの場合
http://wordpress.org/extend/plugins/quotes-collection/other_notes/

このプラグインは、アイテムのグループを複数生成することはできません。

名言集や、過去記事のダイジェスト、一行広告などをローテーションするのに便利です。

その他のAdsenseプラグイン

Advertising Manager

バナーやリンクコードなど、総合的に管理することができます。

クリック数や表示期限など、アイテムごとに細かく設定することができます。

複雑で規模も大きいので、本格的に広告管理したい方に向いています。

AdSense Integrator
記事の広告バナーや商品リンクを投稿記事や固定ページ、アーカイブなど、好きな場所に表示させることができます。

アイテムは自動的に指定した場所に挿入されます。

WordPressでは、Google Adsense やAmazonアフィリエイトに使えるプラグインがかなり出回っていますが、Amazonに関しては、アメリカの『Amazon.com』を対象としたものが大半で、日本のAmazon.co.jpの商品は扱えない場合があるので、注意が必要です。

カスタムフィールドを利用したプラグインの応用

カスタムフィールドを用いると、より効果的にプラグインを利用することができます。

ここでは冒頭で紹介した『Datafeedr Random Ads』の応用について説明します。

たとえば、サイドバーに広告を表示したい場合。

カスタムフィールドの【名前】に「ads_movie」を指定した記事だけに映画関連のバナーを、「ads_kids」と指定した記事だけに育児関連のバナーを表示したいなら、テンプレート・タグget_post_meta を使うと、コードの使い分けが出来ます。(この場合【値】は【true】で設定します)

<?php if ( get_post_meta($post->ID, 'ads_movie', true) ) { ?>
<?php if(function_exists('dfrads')) { echo dfrads('1223345'); } ?>
<?php } ?>

<?php if ( get_post_meta($post->ID, 'ads_kids', true) ) { ?>
<?php if (function_exists('dfrads')) { echo dfrads('567890'); } ?>
<?php } ?>

表示したい場所にget_post_metaを置けば、各記事の【値】に応じたアイテムが表示されます。

カスタムフィールドの詳しい使い方はこちら「カスタムフィールドの使い方

また、サイドバーや投稿記事にアイテムを表示したい場合、sidebar.phpやsingle.phpにずらずらとコードを記入するより、google.phpやads.phpといった専用のテンプレートファイルを作成して、アイテム関連のコードはそこに記述し、表示したい場所にinclude構文で読み込ませた方が管理が簡単です。

たとえば、サイドバーのアーカイブ・リストに続いてニュース・アイテムを表示したい場合。

アイテムに関するコードやテキストは全てnews.phpに記述し、サイドバーの表示したい場所に、include構文で読み込ませます。

編集する時は、news.phpだけをいじればいいので、大事なsidebar.phpを損なう心配がないし、header.phpやsingle.phpにも使い回しできるので便利です。

WordPress

single.phpの小技 -テンプレート切り替え- {0}

ここでは、投稿記事single.phpの小技として、「テンプレートの切り替え」について説明しています。

別記事で、include構文を使った「特化型サイドバー」を紹介していますが、今回は、カテゴリーあるいは記事グループに特化したsingle.phpの小技についてです。

参照記事:サイドバーのカスタマイズ(2) フリースペースの応用、特化型サイドバー、incude構文 


§ もくじ

  1. 記事ごとにsingle.phpを切り替える
  2. カテゴリーごとにヘッダー、サイドバーを切り替える
  3. カテゴリーごとにテンプレートを切り替える


§ 記事ごとにsingle.phpを切り替える

先に紹介したinclude構文やカスタムフィールドを使えば、シングル記事内にコンテンツに特化したメッセージやアイテムを表示することが出来ますが、もっと大きなレベルでシングル記事のデザインを変えたい場合──たとえば、ギャラリーのページは、背景色をブラックにし、記事タイトルの代わりにアルバム風の表示をしたい──といった、サイト全体の外観を変えたい場合は、それに特化したsingle○○.phpを読み込ませるのが最適です。

しかし、single.phpの場合、他のテンプレートファイルから呼び出されることがないので、これを手動で設定するとなると、かなり複雑になってきます。

そこでおすすめしたいのが『Custom Post Template』というプラグイン。

http://wordpress.org/extend/plugins/custom-post-template/

記事を投稿する際、プルダウンメニューから使用するテンプレートを選択するだけで自動的に切り替えてくれる便利なプラグインです。

たとえば、ギャラリー用にはサイドバーの無い『single_gellery.php』を使用するとしましょう。

こんな感じです。

WordPress

管理画面でプラグインを有効化したら、single_gallery.phpファイルの冒頭に『Template Name Posts:』を書き入れます。
(サンプルは『sunshine』より)

WordPress

single_gallery.phpをテンプレートファイルのフォルダにアップロードします。

WordPress

すると、投稿画面に次のようなダイアログボックスが現れるので、使用するテンプレートを選んで、投稿を「保存」します。
(「Template Name Posts」で設定した名称が表示されます。覚えやすいものなら何でも構いません)

WordPress

「デフォルトテンプレート」というのは、single.phpを意味します。

何も設定しなければ、single.phpのデザインが表示されます。

テンプレートに関する設定は、カスタムフィールドに記憶されます。

WordPress

後で一括して編集したい場合は、phpMyadminを使って、『wp_postmeta』をエクスポートすれば簡単に出来ます。

まず、『wp_postmeta』のテーブルを選択します。

WordPress

次の項目にチェックを入れます。

WordPress

「Save as File」にチェックを入れて、PCに保存します。

WordPress

テキストエディタで開くと、次のようなsql文が現れます。

WordPress

Custom Post Templateで設定した値は、

(53, 24, ‘custom_post_template’, ‘single_gallery.php’),

と表示されています。

「53」はWordPressがランダムに割り当てる数字、「24」は記事ID、「custom_post_template」がカスタムフィールドの「名前」、single_gallery.phpが「値」になります。

値を変えたい場合は、テキストエディタで書き換えて、上書き保存すればOKです。
複数の記事を編集したい場合は、エディタの「置換機能」を使って一括変換することもできます。

設定を無効にしたい場合は、

(53, 24, ‘custom_post_template’, ‘single_gallery.php’)

この行をまるまる削除して、上書き保存します。

編集したsqlファイルをインポートすれば、編集した内容が反映されるようになります。

WordPress

作業する際は、小さなコンマなどを消してしまわないように注意して下さい。

また、データベースを直接書き換えますので、必ずバックアップを取ってから作業するようにしましょう。

※カスタマイズのポイント※

テーマテンプレートの中には、サイドバー無しのレイアウトや、メディア機能を織り込んだ特殊なpage_○○.phpを用意しているものがあります。

これらのpage.phpは、固定ページ用に作成されたものですが、上記で紹介した『Templage Name Posts:』を書き入れることでシングルページにも応用することができます。

自分でオリジナルのsingle_○○.phpを作成する自信がない場合は、同梱された他のファイルを応用すると簡単にカスタマイズすることができます。

自分で一から作成する場合は、オリジナルのsingle.phpのスタイルシートを少しずつアレンジしてみましょう。

あちこち、いじっているうちに、自分が使っているテンプレートファイルの理屈が分かってきて、かなり大胆なレイアウトの変更も出来るようになります。


§ カテゴリーごとにヘッダー、サイドバーを変える

カテゴリーに特化したヘッダーやサイドバーの読み込みについては、『サイドバーのカスタマイズ(2) ~フリースペースの応用、特化型サイドバー、incude構文』で紹介していますが、上記の「custom_post_template」を使っても簡単に変えることができます。 

たとえば、defaultのsingle.phpの場合、header.phpは次の記述で読み込んでいます。

WordPress

この部分を、読み込みたいheader_sample.phpのインクルード構文に置き換え、single_sample.phpとリネームして、アップロードします。

WordPress

つまり「header_sample.phpを読み込むsingle_sample.php」を作成するわけです。

次に、header.phpをアレンジしたheader_sample.phpを作成します。

たとえば、defautlの場合、div id=”headerimg” になっている部分をheader_sampleに書き換え、スタイルシートには他の背景画像が読み込まれるように設定します。

WordPress

スタイルシートも、別の背景画像header2.jpgが読み込まれるよう設定。

WordPress

記事を投稿する時、single_sample.phpを読み込むように設定します。

WordPress

するとsingle_sampleで指定したheader_sample.phpが表示されるようになります。

WordPress

この小技は、1つ1つの記事についてテンプレートが設定できるので非常に便利です。

ヘッダーだけでなく、コンテンツに特化したニュースやアフィリエイトコード、画像、映像などを盛り込んでもいいですね。

コンテンツによっては、微妙にレイアウトを変えたい場合もあるので、上手に利用すれば、思う通りの表示ができるようになります。

興味のある方は、ぜひトライして下さい。


§ カテゴリーごとにテンプレートを切り替える

プラグイン『GYS Themed Categories』を使えば、カテゴリーごとに簡単にテンプレートを切り替えることができます。

プラグイン・ファイルも一点だけなので、ほとんど負担になりません。

まず、下記サイトからプラグイン・ファイルをダウンロードします。

http://get-your-stuff.com/gys-themed-categories-20.html

解凍して、pluginsフォルダにアップロードし、管理画面で有効化します。

次に、『カテゴリー』の中から、適用したいカテゴリーを選択し、『編集』をクリックします。

すると「カテゴリーの編集」画面に、次のプルダウンが現れます。

WordPress

後は、使いたいテーマ・テンプレートを選択し、『カテゴリーを更新』をクリックするだけです。

何も指定しなければ、メインのテーマ・テンプレートが適用されます。

ただし、カテゴリーが複数にまたがる場合、どちらのテンプレートを優先するか、という選択はできませんので、ご注意下さい。

投稿記事 single.php のカスタマイズ {0}

ここでは「投稿記事(シングルポスト)」のベースとなるsingle.phpのカスタマイズについて説明しています。

single.phpは、サイトのメインとなる部分ですので、「読みやすい」を第一に考えて、カスタマイズしていきましょう!


§ もくじ

  1. sigle.phpの構成
  2. 記事ナビゲーション(ブレッドクラム)
  3. タイトルおよびメタ情報(カテゴリ、タグ、プレビューなど)
  4. コンテンツ(本文)
  5. 関連記事の表示
  6. 応用(1):管理人情報の表示
  7. 応用(2):カスタムフィールドの応用


§ single.phpの構成

まずsingle.phpの構成を理解しましょう。

『sunshine』の場合、シングル記事は次のように表示されます。

WordPress

シングル記事を表示するsingle.phpは次のようになっています。

まず、ヘッダーを読み込む get_header();のタグがあり、optionに指定された機能が挿入されるよう設定されています。

次に、「もしシングル記事が存在するなら、以下のコードを実行する if (have_posts()) : the_post(); update_post_caches($posts);」という命令文があり、そこからシングルページに表示される内容が指定されています。

まず『ブレッドクラム』と呼ばれるナビゲーションがあり、次いで記事タイトル、メタ情報(日付、コメントの有無など)が表示されるようになっています。

WordPress

肝心の記事本文を呼び出すタグは the_content(); (短いですネ)

次いで、作者名、カテゴリー、タグ、編集用リンクが表示されます。

WordPress

次いで、『wp23_related_posts』というプラグインを使った関連記事を表示するコードが記入されおり、最後に、コメントのテンプレートを呼び出すindlude構文、php include(‘templates/comments.php’); 、そしてフッターを呼び出す php get_footer(); で終わっています。

項目の並び替えや、表示方法の変更は、sidebar.phpと同じく、テンプレートタグを編集することで可能です。

参考記事:
サイドバーのカスタマイズ(1) 新着記事、カテゴリー内記事一覧、カテゴリーリスト
サイドバーのカスタマイズ(2) フリースペースの応用、特化型サイドバー、incude構文 

ナビゲーション(ブレッドクラム)

ブレッドクラムを表示する場所は何処でもOKなのですが、タイトルの上に表示するのが一番分かりやすいかと思います。

プラグインを使う方法もありますが、コードで表示するなら次の通りです。

<div id="○○">
<a title="<?php _e('Goto homepage', 'inove'); ?>" href="<?php echo get_settings('home'); ?>/">
<?php _e('Home', 'inove'); ?></a>
 > <?php the_category(', '); ?>
 > <?php the_title(); ?>
	</div>

最初に「Home」へのリンク、それから、カテゴリー、記事タイトルが、> という記号を介して表示されるようになっています。

WordPress

もちろん、> は、→ や、アイコンなどに置き換えてもOKです。

リンクのポップアップ表示を変更する場合は、Goto homepage の部分を他の語句に置き換えます。

プラグインを使うなら、『Breadcrumb NavXT』がおすすめ。
http://mtekk.weblogs.us/code/breadcrumb-navxt/

表示したい場所(sidebar.php、header.phpなど)に、次のコードを書き込むだけです。

<div id="○○">
<a title="<?php _e('Goto homepage', 'inove'); ?>" href="<?php echo get_settings('home'); ?>/">
<?php _e('Home', 'inove'); ?></a>
 > <?php the_category(', '); ?>
 > <?php the_title(); ?>
	</div>


§ 記事タイトルとメタ情報

記事タイトルは、テンプレートタグ the_title で表示します。

参照ページ:テンプレートタグ/the title

<h2><?php the_title(); ?></h2>

もしくは

<h2><?php the_title(); ?></h2>

カテゴリーやタグ名など、記事のメタ情報の表示の仕方もいろんな方法がありますが、一番確実なのは、使っているテーマテンプレートの方法を応用することです。

たとえば『sunshine』の場合、本文下部のメタ情報は次のように設定されています。

<p class="○○">
<?php if ($options['author']) : ?><span class="author"><?php the_author_posts_link(); ?></span>
<?php endif; ?>
<?php if ($options['categories']) : ?><span class="categories"><?php the_category(', '); ?></span>
<?php endif; ?>
<?php if ($options['tags']) : ?><span class="tags"><?php the_tags('', ', ', ''); ?></span>
<?php endif; ?>
</p>

実例

WordPress

それぞれの項目を入れ替えたり、削除する場合は、php if option から endif までのコードをまとめて編集します。

なお、($options['○○'])は、このテーマ独自の呼び出し機能であり、すべてのテーマテンプレートに共通するコードではありません。

それぞれのテンプレートタグについては、WordPressの公式Codexをご参照下さい。

作者名    the_aouthor_posts_link
カテゴリー名  the_category
タグ名     the_tags

カテゴリーやタグ名といったメタ情報は、通常、記事タイトルや本文下に表示されることが多いですが、single.phpやsidebar.phpにメタ用のボックスを作るのも一興です。

こちらは以前使用していたテーマの一例。

WordPress

作り方はすこぶる簡単。

本文用のボックスをもう一段、上に配して、その中にメタ情報のテンプレートタグを書き込みます。

WordPress

一行目の div id=author-box が、ボックスのスタイルを指示しています。

記事のサムネイルは、カスタムフィールドを応用しています。(使い方はまた後日)

他に表示できるメタ情報として、『現在表示しているカテゴリーに属する記事数』があります。

たとえば、

このカテゴリーの記事数は <strong><?php $cat = get_the_category(); $cat = $cat[0]; echo $cat->category_count; ?></strong>件です。

strongで囲んだ部分が太字の数字で表示されます。

WordPress

記事のview数については、『WP-PostViews』というプラグインがおすすめです。
http://wordpress.org/extend/plugins/wp-postviews/

管理画面で有効化して、設定画面で、「Everyone(自己アクセスも含む)」「Guest only(ビジターのみ)」「Resisters User(登録されたユーザーのみ)」を選択し、『Exclude Bot Views』でロボットをアクセス数に含むか、含まないかを設定します。

次に、『Views Template』で表示方法を設定します。
たとえば、「閲覧数○○回」と表示したい場合は、「閲覧数 %VIEW_COUNT% 回」になります。

あとは、表示したい場所に次のコードを書き込めばOK。

<?php if(function_exists('the_views')) { the_views(); } ?>

カスタムフィールドを利用して、記事に特化したメッセージを流すのも面白いと思います。

一番簡単なやり方を紹介しましょう。

たとえば、書籍関連の記事に「共通のメッセージ」を流す場合、記事毎にカスタムフィールドを設定します。
『新規追加』をクリックするとダイアログが出るので、「名前(キー)」と「値」を入力します。

一例

WordPress

次に、表示させたい場所に、次のコードを書き込みます。

<?php if ( get_post_meta($post->ID, 'book', true) ) { ?>
<font color="#003399">
おすすめ書籍 『天使と悪魔』ラングドン・シリーズ待望の映画化!</font>
<?php } ?>

実例

WordPress

こうすると、「book」のキーを持つ全ての記事において、共通のメッセージを表示することができます。

記事毎に「値」を設定する場合は、次のように記入します。

表示したい場所に次のコードを書き込みます。

<?php echo get_post_meta($post->ID,'book',true); ?>

実例

WordPress

こうすれば、「book」のキーをもつ全ての記事において、個別のメッセージを表示することができます。

なお、「book」キーの指定がない記事については、何も表示されません。
(レイアウト崩れは生じません)


§ コンテンツ(本文)

本文を表示するテンプレートタグは、the_content になります。
(一番量が多いのに、一行ですね)

参考ページ:テンプレートタグ/the content

<?php the_content(); ?>

一般的に、「何度もスクロールするような長い記事は避ける」というのがユーザビリティの基本ですが、どうしても1ページで表示したい場合は、この記事のように、トップに『目次』を作成すると分かりやすいです。

章ごとに『Topに戻る』のリンクを挿入すると、いっそう親切になります。

実例:子供の癇癪、心配するな / 『ダダこね育ちのすすめ』 阿部秀雄

ページ内のリンクは、a name でラベル付けし、a href=”#ラベル名” でリンクを指定します。

参考ページ:TAG index 同じページ内にリンクする

実例

<div class="mokuji">
-目次-
<ol>
<li><a href="#about">WordPressについて</a>
<li><a href="#plugin">プラグインについて</a>
<li><a href="#theme">テーマテンプレ-トについて</a>
</ol>
</div>
<p><a name="about">WordPressについて</a></p>

1つのコンテンツを複数のページに分割したい場合は、記事内に、nextpage のタグを挿入します。(pタグを忘れずに)

<p><!--nextpage--></p>   

テンプレートファイルの表示させたい場所(この場合は、the_contentの下)に、wp_link_pageのタグを挿入します。
(引数は一例です)

<?php the_content(); ?>
<div style="font-weight:bold;margin-bottom:20px;>
<?php wp_link_pages('before=<p>&after=</p>&next_or_number=number&pagelink=% ページ'); ?>
</div>

参考ページ:テンプレートタグ:wp_link_pages

記事投稿画面で、次のページと区切りたい部分に nextpage タグを挿入。

WordPress

実例

WordPress

表示方法はdivスタイルで設定すればOK。

記事内に顔アイコンを表示したい場合は、こちらのプラグインがおすすめ。


『wp-Monalisa』 http://wordpress.org/extend/plugins/wp-monalisa/

アイコンは、素材屋さんからダウンロードしたものに置き換えてもOKです。

WordPress


§ 関連記事の表示

関連記事の表示は、一般にプラグインを使います。

下記リンクにて、いろんな種類のプラグインが公開されています。
http://wordpress.org/extend/plugins/tags/related

機能には二種類あり、1つは「タグ」「カテゴリー」などを基準に関連づけるもの、もう1つは、コンテンツ(本文)から関連づけるものです。

しかし、後者の「コンテンツ・マッチ」は、マルチバイトの日本語だと上手く関連付けできない事があります。(明らかに関連記事が存在するのに「関連記事はありません」で返される)

私もいろいろ試しましたが、次の2つが無難に動作します。

Efficient related Posts

http://xavisys.com/wordpress-plugins/efficient-related-posts/

管理画面でプラグインを有効にしたら、「設定」で表示する記事数や、除外するカテゴリーなどを設定します。

関連記事の表示場所を「Auto(自動表示)」にせず、好きな所に設定する場合は、「Other setting」で「Do Not Auto Insert Into Posts 」を選択し、表示したい場所に次のコードを挿入します。

たとえば、関連記事を5件、日付順に表示したい場合。
表示場所のポジションを指定したい時は、divスタイルを使います。

displayで表示したい記事数、no_rp_textで関連する記事がなかった場合の文章を設定します。

<?php echo wp_get_related_posts(array('num_to_display'=>5, 'no_rp_text'=>'No Related Posts Found')); ?>

投稿内に表示する場合は、こちらのコードも有効です

[relatedPosts num_to_display="1" no_rp_text="No Related Posts Found"]



次におすすめなのが、『WordPress 2.3 Related Posts』

http://fairyfish.net/2007/09/12/wordpress-23-related-posts-plugin/

管理画面でプラグインを有効化し、設定画面で表示方法を選び、表示したい場所に次のコードを書き込むだけです。

<div style="margin:20px 0 40px 30px;">
<?php st_related_posts('number=5&order=date-desc'); ?>
</div>

このプラグインのいい所は、該当記事がなかった場合、「ランダムポスト」「最もコメントの多いポスト」など、いくつかのオプションから選べる点です。

「関連記事はありません」と表示されるが淋しい方におすすめです♪



関連記事を手動で設定したいなら、こちらのプラグインが非常に使い勝手がいいのですが(投稿記事画面で、表示したい記事を選択することができる)、環境によっては「記事検索」の機能が上手く作動せず、どうも日本語だときちんと拾い出してくれないみたいなのです。

もしかしたら、動作する環境もあるかもしれませんので、興味のある方は一度トライしてみて下さい。

http://wordpress.org/extend/plugins/microkids-related-posts/

非常にクールなAjaxの記事検索機能。しかし、日本語だと、反応がイマイチ・・

WordPress

日本人開発者によるプラグインなら、ベテラン・ユーザーの『hiromasaさん』が、日本語用の関連記事表示プラグインを公開されています。

http://wppluginsj.sourceforge.jp/wp-jrelated/

『Yahoo! Japan が提供する日本語形態素解析APIを利用して、WordPress の投稿をアナライズし、自動的に投稿の下部に「関連する記事」へのリンクを付与するプラグイン』とのことです。

利用するには、Yahooアプリケーションの取得が必要です(無料)。

管理画面で各種設定をすると、自動的にコンテンツの下部に関連記事を表示してくれるようになります。

ただし、このプラグインは、データベース内に独自の辞書を作成するため、MySQLの容量がどんどん増えていくので注意が必要です。

応用(1):管理人情報の表示

上記のメタ情報ボックスと同じ要領になりますが、アバター入りの管理人情報を表示しても面白いと思います。

WordPress

管理画面「あなたのプロフィール」の「あなた自身について」に記入したプロフィールが表示されます。

WordPress

表示したい場所に次のコードを記入します。
基本的に、divスタイルは、本文レイアウトのボックスを模せばいいと思います。

<div id="○○" class="○○">
 <h3 class="○○">About the Author</h3>
  <?php
      echo '<img class="○○" src="/image/me.gif"';
  ?>
 <h4><?php the_author_posts_link(); ?></h4>
		<?php the_author_description(); ?>
	</div>

echoでアバター画像を呼び出し、the_author_post_linkが、そのAuthorに属する記事のアーカイブ・リストを、the_author_descriptionが、プロフィールを呼び出します。

アバターは、アバターメーカー http://www.moeruavatar.com/でどうぞ。
(他にも似顔絵作成の無料サイトはたくさんあります。Googleで探してみて下さい)


§ 応用(2):自由スペースの表示

特定のカテゴリーや記事グループにだけ共通する自由スペース、もしくはメッセージを表示すると、よりデザインの特化を図ることが出来ます。

たとえば、それぞれのカテゴリーに特化した広告を表示させたい場合、ad_movie.php、ad_travel.php、などを作成し、表示したい場所にinclude構文を挿入します。

 $post = $wp_query->post;
 if ( in_category('3') || in_category ('4') || in_category('5') ) {
 include(TEMPLATEPATH . '/ad_movie.php');
 } elseif ( in_category('10') || in_category ('11') ) {
  include(TEMPLATEPATH . '/ad_travel.php');
 } else {
 include(TEMPLATEPATH . '/ad_common.php');
 }
 ?>

さらに、映画のカテゴリーでも、SFに関する記事には「スターウォーズ」、ドラマに関する記事には「アカデミーアワード」にまつわる情報を表示したい場合、カスタムフィールドで情報を設定し、ad_movie.phpの中にget_post_metaタグを書き込めばOKです。

たとえば、SFすべての記事に共通の情報を表示したい場合。

WordPress

表示したい場所に、get_post_meta

<?php if ( get_post_meta($post->ID, 'starwars', true) ) { ?>
スターウォーズ・アンソロジー DVD6枚組 30%割引中!
<?php } ?>

実例

WordPress

個々の記事に、それぞれに異なる情報を表示したい場合は、

WordPress

<?php echo get_post_meta($post->ID,'starwars',true); ?>

実例

WordPress

この場合も、「名前」と「値」を表示していない記事については、何も表示されません。

さらに、同じポジションで、SFには「スターウォーズ」、ドラマには「アカデミー・アワード」の情報を流したい場合は、各記事のカスタムフィールドを「名前(starwars もしくは drama)」「値(true)と設定し、表示したい場所に get_post_meta を併記します。

WordPress

すると、「starwars」で設定した記事には、上記の「スターウォーズ・アンソロジー」に関する情報が、ドラマには「アカデミアワード」の情報が表示されるようになります。

WordPress

この要領で、広告バナーを貼ったり、動画や画像を挿入したり、お知らせを表示したり、いろいろ遊んでみて下さい。
(このテクニックは全てのテンプレートファイルで有効です)

inlude構文とカスタムフィールドが自由自在に使いこなせるようになったら、もうコワイモノなし。

カスタマイズの幅がぐんと広がって、ますます楽しくなりますので、いろいろチャレンジしてみて下さいね☆

ビジュアルリッチ・エディタとコード・エディタ {2}

ここではWordPressの記事投稿に使用するビジュアルリッチ・エディタとコード・エディタについて説明しています。

WordPressには、フォントタグやイメージタグなどが一発で挿入できる「ビジュアルリッチ・エディター」と、すべてのタグを手動で入力する「コード・エディター」の2種類があります。

ビジュアルリッチ・エディター
WordPress

コード・エディター
WordPress

どちらを使うかは好みの問題なので、使いやすい方を選べばいいのですが、私の経験では、コード・エディタの方がシンプルで使いやすいです。手動でHTMLタグやDIVタグを書くのに馴れている方は、コード・エディタの方が断然おすすめです。

ビジュアルリッチ・エディターを使用しない場合は、『ユーザー』→『あなたのプロフィール』の個人設定で、「ビジュアルリッチエディタを使用しない」にチェックを入れましょう。

WordPress



コード・エディタを使う場合、よく使うHTMLタグや定型句を登録して、エディタから一発挿入できる『WP-AddQuicktag』という非常に便利なプラグインがあります。

http://wordpress.org/extend/plugins/addquicktag/

WP公式サイトのファイル置き場からダウンロードし、ファイルを解凍して、『wp-content』→『plugins』にフォルダごとアップロードします。

WordPress

管理画面の『プラグイン』を開き、「使用する」をクリックします。
WordPress

管理画面『ツール』→『AddQuicktag』を開き、設定します。
「ラベル名」がボタンに表示したい名称です。
「終了タグ」は必要なければ空のままでOKです。日本語の登録も可能です。
WordPress

あと、コードエディターの場合、改行が反映されないというデメリットがあります。

エディターでは3つの空行。
WordPress

でも、実際の画面では、一行分しか空いていません。
WordPress

こうした不具合を解消するプラグインが、CamCamさんの『brBrbr』です。(日本製プラグインです)
使い方はとっても簡単。
CamCamさんのサイトからダウンロードして、解凍したファイルを『wp-content』→『plugins』にアップロードし、プラグインの管理画面から有効かするだけです。

これでコードエディターで指定した通り、3つの空行が出来ました。
WordPress

とても便利で使い勝手の良いプラグインなので、行間をたっぷり開けて、記事を読みやすくしたい方にはおすすめです。

ただし、ビジュアルリッチ・エディターを使用する場合は、設定の仕方が少し異なるので、CamCamさんのインストラクションをよくお読み下さいね。

また、一度、このプラグインを使って記事を作成した場合、お使いのテーマ・テンプレートによっては記事中のdivタグが反映されなかったり、プラグインを中止すると全ての記事のレイアウトが変わってしまうなどの不具合もありますので、導入する時はコンテンツの内容と照らし合わせて慎重に検討しましょう。

他にエディター関連の拡張プラグインを探したい場合は、公式サイトPlugin Directoryの「Popular Tags」から、moreをクリックして、『editor』もしくは『edit』をご参照下さい。
かなりたくさんの拡張プラグインが公開されています。

WordPress

あと、「投稿入力欄の大きさ」や「整形」「投稿用カテゴリーの初期設定」などは、管理画面の『設定』→『投稿設定』で調節できますので、一度、ご覧になって下さい。

これはいろんな情報サイトで出回っている話ですが、「不正にネスト化したXHTMLを自動的に修正する」にチェックを入れると、ある種のプラグインを使った時、不具合が生じるらしいので、私も外しています。

実際に不具合が出たわけではないのですが、オフにしていた方がいいような感じがします。

§ 追記

記事投稿の改行については、いろんな方法があります。検索すると、様々な情報にヒットします。

プラグインを使う方法、本体ファイルを編集する方法、シンプルにbrタグを挿入する方法。

テーマ・テンプレートによっては、WordPressの自動編集機能を無効にするオプションが付いているものもあります。

私としては、いろいろ使ってみて、シンプルにbrタグを挿入するのが一番無難かな、と思います。

記事の中にbrタグがいくつも書き込まれるのは、あまり気持ちのよいものではありませんが、データを移行したり、テーマ・テンプレートを変更したり、ある種のプラグインをオン/オフにしたり、と、何かのアクションが原因でタグが飛んで、レイアウトがガクンと変わってしまうことがあるからです。

私の結論は、「コード・エディタを使って、手動でbrタグを挿入する」です。

面倒ですけど、これが一番確実に思います。

QR Code Business Card