ブログの記事下に最適!サムネイル画像付き記事一覧を表示可能な FeedWind を導入 - ブログ/カスタマイズ

mineoおすすめ契約方法

ブログの記事下に最適!サムネイル画像付き記事一覧を表示可能な FeedWind を導入
--

2016.05.21 | カテゴリ:ブログ/カスタマイズ

q12KAJS.png

この手の物は結構入れ替えていますが、新たにブログの記事下にサムネイル画像付き記事一覧が表示可能なブログパーツ FeedWind を導入しました。

過去に記事下に設置した物


メインの紹介に行く前に、過去に記事下に設置し記事にしていた物を紹介します。

まずは記事に設定した タグ別の関連記事 を表示する物。カテゴリを結構雑に分けているので、タグ別の関連記事を表示可能な下記はありがたい。

entry_img_730s_20160521195854058.png

ブログ内参照 ⇒ FC2ブログ タグ別の関連エントリー記事一覧設置修正


次は Zenback こちらはSNSボタンをまとめて表示したいという目的が主だったと思います。

設置している人同士の関連する記事が表示されるので、アクセス数が少ない方は多少アクセスアップの効果があります。個人的には広告があるので外した。

2013090323455749es_201605211958530e9.png

ブログ内参照 ⇒ ブログパーツ Zenback導入


次は今回紹介する前に設置していた Milliard関連ページプラグイン

表示も軽く気に入っていたのだが、画像が無い記事の代替画像表示の不可(※恐らく)や、デザインのカスタマイズ性の難しさから今回紹介するのもに切り替えました。

201604180325170b5_20160521200023a71.png

ブログ内参照 ⇒ FC2ブログで画像付き関連記事を表示させる[Milliard関連ページプラグイン編]


以上3つを紹介しましたが、最近のこの手の物で重要視しているのは表示の早さも重要なのだが、広告ブロックアプリで消えない事。

これは以前も書きましたが、最近は広告ブロックアプリの使用率が増え、このブログではその中でも使用率が高いと踏んでの事。

ブログ内参照 ⇒ 広告ブロックアプリの使用率から、ブログ内の広告の是非を考える


サムネイル画像付き記事一覧を表示可能なFeedWind


今回設置した物は FeedWind で、これを使えばサムネイル画像+記事タイトル+記事本文(変更可能)を表示できる優れもの。

RSS表示用ブログパーツ | FeedWind(フィードウィンド)RSS表示用ブログパーツ | FeedWind(フィードウィンド)

貼るだけで使える無料ブログパーツ!(登録不要)
お気に入りサイトの最新情報・投稿記事をブログやHPに掲載 


こちらのオススメな点は以下

・広告なし
・デザインのカスタマイズ性の高さ
・デザイン変更の手軽さ
・レスポンシブ対応
・広告ブロックアプリ使用でも表示

最近はスマートフォンからのアクセスが増えてのでレスポンシブ対応なのは嬉しい仕様。

ちなみにレスポンシブ対応とは、閲覧機種の画像サイズに合わせて自動でサイズ調整をしてくれます。スマホ用の表示には画像も同様の事を設定しいています。

カスタマイズ性の高さですが手軽に色々変更が可能。尚且つプレビューを横で見ながら調整できるので、一々設置してから調整という手間が無くていい。

zTD.png

私が設置したからには広告ブロックアプリには反応しない物となっています。また広告表示も無し。

設置方法とこのブログの設定


設置は簡単で先に紹介したように、自分仕様に設定をしたら、プレビューの下にコードが作成されているので、それをテンプレート内の設置したい箇所に貼るだけ。

私の設定はサムネイル画像+記事タイトル+記事本文を、一つは新しい順並べ新着記事の紹介として、その下に同じ条件でランダムに設定した計2つを設置しました。

kijisita-4.png

キーワードフィルターで [次のキーワードを含む記事を表示する] と [次のキーワードを含む記事を非表示にする] もあるのでこの辺を活用したらまた違う表示方法が出来そうです。

注意点


FeedWind設置に関し注意点が2つあります。

まずはFC2ブログの場合ですが、FeedWindのフレーム設定で記事数で指定してもFC2ブログのRSSの設定数が少ないと、RSSの設定数しか表示されない。

例で出すと、RSSの設定数を1としていた場合はフレーム設定で5記事を表示可能としても、1記事しか表示されない。

FC2ブログのRSSの設定数は[環境設定]⇒[ブログの設定]⇒[記事の設定]⇒[RSSの設定]で変更出来ます。

もう一点は広告なしと書いたが、FeedWindへのリンクは必ず貼る必要があります。これは作成したコードに初めから含まれています。

デフォルトではブログパーツの下にリンクが表示されますが、サイトのヘルプで確認するとこれは移動させてもいいようです。

FeedWindへのリンクは、ウィジェット(ブログパーツ)の直下に表示する必要がありますか?


利用規約上、FeedWindをお使いのすべてのご利用者は、ページ内に少なくとも1ヶ所にリンクを表示して頂く必要がございます。1つのページに複数のFeedWindをご利用の場合は、ページ内に1ヶ所でかまいません。リンクの場所はウィジェット(ブログパーツ)の直下か、ページフッタ部分などにお願いします。
参照 ⇒ FeedWindへのリンクは、ウィジェット(ブログパーツ)の直下に表示する必要がありますか? | FeedWindサポート


貼り付けるコードの最後尾にリンクのコードの記載があります。他は削除し赤字の部分を別の所に貼り付けます。

<div style="font-size:10px; text-align:center; width:250px;"><a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;">RSS Feed Widget</a><!--Please display the above link in your web page according to Terms of Service.--></div><!-- end feedwind code -->


