ブログのデザインを整える
ロゴやメニューからフォント、色、ページレイアウトまで、ライブプレビューを見ながら公開ブログの見た目を変更できます。
- 1ブログ を開き、デザイン を選びます。
- 2プレビューの上部で、編集するページ（ホーム、記事、著者、404ページ）を選びます。デスクトップ、タブレット、モバイルを切り替えて、各サイズの見え方を確認できます。
- 3共通 タブでは、ヘッダー のロゴ、メニュー、ヘッダーボタン、お知らせバーを設定し、続けて バナー、フッター、スタイル、フォント を設定します。
- 4ホーム / カテゴリ、記事、著者、404 の各タブで、カード、レイアウト、表示する要素、ページが見つからないときの画面を調整します。
- 5保存 を選びます。保存が完了すると、公開ブログに反映されます。
まずホーム / カテゴリのタブでレイアウトを選びましょう。色とフォントは、すべてのページに適用されます。
プレビューは編集に合わせて更新されますが、保存するまで公開ブログは変わりません。保存していない変更がある状態で移動しようとすると、編集を続けるか離れるかを確認するメッセージが表示されます。
スタイルでは、カラーパレット、リンクのスタイル、文字サイズ、ボタン、カード、フォームの見た目を設定します。フォントは一覧から選ぶか、独自のウェブフォントを追加できます。
細かく制御したい場合は、ヘッダー、バナー、フッター、ページレイアウト用に独自のコードを書けます。このコードにスクリプトは使えず、安全でない部分は適用時に取り除かれます。
よくある質問
- 変更を元に戻せますか？
- はい。リセットボタンのあるセクションは初期設定に戻せます。保存せずに離れると、下書きの変更は破棄されます。
- スマートフォンでも同じデザインになりますか？
- 同じデザインが画面サイズに合わせて自動調整されます。保存する前に、プレビュー上部のデバイスボタンで確認してください。