この度は、度重なるRSSフィードにアイキャッチ画像を出力表示させる方法を連続して検証も兼ねて投稿してしまい申し訳ありませんでした。
何度か実際に実施してみてプラグインを使わないでRSSフィードにアイキャッチ画像を出力表示させることが出来ました。
以前の記事でも、
問題なく通常のFeedlyなどのRSSフィードにおいてはアイキャッチ画像は表示されていました。
ですが、BloggerのRSSフィードにはアイキャッチ画像が「image」という表示になってしまっていました。
Loading…
車メンテナンス・カスタマイズ・点検・修理、WordPressカスタマイズ、PC設定、車、時事ネタ、情勢、日々の出来事など津々浦々に綴っていきます。
STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録
所要時間目安:約3分
この記事は2017年1月18日のものです。現在は状況が異なる可能性がありますのでご注意ください。
STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録
+本日の人気記事TOP10+
この度は、度重なるRSSフィードにアイキャッチ画像を出力表示させる方法を連続して検証も兼ねて投稿してしまい申し訳ありませんでした。
何度か実際に実施してみてプラグインを使わないでRSSフィードにアイキャッチ画像を出力表示させることが出来ました。
以前の記事でも、
問題なく通常のFeedlyなどのRSSフィードにおいてはアイキャッチ画像は表示されていました。
ですが、BloggerのRSSフィードにはアイキャッチ画像が「image」という表示になってしまっていました。
アドセンス336pxPC閲覧記事下表示1つ目コード
+これまでによく読まれている記事一覧クリックでOPEN+
以前と同じfunction.php内に以下のコードを追記するだけでBloggerのRSSフィード以外にはしっかりとアイキャッチ画像は出力表示されていました。
// RSSにアイキャッチを出力
function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '<p>' . get_the_post_thumbnail($post->ID) .
'</p>' . $content;
}
return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');
上記の4行目の($post-ID) .のpost-IDの後に、
,'thumbnail'を記述するだけで、
BloggerのRSSフィードにもアイキャッチ画像を無事出力表示されるようになりました。
画像サイズの指定をしてやることで、しっかりと出力表示させることがより確実にできます。
同じくプラグインは使用しないでというのが大前提条件な訳ですが、
以下のコードをfunction.php内に追記することでFeedly以外などのRSSフィードにもアイキャッチ画像を出力表示することが出来ます。
/**
* RSS Feeds へアイキャッチ画像を出力する
* 画像サイズは thumbnail とする(すべてのRSSフィードにて表示させるには thumbnail サイズの為)
*/
function rss_post_thumbnail($content) {
global $post;
$img = get_the_post_thumbnail($post->ID,'thumbnail');
if(!empty($img)){
$content = "<p>$img</p>" . $content;
}
return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');
上記のコードの場合には、$post->IDの後に画像サイズを指定してやらないとエラーになってしまいす。
画像サイズの指定方法は以下になりますが、
Stinger6、Stinger7やStingerPLUS+(affinger4でも同様かもしれませんが、)Stinger6とStinger7とStingerPLUS+以外は未検証になります。
※各テーマに合わせて指定サイズを変えてみてください。
画像サイズの指定方法のコード
get_the_post_thumbnail($post->ID,'thumbnail') //サムネイルのサイズ
get_the_post_thumbnail($post->ID,'medium') //中サイズ
get_the_post_thumbnail($post->ID,'large') //大サイズ
get_the_post_thumbnail($post->ID,'full') //フルサイズ
get_the_post_thumbnail($post->ID,array(250,100)) //指定サイズ
コメントアウトにて意味を書いてありますがそれぞれの説明としては、
となります。
function.php内に記載されている以下にあると思われます。
// アイキャッチサムネイル
add_theme_support( 'post-thumbnails' );
add_image_size( 'st_thumb100', 100, 100, true );
add_image_size( 'st_thumb150', 150, 150, true );
上記コードのスクリーンショット画像
この2つ目のプラグインを使用しないでRSSフィードにアイキャッチ画像を表示させる方法において、
RSSフィードの情報を確認してみると、しっかり description にイメージ画像が設定されています。
RSSフィードの情報スクリーンショット画像
なので、
1つ目の方法よりこちらの2つ目のfunctionコードでの実装の方が良いと思われます。
簡単なコードの説明としては、
処理としてはフィード情報の作成時にフィルターフックしてコンテンツの前に画像の img タグを挿入しているだけなので、画像用の特別な要素があるわけではなく、description として抜粋の前に画像が追加されます
RSSフィードにアイキャッチ画像を追加して Feedly で確認してみる – セルティスラボ
以上、
RSSフィードにアイキャッチ画像を表示させる方法でした。
ありがとうございます。
今回は、
なぜなのかを検証するのにローカルにてではなく実際に確認検証してみてしまったので、無駄な?記事もあります。
まずは、ローカル環境にて行ってみるのをオススメします。
(でも、RSSフィードだから実際に記事を書いてみて投稿公開してみないと無理だよなぁ(・・*)。。oO(想像中))
PC Windows10 カスタマイズ 伝えたいこと 備忘録 設定
もうWindows10が発売リリースされて1年半くらい経ちました。 一昨年のリリース元年の11月にはth1511の大幅アップデートがあり、昨年の夏8月2日にもAnniversaryUpdateがありま…
インフィード広告アドセンス
Stinger6 Stinger7 WordPress テーマ
先月下旬にWordPressのテーマで人気シリーズのStingerがStinger7を公開されていたので、 テーマを変更しようかどうしようか悩んでいました。https://infovari…
インフィード広告アドセンス
上記画像は、 日本Twitterの公式サイトのスクショです。 (サイトを訪れると10年を祝って風船があがっていきます。。) 今日2016年3月21日は、Twitterではじめてツイートされた…
インフィード広告アドセンス
AdSense インターネット 伝えたいこと 備忘録 時事ネタ
もう昨今では知る人ぞ知るGoogle AdSenseという広告配信による収益化?でお小遣い稼ぎや本業とも言えるほどの金額を稼いでいる人も多いようです。(いると言われています。)かく言う私もアドセンス(…
インフィード広告アドセンス
Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ テーマ 伝えたいこと 備忘録
WordPressのテーマには多くのものがあります。 中でも無料のテーマでStingerがとても有名です。 かつ、 SEO的にも優れています。 また、 カスタマイズ性にも良いです。 そこで、 Stin…
インフィード広告アドセンス
SNS(ソーシャル・ネットワーキング・サービス)・・・。 個人情報保護法・・・。 個人情報保護法ができたはずなのに、SNSというソーシャル・ネットワーキング・サービスと横文字を連ねたことにより比較的抵…
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
Multiplex 広告
2024-04-19
それによりカーメンテナンスエリアとタイヤ売場に最大横幅7.7mの大開口を実現、車両の出し入れを容易に出来る幅を確保しました。「ロッドマン」は通常のホール ...
2024-04-19
... メンテナンスパック」だが、ディーラーによっては ... 車 新車 日産 特別仕様車 軽自動車 輸入車 限定車 電気自動車 ... カテゴリー カー用品・グッズ情報 自動車 ...
2024-04-19
車修理・自動車整備に関するご相談や困りごとなどを解決する高橋巨樹プロのコラムは必見。 今回のコラム記事は『【驚きの事実! 交換不要!?】 ATF / CVTF交換 ...
2024-04-19
【4月19日 CGTN Japanese】秦の始皇帝陵1号銅車馬は18日、3年にわたるメンテナンスを経て、秦の始皇帝陵銅車馬博物館に運ばれ、展示スペースに設置されまし ...
2024-04-19
秦の始皇帝陵1号銅車馬は18日、3年にわたるメンテナンスを経て、秦の始皇帝陵銅車馬博物館に運ばれ、展示スペースに設置されました。秦の始皇帝陵1号、2号銅車 ...
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, 伝えたいこと, 備忘録
このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。
This site is protected by reCAPTCHA and the GooglePrivacy PolicyandTerms of Serviceapply.
このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
comment