公式YouTube

テーマカスタマイズ550 ビューアバター画像mikography

テーマ cocoon-master のカスタマイズ方法

テーマ cocoon-master のカスタマイズ方法
テーマ cocoon-master のカスタマイズ方法

WPのテーマ『cocoon』の親テーマでカラムを4つに変更する方法やsingleページで画像の色の変更方法をご紹介します

テーマ cocoon-master でカラムを4つに変更する方法

現状ではカラムが多くて3つのところを、4つに変更。

やり方

テーマのある全ファイルを対象に tile_card_3　と　ect-3　を検索、そして、それぞれの下に　カラム4用の表記を追加

例えば下コード追加する

/cocoon-master/style.css のにはカラム幅を25%ではなくて24.6%にする

モバイルでカラムを3、PCでカラムを4にする方法

/cocoon-master/tmp/list.php　の＃40のコードを

下に変更

singleページで画像がblurになってるので変更

style.cssの3箇所：.date-tags、.article-header h1、.eye-catch imgを下に変更

ABOUT US
アバター画像
mikography
Uber Eatsの撮影をはじめ、動画など様々な撮影を行なっております。また旅記録、ワードプレスのカスタマイズ、カメラのレビューもご紹介しています。 愛用カメラ：Sony a7V Zeiss、Sigma、GMレンズ
ド "place_id" の件数: 52