ブログやサイトの作り方

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. ブログやサイトの作り方

    無料から収益化?有名ドコロの無料サーバーをピックアップ

    前回は、無料のブログサービスで使い勝手のいいものを2つ紹介しました。…

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

    WordPressのバックアップを手動で確実に行う方法

    ある日突然WordPressのデータが消えてなくなったらと思うとぞっと…

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

    WordPressのパーマリンク設定のためのタグ一覧

    WordPressのパーマリンクを設定するとき、自動でカテゴリー名など…

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

    WordPressのサーバー移行時に注意したいことと2つのブログをまとめる方法

    WordPressサーバーを移行するときにはまってしまったので、覚書と…

コメント

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

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

CAPTCHA


スポンサードリンク

スポンサードリンク

スポンサードリンク

カテゴリー

ピックアップ記事

関連コンテンツ

WordPressテーマ「MAG(TCD036)」   ロゴマルシェ - LogoMarche   ボタンマルシェ - ButtonMarche  
  1. ブログやサイトの作り方

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?
  2. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
  3. ブログやサイトの作り方

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

    inkscapeの使い方を集めたスキルアップのための日本語チュートリアル集
  5. ブログの収益化

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