このページで行いたいこと
かわいいアイキャッチ画像を目立たせたくて
「新着記事一覧」で
・アイキャッチ画像のサムネイルにタイトルを重ね
・説明文も表示
していました
が、とても見づらいので、
・２カラム表示に変更し
・「新着記事」と「人気記事」を10記事づつのみ表示
・アイキャッチ画像のサムネイルにタイトルを重ねるをはずし、
・説明文を表示しない
に変更する方法を記載いたします
「新着記事一覧」が見づらいので、「新着記事」と「人気記事」の２カラム表記に分け、記事数を変更する方法
旧表記は以下のような感じでした
ずらずらと１列に表記し
大きなサムネイルの上にダラダラと説明文を表記
画像ばかり目立って
何のアイコンかまったくわかりませんでした
この時のショートコードは以下のようでした
「type=large_thumb_on」でサムネイルにタイトルを重ね
「snippet=1」で説明文を表記していました
以下のように変更してみました
２カラムに分け「新着記事」と「人気記事」を表示できるようにしました
また、サムネイルにタイトルを重ねないことで文字を読みやすくし
説明文をなくし、タイトルだけにすることで見た目をすっきりさせようとしています
変更後の見た目
上記のように変更されました
以上で終了です
お疲れさまでした
「ホームページ制作初心者の私が、自分のサイトを見本にして簡単に作り方を教えるサイト」
ホームページ「おとなの愛用品・定番品」作成手順一覧はこちら↓
コメント