cocoonで引用欄を変える方法

wordpress

はじめに

引用欄を変えたいと思い、cssの変更の仕方についてめちゃくちゃ調べたのに変更が反映されないといったことがあった。
いまいち解決策もネットに落ちていなかったので、備忘録がてらメモしておく。
他wordpress記事はこちらwordpressにおける論文引用の仕方 – たこやきたべたい

変更方法

子cocoonが入っているかを確認する

cocoon childがしっかり入っているか、activateされているかを確認する
cocoon childは次のようにinstallする。Cocoonのカスタマイズは子テーマ(Cocoon Child)を使おう | ブログセンターそらしど
cocoon childが入っている状態は次のようになっており、
外観 > テーマエディタは次のような画面になっていることを気を付ける。

このときcss_styleの中身は何も書いていない場合は数10行程度のになっているはずだ。

css styleの編集

基本的にネットに落ちているcssテンプレートを参考にコピペするのが、楽。
コピペするのは以上の画像のように(/* 引用欄のカスタム 引用 */からコピペ)するだけ、あとは細かい模様は自分で変えていくといいと思う。
(このテーマはこちらを参考にしました:[Cocoon] 引用ブロックをすっきりさせた – スマホ教室ちいラボ)

コメント

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