この度は、度重なる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(想像中))
今年の4月からいよいよ電力の自由化が始まります。やっとと言いますかなんと言いますか…。 東日本大震災以降発送電分離などと言われてきましたが、なかなか実施・施工されずじまいでした。…
インフィード広告アドセンス
Stinger6 Stinger7 WordPress インターネット カスタマイズ テーマ 伝えたいこと 備忘録
ここ最近…。本当にサイトの高速化、サイトのページ表示速度を速くしなければ!!なんて思い過ぎている私です。 ない知識をフルに活用してみてはいるものの、うまくいったりいかなったり、トライ・アンド・エラーそ…
インフィード広告アドセンス
以前、以下のような記事を書きましたが、それ以来使用してもうすぐ3ヶ月になります。 その間には光回線を200Mbpsから1Gbpsへと変更もしました。 また、コラボひかりが流行っていて電話などが多かった…
インフィード広告アドセンス
AdSense インターネット 伝えたいこと 備忘録 時事ネタ
YouTubeの閲覧や視聴には収益化されているユーザーもいると思いますが、収益化していないユーザーの方が多いのではないでしょうか。昔にも思っていたのですが、YouTubeやFC2動画や無料サイト作成サ…
インフィード広告アドセンス
WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録
サイト運営しているうちにCSSがものすごい大きくなってしまうことがありますよね。昔使用していたCSSがそのままだったり、もしくはコメントアウトしたものが残っていたりなどです。そういった不要なCSSをサ…
インフィード広告アドセンス
もう一昨年になりますね。2020年4月に1回目の緊急事態宣言が発出され、その前は医療現場でさえマスク不足になり街のコンビニや薬局、はたまたネットからもマスクがなくなり国がSHARP(シャープ)に国産の…
Multiplex 広告
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
2024-05-02
車やバイクのメンテナンスにアウトドアなど、あらゆるフィールドで活躍する同商品を、車内やガレージに備えておこう。 究極のグローブ「プレシジョン プロ ...
2024-05-02
そこでエバポレーターの清掃&消臭をDIYで実施しよう。 ◇季節の変わり目に臭う. クルマのエアコンは寒い冬にはヒーター、暑い夏場に ...
2024-05-02
... メンテナンス未経過契約残高は85.60億円(対前期末比1.5%増)となった。 燃料販売について、主に自動車用燃料給油カードにおいて、低燃費車の普及により需要 ...
2024-05-02
カーディテイリング分野ではないが、フォルクスワーゲン車の販売・メンテナンス専門店の株式会社GAKUYAが出品していた、ヨーロッパ生まれの自動消火システム「 ...
2024-05-02
アルファロメオMiTo 徹底メンテナンス! 2024年5月2日. テーマ:輸入車メンテブログ. コラムカテゴリ:くらし. 明日からゴールデンウイーク休業として、6日まで ...
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, 伝えたいこと, 備忘録
このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。
This site is protected by reCAPTCHA and the GooglePrivacy PolicyandTerms of Serviceapply.
このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
comment