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

楽天アフィリエイトをクリックするとポップアップブロックされてしまう間違った対処方法

ちょっとさっき気づいたこと。ワードプレスの投稿に楽天アフィリエイトタグ

no image

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

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

b

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

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

welcart

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

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

no image

twitterとwordpressを連携させてみた

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

wordpress

WordPressを最新に更新したらデータベース壊れた

バージョン 3.2.1に更新したら、データベースが壊れてしまったよ

stinger便利すぎる!

stinger便利すぎる!広告のスマホ表示しない設定とトップページのみ表示

stinger便利すぎます! 標準でスマートフォン最適化設定にもなっ

Message

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

2017年店頭で買える一番安いノートパソコンはこれだ!
2017年店頭で買える一番安いノートパソコンはこれだ!

店頭で買える一番安い早いノートパソコンとは? 久々です

相談だけでアンパンマンのクリアファイルとレジャーシート
急いでいる時間のない人に学資保険を選ぶならこれだ!

学資保険… なぜか地方銀行や信用金庫にはない商品…

no image
特許:親指が破れた靴下を伸縮布テープでふさぐシール

こんなのはどうでしょうか。 もうあるかもしれないけど、

改めて写真を見るとレイアウト変えればなんとかなったかも
赤ちゃん本舗の無料の寝相アートの感想とレビュー

第一印象はレベルが低すぎた。 無料の先着5名とかの赤ち

お食い初め2700円で鯛付き豪華
お食い初め親子3人で予算5000円でしてきた

お食い初めをする予定はなかったのかもしれないんですが仕事

→もっと見る

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

PAGE TOP ↑