【図解で簡単】SWELLの初期設定と基本的な設定・使い方まとめ

• 「ダッシュボード＞プラグイン＞新規追加」より検索あるいはアップロードによりインストール・有効化する。
• あまり知識なくSWELLへの導入をおすすめしないプラグインは、画像圧縮系・キャッシュ系・SEO系プラグインです。

1. プラグイン「SEO SIMPLE PACK」をインストールする
2. 「ダッシュボード＞SEO PACK＞OGP＞基本設定」でアイキャッチ画像を設定する
3. 「ダッシュボード＞SEO PACK＞OGP＞Twitter」でアカウント名とカードタイプ（上のイメージだと”summary_large_image”）を設定する
4. ③まで完了したら、上手く表示されるか「Card validator」でURL入力しブログカードを確認する。

上の手順で作業は完了ですが、上手く表示されない場合は「ダッシュボード＞SWELL設定＞リセット」の「キャッシュのクリア（ブログカード）」でキャッシュをクリアします。

• プラグイン「SEO SIMPLE PACK」をインストールする
• 「ダッシュボード＞SEO PACK＞一般設定＞Googleアナリティクス」を開く
• 「トラッキングID」にGoogleアナリティクスのトラッキングコードを設定する。

• プラグイン「SEO SIMPLE PACK」をインストールする
• 「ダッシュボード＞SEO PACK＞一般設定＞ウェブマスターツール」を開く
• 「Googleサーチコンソールの認証コード」にGoogleサーチコンソールのTXTレコードを設定する。

• 「ダッシュボード＞SWELL設定＞高速化」を開く
• 以下を個々にカスタマイズ設定する。
  • キャッシュ機能
  • 遅延読み込み機能
  • ファイルの読み込み
  • ページ遷移高速化
• 「ダッシュボード＞外観＞カスタマイズ＞サイト全体設定＞基本デザイン＞フォント設定」の「ベースとなるフォント」を「メイリオ」に変更する。

• 申請：Googleアドセンス申請時に提供される<script …></script>のコードを、「ダッシュボード＞外観＞カスタマイズ＞高度な設定」の「headタグ終了直前に出力するコード」に入力して申請します。
• 承認確認：Googleアドセンスの承認メールが届きます。
• 広告配置：Googleアドセンスで広告ユニットを作成し、広告コードを取得します。「ダッシュボード＞SWELL設定＞広告コード」を開き、任意の位置に広告コードを貼り付けます。

• 「ダッシュボード＞広告タグ＞新規追加」を開き、適当なフォーマット（テキスト/バナー/アフィリエイト/Amazon/ランキング）を選択して広告タグコードを設定・保存する。

• テキスト型以外：エディターで「広告タグ」ブロックを呼び出し、各フォーマットの広告を選択。
• テキスト型：文章内で呼び出しコード（※ IDを指定してください。）をコピペする。

• もしもアフィリエイトにメディア会員登録する。
• SWELL利用者限定会員サイト（SWELLERS）のマイページからSWELLアフィリエイトのクローズド案件に提携申請する。

• もしも通常のアフィリエイトコードと同様に利用する。

• トップページ用の固定ページを作成する。
• 固定ページに各カテゴリー・記事へのナビゲーションを入れる。
• トップページの表示設定を新着記事から作成して固定ページを設定する。

• SWELL利用者会員サイト（SWELLERS）で利用したいデモサイトデザイン（.zip）ファイルをダウンロードする。（デモサイトのデザインを確認したい方はこちら『https://swell-theme.com/demos/』）
• デモサイトデザイン（.zip）ファイルを解凍（.zip→.dat変換）する。
• プラグイン「Customizer Export/Import」をインストール・有効化する。
• 「ダッシュボード＞外観＞カスタマイズ＞Export/Import」からデモサイトデザイン（.dat）ファイルをインストールし反映する。

• 「ダッシュボード＞ブログパーツ＞新規追加」を開き、作成したい定型文・ブロック群を作成する。（作成イメージとしては記事と変わらない）
• 「用途」を「ブロックパターン」に設定して公開する。

• 記事執筆時（エディター）で、左上プラスボタン（[＋]）をクリックし、「パターン」タブを開く。
• 「パターン」タブの最上部の選択ボックスで「SWELL」から「SWELL custom patterns」に変更すると、作成したブロックパターンが表示される。
• 利用したいブロックパターンを選択し、エディタに反映する。

• 「ダッシュボード＞再利用ブロック＞新規追加」を開き、作成したい定型文・ブロック群を作成する。（作成イメージとしては記事と変わらない）

通常の記事執筆時（エディター）からでも、三点リーダー（「︙」）から「再利用ブロックに追加」でも作成可能。

• エディターの通常ブロック呼び出しで登録した再利用ブロック名検索で呼び出しする。

• 「ダッシュボード＞外観＞メニュー」を開き「新しいメニューを作成しましょう」を選択して新規メニューを作成する。
• ピックアップバナーでリンク先としたいガイドをメニューの１つとして新規メニューを作成する。
• ピックアップバナーで利用する画像を「ダッシュボード＞メディア」で新規登録する。（SWELLの定義上では縦横16:9が理想）
• ピックアップバナーで利用する画像の「ファイルのURL」をコピーし、メニューの「説明」に設定する。（「説明」が「ナビゲーションラベル」の下に表示されていない場合は、画面右上の表示オプションで表示設定が必要）
• 「メニュー設定＞メニューの位置」をピックアップバナーに設定する。
• 「ダッシュボード＞外観＞カスタマイズ＞トップページ＞ピックアップバナー」で、ピックアップバナーのレイアウトを設定する。

• 「ダッシュボード＞ふきだし＞新規追加」で吹き出しセットを作成します。

くぼたつ

本ブログでは運営者の私や

悩んでる人

悩んでいる読者を作成しています

SWELLは何もせずとも目次が自動表示されるためレイアウトのデザイン設定のみとなります

• 「ダッシュボード＞外観＞カスタマイズ＞投稿・固定ページ＞目次」で各種設定を行えます。

• 「ダッシュボード＞外観＞ウィジェット」で「[SWELL]プロフィール」ウィジェットをサイドバーにドラッグ＆ドロップします。
• プロフィールの付随情報を入力・デザインを装飾します。
• SNSのURLは「ダッシュボード＞外観＞カスタマイズ＞SNS情報」の「SNSリンク設定」で入力します。

• 「ダッシュボード＞ユーザー＞ユーザー一覧」で「この記事を書いた人」となるユーザーを選択（ユーザー名をクリック）しプロフィール情報を入力します。

「ダッシュボード＞外観＞カスタマイズ＞投稿・固定ページ＞記事下エリア」の「著者情報エリアの設定」で「著者情報を表示」にチェックを入れます。