vanillaice (Akira)

vanillaice (Akira)

既に一度記事にはしておりますけれども 改めてまとめます

【ブログ】記事の見出し画像をお好みに!アイキャッチ画像の設定が可能になりました!

こちらの機能を利用する際に知っておくべき大きな注意点があります


アイキャッチ画像機能を使わないほうが良いであろう と思われる方は以下の通り


・facebookやTwitterなどの SNSシェアを重要視される方
・RSS取得(xmlパース)を利用した 新着サムネイルリストなど を掲載されている方


上記に該当する方は読んでくださいね (●'0'●)/

この「アイキャッチ画像」のシステムですが
FC2外部へ画像情報が発信されません
外部へ発信 というのは
SNSシェアもそれにあたりますし RSS配信も同様です
アイキャッチ画像機能はFC2サーバー内の補完処理のみですので

・facebookにシェアをしたけれども 何故か画像がNo image
・新着サムネイルが何故かNo image


といったことが起こります


「アイキャッチ画像」とは


いわゆる「サムネイル画像」のことです
「サムネイル」を言い換えると「アイキャッチ」
FC2に於ける「アイキャッチ画像指定」とは

サムネイルとして表示させる画像を任意に選ぶ機能

ということになりますので 一般的なアイキャッチという名称がそのまま機能名称にもなっています



まずFC2に於ける「サムネイル画像」ですが
トップページが要約表示の際に多く使われます
他にも「関連記事リスト」「検索結果」などでも利用されます

サンプル (Corridorテンプレート トップページ)



左側の泳ぐ女性の画像は「アイキャッチ画像を選択する」という
記事作成時画面の下の方にある設定を利用しています
右側のカップル画像は 記事内に直接画像を貼り付けています

アイキャッチ画像設定




FC2ブログ と RSS それぞれのサムネイル取得条件


■ 以下はFC2ブログのサムネイル取得です ■

「本文の編集」内で一番最初に掲載されている画像が対象 (追記掲載の画像は対象外 本文掲載でも2件目以降は対象外)

● 本文一番最初の画像が「FC2ツールバーの絵文字」の場合には無視される

● 画像アップロード時のファイル名称に半角カッコ () が含まれる場合は取得されない
12345.jpg --- 取得できる
123(45).jpg --- 取得できない

● 自分のFC2ブログサーバーへアップロードしたもののみ有効 (同じFC2ブログでも別アカウントサーバーは対象外, FC2外部のサービスからの直リンク掲載も対象外)


上記がFC2の仕様であり 注意点です
一番最初の画像がFC2ツール以外の絵文字 (絵文字も「画像」です こういうの → )
絵文字については class="emoji" を追加するとサムネイル対象から外すことができますので 小技として覚えておいても良いと思います

例)
<img src="絵文字画像" alt="" class="emoji">
--- サムネイル対象
<img src="絵文字画像" alt="">
--- サムネイル対象

■ 以下はRSS新着サムネイル(RSS配信)のサムネイル取得です ■

「本文の編集」内で一番最初に掲載されている画像が対象 (追記掲載の画像は対象外 本文掲載でも2件目以降は対象外) --- FC2と同じ

● 本文一番最初の画像が「FC2ツールバーの絵文字」の場合でも無視されない --- FC2と異なる

● 画像アップロード時のファイル名称に半角カッコ () が含まれる場合でも取得される --- FC2と異なるが基本的にファイル名にハイフン, アンダースコア以外はおすすめしません

● 自分のFC2ブログサーバーへアップロードしたもの以外も有効 (FC2外部のサービスからの直リンク掲載も対象になる) --- FC2と異なる


RSS新着サムネイルというのはこういうの ↓



新着記事+サムネイル表示
というものですが これは FC2の公式機能ではありません
FC2ブログでは「新着記事リスト」を掲載することはできるのですが
各々の記事の「サムネイル」を取得する変数がありません
早期実装お願いします(笑)
というわけで RSSとして外部へ発信された内容をFC2へ再取り込みしています
私はGoogle提供のAPIを導入していますが
外部プラグインサービス
・複眼RSS
・Milliard
なども同じシステムです


「アイキャッチ画像」設定を使うのはどんな時か


主に上記に記したサムネイル取得条件と合致しない場合です

● 記事内に画像が数点あり 一番最初の画像以外を指定したい時
または 記事内には存在しない画像をサムネイルに用いたい時

● そもそも 記事内に画像を掲載したくはないが トップページなどのサムネイル表示は必要な時

● 本文最初の画像がFC2以外の絵文字の時


こんなところかと思います
アイキャッチ画像設定を使うと具体的にはこうなります ↓

トップページ --- サムネイルあり


個別記事


対象記事内に指定した画像は出てきません
この機能を「使いたい」と思ったとき(サムネイル取得条件をクリア出来ない時)は
簡単に画像を指定できますので大変便利ですが
当該記事で最初に述べたように この方法では 外部への配信が行われません
SNSシェアがNo imageになるのが嫌
RSSサムネイルがNo imageになるのが嫌
という方は この機能を使わない方が良いですね (´・ω・`)

これはFC2の「不具合」「調整不足」「設計ミス」というわけでもありません
本来「アイキャッチ」というのは 記事内にどんな画像があるのか知ってもらう
というのが一番
場合によっては 同じカテゴリの記事は同じサムネイルで揃えたい
なんてのもあるかもしれませんが それはまた特殊な使い方例です
記事内に無い画像など情報として発信しなくても良いんです(と私は思う)


対策


おすすめしております通り サムネイル対象画像を
「サイズ 0✕0 掲載」あるいは「display: none; を指定して非表示」
このいずれか
display: none は文字数多いですし 使いどころもしっかり理解するべきCSSプロパティですので
0✕0が簡単でおすすめ

参考記事
好きな画像をサムネイルにするには 追記あり


10月中旬 あるいは下旬になると思いますが
ヒーローヘッダーを利用したテンプレートを申請予定です
お使い頂く前にしっかり覚えて欲しい「アイキャッチ画像」指定の仕様でございます
こんな感じになる予定 (ぼかし掲載 ^^;) ↓



こういうタイプはサムネイルを理解していないと利用が厳しい気がする (●'0'●)/


まとめ


よくある困りごと

QトップページサムネにもRSSサムネにも画像が出ない

A本文ではなく追記に掲載されていませんか?

Qトップページには出ないRSSには出る

A外部直リンクです

Qトップページには出るRSSには出ない

Aアイキャッチ画像機能を利用していませんか?

Qアイキャッチ機能は使っていない トップページには出る RSSには出ない

ARSS設定が「全文」になっていないためです

Qアイキャッチ機能は使っていない 直リンクもしていないのにトップページに出ない RSSには出る

Aファイル名称にカッコが付いていませんか?
関連記事
Posted by

Comments 0

There are no comments yet.

Leave a reply

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に必ずお読みください ↓
FC2テンプレート ご利用時のお願い
該当テンプレートの専用記事にお願いします。無関係な記事でのコメントはお控えください。
テンプレートカテゴリ