【てがろぐ】WordPressブログのサイドバーに投稿を表示させてみた【忍者画像RSS】

※当ブログの記事内にはプロモーションが含まれている場合があります。
スポンサーリンク
【てがろぐ】WordPressブログのサイドバーに投稿を表示させてみた【RSSフィード】

2023年8月、サイドバーに表示させる投稿をてがろぐからMastodonに変更しました。
現在はサイドバーにてがろぐの投稿は表示されていない状態なのですが、過去の記録としてこちらの記事を公開しておきます。

ミニブログ…というか、自分だけのツイッター感覚で「てがろぐ」を設置して約1ヶ月が経ちました。

自分のペースで好きなことをさくっと書き残せる手軽さが新鮮で、ほぼ毎日なにかしら投稿している状態を続けられています。

せっかく始めたてがろぐの存在をこのブログ内でもアピールしようと、サイドバーのリンク欄にURLを貼ったり、ヘッダーのメニューにてがろぐ&SNSのリンクをまとめたページを置いてみたりしていました。

ただ、てがろぐのリンクが置いてあるだけではてがろぐの存在に気付いてもらえる可能性は低いだろうな…ということが悩みでした。

よくWordPressやサイトを見ているとTwitterの投稿一覧がサイドバーに表示されているのを見かけていたのですが、同じようにてがろぐの投稿をサイドバーに表示させることができたら、少しはてがろぐページの存在を知ってもらえるんじゃないかな?とふと思い、サイドバーにてがろぐの投稿を表示させる方法がないか調べることにしたのです。

すると、てがろぐのRSSフィードをWordPressのサイドバーに表示出来ることが判明。

RSSフィードを表示するだけなら、HTML&CSSのことがあまりわかっていない私でもなんとかなるのでは?と、早速取り入れることにした次第です。

今回は、てがろぐの投稿一覧をWordPressブログのサイドバーに表示させたことについて振り返ってみようと思います。

スポンサーリンク

てがろぐの投稿をWordPressブログのサイドバーに載せてみる

てがろぐの投稿は、設定でRSSフィードの出力ができるようになっています。

てがろぐ・RSSフィード出力設定画面

基本的にはRSSリーダーなどで投稿を見てもらうことが多いかもしれませんが、RSSフィードを利用する形で自分の好きな場所に表示させることができるのです。

WordPressの場合、最新のバージョンだと投稿画面のブロックに「RSS」の項目があるので、てがろぐのRSSフィードを入力することで、下のボックス内のようにてがろぐの投稿一覧(5件)を表示させることができたりします。

とても簡単にサイドバーに表示させる方法はあった…が

実は、WordPressの場合、RSSフィードをサイドバーに表示させること自体はとても簡単でした。

WordPressメニューの「外観」→「ウィジェット」でサイドバーに表示させる項目を編集できますが、「RSS」という項目があるのです。

WordPress・ウィジェットのRSS

サイドバーに「RSS」を追加した上で、RSSフィードのURLを入れて日付の表示など自分の表示させたい項目にチェックを入れたら完了。

WordPress・ウィジェットRSSの設定

あっという間にサイドバーにてがろぐの投稿が表示されました。

WordPress・ウィジェットRSSで設定した場合のてがろぐ投稿
悪くはないが、そっけない印象の投稿一覧

しかしながら、RSSフィードに多くを求めてはいけないだろうとはいえ、なんだか表示が地味なんですよね。

ブログのタイトルだとそれなりに見えるのかもしれませんが、てがろぐのつぶやきが雑然と並んでいて、悪くはないけどしっくりこないような感じ。

自分が使っているRSSリーダーで試験的に自分のてがろぐのRSSも購読しているのですが、画像が設定されている時は画像が表示されていたので、サイドバーでも同じように画像付きで投稿した時は画像も表示されて欲しい…と思ってしまったんですよね。

画像も表示される形にしたい…ということで、再度調査を再開しました。

