TwitterでSONICの最新情報をGET

THE SONIC のマニュアル

THE SONICのマニュアルページです。
WordPressを初めて使う方向けに、THE SONICの設定方法をご案内します。

THE SONIC 設定マニュアル

マサオカ

マサオカ

このカテゴリでは、THE SONICの購入後から初期設定までをやさしく解説しています!

ウィジェット広告エリア
ウィジェットの機能について)

基本の設定

ひとまずこれさえやっておけば運用開始できる基本の設定をまとめました。

購入時にダウンロードしたZIPファイルを解凍して「the-sonic-X.X.X.zip」を選択し、WordPressにインストールしてください。

ダウンロードZIPに同梱されているファイル
  • THE SONICテーマ(the-sonic-X.X.X.zip)
  • THE SONIC Gutenberg Blocks(the-sonic-gutenberg-1.X.X.zip)
  • THE SONIC SEO Plugin(the-sonic-seo-1.X.X.zip)
  • 子テーマ(the-sonic-child-1.X.X.zip)

テーマファイルを有効化したら下記のとおりに進んでいきます。

購入後の流れ
  1. ライセンスキーを入力
  2. 子テーマをインストール
  3. 専用プラグインをインストール
  4. サイトの基本情報を入力
  5. サイトのデザインを設定
  6. WordPressの初期設定
  7. 高速化設定
  1. STEP

    ライセンスキーを入力

    WordPress管理画面THE SONICライセンスキー

    最初に行うのがライセンスIDの入力です。ライセンスキーは、購入完了画面・確認メールに表示されます。

    取得したライセンスキーを、THE SONICの設定画面へ入力してください。

    THE SONIC ライセンスキー

    詳しい内容は「ライセンスキーを入力する」のページで解説しています。

  2. STEP

    子テーマをインストール

    WordPress管理画面外観テーマ新規追加

    WordsPressの親テーマは直接編集してはいけません子テーマを利用しましょう。

    THE SONICの子テーマは購入時のファイルに添付しています。

    インストール手順
    1. 親テーマをインストールします
    2. 親テーマは有効化しません
    3. 子テーマをインストールします
    4. 子テーマを有効化してください

    詳しい内容は「子テーマをインストールする」のページで解説しています。

  3. STEP

    専用プラグインをインストール

    WordPress管理画面プラグイン新規追加

    エディタとSEO設定の専用プラグインをインストールして有効化してください。

    THE SONICプラグイン追加
    プラグイン
    • THE SONIC Gutenberg Blocks
    • THE SONIC SEO Plugin

    詳しい内容は「専用プラグインをインストールする」のページで解説しています。

  4. STEP

    サイトの基本情報を入力

    WordPress管理画面外観カスタマイズサイトの基本情報

    サイトタイトル・ロゴやアクセス計測タグなどのサイトの基本情報は、カスタマイザーから設定します。

    カスタマイザー

    詳しい内容は「サイトの基本情報を入力する」のページで紹介しています。

  5. STEP

    サイトのデザインを設定

    THE SONICデザイン一括設定

    WordPress管理画面外観カスタマイズ記事設定

    サイト全体のデザインや色の設定は、カスタマイザーから行います。

    Wordpressカスタマイザーの場所
    設定するポイント
    • サイトのテーマカラーを設定する
    • ページ全体のデザインを一括設定する
    • 表示ルールの設定をする

    詳しい内容は「サイトのデザインを設定する」のページで紹介しています。

  6. STEP

    やっておくべきWordPressの初期設定

    • ユーザー情報の入力
    • 記事表示数の設定
    • メディアサイズの設定
    • パーマリンクの設定

    詳しい内容は「WordPressの初期設定」のページで紹介しています。

  7. STEP

    高速化設定をする

    • JS・CSSファイル軽量化
    • Pjaxを使ったページ遷移高速化
    • Lazyload画像の遅延読み込み

    詳しい内容は「THE SONICの高速化設定をする」のページで紹介しています。

  8. STEP

    完成

    お疲れ様でした。THE SONICの機能をお試しください。

シェア数をカウントしたい場合は「SNS Count Cache」をご利用ください。

画像を圧縮するプラグインもおすすめです。

詳しくは「推奨プラグイン一覧」をご覧ください。

オリジナル機能の設定

THE SONICのオリジナル機能の設定について解説します。

このような機能が使えます。

マサオカ

マサオカ

THE SONICエディターも、たくさんオリジナルブロックを用意しています!

ウィジェットの設定

ウィジェットは15種類用意しています。ウィジェットでは、サイドバーやフッター・広告挿入用のエリアを用意しました。

THE SONICのウィジェット
  1. サイドバー
  2. (PC)追尾サイトバー
  3. トップページ記事一覧(上)
  4. トップページ記事一覧(下)
  5. (PC)フッター左
  6. (PC)フッター中央
  7. (PC)フッター右
  8. (モバイル)ハンバーガーメニュー
  9. (モバイル)フッターメニュー
  10. 記事上
  11. 記事中
  12. 記事下
  13. CTA
  14. 見出し下広告
  15. インフィード広告