【FC2ブログ限定】元ネットワークエンジニアのブログカスタマイズ(記事サムネイル編)

【FC2ブログ限定】お役立ちブログカスタマイズ
【FC2ブログ限定】お役立ちブログカスタマイズ(サムネイル編)
©SEGA
©2015 KADOKAWA アスキー・メディアワークス
©KADOKAWA CORPORATION 2016
今回は、FC2ブログ限定になりますが、ブログ記事にサムネイル画像を表示する場合に知っておくと役に立つ方法を紹介いたします。

【FC2ブログ限定】お役立ちブログカスタマイズ(サムネイル編)

属魂少女~ソウルガール~ PC公式サイト編
©2013 graphite All Rights Reserved.
属魂少女~ソウルガール~ PC公式サイトより
こんな感じでブログも自在にカスタマイズ出来ればいいんだけどね(ダマレw)
まったくもってケシカラン(*´д`*)ハァハァw(最悪だwwwww)

FC2ブログ以外では恐らくこの方法は使えないと思います。
予めご了承願います><。

具体的には、「ブログ記事一覧」にサムネイル画像が表示されるテンプレートを用いる場合で、記事内の画像を表示せず、サムネイル画像を任意のものに変更する方法になります。
既にご存知の方もおられるかと思いますが、上記に該当するテンプレートの場合、記事の最初に貼り付けた画像が自動的にサムネイルとして表示されます。
記事内容によっては、記事内の画像が表示されては都合の悪いこともあるかと思います。
また、前提として、「ファイルアップロード」でブログ画像をアップロードしている必要があります。

記事最初の画像がサムネイルとして表示されないようにするには


方法は至って簡単で、作成する記事の最初に以下のソースを追加するだけです。

<img src="アップロードした画像のURL" alt="代替テキスト" style="display:none;" />

ポイントは「style="display:none";」で、これは記事中に「画像を表示しない」という指定です。
この指定を行う事により、厳密には記事に画像を貼り付けているにも関わらず表示されない上、FC2ブログの仕様に従い、記事の最初の画像としてサムネイルに表示させる事が出来るようになります。

尚、「alt="代替テキスト"」に入力する文字は「代替テキスト」でも、ファイル名でも何でも構いません。
記事上には表示されないので、特に気にする必要はないかと思います。

この手法はFC2ブログで記事一覧にサムネイルが表示されるものなら、ほぼ全てのテンプレートで可能だと思います。
テンプレートに一切手を加えることなく実現できるのでオススメです♪
サムネイル画像をコントロールしたい方は是非お試しあれw。

何気にこの記事でも、ご紹介した方法と同じやり方で、サムネイル画像を任意のものに変えています。
お気付きになられたカナ(ニヤw)。

以上、簡単にカスタマイズ方法をご紹介致しましたが、より詳しくカスタマイズ方法を知りたい方は以下がオススメです♪
FC2ブログの知識を深めたい方は必見ですよw。

FC2ブログ関連書籍はこちらになります

↓ ↓ ↓

FC2ブログ関連書籍はこちら

スポンサーリンク



Comment

  • 2016/02/21 (Sun) 03:33
    No Name #SFo5/nok - URL
    No title

    助かりました!情報ありがとうございます!

  • 2016/02/21 (Sun) 17:45
    資格ゲッター #JalddpaA - URL
    Re: No title

    名無しさん

    >助かりました!情報ありがとうございます!
    いえいえ、お役に立てて何よりです^^。

Leave a Reply


管理者にだけ表示を許可する