「忍者画像RSS」という存在

調べていると、「忍者画像RSS」というブログパーツを使えば、画像も表示することができそうということを発見。

忍者画像RSSを使用するためにはアカウント作成が必要になってしまうのですが、画像付きで投稿が表示されるようになるのであればやるしかない!と思いました。

実のところ、Googleアドセンスを使用する前に忍者AdMaxという広告サービスを一瞬使っていたことがあり、その際に登録したアカウントが残っていたため新たにアカウントは作らずに済んだのですけどね。

ログインを済ませると、早速忍者画像RSSの編集画面へ。

忍者画像RSS・チャンネル登録

チャンネルを作成という形で、てがろぐのRSSフィードのURLを入力すると、あっという間にサイドバーに貼り付けるためのHTMLコードが表示されました。

デザインによってHTMLが変更になるわけではなく、忍者画像RSS内でデザインを編集すると、しばらくすると変更が反映された状態で表示される…という仕組み。

デザインはテキストだけのシンプルなものから、画像だけのものや、横並び・縦並びで配置したい場所にぴったり置けそうなもの、ポップアップ表示されるものもありました。

忍者画像RSS・デザイン設定
実際に表示させる端末をイメージしながらデザインを編集していく

画像や投稿の表示も細かく調整可能ですし、HTMLを編集していくタイプのものもあるので、自分の表示させたいものが見つかるのではないかという印象ですね。

私は最初縦並びのデザインにしていましたがかなり場所を取ってしまう気がしたので、現在はカルーセルタイプのものを表示するようにしています。

ちなみにWordPressの場合、ウィジェットのメニューにある「カスタムHTML」の項目をサイドバーに追加し、チャンネルを追加した時に表示されたHTMLコードをコピペすることでサイドバーにてがろぐの投稿が無事表示されるようになりました。

なお、設定してから表示されるようになるまで時間が少しかかったので、少し気長に待つつもりでいた方がいいかも。

デザインを変更して保存した場合も、変更が反映されるまで時間がかかります

てがろぐ、少しは気付いてもらえるといいな

忍者画像RSSで作成したてがろぐ投稿・カルーセル表示
横向きの画像の場合、若干圧縮された感がある(カルーセル表示)

今回は、忍者画像RSSを利用して、WordPressブログのサイドバーにてがろぐの投稿を表示させてみた件について振り返りました。

私の場合はWordPressですが、HTMLコードを置くことができるのであれば、他のブログやサイトでも同じようにてがろぐの投稿を表示させることが出来るのではないかな?と思います。

てがろぐでアップする画像のサイズにばらつきがあることもあって、画像がきれいに表示されない場合があることと、ブログではないのでタイトルと本文の文章がかぶってしまっていたりと、きれいな表示とはいえない状態というのが正直なところ。

しかしながら、比較的かんたんな方法でてがろぐの投稿が見えるようになったことは良かったです。

サイドバーということで、スマートフォンだと画面のかなり下に表示されてしまうため気付かれない状態でしょうが、少なくともパソコンでブログを見ていただいている方にはブログが動いていない時でも何かしら動いてるんだな…ということは伝えられるんじゃないかな?って信じたいところ。笑

今回、画像も表示させたくて忍者画像RSSを利用したわけですが、忍者画像RSSの隠れたメリットとして、忍者画像RSSで作成したRSSフィードが表示された回数や、てがろぐ投稿のリンクがクリックされた回数が確認できる…というものがありまして。

これまで確認しようのなかったてがろぐの投稿への反応が、少しですが見えるようになったので、このような形でも忍者画像RSSを導入してみて良かったですね。

もしかしたら、もっとキレイな形でてがろぐの投稿を表示できる方法があるのかもしれませんが、当面は忍者画像RSSのお世話になってみようと思っています。

それでは、今回はこのへんで。

コメント

タイトルとURLをコピーしました