お世話になります。
返信ありがとうございます。
トップページの人気記事にて「おすすめのプログラミングスクールを3社紹介」の画像が切れてしまうんです。
隣に配置した「お給料を貰いながらプログラミングが学べる夢のようなスクールを見学してきました」のように画像をしっかり表示させるにはどうすればよいでしょうか?
よろしくお願い申し上げます。
空白ができている部分のコードを見ると、以下のように空白スペースが入り込んでしまっているようです。divタグとimgタグの間のスペース/改行を消去して詰めてみてください。
<div class="cardtype__img">
<img ~>
</div>
なお、Chromeの検証機能というものを使うとコードを簡単にチェックできるのでおすすめです。
お世話になります。
解決しました。
お忙しい中迅速なご返信ありがとうございました。
よろしくお願い申し上げます。
いえいえ、ご報告ありがとうございました。
WordPressテーマSANGOの質問
画像はWordPress全体で共有なので以下のようにすればOKです!
①いつも通り新規投稿を作成する
②画像を挿入してサイズを選ぶ(520 x 300px)
③HTMLを確認するために「テキスト」エディターを開く
(Gutenbergの場合は、挿入した画像ブロックのメニューから[HTMLとして編集]をクリック)
④
<img ~>
の部分をコピー⑤カスタムHTMLウィジェットにコードを貼り付け
よろしくお願いします。