(関連記事のリストでないなら、デザインのオブジェクトとして面白いかもしれない。)画像のサイズをそろえる。{imagesrc}タグ画像のサイズを同じにすればいいはずだ。{image}タグに画像サイズを指定することにした。{image}タグは便利だが、画像サイズを指定するの苦手な様子だった。別タグ{imagesrc}を使った。width=”60′′height=”60′′></a>{link}</li>画像サイズがそろった!。リスト表示が見にくいが、画像表示はできた。後は配置を調節すれば良い。スタイルシートで整形スタイルシートで配置を指定した。今回は保守しやすいように、コードにスタイルシートを含めた。作成したHTMLコードは以下のとおり。このコードはそのままサイトのおすすめ記事の表示に使っている。(スタイルシート)コード設定」にまとめた。ここでは完成したコードとその設定方法についての説明とする。上のコードだと、初期設定で使用しているリストを使わない。そのため下の2項目に書いてあった、<ul>・</ul>タグを削除する。list:以上で設定は完了だ。Settings“をクリックし、変更を確定する。綺麗に並んだできあがった関連記事の表示は下の図になる。綺麗にならんでいなのは、元画像の縦横比が原因、縮小サイズを60pxにしているので、これからは縦横比が同じ画像を使うようにすれば綺麗に並ぶだろう。これでも実用上は大丈夫なレベルと判断した。ここまでの設定に詰めるのでもかなりの時間がかかっている。時間をかけると良くなるだろう。それほど機能的には変わらないだろう。そのことを考えここでまずは完成とした。補足{image}タグはアイキャッチ画像を表示してくれない。アイキャッチ画像を表示する場合は下のコードを使う。}ここで使っているのは、get_the_post_thumbnailタグ。これを使うときはphpコードの書き方になる。{postid}で記事番号を参照し、アイキャッチ画像を取得する。array(70,70)は画像サイズを指示している。画像サイズが指定できるなら上のコードより、こちらの方が良い。ところがこの書き方だと記事本体にある画像は取得してくれなかった。アイキャッチ画像をサムネイル画像にする場合に使えるコード。このタグの使い分けを間違うと、画像が表示されないトラブルになってしまうので注意が必要だ。商品バーナーリンクを並べて配置する方法。していますブログをパワーアップさせたいあなたの課題を解決するカリキュラムをご準備してお待ちしています。オンラインで全国から受講可能です。ブログに書けない、本音トークを毎日書いています。(63記事リスト)講座開催スケジュール講座一覧このブログを検索サイトマップReading...記事お問い合わせ。