IT the Best

はてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。

はてなブログ「小技」| 投稿していない画像を使う

f:id:Surprisedblog:20190529182940p:plain

アイキャッチ画像をつけたいんだけど、記事内におくのは何か嫌だというときはないでしょうか?

 

アイキャッチ画像は、記事内にある写真しか選択することができません。

 

他の記事で使った写真のURLを、直接アイキャッチ画像のURL欄に記入してもはじかれてしまいます。

 

そこで、記事内に表示されていない写真をアイキャッチ画像にする小技があります。

 

小技

 1.写真を隠す

 写真にhiddenをつけるか、styleのdisplayを"none"にする。

<img class="hatena-fotolife" title="f:id:Surprisedblog:20190529182940p:
plain" src="https://cdn-ak.f.st-hatena.com/images/fotolife/S/Surprisedblog /20190529/20190529182940.png" alt="f:id:Surprisedblog:20190529182940p:plain"
hidden style="display:none;"/>
 2.アイキャッチ画像に設定してから消す

  写真を投稿で、保存された写真を一回記事に張り付けアイキャッチ画像に設定します。そのあと、記事内からその写真を消します。記事内からは消されますが、アイキャッチ画像には設定されたまま残ります。

 

 この記事は、記事内に写真が表示されていませんが、アイキャッチ画像が設定されています。 hiddenを使って非表示にしています。

www.it-the-best.com

 

 

 それでは、良いプログラミングライフを。