広告 AFFINGER

AFFINGER5【サイトタイトルを中央にできない】を簡単に解決

2020年11月2日

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

AFFINGER5ブログで、サイトタイトルの位置を【左寄り→中央へ】する方法の紹介です。

また、サイトタイトルの表示に関する「一緒にやっておきたい設定」を併せて紹介します。

 

こんな人のお役に立てる記事です。

小豆
小豆
ブログのタイトルを中央にしたいんだけど、どうやるの?
ネットの情報通りにやってみたけど、全然うまくいかない。

AFFINGER5【サイトタイトルを中央にできない】を解決

AFFINGER5は、デフォルトの状態ではサイトタイトルが左寄りに表示されるようになっています。

サイトタイトル左寄り

小豆
小豆
別にこれでも問題はないんだけど・・。
でも中央にあった方法がバランスがいい気がする。

実際にサイトタイトルを中央に変更してみました。

サイトタイトル中央

好みの問題だと思いますが、僕はこちらの方が好きですね。

「左寄り」表示よりも目立ち、ブログを訪れたユーザーさんの印象にも残りそうな気がします。

 

小豆
小豆
どうやったの?
ネットの情報通りにやってもできなかったんだけど・・。
多分、僕と同じところでつまづいたんじゃないかな?
大福
大福

 

「ヘッダーエリアをセンタリング」にチェックができない

サイトタイトルを中央にできずに困っている人の多くは、きっとここでつまづいているはずです。

ヘッダーセンタリング設定ができない

「ヘッダーエリアのセンタリング」にチェックをするようにネット上では解説されていますが、チェックができないんですよね。

僕自身もこの状態で困っていましたが、無事解決することができましたので解説していきます。

サイトタイトルを中央に表示する手順【解決編】

難しい操作は一切なし!

ほんの1分程度で終わる簡単な設定です。

手順

  1. ヘッダー設定を開く
  2. ヘッダーを分割しないにチェックし保存
  3. ヘッダーエリアをセンタリングにチェック

 

step
1
ヘッダー設定を開く

ヘッダー設定

WordPressメニュー → AFFINGER5管理 → ヘッダー → ヘッダー設定

 

step
2
ヘッダーを分割しないにチェックし保存

ヘッダーを分割しない

  1. ヘッダーを分割しないにチェック
  2. 保存をクリック

 

この時点では、まだヘッダーエリアをセンタリングにチェックをすることができません。
一旦この状態で保存をすることで、チェックが可能になります。

 

step
3
ヘッダーエリアをセンタリングにチェック

ヘッダーエリアをセンタリング

  1. ヘッダーエリアをセンタリングにチェック
  2. 保存をクリック

 

大福
大福
これで「サイトタイトルを中央に表示する設定」は終わり。
なるほど。
一旦保存を押さなきゃいけなかったんだね。
小豆
小豆

一緒にやっておきたい!サイトタイトルに関する設定いろいろ

サイトタイトルを中央に設定しただけの状態がこれです。

デフォルトの状態

せっかくサイトタイトルに関する設定を行っているなら、同時に以下の設定もおすすめです。

好みに合わせてカスタマイズしてください。

サイトタイトル設定いろいろ

  1. サイトタイトルとキャッチフレーズの位置を入れ替える
  2. キャッチフレーズを非表示にする
  3. サイトタイトルの前にロゴを表示する
  4. サイトタイトルの下にお知らせを流す
  5. ヘッダーメニューを中央に表示する

 

①サイトタイトルとキャッチフレーズの位置を入れ替える

サイトタイトル上下を変更

 

  • 設定方法

AFFINGER5管理 → ヘッダー → ヘッダー設定 → サイト名とキャッチフレーズを上下反対にするにチェック

 

②キャッチフレーズを非表示にする

キャッチフレーズ非表示

 

  • 設定方法

AFFINGER5管理 → ヘッダー → ヘッダー設定 → ヘッダー(及びフッター)にキャッチフレーズを表示しないにチェック

 

③サイトタイトルの前にロゴを表示する

サイトタイトル前にロゴ

 

  • 設定方法

こちらの方法は、以下の記事内で詳しく解説しています。

ファビコンの設定
AFFINGER5ブログに【ファビコン】を設定して目立たせてみた

続きを見る

 

④サイトタイトルの下にお知らせを流す

サイトタイトル下にお知らせを表示

 

  • 設定方法

こちらの方法は、以下の記事内で詳しく解説しています。

AFFINGER5お知らせ
【AFFINGER5】トップページにお知らせを表示する方法【2種類紹介】

続きを見る

 

⑤ヘッダーメニューを中央に表示する

メニューを中央に

サイトタイトルを中央にした場合は、特にやっておきたい設定です。

 

  • 設定方法

WordPressメニュー → 外観 → カスタマイズ → メニューのカラー設定 → PCヘッダーメニュー → メニューをセンター寄せにするにチェック

 

まとめ:オリジナルキャラクターの作成がおすすめ

AFFINGER5を使用してブログを作るなら、オリジナルキャラクターの作成がおすすめです。

このブログでいうと、この2人ですね。

オリジナルキャラクター

サイトタイトルロゴや会話吹き出し、ブログと連携したSNSなどでも大活躍です。

フリー素材などの利用も可能ですが、おすすめは有料で作成してもらうキャラクター。

ココナラ等のWEBサービスを利用すれば、500円程度から「世界に一つだけのオリジナルキャラクター」を作成してもらえます。

 

ココナラを見てみる

 

AFFINGER利用者向けオリジナル特典の販売

\ AFFINGER6にも対応済み /

オリジナル特典バナー

AFFINGERをすでに利用しているユーザー向けの「カスタマイズ&役立つテクニック」集です。

目的に合わせて、以下の2つを用意しました。

  • AFFINGER5利用者向けカスタマイズ集 9選
  • AFFINGER利用者向けカスタマイズ&役立つテクニック 14選

 

2022年1月1日より期間限定で割引販売いたします。
・利用者向けカスタマイズ集 9選:2,980円 → 2,480円
・カスタマイズ&役立つテクニック 14選 4,980円 → 3,980円

 

特典詳細ページへ移動する

Sponsored Links

  • この記事を書いた人

大福

ブロガー兼アフィリエイター歴5年目。
当ブログのアクセス数は月7万PVほど。
月に20万円ほどのブログ収入で、田舎でのんびりと暮らしています。
人懐っこい性格ですが、人見知りです。

-AFFINGER