最近の投稿にサムネイル表示

WordPress にある 最近の投稿 ウィジェットテキストだけで寂しいので、

記事のアイキャッチに設定しているサムネイルをリスト表示したいと思いました。

早速やってみましょう。

 

完成形

記事リストをサムネイルで華やかにする!

 

Before (修正前)

Cursor_と_tendoors___インターネット野郎

 

 

 

 

 

 

After(修正後)

tendoors___インターネット野郎

 

 

 

 

 

 

 

 

 

 

 

早速、とりかかりましょう!

設定方法

今回は便利なプラグイン、Newpost Catch プラグインを利用します。

早速インストールしていきましょう。

管理メニュープラグイン新規追加から Newpost Catch を検索してインストールします。

プラグインを追加 tendoors WordPress

 

インストールが完了したら、設定へ進めます。

管理メニュー外観ウィジェットNewpost catch を開きます。

Cursor_と_ウィジェット_‹_tendoors_—_WordPress

 

ここは適当に、タイトル を 新着から読む に変更、サムネイルの設定 は、50×50 にして 投稿件数 は 件にしておきます。あとでCSSを修正したいと思いますので、プラグインフォルダ内のデフォルトCSS(チェックすると適用)をチェックして有効にしたいと思います。

ほかは大丈夫なので 保存 ボタンをクリックします。

早速CSSの修正をしたいと思います。

お気に入りのFTPクライアントソフトのTransmitを利用して、

WordPressサーバーにログインして、

wp-content > plugins > newport-catch フォルダへ行きます。

Cursor_と_AWS_NGINX_KNRT_NET_と_tendoors___インターネット野郎

 

ここにある、Style.css を修正しちゃいましょう。

 

いろいろ微修正しながら、こんな感じに仕上げてみました。

完成です!

tendoors___インターネット野郎

2015/5/5 に下記に修正。

以上です。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です