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}でおそらくプレビュー数とか表示されると思うよ。

関連記事

no image

amazonAPIでコミック発売日リストをphpで作る(まだ途中

あるコミック(漫画)情報サイトで記事一覧にアマゾンアフィリエイトを使っ

b

はてなブックマーク URLの統合はできない

私のブログをはてなブックマークしてくれる優しい方がいてくれてうれしいの

no image

ブログを翻訳したページを検索エンジンにキャッシュさせる方法ないかな?

検索エンジンにキャッシュされるブログの翻訳システムを以前から探して

no image

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

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

wordpress

wordpressのcategory/を消す方法とパーマリンクの例

久しぶりのwordpressネタです。 うちのブログのパーマリン

welcart

welcartの構成をさらっと見て足らない機能を足してみた

welcartに最低限足らないなと思う機能についても触れてみました。

no image

AllinOneSEO-wordpressを導入しました

いいだしっぺのサイトも記事数が200に近づいてまいりました。 今後検索

Message

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

祝日の京都水族館のイルカショーは立ち見
朝に京都水族館、夕方に帰宅で昼寝にしたらよかった

息子と嫁と京都水族館でデートしてきました。 京都水

no image
子供に自分で選ぶ、決断する力をつける方法とは?

エア子育てシリーズ。 いろいろ妄想して、うちの息子をど

no image
特許:大手家電店がアマゾンや楽天に勝つ唯一の方法は電話で在庫販売サービス

電化製品の配送サービス。 電話すると持ってきてくれる。

no image
右と左、子供にどう教える?教え方10個

右と左。 意識し始める年齢は何歳ぐらいだろうか、2歳ぐ

no image
救急で一晩乗り切る医者の判断基準や判断材料が参考になる

今日はお勧めサイトの紹介です。 医療事務として働く上で

→もっと見る

  • いいだしっぺ(これでいいだ)
    ブログのもくじ 私のプロフィール
    現代の幸福論に挑戦しています。
    ウクレレブログ好き。

PAGE TOP ↑