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テンプレートは、
余計な機能や設定を徹底的に排除したミニマル仕様。
トラブルも少なく、初心者でも簡単に安心して使えます。
2018-04-25 by