STINGERで画像付き人気記事を簡単に表示する方法

公開日: : 最終更新日:2014/06/16 wordpress

ワードプレスユーザーなら、STINGERというテンプレートを使っている方も多いはず。
なんたって、簡単に綺麗なブログができてしまうんだから、非常にお勧めです。
ブログのデザインが決まり、自分も納得すると後は記事を書くだけですから、非常に気合が入りやすいです。
STINGERのテンプレートで足らない機能があるとすれば画像付き人気記事でしょう。

画像付き人気記事を簡単に表示する方法

プラグインをインストール

プラグインインストール画面
プラグインインストール画面から、Wordpress Popular Postsをインストールします。

ウィジットに追加

ウィジットでWordpress Popular Postsをドラッグして追加する。

投稿HTMLマークアップに下記を入力

投稿HTMLマークアップに下記を入力
たとえばスクロール広告用に表示する場合、左寄りにするために<div align=”left”></div>を入れましたので、不必要なら消してください。

上から、タイトルを短縮する 25
抜粋を表示する 32
投稿サムネールを表示する 幅100 高さ100
HTMLマークアップの設定にチェックを入れ、
タイトルの前
<div align=”left”><h4 class=”menu_underh2″>

</h4></div>

投稿の前
<div id=”topnews”><div><dl>

</dl></div></div>

投稿用HTMLマークアップ
<div align=”left”>
<dt><span>{thumb} </span></dt>
<dd>{title}
<p>{excerpt}</p></dd>
</div>

これで終わりです。
私はいらないので消しましたが、{stats}でおそらくプレビュー数とか表示されると思うよ。

ほかにもこれ読んでみませんか?

日本語文字コードのwordpressテンプレートStingerがおすすめな理由

wordpressのテンプレートをStingerというフリーのSEOテ

no image

特定のカテゴリの記事を表示しないプラグインを導入

advanced-category-excluder 使い方は、インス

Message

メールアドレスが公開されることはありません。

時代は光じゃなくホームルーターだな。

ラインスタンプで後悔、文字が黒だと背景黒で文字読めない
ラインスタンプで後悔、文字が黒だと背景黒で文字読めない

言われるまでまったく気づかなかったんですが、 ライ

ハッピーセットのプラレールの後ろと後ろ、お尻とお尻をくっつける方法
ハッピーセットのプラレールの後ろと後ろ、お尻とお尻をくっつける方法

マクドナルドのハッピーセット トミカのミニカーとプラレ

傘カードで足し算と引き算
傘カードで足し算と引き算

傘の中の〇の中に数字を書くゲームです。 はじめは足

no image
児童福祉事業所を1円で買いたい、M&Aしたい話

日本ブレイク工業見たく、買いたい、買いたい、事業所ごと買

no image
40歳年収300~400万で投資しないで貯金4000万円あったのすごくない?

今は日本株を初めて1年ですが、 投資は本当にいままでし

→もっと見る