Q.質問内容
・カスタム投稿「ブログ」のアーカイブページでは、ウィンドウ幅に合わせてどこまでも大きく表示されます。各コンテンツに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。
・投稿の記事一覧で、最大幅を設けたいです。
▼変更後イメージ（デモサイト：ブログアーカイブ）
A.カスタムCSSに下記CSSを追記してください。
ダッシュボード左メニュー【TCDテーマ】>【基本設定】>「カスタムCSS」に下記CSSを追記してください。
/* ブログアーカイブページ */
.p-post-cards{
max-width: 1180px;
margin-right: auto;
margin-left: auto;
}
・カテゴリーページ、検索結果ページにも反映されます。
・トップページは反映されません。※別記事に記載
■TCDテーマARTISAN：トップページの各コンテンツの最大幅を設定する方法
Q.質問内容 トップページに表示されるギャラリーや投稿が、ウィンドウ幅に合わせてどこまでも大きく表示されます。各コンテンツに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。 ▼変更後のイメージ（デモサイト：トップページ・タイプA） A.カスタムC...
■TCDテーマARTISAN：カスタム投稿「ギャラリー」でコンテンツの最大幅を設ける方法
Q.質問内容 カスタム投稿「ギャラリー」のアーカイブページ(記事一覧)や記事詳細ページでは、ウィンドウ幅に合わせてどこまでも大きく表示されます。各コンテンツに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。 ▼変更後イメージ（デモサイト：ギャラリーアーカイ...
■TCDテーマARTISAN：サイト全体でコンテンツの最大幅を設ける方法
Q.質問内容 ・アーカイブページや固定ページに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。 ・メニューの横幅を狭くして、コンテンツを全体的に狭くしたいです。 ・基準の横幅を設けて、すっきりとした印象のあるサイトに変更したいです。 ▼変更後イメージ（...
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！