定型句プラグイン テキスト、画像、バナー等をローテション表示する {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構文とカスタムフィールドが自由自在に使いこなせるようになったら、もうコワイモノなし。

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

サイドバーのカスタマイズ(1) 新着記事、カテゴリー内記事一覧、カテゴリーリスト {3}

ここでは、サイトの重要なナビゲーションであるサイドバー(sidebar.php)のカスタマイズについて説明しています。

内容は以下の通りです。


§ サイドバーのカスタマイズ

  1. ウィジェットとマニュアル編集について
  2. 共通サイドバーと特化型サイドバーについて
  3. sidebar.phpの構成
  4. 新着記事の表示
  5. カテゴリー内記事一覧の表示
  6. カテゴリー・リストの表示

    ———————————————

    『サイドバーのカスタマイズ(2)を参照』

  7. サイドバー・スペースを使いこなす
    (ウェルカムメッセージ、タグ・クラウド、コンタクトフォーム、サイドブログなど)

  8. 特化型サイドバーの応用
  9. 共通アイテムの表示(include構文)


§ ウィジェットとマニュアル編集について

サイドバー(sidebar.php)のカスタマイズには、「ウィジェット」と「マニュアル(手書き編集)」の二通りあります。

マニュアルは、テーマ・テンプレートのPHPコードを手書きで編集しますが、ウィジェットは、カテゴリー、新着記事、タグクラウドといった構成部品を、次のようなパネル操作でカスタマイズします。

ウィジェットは、管理画面メニューの『外観』→『ウィジェット』から操作することができます。
WordPress

各メニューはドラッグ&ドロップで移動し、編集画面を開いてカスタマイズします。

WordPress

実際の画面。

WordPress

これらは非常に便利な機能であり、PHPコードが分からない初心者でも簡単にカスタマイズすることができますが、デメリットもあります。

たとえば、カテゴリーごとに特化したサイドバーを表示したり、ページによって非表示にしたり、共通のメッセージを読み込ませたり……という、細かなカスタマイズがかえって煩雑になる側面を持っています。

また、ウィジェット部品の中には、一度使ったら、他の場所に使い回しできない種類もあります。(バージョン2.7現在)

部品を複製するプラグインもありますが、そうなるとウィジェットの数もふくれあがり、マニュアルならコードを一行書き足すだけで済む事も、ウィジェットだと、いくつもある編集画面を1つ1つ開いて、書き直さなければなりません。

つまり、シンプルなデザインには便利だけども、複数のサイドバーを使い分けたり、ページ単位の細かなカスタマイズを要する場合は、かえって煩雑になる側面があるのです。

私としては、最初からウィジェットに頼らず、まずはマニュアル編集から取り組んだ方が、WordPressのファイル構成やテンプレート・タグを学ぶ上でも、後々、力になると思います。

サイドバーのマニュアル編集ができれば、80%理解できたも同じですからネ。

そんなわけで、このメルマガでは、ウィジェット編集はSkipして、マニュアル編集をメインに解説していきます。

なお、「ウィジェットか、マニュアルか」の切り替えは、ウィジェットを利用しなければ、自ずとマニュアル編集になります。

1つでもウィジェットを設定してしまうと、マニュアル編集が反映されない等のトラブルになりますので、とりあえず「触らない」ということで注意して下さい。


§ 共通サイドバーと特化型サイドバー

サイドバー表示には二通りあります。

1つは、「すべてのコンテンツに共通のサイドバーを表示する」。

もう1つは、「カテゴリーごと、あるいはページごとに特化したサイドバーを表示する」。

前者の場合、sidebar.phpだけを使って、全てのカテゴリー、ページに共通したサイドバーを表示します。

後者の場合、たとえば、映画なら「sidebar_movie.php」、書籍なら「sidebar_book.php
」という複数のサイドバー・ファイルを用意し、カテゴリーによって違うサイドバーを読み込ませます。

やり方は非常に簡単なので、後日、記事の後半で説明します。まずは共通のカスタマイズから見ていきましょう。

サイドバーは、訪問者にとって、サイトの概要を知る大きな手掛かりとなる部分なので、「どんな情報を、どのように表示するか」をよく考えて、プランを立てて下さいね。


§ sidebar.phpの構成

まず、使用するテーマのsidebar.phpの構成を理解しましょう。

最近は難解なものが増えてきて、初めてみた瞬間は「うっ」となるかもしれませんが、どのsidebar.phpにも必ず『パターン』があります。
1つ1つのブロック構成を理解すれば、あとはコードを編集するだけなので、意外と簡単ですよ。

たとえば、『sunshine』の場合、「Rcecent Posts(新着記事)」の表示は以下のようなコードが記述されています。

WordPress

WordPress

まず、最初にブロックのデザインを指定する『div class=”Widget”』があります。
class=”Widget”は、スタイルシートstyle.cssに次のように指定されています。

ブロックの背景色をfloralwhiteに変えたい場合は、backgound:で指定された部分を#fffaf0と書き換えます。

#sidebar .widget {
background:#fff;
border:1px solid #ccc;
margin-bottom:10px;
}

