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

関連記事

welcart

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

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

welcart

無料ショッピングカートシステムのwordpressのプラグインwelcartを使ってみた

商店をやっている方で、インターネットショップを開こうと思うと、

no image

カテゴリーのページをタイトル一覧表示に変更する方法。perpage.phpを使わない

Custom Query String 2.9を使えば、perpage

パックマンのイメージ

早くパクるブログ=まとめサイトの記事作りがいいみたい

イケダハヤトの言う、誰よりも速くパクる(DHP)という技術はブログの記

no image

twitterとwordpressを連携させてみた

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

wordpress

WP-CacheをIISで動かす方法。高速化する。

WordPressがあまりに重い。 IIS(WINDOWSサーバ

no image

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

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

Message

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

no image
頑張ってるバカがここにいますよ!タイトルを変更した理由

なぜタイトルをこれだブログに変更したかって? 源泉徴収

no image
残業多くて子育てできない職場は誰も働かない

少子化でこれから安い給料で過酷な職場は人の確保が難しくな

no image
電気で走る軽自動車は無いがワゴンR2017フルモデルチェンジに期待

今普通車から軽自動車に乗り換えることを考え中。 軽自動

外見が草食系で中身が肉食系の男性のことをロールキャベツ
外見が草食系で中身が肉食系の男性のことをロールキャベツというらしい

外見が草食系で中身が肉食系の男性のことをロールキャベ

ダウン症に幸せですか?と聞くと95%がはいと答えた
ダウン症に幸せですか?と聞くと95%がはいと答えた

以前テレビかなんかでこんなテーマがあった。 ダウン

→もっと見る

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

PAGE TOP ↑