アフィンガー4中級編

アフィンガー4(AFFINGER4)でサムネイル付き人気記事を表示する方法

投稿日:

アフィンガー4(AFFINGER4)でサムネイル付き人気記事を表示する方法をご紹介します。

ws000017

↑こういうレイアウトの人気記事を表示させます。

 

WordPress Popular Postsプラグンのインストールと有効化

WordPress Popular Posts」という人気記事を追加するプラグインをインストール、有効化してください。

 

ヴィジェットにポピュラーポストを配置、「HTML Markup settings」に記述

ウィジェットにWordPress Popular Posts追加

WP管理画面⇒外観⇒ウィジェット と進みます。

「利用できるヴィジェット」に「WordPress Popular Posts」がありますので、

右側の「サイドバーウイジェット」へドラッグ&ドロップしてください。

「HTML Markup settings」の設定をする

ウィジェットの「WordPress Popular Posts」の設定をします。

ws000001

post settings でDisplay post thumbnailにチェックを入れておきます。

ws000000

「HTML Markup settings」を設定します。

Use custom HTML Markup にチェックを入れ1度保存を押します。

再び「WordPress Popular Posts」の項目を展開すると、HTMLコードが入れられる枠が表示されていますので、以下のコードを入れます。

Before/after Popular Postsの前のテキストエリア
<div class="kanren">
Before/after Popular Postsの後ろのテキストエリア
</div>
Post HTML Markup
<dl class="clearfix">
	<dt>{thumb} </dt>
	<dd><h5>{title} </h5><div class="smanone2"></div></dd>
</dl>

 

以上を記載して、「保存」を押すと、サムネイル付き人気記事が表示されます。

購入特典「オリジナル子テーマ」付きアフィンガー5

最新版WING(アフィンガー5)に対応した、オリジナル子テーマ付き購入特典は上記のページをご参照ください。
  • この記事を書いた人
ネコティーチャー

ネコティーチャー

WordPressのカスタマイズが好きです。 魔改造したりプラグインやテーマを作ったりしています。

-アフィンガー4中級編

Copyright© WING(アフィンガー5)カスタマイズ講座 , 2019 All Rights Reserved.