ブログやサイトの作り方

WordPressでYARPPのカスタムテンプレートを利用する方法

YARPP(Yet Another Related Post Plugin)では基本設定だと、記事が終わった直後に関連記事のリストかサムネイル一覧が表示されます。

今回は、基本表示以外でYARPPを利用したい場合のカスタムテンプレートを利用する方法を説明します。

基本的な使い方はこちらの記事を参照ください。

⇒ WordPress:関連記事を表示するプラグインYet Another Related Posts Plugin(YARPP)

 

YARPPテンプレートの雛形を作って表示してみる

デフォルトでYARPPが利用しているテンプレートは、プラグインフォルダ内にあります。

この中から雛形として利用するテンプレートをコピーして使います。

正確な保存場所は、WordPressインストールフォルダの /wp-content/plugins/yet-another-related-posts-plugin/yarpp-templates/ です。

FTPソフトでダウンロードしてもOKですが、WordPressのプラグイン編集画面から閲覧することができます。

YARPPプラグイン編集post

プラグインに含まれている全てのファイルが表示されるので、その中から一番シンプルな「yarpp-template-example.php」を選びます。

YARPPテンプレートファイル_example

エディタ内にテンプレートが表示されるので、全て選択(Ctrl+A)して、コピー(Ctrl+C)します。

これをUTF-8エンコーディングが利用できるテキストエディタに貼り付けます(Ctrl+V)。

YARPPテンプレートファイル編集_エディタ貼り付け

一旦これを「yarpp-template-base.php」というファイル名で保存し、YARPPで利用してみます。

ファイル名は必ず「yarpp-template-***.php」にしてください。

最初の部分がないとYARPPテンプレートファイルとして認識されなくなってしまいます。

YARPPでこのテンプレートファイル利用するには、FTPソフトなどを使って、現在利用しているテーマフォルダのルートにアップロードします。

ルートとは通常のテーマならheader.phpやsingle.phpなどがあるテーマフォルダの一番上の階層です。

アップロードが終わったら、YARPPの設定ページを開き、次のように設定します。

YARPPテンプレート_simple利用設定post

記事を表示するとシンプルな関連記事が記事下に表示されます。

YARPPテンプレート_simple例

YARPPテンプレートの編集方法

YARPPテンプレートはコメント部分にテンプレートの名称や作者を、本文に関連記事として表示する内容を記述していきます。

コメント部分は

と言う構成です。

テンプレート名、作者名、説明はプラグイン設定画面で表示されるので、特にテンプレート名はわかりやすいものにします。

YARPPのコアは

この部分です。

have_posts() が普通は投稿記事があるかどうかを返すところ、YARPPテンプレート内では関連記事があるかどうかを返すという点が違うくらいで、その他は一般的なWordPress関数が利用できます。

単に、サムネイルを表示したり、見た目を変えたいのであれば、12行目の  <li></li> タグ内を編集すればOKです。

サムネイルを表示したければ、 the_post_thumbnail() を使って、次のようにサムネイル画像を取得します。

タグ内に、独自のクラスを挿入して、CSSで編集するという方法もあります。

関連記事をカスタマイズする方法は大雑把にこんなところです。

 

記事が気に入ったら
tipLog を "いいね!"
Facebookで更新情報をお届け。

tipLog

関連記事

  1. ブログやサイトの作り方

    月額100円から使える「ロリポップレンタルサーバー」

    ブログをはじめるとき、どのサーバーを契約するかとういのは悩みど…

  2. ブログやサイトの作り方

    記事を書くだけ?広告OKな無料ブログをピックアップ

    レンタルサーバーを契約してブログを始めるのはちょっと・・・のように…

  3. ブログやサイトの作り方

    開始タグと終了タグを一気に置き換える!WordPressのテーマ変更に使える小技

    このブログでもテーマの変更をしたことがあるのですが、テーマを変更すると…

  4. ブログやサイトの作り方

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?

    もともとTCDテーマの購入は検討していたのですが、「CUBEY」「Bl…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


スポンサードリンク

スポンサードリンク

inkscapeを学ぶ

カテゴリー

ピックアップ記事

   
  1. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
  2. ブログの収益化

    報酬の受取に苦労してません?初心者でもAmazon・楽天のアフィリエイトで効率的…
  3. 特集

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  4. ブログやサイトの作り方

    月額100円から使える「ロリポップレンタルサーバー」
  5. 特集

    inkscapeの使い方を集めたスキルアップのための日本語チュートリアル集
PAGE TOP