次に、『h3』で指定されたブロックのタイトルがあります。

上記では、php echo $posts_widget_title; と、ウィジェットで指定したタイトルを表示するようになっていますが、「新着記事」や「最新の記事」など、普通のテキストに置き換えて構いません。

次に、< ? php ・・ から始まる長いコードが「Recent Posts」の内容を指定しています。

この『div class="Widget"』から『/div』で囲まれた部分が、1つのブロックを形成しているわけですね。

ポジションを移動したり、ブロックを削除・追加する場合は、これをひとまとめにして操作します。

たとえば、「新着記事」→「カレンダー」の順番を入れ替えたい場合は、「新着記事」を表示しているブロックを、カレンダーのブロックの下に丸ごと移動すればいいわけです。

ポジションが決まったら、あとは『テンプレートタグ』を書き換えるだけです。


§ 新着記事の表示

新着記事のリストを表示する方法はいろいろあるのですが、一番確実なのは、使用するテンプレートファイルのタグをそのままアレンジすることです。

たとえば、上記の場合、最新記事の表示は、

	<?php
		if (is_single()) {
			$posts_widget_title = 'Recent Posts';
		} else {
			$posts_widget_title = 'Random Posts';
		}
	?>

これは、シングル記事の場合「最新記事を10件、日付順に表示」、それ以外は「最新記事を5件、ランダム表示」という設定になっています。

これを変更したい場合は、(”)で指定された引数を書き換えるだけです。

get_postsの場合、category(指示したカテゴリIDを表示)、offset(先頭から何件の投稿を除外するか)、orderby(どの項目の値で投稿を並べ替えするか)といった引数があります。

参照記事:テンプレートタグ get_posts

もっとシンプルに表示したければ、wp_get_arhivesというテンプレートタグが便利です。

最新の記事を5件、投稿された順番に表示する場合

 <?php wp_get_archives('type=postbypost&limit=5'); ?>

このテンプレートタグは、カテゴリの指定などは出来ません。

参照ページ テンプレートタグ/wp get archive

より細かなカスタマイズが必要なら、query_postsが便利です。

参照ページ テンプレートタグquery posts

「カテゴリーID=3,6,9,10に属する新着記事10件をランダムに表示する」

<?php query_posts('cat=3,6,9,10&showposts=10&orderby=rand'); ?>
<ul>
  <?php while (have_posts()) : the_post(); ?>
  <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
  <?php endwhile;?>
</ul>

特定のカテゴリーを除外する場合は、cat=-3 のように、マイナスを書き込みます。

have_posts : the_post ・・に続く行は、リスト表示のスタイルを定義しています。

この場合、the_title(記事タイトル)にパーマリンクが挿入されるよう設定されていますが、記事リストに日付を入れたい場合は、the_dateタグを付け加えます。

<li><a href="<?php the_permalink() ?>"><?php the_title(); ?><?php the_date(); ?></a></li>

これらを総合的にカスタマイズした例がこちらです。

	<div class="●●●">
		<h3>最新の記事</h3>
	<?php query_posts('cat=23,24&showposts=5'); ?>
