ブログデザインのカスタマイズ

左サイドバーで Design をクリックして、ブログの見た目や雰囲気のカスタマイズを始めましょう。

左サイドバーで デザイン をクリックして、ブログの見た目や雰囲気のカスタマイズを始めましょう。

ヘッダー

  • ロゴ

    • ロゴをアップロードし、ロゴをクリックしたときのリンク先URLを設定します。
    • 推奨サイズ: 250×150 または 400×200
  • ヘッダーボタン

    • 2種類のボタンタイプから選択できます:
      • Subscribe Form
        • 「ボタンがクリックされたときにリード獲得フォームを表示します。」
        • フォームの内容と設定はFormタブで構成できます。
      • Navigate to URL
        • ボタンを任意の内部/外部URLにリンクします。
  • ナビゲーションバー

    • Primary Navigation
      • ブログの上部に固定のメニューバーを設定します。
    • Dropdown Menu
      • メニュー項目をクリックしたときに表示されるドロップダウン項目を設定します。
  • カスタムコード

    • カスタムCSSやHTMLを挿入して、ウェブサイトのブランドガイドラインに完全に合わせることもできます。

バナー

  • ブログのタイトルと説明

    • ブログのホームページに表示されるタイトルと説明文をカスタマイズします。
  • テキストカラー

    • バナーのテキストの色を設定します。
  • バナーレイアウト

    • テキストの配置を選びます: 左揃えまたは中央揃え
  • 背景 (色または画像)

    • バナーの背景をカスタマイズします:
      • 単色の背景を設定する
      • または背景画像をアップロードする
        • 推奨サイズ: デスクトップ用 1680×450 / モバイル用 390×300
  • カスタムコード

    • カスタムCSSやHTMLを挿入して、ウェブサイトのブランドガイドラインに完全に合わせることもできます。

レイアウト

  • Inblogでは、3種類のデフォルト投稿レイアウトから選択できます。

  • カスタムコードを使って、さらに視覚的なカスタマイズを適用することもできます。

    • カスタムコード: HTML/CSSを使って完全に独自のレイアウトを実現します。

フッター

  • フッターセクションに会社情報を追加します。

  • 他のエリアと同様に、フッターもコードでカスタマイズできます。

404エラーページ

  • ユーザーが存在しないURLにアクセスしたときに表示される、カスタム404エラーページを設定できます。

モバイルプレビュー対応

  • 「ブログのデザインは完全にレスポンシブです。」エディタから、デスクトップとモバイルの両方の表示でブログがどのように見えるかを直接プレビューできます。

最終更新 2024-05-20