最近、食品のカロリーを簡単に計算できるサイト「CaloCal」を制作しています。

WPテーマはサルワカさんの「SANGO」を使わせてもらっています。

で、サイドバーに閲覧履歴（ユーザーが今までアクセスしたページの履歴）を表示させたいなぁと思って、カスタマイズしてみました。

まずは「WordPress Posted Display」というプラグインをインストールします。

管理画面左メニューに「Posted Display 設定」というのが表示されますので、「新規追加」をクリック。

↓テンプレートをこんな感じに変更。

<a href="##link##">
<figure class="my-widget__img">
<img src="##image##" width="160" height="160" class="attachment-thumb-160 size-thumb-160 wp-post-image">
</figure>
<div class="my-widget__text">##title##</div>
</a>

保存して、次に「外観」→「ウィジェット」で
「Posted Display」をサイドバーに追加。

このままだと、サイドバーに表示されるサムネイルがフルサイズ（長方形）になって不格好なので、
プラグインのソースをいじります。

/wp-content/plugins/wp-posted-display/includes/wp-posted-display-admin-widget.php
を開いて
「full」で検索。

184行目あたりの

$images = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'full' );

を

$images = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'thumbnail' );

に修正します。

そして少し上（178行目あたり）の

echo '<ul>' . PHP_EOL;

を

echo '<ul class="my-widget">' . PHP_EOL;

に修正。

以上です！！！

もし、タイトルにアイコンを付けたかったら、

「外観」→「カスタマイズ」→「追加CSS」に以下を追加してください。

.sidebar .has-fa-before:before {
    content: "\f1da";
}

アイコンはこちらで探せます。
https://fontawesome.com/

「PRO」表示されているものは、有料なので使えません。それ以外で。

ここのUnicodeをコピって貼り付ければおk！