【WordPressマナブログコピー】ブログタイトルの変更

基本デザイン設定

こんにちは、ごま吉(@Lv1gomakichi)です。

Manablog Copyのブログタイトルの変更方法について解説します。
変更の方法は、テーマのphpファイルを直接変更します。

注意念のため必ずコードのBackupを取っておいてください。(テキストファイルなどにコピペでもOK)

当ブログについて

マナブログさんに参考マニュアルとして掲載して頂きました😆
本家認定のマニュアルです。

【マナブログコピー】ブログタイトルの変更

ワードプレスの管理画面にログインします。
管理画面外観テーマエディターheader.phpを開きます。

102行目、103行目付近のソースコードを直接変更します。

変更前のコード

<span class="sitename main">Manablog Copy</span>
<span class="sitename sub">Written by Manabu Bannai</span>

Manablog Copyと書いてある部分に自分のブログ名を入れます。
Written by Manabu Bannaiと書いてある部分には筆者の名前を入れましょう。

変更後のコード

<span class="sitename main">Manablog Copyカスタマイズ</span>
<span class="sitename sub">Written by gomakichi</span>

ブログ名が反映されました。

参考manablog(公式サイト)

ブログ名が長すぎるとスマホで上手く表示されない

ちなみに、ブログ名が長いとスマホでは1行に上手く収まりません。

全角オンリーだと8文字程度まで。それ以上だと文字が重なります。
(CSSの調整で直ると思いますが・・)

なので、ひとまず文字数丁度いいところを見つけて、ブログ名を決めましょう。
方法が見つかったら、またご紹介します。

タイトル設定、キャッチコピー設定、サイトアイコン設定

タイトルとキャッチコピー、サイトアイコン(favicon)について設定しましょう。設定は、ログイン状態であれば上部メニューに出てくるカスタマイザーより変更を実施します。

カスタマイズサイト基本情報を選択します

タイトルには、ブログ名称を入れます。
キャッチフレーズはどんなブログなのか?ブログの紹介を簡潔に入れます。

サイトアイコンについては、表示したい画像をアップします。
512px*512px以上の画像が推奨サイズです。

登録するとこんな感じに。

サイトアイコン(favicon)が反映されない場合は、ブラウザのキャッシュが残っている可能性がありますので一旦クリアしましょう。

画像提供:Freepik – jp.freepik.com によって作成された background ベクトル