2018-04-25

Q&A:レスポンシブテーマでカテゴリーやアーカイブのサムネイル一覧レイアウトが崩れました

レスポンシブテーマのサムネイル画像一覧の並びが崩れてしまう原因は、
1)サムネイル画像の高さがバラバラになっている
2)タイトル&抜粋の文字数が多すぎる
のどちらかがほとんどです。

まずはサムネイル画像のサイズを揃えて作成しましょう!それだけで綺麗に並んで美しいサイトになりますよ!
各テーマの詳細ページに記載されている「サムネイル推奨サイズ」を参考にアイキャッチ画像を作成してください。
レスポンシブテーマでギャラリーレイアウトの並びが崩れる場合の対処法 >

タイトル&抜粋の文字数を変更するには、
index.phpテンプレート内(またはcategory-gallery.php)の以下の一文を変更するだけでOKです。

変更前:<div class=”item-text”><?php the_excerpt(); ?></div>

変更後:<p class=”item-text”><?php echo mb_substr(get_the_excerpt(), 0, 44); ?><a href=”<?php the_permalink(); ?>”>…</a></p>

*「<」と「>」は半角の「<」と「>」に置き換えてください。
*「44」の部分が最大表示文字数です。レイアウトが崩れない範囲でお好みで調整してみてください。

その他のWordPressのよくある質問

WordPressのトラブル・よくある質問の一覧を見てみる >

トラブルが少ないシンプルなWordPressテーマ

Minimal WPのシンプルでおしゃれなWordPressテンプレートは、
余計な機能や設定を徹底的に排除したミニマル仕様。
トラブルも少なく、初心者でも簡単に安心して使えます。

WordPressテンプレートのデザイン一覧を見てみる >

おすすめWordPressテーマ10選
by