【blogger設定】QooQのテンプレートでブログタイトルの大きさの変更と中央揃えにする方法
ラムネグさんのbloggerのテンプレート「QooQ」を使用しています
見やすくて気に入っています
今回はQooQのテンプレートでブログタイトルを変更します
デフォルトでは左揃えになっておりタイトルの文字サイズもあまり大きくありません
ブログタイトルをもう少し大きくして中央揃えにした方が見やすいかと思い、今回はカスタマイズする方法を紹介します
カスタマイズ
それではカスタマイズを行っていきます
bloggerのカスタマイズ画面から「テーマ」を選択します
後からもとに戻せるように、変更前にバックアップを取ることをお勧めします
ヘッダーの中の黄色い丸で囲んだところが今回関連しているところです
HTMLの画面が表示されます
画面内でキーボードの「Ctrl」+「F」を行います
検索ボックスが表示されるので「ヘッダー」と日本語で検索しましょう
何回かエンターキーを押していくと下図のような「ヘッダー」の項目が表示されます
ブログタイトルの大きさ
ブログタイトルに影響しているのは「header-title」です
ここの「font-size」を変更することでタイトルの大きさが変わります
タイトルを中央揃えにする
サイズを決めたら次に中央揃えにします
中央揃えにするにはコードを追加します
下図のように「text-align: center;」のコードを追加します
「header-title」と「header-text」の欄に追加することで、タイトルとタイトルの下の説明も中央揃えになります
カスタマイズ終了
これで完成です
プレビューから確認してみましょう
私のブログではこんな感じになりました
タイトルが大きくなり中央揃えになっています
使いながら調整していこうと思います
まとめ
今回はbloggerテンプレートのQooQでブログタイトルの大きさの変更と中央揃えの方法を紹介しました
コピペで簡単にできるので色々なサイズを試して自分の好みのブログにしていきたいですね
今後もカスタマイズを行って自分のブログを作り上げていこうと思います
