ブログ関連記事

AFFINGER 【サイトタイトル】を中央にする方法・中央にできない解決方法

ブログのヘッダー部分のサイトタイトルですが、最初に設定した方法だと左端に寄ってしまいます。

ですが、センターに寄った方が見栄えがいいなと思ったので今回は変更方法を

紹介します。

 

また、ネット検索してやってみたけどセンターに寄せることが出来なかったので対処法も紹介します。

 

くみちゃん
タイトルがセンターになったから見やすくなったよ。

 

AFFINGERのサイトタイトルを中央にする方法

 

先日まではこのような感じで左端にタイトルが寄っていました。

このタイトル文字をセンターに寄せていきます。

 

WordPress管理画面から「AFFINGER6管理」→「ヘッダー」の順にクリック

「ヘッダー」の画面で下にスクロールしていくと

PCのみというところがあります。

他サイトで検索したところ

上記2か所

ヘッダーを分割しないヘッダーエリアをセンタリング

にチェックを入れるとなっていましたが

ヘッダーエリアをセンタリングにチェックを入れることが出来ませんでしたw

色々調べたところ。

 

一旦、「ヘッダーを分割しない」にチェックを入れてsave

 

再度先ほどの画面に戻ると

チェックを入れることが出来ました。

チェックを入れてsaveしたら。

サイトを確認してみて下さい。

これで、センターに寄っていれば完了です。

 

ですが、私の場合はセンターに寄っていたのはキャッチフレーズのみで

タイトルは少し右に寄っていましたが、センターではありませんでしたw

 

ロゴ画像設定

 

このようにキャッチフレーズのみセンターでタイトルは少し左寄りだった為

設定したタイトル画像の横幅を直してみました。

 

管理画面の「外観」→「カスタマイズ」

 

「ロゴ画像/サイトタイトル」を選択

 

「画像を変更」をクリック

 

幅を訂正したい画像を選択して。

画像を編集をクリック。

 

切り抜きを選択します。

右の余白部分をくり抜きます。

 

ここで、再度「切り抜き」をクリックします。

 

そして「保存」をします。

 

再度、サイトを確認すると。

 

このようにタイトルも中央に来ていました。

 

もし、このやり方でも上手く表示されない場合は再度、テキストの余白部分を調整してみて下さい。

 

 

まとめ

中央に寄せるやり方の他にも

タイトルの横にメニューを持ってくる方法などもあります。

 

AFIINGERでは最初は多少難しいかもしれませんが、慣れてきたら色々とカスタマイズが出来るように

なるので、自身のサイト作りがとても楽しく出来ます。

-ブログ関連記事