<ul>
  <?php while (have_posts()) : the_post(); ?>
  <li><a href="<?php the_permalink() ?>"><?php the_title(); ?>【<?php the_date('n月j日'); ?>】</a></li>
  <?php endwhile;?>
</ul>
  <font color="#990000">サイト閲覧には<a href="sitemap">サイトマップ</a>もぜひご参照下さい。</font>
	</div>

実際の画面

WordPress

記事表示には、プラグインを使う方法もあります。

Query Inside Post』は、プラグインを有効化するだけで、記事リストを簡単に表示できます。

FAQがフランス語なので、ちょっと分かりにくいですが、使用する引数はquery postsと全く同じです。

sidebar.phpや、その他のテンプレート・ファイル内に表示する場合は、

投稿記事内に表示する場合は、[wlist 引数]。

たとえば、サイドバーに、「カテゴリーID=2,4に属する最新記事を10件表示する」、

<?php echo qip('cat=2,4&showposts=10'); ?>

シングル記事や固定ページに、「タグ=bookとmovieに属する記事を5件ランダムに表示する」

[wlist tag="book,movie" showposts=5 orderby=rand]

プラグインファイルもPHPファイルがが一点だけなので、ジャマになりません。

他にもタグの記事リストなども表示できますので、よかったら、試してみて下さい。

ちなみに、当サイトの【育児カテゴリー】は、wp_get_archiveと、echo_qipを組み合わせ、カテゴリー以外に、タグに属する記事の一覧も併せて表示するように設定しています。

WordPress

『/tag/kodomosyoku』が、タグ一覧のURLアドレスになります。

<ul>
 <?php wp_list_categories('orderby=ID&include=6,62,64,68,82=&title_li=&show_count=1'); ?>
<li><a href="/tag/kodomosyoku">偏食・小食・家庭用レシピ</a>
      </ul>

テンプレートタグ以外に、一般のリンクも織り交ぜると、表現の幅が広がりますヨ☆


§ カテゴリー内記事一覧の表示

現在、表示されている記事のカテゴリーに属する記事一覧を表示するには、次のような記述が有効です。

 <ul>
 <?php if (is_single()) {
global $post;
$categories = get_the_category();
foreach ($categories as $category) :
?>
  <?php
$posts = get_posts('orderby=rand&offset=1&numberposts=5&category='. $category->term_id);
foreach($posts as $post) :
?>
        <li><a href="<?php the_permalink(); ?>">
          <?php the_title(); ?>
          </a></li>
        <?php endforeach; ?>
        <li><strong><a href="<?php echo get_category_link($category->term_id);?>" title="<?php _e('カテゴリー内記事一覧を見る','sanmarie');?> <?php echo $category->name; ?>">
             <?php _e('記事一覧を見る<br> ','sanmarie');?>
          '<?php echo $category->name; ?>' »</a></strong></li>
      <?php endforeach;?>

		<?php } ?>
 </ul>

WordPress

上記の記述はかなり長いので、分けて見ていきましょう。

まず最初の5行で条件を指定します。

「もし、シングル記事が表示されて、カテゴリー情報を得たら・・」

 <?php if (is_single()) {
global $post;
$categories = get_the_category();
foreach ($categories as $category) :
?>

「次の条件で記事リストを表示する」。
ここで使われているテンプレートタグは get_postsです。
(”)内の引数で、表示方法を選択します。

 <?php
$posts = get_posts('orderby=rand&offset=1&numberposts=5&category='. $category->term_id);
foreach($posts as $post) :
?>

次のコードで、表示させる内容を指定。
この場合、タイトルのみのリンク・リストが表示されます。
日付も表示したい場合は、the_titleの続きに the_dateを表示すればOK。

<li><a href="<?php the_permalink(); ?>">
          <?php the_title(); ?>
          </a></li>
        <?php endforeach; ?>

最後に、カテゴリーの全記事リストへのリンクが入ります。

 <li><strong><a href="<?php echo get_category_link($category->term_id);?>" title="<?php _e('カテゴリー内記事一覧を見る','sanmarie');?> <?php echo $category->name; ?>">
             <?php _e('記事一覧を見る<br> ','sanmarie');?>
          '<?php echo $category->name; ?>' »</a></strong></li>
      <?php endforeach;?>
        	<?php } ?>

