Sibatabi

旅の経験を情報として配信するブログ

URLをコピペするだけ!管理画面から記事毎にオススメ記事を設定して、記事下に表示させるカスタマイズ。

 2017/08/04 

自分用のメモ。

記事下に、関連したオススメ記事を表示してブログ内の巡回率を高めようとして行ったカスタマイズです。

記事下には関連記事を既に表示していましたが、関連記事はランダムで表示されてしまい、同じカテゴリ内でも記事との関連が薄かったりすることもあるので、よりマッチ度の高い記事を、記事を読み終わったすぐ後の記事直下で提示することが出来るようにしました。

いちいちタイトルとURLをコピペするのが面倒だったので、設定項目にURLだけを張り付ければ自動でタイトルも引っ張ってくるようにしてあります。

ちなみに僕は、設定したのは良いけど、過去記事まで全部URLを入力出来ないままになっているので、一旦削除することにしました。笑

なので、後で必要になった時のためのメモ。笑

 

仕上がりはこんな感じ。

ワードプレスカスタマイズ|記事下オススメ記事の設定

ワードプレスの記事管理画面下、カスタムフィールドに上記のような設定項目を追加しました。

この欄にオススメしたい記事のURLを入れると、記事下にリンク付きのタイトルが自動で表示されます。

ついでに、上のSEO設定項目は以下の記事にカスタマイズ方法をメモしています。

 

ワードプレスカスタマイズ|記事下オススメ記事の設定

表示はこんな感じです。

 

カスタマイズするためのコード

function.php

まずfunction.phpに以下のように記述しました。

 

single.php

コードがごちゃごちゃするのが嫌なので、記事下の表示したい部分に以下のようなコードを入力して、新しく作った”kijisita-awasete.php”と言う別ファイルから呼び出すようにしました。

 

kijisita-awasete.php

実際に出力するコードは以下の通り。

 

style.css

そして、最後にレイアウト。スタイルシートには以下のように記述。