
ゆずしお
cocoonでタイトルを中央よせにしたいな。
左よせより真ん中の方がいい気がする。

がっちゃん
先生
先生
わかったにゃ。
やり方をご紹介するにゃ。
タイトルを中央よせにする方法
参考記事:記事タイトル中央寄せのやり方について | Cocoonテーマに関する質問 | Cocoon フォーラム (wp-cocoon.com)
子テーマのstyle.cssに追記
注意
紹介する方法はcssをさわる方法です。
初心者のわたしでもできたので、難しくはないかと思いますが、
あくまでも自己責任でお願いします!
① 「外観」-「テーマエディター」をクリックします。

② 「編集するテーマを選択」が「Cocoon Child」になっていることを確認します。
「スタイルシート」をクリックします。

③ 下記のテキストをコピーします。
投稿ページのみ中央よせにする場合
.single .entry-title { text-align: center; }
投稿・固定ページ両方中央よせにしたい場合
.page .entry-title, .single .entry-title { text-align: center; }
④ スタイルシートに貼り付けます。

※ 貼り付け後のスタイルシート(投稿・固定ページ両方中央よせにしたい場合)

⑤ 「ファイルを更新」をクリックします。
⑥ 「ファイルの編集に成功しました」と出ます。
これで完成です。

おまけ:アイキャッチも中央よせにする方法
① 「Cocoon設定」-「画像」タブをクリックします。

② 「アイキャッチの表示」-「アイキャッチの中央寄せ」に✅をします。

③ 「変更をまとめて保存」をクリックします。
④ タイトルとアイキャッチが中央よせになりました。

※ 修正前の左よせの画像

以上です。
コメント