WordPressのカスタムフィールドで手動の関連記事を表示する方法とマニュアルリンクプラグインの5つを紹介

WordPress

WordPressのカスタムフィールドを使って、手動の関連記事を表示する方法です。
ついでに手動プラグインも5つまとめて紹介しておきます。

最初はプラグインでやろうと思ったのですが、すでに関連記事のプラグインを導入しており、同じようなプラグインを2つ利用すると、衝突するかもしれません。実際、少しだけテストしたところ、おかしな挙動になったプラグインもありました。

カスタムフィールドで関連記事を表示する

そこで、今回はカスタムフィールドを使って実装することにしました。

post.phpの表示したい箇所に、次のコードを書きます。
やりたいのは表示したい記事だけに表示することです。

<!--カスタムフィールドによる関連記事エリア-->
<?php if(post_custom('manual_link')): ?>
<div style="margin-top:30px">
<?php echo post_custom('manual_link'); ?>
</div>
<?php endif; ?>
<!--カスタムフィールドによる関連記事エリア-->

次に投稿記事に移動します。カスタムフィールドは表示されていないことがあるため、画面上の隠れているメニューから表示のチェックボックスを入れましょう。そして、カスタムフォールドの「名前」に

manual_link

を入力してプログラムの関連付けをします。

次に、値の欄に、手動で表示したい関連記事の中身のコードを書けばいいだけです。

<p>● この記事を読んだ人におすすめの記事です!!<br />
<a href="https://ebookbrain.net/" target="_blank"></a>
</p>

タグはお好みでどうぞ。これで離脱率はさがるのでしょうか。なんとなく効果はある気がします。

後日談。。
ただ、この方法だと投稿の編集に直接いれても手間が変わらないんじゃないか、と思い始めて、3日ほどで導入をやめました^^;カスタムフィールドにしてしまうと、Search Regexなどの検索にもかからなくなるなどの理由もあります。

スポンサーリンク

手動で関連記事を表示できる5つのプラグイン

ついでに、手動設定できるプラグインも紹介しておきます。

● WordPress Related Posts
WordPress › WordPress Related Posts « WordPress Plugins

こちらが1番有名のようです。

● Manual Related Posts
WordPress › Manual Related Posts « WordPress Plugins

使い勝手はよさそうです。ただ、こちらは文字が切れてしまう症状がありました。
しかも、手動の関連記事だけではなく、人気記事のプラグインとYARPPの文字も切れるようになります。回避策があるのかもしれませんが、その前にカスタムフィールドを導入することに決めたため、調べていません。

● Related Posts for WordPress
WordPress › Related Posts for WordPress « WordPress Plugins

評判はよさそうですが、2年以上更新がないようです。

他にもこんなプラグインがあります。

●Custom Post Types Relationships
WordPress › Custom Post Types Relationships (CPTR) « WordPress Plugins

●Posts 2 Posts
WordPress › Posts 2 Posts « WordPress Plugins

わりとたくさんありますね。使い方はぐぐればでてくるでしょう。個人的にはプラスアルファ手動で関連記事を表示したかったため、プラグインの導入は見送りました。ただ、プラグインを導入をしたい人の参考になれば幸いです。

スポンサーリンク

サイドバーに手動リンクを設置する裏技

実は、もうひとつ手動でマニュアルリンクを設置するプラグインがあります。裏技というか発想力でしょうか^^
そうです。Wordpress自身が用意しているLink Managerというプラグインを使います。外部リンクではなく内部リンクとして使えばいいだけですからね。

サイドバーにウィジェットとして配置するだけです。画像も利用できます。人気記事を設置していれば、その画像urlを設定してあげればいいだけです。

ただimgタグのところにclassがなぜか設定されていないため、文字の位置等をカスタマイズするにあたりちょっと困るかもしれません。

スポンサーリンク

サイドバーに手動リンクを設置する裏技 その2

その2を追加しました。

サイドバー(sidebar.php)に画像つき手動のリンク集を作成する(プラグインのパラメーター利用)

スポンサーリンク

サイドバーに画像つき手動リンクを設定する1番簡単な方法

基本はやっぱこの方法ですよね。

サイドバーに画像つき手動リンクを設定する1番簡単な方法

コメント