100文字でわかる百科事典『100文字百科』
スポンサーリンク

【ワードプレス Cocoon】インデックスページのタイルを、4列や5列にする方法

WordPress ◆WEB
画像出典:WordPress

下記コードを「テーマファイルエディター」に貼り付けると
インデックスページのタイルを4列にできます。
下記の「24.67%」を「19%」にすると5列になります。

/* タイル4列 */
.ect-3-columns {
justify-content: space-around;
}
.ect-3-columns .entry-card-wrap {
width: 24.67%;
}
.ect-3-columns .entry-card-snippet {
max-height: 4em;
overflow: hidden;
}
.ect-3-columns .ad-area {
width: 24.67%;
}

引用元:https://rsugi.com/tile4or5/

参考サイト

WordPressテーマ「Cocoon」のインデックス表示でタイル列を増やす方法
どうも、すぎもん(@suginomoto73)です。現在、最強に使いやすいWordPressテーマ「Cocoon」を使って、サイト制作をしている。Cocoonにはこんな感じで写真がタイル状に2列だったり3列に並ぶ機能が標準で有る。↑こんなの
タイトルとURLをコピーしました