Cocoon設定の「カラム幅変更」で変わる場所の説明。

テーマ設定
この記事は約1分で読めます。

Cocoon設定の「カラム」タブのカラム幅変更で変わる場所の解説です。

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

カラム幅変更で変更される場所

「メインカラム設定」や「サイドバー設定」や「カラム間余白設定」で変わる場所の図がこちら。

カラム変更

コンテンツ幅の計算

カラム幅設定により、コンテンツ幅が決められます。

コンテンツ全体の幅

計算式はこんな感じになります。

全体の幅=コンテンツ幅+(コンテンツ余白幅×2)+(コンテンツ枠線幅×2)+カラム間の幅+サイドバー幅+(サイドバー余白幅×2)+(サイドバー枠線幅×2)

注意点

コンテンツカラム幅変更を行うと、最適なサムネイルサイズが変わってしまうため、以下の方法でサムネイルサイズの最適化を行う必要があります。

テーマが利用しているサムネイルを再生成して最適化する方法(画像の大きさを揃える)
Force Regenerate Thumbnailsプラグインを用いて、テーマ上のサムネイルを再生成し、画像できるだけ綺麗に表示する方法の紹介です。

タイトルとURLをコピーしました