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

AllinOneSEO-wordpressを導入しました

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

no image

1つのデータベースにwordpressを複数インストールするメモ

20歳のFXという友人のサイトにwordpressをインストールします

stinger

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

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

wordpress

wordpressでgoogleadsenseが半分に切れるあなたは

wordpressの人気テンプレートstingerを使っていません

no image

twitterとwordpressを連携させてみた

アクセスアップのためにtwitterアカウントつくりました。 ツ

no image

wordpressであなたのプロフィールを表示させる方法

ニュースサイト構築の際、投稿を複数人で行う場合 各ユーザーのプロフィー

divが邪魔で隙間が埋まらない

wordpressカスタムメニューのdiv class menu-main-navi-containerが邪魔

久々のWPネタ。wordpressの標準のメニューを画像に置き換え

Message

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

肩がバキッ!0歳の息子を無理にうつ伏せから仰向けに寝返りさせたら
肩がバキッ!0歳の息子を無理にうつ伏せから仰向けに寝返りさせたら

1~2カ月前の話なんだけど、0歳の息子が寝る前に布団

no image
マイホームの予算を逆算、年収300万では2000万円が限界か

中古住宅、中古マンション・・・ こんなに綺麗な注文住宅

no image
のどスプレーは飲み物。美味しいので2日で1本飲む

風邪。特に喉が痛い。咽頭炎。 そんなときはのどスプレー

no image
子供の頭を洗うのはすすぎ時間は短いほうがいい?

入浴の際洗髪を嫌がる乳幼児は多い。 自己主張を始める「

no image
入院のカルテ開示はいくらかかる?5万円以下ぐらいです

病院の患者情報が書いてある「カルテ」は今の時代、患者のも

→もっと見る

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

PAGE TOP ↑