WordPressテーマSANGOの質問

カスタムHTML上での画像サイズの変更

アバター
カオル

>ウィジェットで設置する手順3:コードを書き換え
>「★★」には画像のタグを貼り付けます。投稿ページなどで、普段記事を書く時と同じように画像を追加しましょう。このとき、サイズで「520 x 300px」を選ぶようにしてください。

こちらhtmlでしか表示されず投稿ページのように「添付ファイルの表示設定」の表示が出ないのですがどの様に設定すればよろしいでしょうか?

【サルワカ風】トップページに人気記事を設置する方法
コメントへの回答
サルワカくん
サルワカくん
2019/10/12

画像はWordPress全体で共有なので以下のようにすればOKです!
①いつも通り新規投稿を作成する
②画像を挿入してサイズを選ぶ(520 x 300px)
③HTMLを確認するために「テキスト」エディターを開く
(Gutenbergの場合は、挿入した画像ブロックのメニューから[HTMLとして編集]をクリック)
<img ~>の部分をコピー
⑤カスタムHTMLウィジェットにコードを貼り付け

よろしくお願いします。

アバター
ゲンマゴウ
2019/10/14

お世話になります。
返信ありがとうございます。

トップページの人気記事にて「おすすめのプログラミングスクールを3社紹介」の画像が切れてしまうんです。
隣に配置した「お給料を貰いながらプログラミングが学べる夢のようなスクールを見学してきました」のように画像をしっかり表示させるにはどうすればよいでしょうか?
よろしくお願い申し上げます。

サルワカくん
サルワカくん
2019/10/14

空白ができている部分のコードを見ると、以下のように空白スペースが入り込んでしまっているようです。divタグとimgタグの間のスペース/改行を消去して詰めてみてください。

<div class="cardtype__img">
&nbsp; &nbsp; &nbsp;
<img ~>
</div>

なお、Chromeの検証機能というものを使うとコードを簡単にチェックできるのでおすすめです。

アバター
ゲンマゴウ
2019/10/14

お世話になります。
解決しました。

お忙しい中迅速なご返信ありがとうございました。

よろしくお願い申し上げます。

サルワカくん
サルワカくん
2019/10/14

いえいえ、ご報告ありがとうございました。