【WordPressカスタマイズ】ギャラリーの高さを揃える

このブログを訪れてくださる方の中には、このブログで使用しているテーマ gridster-lite を検索してきてくださる方が多々いらっしゃいます。

かなり前に、このテーマのカスタマイズについて、コメントで質問をいただいたにもかかわらず、スパムコメントに埋もれさせてしまって・・・つい最近気づきました・・・申し訳ないです。

質問の内容は、ギャラリー(記事の一覧)の高さが揃わない、というもの。

恐らく、こういうことかと↓

ずれる

この箇所を制御してるのは、 左ナビゲーションの「外観」の「テーマの編集」(直接ファイルをいじる場合は/wp-content/themes/gridster-lite/style.css) の#mainの下の「.poste」

.poste {
<%%KEEPWHITESPACE%%>	background-color: white;
<%%KEEPWHITESPACE%%>	text-align: center;
<%%KEEPWHITESPACE%%>	width:225px;
<%%KEEPWHITESPACE%%>	min-height:265px;
<%%KEEPWHITESPACE%%>	border-bottom:5px solid #ECEDED;
<%%KEEPWHITESPACE%%>	margin-right:18px;
<%%KEEPWHITESPACE%%>	position:relative;
<%%KEEPWHITESPACE%%>	margin-bottom:22px;
<%%KEEPWHITESPACE%%>	display: inline-block;
<%%KEEPWHITESPACE%%>	vertical-align: top;
}

min-heightが領域の高さの最小値を指定する際に使用するプロパティです。
この数字が大きければ、中のタイトルやカテゴリなどが短くても、影響されなくなります。

ちなみにここをmin-heightを使わずに、以下のように、◯◯の中に数字を入れてしまえば固定のサイズになります。

.poste {
height:◯◯px;
  • このエントリーをはてなブックマークに追加

コメントを残す

*