一見、複雑な感じがしますが、どのコードが、どの部分を表示しているか、というストーリーが分かれば、あとは自己流にアレンジするだけです。

プログラムが分からないと、こういうコードを一から自分で作成することは出来ませんが、テーマ・テンプレートに書かれたコードをアレンジすることは可能です。

時々、テンプレート配布サイトをチェックして、「この表示、カッコいいな」と思ったら、ファイルをダウンロードして、コードを確認してみて下さい。
そして、自分でも触れそうだと思ったら、どんどんチャレンジするのが上達のコツかと。

WordPressテーマやプラグイン、カスタマイズに関する最新情報は、こちらのサイトがなかなかイケますよ。
Weblog Tools Collection


§ カテゴリー・リストの表示

カテゴリー・リストを表示する場合は、次のテンプレートタグが一般的です。

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

たとえば、カテゴリーID3,5,9を名前順に表示したい場合は、

  <?php wp_list_categories('orderby=name&include=3,5,9'); ?>

階層を非表示とし、各カテゴリの投稿数を表示する。

<?php wp_list_categories('hierarchical=0&show_count=1'); ?>

参照ページ:テンプレートタグ wp_post_categories

リスト表示はスタイルシートでデザインを変えることができます。

リスト表示に画像を使いたい場合は、

<div style="sidebar_category">
<ul>
<li>
<?php wp_list_categories('include=3,6,9&show_count=1'); ?>
</li>
</ul>
</div>

この部分のデザインを指示しているsidebar_categoryに、ul、liに関するスタイルを付け加えます。
(オリジナルのスタイルシートで既に指定されている場合は、その部分を変更)

スタイルシートの一例。

.sidebar_category ul li
{
  padding:0px 0 0px 9px;
  background-image: url('images/list.gif');
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}

WordPressの場合、デザインに使う画像は、テーマ・テンプレートのイメージ・フォルダにアップロードするのが一番わかりやすいです。
下記の場合、images/ のパスは、piblic_html下のimagesフォルダではなく、テーマ・テンプレートのイメージ・フォルダを意味しています。
このパスを書き間違えると、画像が表示されません。

リストタグの種類については、次のページをご参照下さい。
参照ページ:TAGインデックス【リスト】

カテゴリーをツリー表示してくれるプラグインもあります。

WP-dTree http://wordpress.org/extend/plugins/wp-dtree-30/

WordPress

使い方は、Lovelogさんのサイトで詳しく説明されています。
日本語版も配布されていますので、興味のある方はぜひ。

wp-dtree-30.3.5日本語版配布

折りたたみ式のカテゴリーリストを表示するプラグインもあります。

Collapsing Categories http://wordpress.org/extend/plugins/collapsing-categories/

ウィジェットでも、手動編集でも、どちらでも活用できるのがポイントですね。

こちらは、プラグイン・フォルダにファイルをアップロードし、管理画面から有効化して、設定画面からディスプレイ・オプションを選択します。

表示したい場所に次のコードを書き込むだけでOK。
「your_option_here」というのは『引数』の意味です(include、show_numberなど)

<?php
if (function_exists('collapsCat')) {
  collapsCat('%i%');
} else {
  echo "<ul>\n";
  wp_get_categories(your_options_here);
  echo "</ul>\n";
}
?>

カテゴリーが増えれば、こうしたプラグインを使ってすっきり整理してもいいですが、別の見方をすれば、「訪問者がアクションを起こさなければ情報が伝わらない」ということでもあるので、導入する時はよく考えて下さいね。

カテゴリー名をクリックした時、カテゴリー一覧を表示するのが『arhive.php』です。

アーカイブのカスタマイズについては、http://sanmarie.me/word/wp-14をご参照下さい。

ビジュアルリッチ・エディタとコード・エディタ {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