アフィリエイトに特化したWordPress有料テーマ「アフィンガー４（Affinger4）」でサムネイル付き人気記事を表示する方法をご紹介します。
↑こういうレイアウトの人気記事を表示させます。
目次
WordPress Popular Postsプラグンのインストールと有効化
「WordPress Popular Posts」という人気記事を追加するプラグインをインストール、有効化してください。
ヴィジェットにポピュラーポストを配置、「HTML Markup settings」に記述
ウィジェットにWordPress Popular Posts追加
WP管理画面⇒外観⇒ウィジェット と進みます。
「利用できるヴィジェット」に「WordPress Popular Posts」がありますので、
右側の「サイドバーウイジェット」へドラッグ＆ドロップしてください。
「HTML Markup settings」の設定をする
ウィジェットの「WordPress Popular Posts」の設定をします。
post settings でDisplay post thumbnailにチェックを入れておきます。
「HTML Markup settings」を設定します。
Use custom HTML Markup にチェックを入れ1度保存を押します。
再び「WordPress Popular Posts」の項目を展開すると、HTMLコードが入れられる枠が表示されていますので、以下のコードを入れます。
Before/after Popular Postsの前のテキストエリア
|
1 |
<div class="kanren"> |
Before/after Popular Postsの後ろのテキストエリア
|
1 |
</div> |
Post HTML Markup
|
1 2 3 4 |
<dl class="clearfix"> <dt>{thumb} </dt> <dd><h5>{title} </h5><div class="smanone2"></div></dd> </dl> |
以上を記載して、「保存」を押すと、サムネイル付き人気記事が表示されます。
追記：アフィンガー4Proカスタマイズの専用サイトを作りました！
アフィンガーのカスタマイズ方法についてはもちろん
アフィンガーの口コミ、レビューやSEO効果など、このページよりも詳細に書いています！
カード型の記事一覧を表示できるオリジナル子テーマもカスタマイズ講座のリンクからの購入特典として配布しております。
カスタマイズ方法が分からない方は、ぜひ見てみてくださいー。