Cocoonでタイトルを中央よせにしたい【初心者でもOK】

Cocoonタイトル中央よせwordpress(cocoon)
ゆずしお
ゆずしお

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

がっちゃん<br>先生
がっちゃん
先生

わかったにゃ。
やり方をご紹介するにゃ。

スポンサーリンク

タイトルを中央よせにする方法

参考記事:記事タイトル中央寄せのやり方について | Cocoonテーマに関する質問 | Cocoon フォーラム (wp-cocoon.com)

子テーマのstyle.cssに追記

注意

紹介する方法はcssをさわる方法です。
初心者のわたしでもできたので、難しくはないかと思いますが、
あくまでも自己責任でお願いします!

① 「外観」-「テーマエディター」をクリックします。

WordPressの画像

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

WordPressの画像

③ 下記のテキストをコピーします。

投稿ページのみ中央よせにする場合

.single .entry-title {
	text-align: center;
}

投稿・固定ページ両方中央よせにしたい場合

.page .entry-title,
.single .entry-title {
	text-align: center;
}

④ スタイルシートに貼り付けます。

WordPressの画像

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

WordPressの画像

⑤ 「ファイルを更新」をクリックします。

⑥ 「ファイルの編集に成功しました」と出ます。
  これで完成です。

WordPressの画像

おまけ:アイキャッチも中央よせにする方法

① 「Cocoon設定」-「画像」タブをクリックします。

WordPressの画像

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

WordPressの画像

③ 「変更をまとめて保存」をクリックします。

④ タイトルとアイキャッチが中央よせになりました。

画像

※ 修正前の左よせの画像

画像

以上です。

コメント