アイキャッチ画像を使う

投稿日：2018年10月29日

今回は、アイキャッチ画像画像を設定してみました。

アイキャッチ画像とは、記事のタイトルの横に張り付ける画像で、

今までの記事はタイトルの左側が、「No Image」になっていました。

他の人のサイトを見ると、皆、ここに小さな画像がついてます。

それがアイキャッチ画像と呼ばれるもの見たいです。

これ、ずっと気になってたんだけど、この画像部分の事をなんて言うのかわからず、

画像も用意しないといけないので、後回しにしてました。

「画像、記事、横」とか検索すると、ｈ2とかｈ4とか、カラムとか

よくわからない言葉がいっぱい出てきます。

で、その中で、アイキャッチ画像という言葉を見つけたので、

ダッシュボードを見てみると、右の一番下に、「アイキャッチ画像を設定」

という項目が。

一番下の青文字部分です。これを押すと、画像アップロード画面に移ります。

こんな感じです。右下の青文字をおせばOK。

というわけで、これで記事の横に画像を載せる事が出来ました。

だんだん、HPらしくなってきたかな？

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8572948943004158"
     crossorigin="anonymous"></script>
<!-- GoogleAdsence広告 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8572948943004158"
     data-ad-slot="2945837399"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8572948943004158"
     crossorigin="anonymous"></script>
<!-- GoogleAdsence広告 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8572948943004158"
     data-ad-slot="2945837399"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

mmohinagram

momohina.gram

さらに読み込む... Instagram でフォロー

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8572948943004158" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8572948943004158" data-ad-slot="3617169000" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>