Divi テーマオプション

  1. wordpressのダッシュボード「Divi」をクリックで「Divi テーマオプション」が開く
    ※以下変更が必要と思われる項目のみ記述
  2. [全般]タブの[一般]
    • 「ロゴ」ロゴをアップロードする(ヘッダー左のロゴ)
    • 「Color Pickers Default Palette」を設定。こことかこことか使いやすい
    • 「Divi ギャラリーを有効にする」→無効。あまり良くないのでプラグインを使う
    • 「Google Fontsを使用する」→基本的には無効。遅くなる。
    • 「日付の表示法」→Y年n月j日
    • 「「トップへ戻る」ボタン」→好みで
    • 「スムーズスクロール」→有効かな
  3. 「ナビゲーション」タブの「ページ」
    • 「ナビゲーションバーからページを削除する。」→ヘッダーなどのメニュー。
      クリックで×にするとメニューに表示されない。
      ただ、wordpressダッシュボードの「外観」→「メニュー」で新規メニューを作った方が慣れているので良い。
  4. 「ナビゲーション」タブの「カテゴリー」
    • 「ナビゲーションバーからカテゴリーを削除」→表示したくない場合はクリックして×に。
      wordpressダッシュボードの「外観」→「メニュー」で作るのなら、設定は必要ない
  5. 「レイアウト」タブの「シングル記事レイアウト」
    • 「シングル記事レイアウト」は投稿ページで反映される。
      「投稿情報セクションに表示するアイテムを選択します」→取り合えず「作者」はいらない場合が多い。あとは好みで。
  6. 「レイアウト」タブの「シングルページレイアウト」
    • 「シングルページレイアウト」は固定ページで反映される。
      好みで設定。
  7. 「レイアウト」タブの「一般設定」
    • 「一般設定」は記事の一覧ページに反映される。
      やはり「作者」は要らないかな。一覧なので「コメント」も要らない。まあ、好みで。
  8. 「統合」タブの「コードの使用」「コードをブログの < head > に追加する。」
    • ここで Google Search Console を設定する
    • Google Search Console の「今すぐ開始」から「URL プレフィックス入力」にサイトURLをコピペし「続行」
      ※既に登録済みのサイトがあれば、左上のサイト名が書かれている所をクリックで「プロパティを追加」から「URL プレフィックス入力」にサイトURLをコピペし「続行」
    • 出てきたポップアップの「HTML タグ」をクリックし、表示されたメタタグをコピーし「コードをブログの < head > に追加する。」にペーストし、変更を保存したら、Google Search Console に戻り「HTML タグ」の「確認」をクリック。「所有権を証明しました」となればOK。
    • 【ドメイン】で追加する方法
    • 左上のサイト名が書かれている所をクリックで「プロパティを追加」の「ドメイン」にドメインをコピペして「続行」
    • xserverの「サーバーパネル」→「DNSレコード設定」→ドメインを選択
    • 「DNSレコード追加」タブを開く
    • 「ホスト名」は空白のまま、「種別」は「TXT」、「内容 」は「Google Search Console」の「以下の TXT レコードを kumaki-demolition.org の DNS 設定にコピーします」に出ている物をコピペ、「優先度」は0のまま
    • 確認画面に進む→追加
    • 「Google Search Console」に戻って「確認」をクリック
    • 反映に数分~1日掛かるが「所有権を証明しました」と出ればOK
  9. 「統合」タブの「コードの使用」「< body > にコードを追加する (Google Analytics などのトラッキングコードに便利)」
    • ここで Google Analytics を設定する
    • 既に別のサイトがある場合は左下の「管理」をクリック→「+アカウントを作成」からアカウントを作成、無い場合は「測定を開始」からアカウントを作成。
      • 「アカウント名(必須)」にサイト名(分かれば何でも良い※英数字)を入れる。「アカウントのデータ共有設定」は好みだけどデフォルトのままでOK→「次へ」
      • 「プロパティ名」に入れるのもサイト名(分かれば何でも良い※日本語でOK)でOK。
      • 「レポートのタイムゾーン」や「通貨」を「日本」「日本円(¥)」に設定し「次へ」
      • 「ビジネス情報」→適宜チェックを入れて「作成」→ポップアップの「Google アナリティクス利用規約」にチェックして「同意する」
      • 「プラットフォームを選択してください」で「ウェブ」
      • 「ウェブサイトの URL」にURLを入れ、「ストリーム名」にはサイト名(分かれば何でも良い)を入れる。
      • 「タグの実装手順を表示する」→「手動でインストールする」で出てきたタグをコピー
      • 「統合」タブの「コードの使用」→「< body > にコードを追加する (Google Analytics などのトラッキングコードに便利)」にペースト
      • 登録したサイトのトップページなどを表示して、Google Analytics のホームで表示されているか確認。
  10. モバイルで幅が狭すぎる
あなたのタイトルはここに入ります

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

あなたのタイトルはここに入ります

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

あなたのタイトルはここに入ります

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

あなたのタイトルはここに入ります

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

あなたのタイトルはここに入ります

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.