私の場合はブログの最下層のフッターにリンクを表示させました。

kijisita-2.png

効果とまとめ


アクセス元を見ていると設置して数日ですが結構クリックされているのが分かる。

kijisita-3.png

ちなみにこれはアクセス元には [http://feed.mikle.com/widget/?rssmikle_url=◯◯◯◯◯◯] と表示されるので、それをFeed Widgetと名前を付けてまとめた数字。

効果が高いのはスマホとの親和性の高さもあると思います。スマホで見た方がパソコンより見やすい。

006_20160521222518f9f.png

という事で何か問題が出るまではFeedWindを利用したいと思う。キーワードフィルターなんかも活用すると面白そうなので、新着記事やランダム表示の他に色々考えてみます。

feedwindがリニューアル


ブログパーツ「feedwind」がリニューアル!差し替えの必要がなくなった

スポンサードリンク


ブログ/カスタマイズ』カテゴリの関連記事

ブログパーツ Zenback導入
YouTubeの登録したリストの中からランダムに一つ動画を表示するブログパーツ
FC2ブログで関連記事の表示位置を自由に設定
ブログに最適な横幅を測定!サイズ計測の拡張機能の紹介と横幅を変更
FC2ブログをAutoPagerizeに対応させてみた

関連タグ:

 ☑関連記事  ☑ブログ  ☑カスタマイズ  ☑ブログパーツ  ☑FC2

Fire7hklk.png   Fire7HD8300x250.jpg  

この記事へコメントする・コメントを見る (0)

今日の人気ページ

fire600.jpg

新着記事

全裸待機禁止Tシャツ企画進行中!? NifMoのTwitterが面白い [08月20日]
iPhoneのバッテリー診断アプリ「Battery Doc」と「Battery Care」 を紹介!AppStoreから削除される前に入手を [08月19日]
iPhoneのバッテリー診断アプリの決定版 「Battery Life」【悲報 再削除】 [08月18日]
Googleが警告を出すので早期のFC2ブログのSSL化を求む [08月18日]
セブンスター仕様1935レプリカZippoが当たるQRコードキャンペーンに挑戦[2017年8月1日-10月31日] [08月15日]
JTが電気加熱型たばこ『Ploom TECH』の抽選販売受付を開始【ラスト第6回目】 [08月11日]

mineo紹介キャンペーン
最新記事
2016年人気記事ランキング
Apple公式のiPhoneのバッテリー診断方法 [2017年最新版] dsgre.jpg
iPhoneのバッテリー診断アプリの決定版 「Battery Life」 rank20160605 (3)
iPhoneのホーム画面のアイコンの位置を自由に変更する裏ワザthdth.jpg
クリックポストの配達日数を実際に体験した日数と目安の調べ方を紹介rank20160605 (10)
iPhoneのバッテリーの劣化を調べるiOSアプリ 「coconutBattery」hjkh.jpg
PHILIPS(フィリップス) ソニックケアーを修理に出す60409121432820.jpg
FREETEL Simple2はまさかの3種類展開と1年間無料キャンペーン開始FREETE.jpg
iPhoneのバッテリー診断アプリ「Battery Doc」と「Battery Care」を紹介dndeth.jpg
あのiPhoneのバッテリー診断アプリ「coconutbattery」がAppStoreに復活!→【再削除】→iOS10でアプリも起動せずhjkh.jpg
ドコモ「Xiパケ・ホーダイ for iPhone」を解約(廃止)rank20160605 (6)
Amazonのタブレット Kindle Fire HDで自炊漫画を読むblog-entry-1037.jpg
iPhone最強の広告ブロックアプリ 「AdBlock」 がiOS10で復活yfyfghjv.png
docomo契約SIMカードは差し替え注意201620.jpg
メルカリ 返金までの流れを実体験 その5 「返金(取引キャンセル)編」23131.jpg
ドコモ Xiパケ・ホーダイ for iPhoneを解約(廃止)の注意点201615.jpg
mineo紹介キャンペーンの甘い罠→【再延長】2017年1月31日まで→【仕様変更】一部条件で特典がEJOICAセレクトギフトに201616.jpg
ドコモのパケットサービスを解約しようとするが問題発生201617.jpg
iPhoneバッテリー診断アプリの信憑性gufddcrt.jpg
メルカリ 返金までの流れを実体験 その1 「商品破損編」rank20160605 (9)
docomo iPhone契約SIMをガラケーに挿す201613.jpg
記事を探す
サイト内検索
  • iPhone/全般(50)
  • iPhone/アプリ(53)
  • iPhone/アイテム(39)
  • MVNO(54)
  • MVNO/mineo(124)
  • MVNO/NifMo(19)
  • MVNO/0SIM(10)
  • FREETEL/Simple/Simple2(43)
  • タブレット(29)
  • ケータイ/スマホ雑記(29)
  • ケータイ/スマホNEWS(233)
  • NM705i/6120c(2)
  • 705NK/N73(94)
  • Nokia E51(42)
  • 雑記(95)
  • ブログ記事録(105)
  • ブログ/アクセス数公開(30)
  • ブログ/カスタマイズ(34)
  • プリペイド/プリモバイル(13)
  • デジカメ(4)
  • LINE(14)
  • IQOS/PloomTECH/Zippo(23)
  • アンケート(3)
  • MVNO2台持ち用 通話専用機種(30)
  • NOKIA その他(3)

  • 月別一覧を開く

    関連ワード一覧を開く

    全記事一覧表示
    Author
    ペンギンのアイコン素材管理人:705んk
    @musiatui | Twitter

    iNoWBh.png

    管理人利用中アイテム