WordPressやSymfonyのTipsを中心にアニメや日常の出来事について語ります。
メニュー

古い記事を有効に活用してアクセス数をアップしよう!~ランダムでサムネイルを表示する方法~

この記事は約2分6秒で読めます

ランダムでサムネイル表示
ゆっきー
ども、カフェブロガーの悠木です。 お気に入りのカフェはドトールコーヒーです。 14時からの限定スイーツ「シューシャポー」が大好きです。

2014年5月の終わりからゆとりっちブログを書き始め公開記事数は120記事を突破しております。当面は500記事を目標にガンガン投稿していきたいと思っております。

下書きも残り107記事あるので、ネタもまだまだ尽きそうにないです。

なるべくは時事ネタ、季節ネタを優先して書きたいところです。

古い記事は読まれにくい?

検索エンジンから個別の記事を読みに来る新規さんは別として・・・
リピーターさんやトップページを開いた読者さんは新しい記事から順番に読んでいくと思います。

その分、古い記事が目に触れる機会が少なくなってしまいます。
やっぱりどの記事も一生懸命書いている記事なので、古い記事も読んでもらえる機会を与えたいです。

「Tweetily」プラグインを使って過去記事を定期的にツイッターでつぶやくようにしていますが、ブログでも何か工夫できないか。私、考えました!

やはり、サイドバーの1番上が目立つのでここにランダムでアイキャッチ画像を表示してクリックしたら当該記事へ遷移するようにしたいと思います。

この記事は「Post Snippets」プラグインが予め導入されていることを前提としています。
「Post Snippets」の使い方はこちらの記事を参照ください。

Post Snippetsを使ってサイドバーでランダムに記事を表示する方法

Post Snippets

ランダムで記事のサムネイルとその下に記事タイトルを表示します。

文字の行間がくっつきすぎているので、CSSで調整しました。

ちょこっとカスタマイズ

$args変数を書き換えることで抽出条件を変更できます。
オススメのカテゴリーだけ表示したり、除外したいカテゴリを設定することができます。

他にもたくさんの条件を指定することができます。もっと詳しく知りたい方は下記の参考サイトをご覧下さい。

WP_Queryの使い方をPHPコードにまとめた便利なコード・スニペット|notnil creation weblog

さいごに

個人的にこのカスタマイズは気に入ってます!
プラグインを利用しても似たようなことはできるかと思います。

テーマによってはおすすめ記事に登録してウィジェットを登録すればランダムで表示されるといった機能もあります。
おすすめ記事にいちいち登録したり外したりするのが面倒だったので、すべてランダム表示にする機能が欲しかったのです。

抽出条件を簡単に変更できるので色々融通が利くと思います。
使い方など分からない場合は気軽に下記のコメントフォームからご質問ください。

分かる範囲でお答え致します。

2014.11.26 追記 : 見た目を少し工夫する

『もっと見た目をよくして欲しい』というご要望がありましたので、CSSをパクって変更してみました。

気に入っていただけたらうれしいです。

画像の上に半透明の帯とテキストを表示する

画像の上に半透明の帯とテキストを表示する

ソースコード

style.cssのみ変更します。
style.cssに追加するコード(1)のコードは不要なので、削除してください。
画像の下にテキストが表示されるほうが好きな人は(1)を利用してください。

参考サイト

画像の上に半透明の帯とテキストを表示|Salty WordPress

Post Snippetsの関連記事

  1. WordPressで定型文を簡単に管理して使える「Post Snippets」プラグイン
  2. 古い記事を有効に活用してアクセス数をアップしよう!~ランダムでサムネイルを表示する方法~
  3. Post Snippetsを使って同じタグを持つ関連記事の一覧を表示する方法

関連記事

  1. ご飯 大 中 小
  2. 木漏れ陽と光
  3. 【WordPress】TwitterカードとFacebook OGPの設定方法
  4. WordPress リビジョン機能、自動保存機能を制御する方法
  5. WordPress Table of Contents Plus
  6. アクセサリー ビーチ 青 女性 フリップフ ロップ 帽子 休日 レジャー 海 砂 サンダル

コメントをお待ちしております

PR

カテゴリー