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テンプレートのデザイン一覧を見てみる >

ホームページからの集客できてますか?

ワードプレステーマ「Minimal WP」
シンプルデザインのMinimal WPテンプレートを使えば、おしゃれなホームページやブログが誰でも自分で作れます。面倒な設定が不要なミニマル設計なのでWEB初心者でも簡単。集客やファン獲得に効果抜群です!
おすすめWordPressテーマ10選
by
Minimal WPオススメのレンタルサーバー
WordPressがワンクリックで簡単にインストールできる機能が付いている下記レンタルサーバーがオススメです。【保存版】初心者向けにドメイン・サーバーの取得からWordPressのインストールまでの手順をイチから完全解説しました。→WordPressサイトの始め方・完全手順

シンプルでおしゃれなワードプレステーマ「Minimal WP」