【図解マニュアル】SWELLの初期設定手順【超具体的に解説】

悩む人

SWELLの初期設定って何をすれば良いの？


何か色々とありそう。


早く使いたいから、必要なものだけ知りたい。

そんな悩みを解決します。

SWELLの公式サイトを見ると、「やることが多そう」って思いませんか？

これだけの設定をやると、3時間以上掛かります。流石に面倒ですよね。

ため

しかし、本当に必要なのは11項目だけ。1時間程度で終わります。

この記事では

【図解マニュアル】SWELLの初期設定手順【超具体的に解説】

をお伝えします。

ため

本記事に沿えば初期設定ができるので、後で検索しなくて済みますよ。

もし、SWELLを導入していなければ、先に以下をご覧ください。

関連記事

＞＞【実際どうなの？】SWELLを使った感想レビュー｜デメリットも含めて正直に語る

＞＞【超具体的】SWELLの導入手順を「丁寧」に解説｜最初にやることも

それでは、本文を見ていきましょう。

＼ みんな使い始めてる ／

WordPressテーマSWELL【あなたのブログ生活を180度変える魔法のテーマ】

・HTMLの操作不要！やるべきことは記事を書くだけ！

・1/2の労力でライバルに圧倒的な差を付けられる！

・Google検索1ページ目はあなたのものです！

・人気ブロガーになるのも時間次第です！

参考【満足度4.5】SWELLを使った感想レビュー｜デメリット4つ・メリット7つを解説

SWELLの初期設定一覧

まず、SWELLの初期設定一覧をご紹介します。

※SWELL初期設定一覧（ジャンプ先）

クリックすると見たいところに移動します

ため

全て画像を使って説明していきますね。

SWELL初期設定①：会員登録をする

会員登録をしないとサポートが受けられません。理由は単純で、利用規約に書いてあるからです。

利用者本人が運営するサイトで本テーマを使用する場合に限り、利用者は専用のフォーラムサイト（以下、「当フォーラム」）などによる無料サポート（以下、「当サポート」）を受けることができます。

引用：SWELL

ため

サポートを受けるためにも、会員登録をしましょう。

5分～10分程度で終わりますよ。

リンクをクリックすると見たいところにスキップします

一つずつ説明しますね。

公式サイト → フォーラム

次に、会員サイト「SWELLERS'」に登録します。

以下のボタンから、「SWELLの公式サイト」へ移動してください。

『フォーラム』をクリック

画面が切り替わったら、『フォーラム』をクリックします。

この章のトップに戻る

『マイページ』をクリック

『マイページ』をクリック。

この章のトップに戻る

『会員登録はこちらから ▶』をクリック

『会員登録はこちらから ▶』をクリックしてください。

購入者限定パスワードを入力 →『送信』をクリック

購入時に届いたメール本文のパスワードを入力。その後に『送信』をクリックします。

ユーザー名・メールアドレスを入力 →『登録』をクリック

画面が切り替わったら、下記を入力してください。

新しいパスワードの設定

すると購入時に登録したメールアドレスに、下記のメールが届きます。

確認したら、本文中のリンクをクリックしてください。

新しいパスワードを設定

そうすると、下記の画面が表示されます。

ため

表示されたら

新しいパスワードを入力 → 新しいパスワードを再入力 →「パスワードをリセット」をクリック

と進んでください。

これで会員登録の完了です。

この章のトップに戻る

SWELL初期設定②：サイトと紐付ける

会員登録が終わったら、SWELLのIDとサイトを紐付けます。紐付け手順は以下のとおり。

リンクをクリックすると見たいところにスキップします

一つずつ説明しますね。

会員ページで『SWELLERS' ID』をコピー

『SWELLの公式サイト』→『フォーラム』→『マイページ』と進みます。

会員ページにログインをしたら、画面右上の『マイページ』をクリック。

SWELLERS' IDをコピーする

そして、画面をスクロールし、SWELLERS' IDをコピーします。

この章のトップに戻る

ダッシュボード → SWELL設定 → SWELLERS' ID

お使いのワードプレスにログインします。

下記の画面が表示されたら、『SWELL設定』→『SWELLERS' ID』と進んでください。

この章のトップに戻る

SWELLERS' IDを登録

赤背景の部分に『SWELLERS' ID』を貼り付け、『保存する』をクリック。

ため

これで完了です。

SWELL初期設定一覧に戻る

SWELL初期設定③：プラグインを導入する

サイトとの紐付けが終わったら、プラグインを導入します。

ため

SWELLで入れるべきプラグインは以下7つです。

※その他のおすすめプラグインは、SWELLおすすめのプラグインは7つだけです｜不必要なものは...をご覧ください

プラグイン検索を使って、導入します。

リンクをクリックすると見たいところにスキップします

一つずつ説明しますね。

ダッシュボード → プラグイン → 新規追加

お使いのワードプレスにログインしてください。

ログインしたら、『プラグイン』→『新規追加』と進みます。

この章のトップに戻る

検索窓にプラグイン名を入力

検索窓に、プラグイン名を入力します。

この章のトップに戻る

『今すぐインストール』をクリック

プラグインを選択したら、『今すぐインストール』をクリック。

この章のトップに戻る

『有効化』をクリック

『有効化』をクリックします。

ため

これで完了です。

この他のプラグインについては、以下をご覧ください。削除できるものも書いています。

SWELL初期設定一覧に戻る

SWELL初期設定手順④：Googleアドセンスの設定をする

プラグインを導入したら、Googleアドセンスの設定をします。

ため

やることは以下3つです。

リンクをクリックすると見たいところにスキップします

一つずつ説明しますね。

アドセンスとの紐づけ

まずは、アドセンスとの紐づけです。手順は以下のとおり。

紐づけ手順

アドセンスにログイン

アドセンスにログインします。

広告 → コードを取得

『広告』→『コードを取得』と進んでください。

『コードをコピー』をクリック

『コードをコピー』をクリック。

ダッシュボード → 外観 → カスタマイズ

お使いのワードプレスにログインします。

下記の画面が表示されたら、『外観』→『カスタマイズ』と進んでください。

『高度な設定』をクリック

『高度な設定』をクリック。

『</head>直前』にアドセンスコードを貼り付け

コピーしたアドセンスコードを、『</head>直前』に貼り付けます。

ため

メニュー上部の『公開』を押して完了です。

この章のトップに戻る

ads.textの登録する

次は、ads.textを登録します。手順は以下のとおり。

登録手順

アドセンスにログイン

アドセンスにログインします。

『今すぐ修正』をクリック

画面右上の『今すぐ修正』をクリック。

『ダウンロード』をクリック

『ダウンロード』をクリックします。

『ads.txt』をクリック → テキスト本文をコピー

画面左下の『ads.txt』をクリックし、テキスト本文をコピー。

ダッシュボード → SWELL設定 → ads.txtを編集

ワードプレスにログインします。

下記の画面が表示されたら、『SWELL設定』→『ads.txtを編集』と進んでください。

ads.txtを貼り付け → ads.txtを変更する

ads.txtを貼り付けた後、『ads.txtを変更する』をクリックします。

ため

これで完了です。

この章のトップに戻る

広告を貼る準備

最後は、広告を貼る準備をします。手順は以下のとおり。

広告を貼る準備手順

アドセンスにログイン

アドセンスにログインしてください。

『広告』をクリック

『広告』をクリック。

『広告ユニットごと』をクリック

『広告ユニットごと』をクリックします。

『コードを取得』をクリック

『コードを取得』をクリック。

『コードをコピー』をクリック

『コードをコピー』をクリックします。

ダッシュボード → SWELL設定 → SWELL設定

お使いのワードプレスにログインしてください。

下記の画面が表示されたら、『SWELL設定』→『SWELL設定』と進みます。

広告コード → 記事内広告に貼り付け

アドセンス広告のコードを、『記事内広告』に貼り付けてください。

『変更を保存』をクリック

スクロールして、下部にある『変更を保存』をクリック。

ため

これで完了です。

SWELL初期設定一覧に戻る

SWELL初期設定⑤：Googleアナリティクスの設定をする

Googleアドセンスの設定が終わったら、Googleアナリティクスの設定をします。

ため

手順は以下のとおり。

リンクをクリックすると見たいところにスキップします

一つずつ説明しますね。

Googleアナリティクスにログイン → 管理

Googleアナリティクスにログインしてください。

下記の画面が表示されたら、左下の『管理』をクリックします。

この章のトップに戻る

『プロパティ設定』をクリック

『プロパティ設定』をクリック。

この章のトップに戻る

トラッキングIDをコピー

トラッキングIDをコピーします。

例）
・UA-1234
・UA-abcd

この「UA-〇〇」を全てコピーしてください。

この章のトップに戻る

ダッシュボード → SEO PACK → 一般設定

お使いのワードプレスにログインします。

下記の画面が表示されたら、『SEO PACK』→『一般設定』と進んでください。

この章のトップに戻る

『Googleアナリティクス』をクリック

『Googleアナリティクス』をクリック。

この章のトップに戻る

トラッキングIDの貼り付け → 設定を保存する

赤背景の部分にトラッキングIDを貼り付け、『設定を保存する』をクリックします。

ため

これで完了です。

SWELL初期設定一覧に戻る

SWELL初期設定⑥：アフィリエイトプログラムに登録する

次は、SWELLのアフィリエイトプログラムに登録します。手順は以下のとおり。

リンクをクリックすると見たいところにスキップします

一つずつ説明しますね。

SWELLのユーザーページにログイン

以下のボタンから、SWELLのユーザーページに進んでください。

ログイン

上記の画面が表示されたら、以下を入力します。

この章のトップに戻る

個人情報の入力

画面に沿って、個人情報を入力してください。

この章のトップに戻る

ドメインと銀行口座の入力

『アフィリエイトで使うサイトURL』→『銀行口座』を入力。その後、『プロフィールを変更』をクリックします。

ため

これで完了です。

アフィリエイト広告の貼り方に関しては、以下をご覧ください。

SWELL初期設定一覧に戻る

SWELL初期設定⑦：高速化設定をする

サイト表示速度を上げるため、高速化設定をします。手順は以下のとおり。

リンクをクリックすると見たいところにスキップします

一つずつ説明しますね。

ダッシュボード → SWELL設定 → SWELL設定

『ダッシュボード』→『SWELL設定』→『SWELL』と進みます。

この章のトップに戻る

高速化 → キャッシュ削除

全ての項目にチェックを入れてください。

この章のトップに戻る

遅延読み込みを設定

下記画像のとおりに設定をします。

この章のトップに戻る

ファイルの読み込みを設定

『SWELLのCSSをインラインで読み込む』にチェックを入れてください。

この章のトップに戻る

ページ遷移高速化を設定

『Prefetch』を選択し、『変更を保存』をクリック。

ため

これで完了です。

より速くしたい方は、以下をご覧ください。超高速化する設定方法をまとめています。

SWELL初期設定一覧に戻る

SWELL初期設定⑧：サイト全体のレイアウトを決める

高速化設定が終わったら、サイト全体のレイアウトを決めます。

ため

手順は以下のとおり。

リンクをクリックすると見たいところにスキップします

一つずつ説明しますね。

SNS情報の設定

SNS情報の設定をすると、ヘッダー上部にSNSアイコンが表示。拡散されやすくなるので、アクセス増が期待できます。

ため

手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進んでください。

『SNS情報』をクリック

『SNS情報』をクリック。

SNSリンクを入力 → 公開をクリック

赤背景の部分にSNSリンクを入力します。

ため

メニュー上部の『公開』を押して完了です。

この章のトップに戻る

ヘッダーの設定

ブログの顔とも言える、ヘッダーの設定をします。手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進んでください。

『ヘッダー』をクリック

『ヘッダー』をクリック。

ヘッダーカラー

まずはヘッダーカラーの設定です。

ヘッダーレイアウト

次にヘッダーのレイアウトを設定します。

ヘッダーの追従

その次はヘッダーの追従設定。固定ヘッダーの追加ですね。

ヘッダーバー

ヘッダー追加の設定が終わったら、ヘッダーバーの設定をします。

検索ボタン

最後は検索ボタンの設定。

ため

メニュー上部の『公開』を押して完了です。

この章のトップに戻る

フッターの設定

次はフッターの設定をします。手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進んでください。

『フッター』をクリック

『フッター』をクリック。

各種設定

赤背景の部分を設定します。

ため

メニュー上部の『公開』を押して完了です。

この章のトップに戻る

サイドバーの設定

次はサイドバーの設定をします。手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進みます。

『サイドバー』をクリック

『サイドバー』をクリック。

サイドバー表示の設定

赤背景色の部分を設定します。

ため

メニュー上部の『公開』を押して完了です。

この章のトップに戻る

基本カラーの設定

次は基本カラーの設定をします。手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進みます。

『サイト全体設定』をクリック

『サイト全体設定』をクリック。

『基本カラー』をクリック

『基本カラー』をクリックします。

カラーの設定

赤背景色の部分を変更してください。

ため

メニュー上部の『公開』を押して完了です。

この章のトップに戻る

基本デザインの設定

次は基本デザインを設定します。

基本デザイン・・・サイト全体の見た目。アイキャッチの角を丸めたりします。

ため

設定手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進みます。

『サイト全体設定』をクリック

『サイト全体設定』をクリック。

『基本デザイン』をクリック

『基本デザイン』をクリックします。

詳細設定

赤背景の部分の設定を行います。

ため

メニュー上部の『公開』を押して完了です。

この章のトップに戻る

下部固定ボタンの設定

次は下部固定ボタンの設定をします。行うことは以下3つ。

行うこと

ため

設定がしやすくなるので、


ダッシュボード → 外観 → カスタマイズ → サイト全体設定 → 下部固定ボタン・メニュー


と進んでください。

トップへ戻るボタンの設置

まずはトップに戻るボタン。以下が選べます。

四角形のデザイン

円形のデザイン

固定目次の設置

次は固定目次。以下の3種類があります。

四角形のデザイン

円形のデザイン

スマホ用固定フッターメニューの設定

最後はスマホ用固定フッターメニュー。以下があります。

ため

メニュー上部の『公開』を押して完了です。

この章のトップに戻る

記事一覧リストの設定

次は記事一覧リスト。投稿画面やアーカイブページに表示される、投稿表示設定をします。

ため

手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 →カスタマイズと進みます。

『記事一覧リスト』をクリック

『記事一覧リスト』をクリック。

リストレイアウトの変更

リストレイアウトを変更します。

ため

リストレイアウトは以下とおり。

リストレイアウト

タブ切り替え設定（トップページ）

スクロールをすると、下記の画面が表示されます。

表示されたら、赤背景色の部分を変更してください。

ため

メニュー上部の『公開』を押して完了です。

この章のトップに戻る

記事スライダーの設定

次は記事スライダーの設定をします。手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進みます。

『トップページ』をクリック

『トップページ』をクリック。

『記事スライダー』をクリック

『記事スライダー』をクリックします。

記事スライダーの設置

『設置する』にチェックを入れてください。

この章のトップに戻る

詳細設定については、下記をご覧ください。カスタマイズ方法と一緒にまとめました。

関連記事

＞＞SWELLサイト型のトップページカスタマイズ②：記事スライダー

メインビジュアルの設定

次はメインビジュアルの設定をします。手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進みます。

トップページをクリック

『トップページ』をクリック。

『メインビジュアル』をクリック

『メインビジュアル』をクリックします。

メインビジュアルの表示内容を変更

画像を選択し、公開をクリック。

ため

これで完了です。

以下にメインビジュアルのカスタマイズを書いています。よろしければ、ご覧ください。

関連記事

＞＞SWELLサイト型のトップページカスタマイズ①：メインビジュアル

ピックアップバナー

ピックアップバナーは、SWELLの公式サイトをご覧ください。図解で分かりやすく説明していますよ。

ピックアップバナーの設定法

ピックアップバナー機能の使い方 | WordPressテーマ SWELLここでは、SWELL ver 1.1.4 から追加された「ピックアップバナー機能」の使い方についてご説明していきます。 「ピックアップバナー」とは、トップページに表示できる画像...

SWELL初期設定一覧に戻る

SWELL初期設定⑨：サイドバーの表示設定をする

サイト全体のレイアウトが終わったら、サイドバーの表示設定をします。

ため

やることは以下の2つ。

リンクをクリックすると見たいところにスキップします

一つずつ説明しますね。

サイドバーのレイアウトを変更する

まずは、サイドバーのレイアウトの変更。トップページでの表示のされ方を変更します。

ため

手順は以下のとおり。

変更手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進みます。

『サイト全体』をクリック

『サイト全体』をクリック。

『タイトルデザイン』をクリック

『タイトルデザイン』をクリックします。

ウィジェットタイトルのデザインを変更

赤背景色の部分を変更してください。

サイドバーレイアウト

ため

メニュー画面上の「公開」を押して完了です。

この章のトップに戻る

サイドバーにウィジェットを追加する

次はサイドバーにウィジェットを追加。人気記事や追尾目次を表示させます。

ため

ダッシュボード → 外観 → ウィジェット

と進んでください。

ドラッグ＆ドロップ

使いたいウィジェットをサイドバーに、ドラッグ&ドロップします。

ため

これで完了です。

SWELL初期設定一覧に戻る

SWELL初期設定⑩：投稿・固定ページのレイアウトを決める

サイドバーの表示設定が終わったら、投稿・固定ページのレイアウトを決めます。

ため

やることは以下4つです。

リンクをクリックすると見たいところにスキップします

一つずつ説明しますね。

目次の設定

まずは、目次の設定です。手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進みます。

『投稿・固定ページ』をクリック

『投稿・固定ページ』をクリック。

『目次』をクリック

『目次』をクリックします。

目次の表示設定

赤背景色の部分を変更してください。

目次デザインの設定

その次は、目次デザインの設定をします。

ため

デザインは4種類。olタグとulタグから選べます。

olタグ

ulタグ

目次の表示範囲の設定

最後は、目次の表示設定。赤背景色の部分を変更してください。

ため

メニュー上部の『公開』を押して完了です。

この章のトップに戻る

見出しの設定

次は見出しの設定をします。手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進んでください。

『投稿・固定ページ』をクリック

『投稿・固定ページ』をクリック。

『コンテンツのデザイン』をクリック

『コンテンツのデザイン』をクリックします。

見出しカラーの設定

見出しのキーカラーを変更してください。

ため

ヘッダーカラーと合わせると良いですよ。

見出しデザインの設定

見出しカラーが終わったら、見出しデザインを設定します。h2・h3・h4ごとにパターンを決めてください。

h2見出し

h3見出し

h4見出し

ため

決めたら、メニュー上部の『公開』を押して完了です。

この章のトップに戻る

記事下エリアの設定

次は記事下エリアの設定をします。手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 →カスタマイズと進みます。

『投稿・固定ページ』をクリック

『投稿・固定ページ』をクリック。

『記事下エリア』をクリック

『記事下エリア』をクリックします。

SNSアクションエリアの設定

SNSアクションエリア部分の設定をします。

前後ページの設定

続いて前後ページの設定です。下記のとおりにしてください。

著者情報エリアの設定

前後ページが終わったら、著者情報エリアの設定をします。赤背景の部分を変更してください。

関連記事エリアの設定

著者情報エリアが終わったら、関連記事エリアの設定をします。

関連記事のレイアウト

ため

メニュー上部の『公開』を押して完了です。

この章のトップに戻る

SNSシェアボタンの設定

最後はSNSシェアボタンの設定をします。手順は以下のとおり。

設定手順

ダッシュボード → 外観 → カスタマイズ

ダッシュボード → 外観 → カスタマイズと進みます。

『投稿・固定ページ』をクリック

『投稿・固定ページ』をクリック。

『SNSシェアボタン』をクリック

『SNSシェアボタン』をクリックします。

表示設定をする

赤背景色の部分、全てにチェックを入れてください。

ため

メニュー上部の『公開』を押して完了です。

SWELL初期設定一覧に戻る

SWELL初期設定⑪：エディタの設定をする

最後はエディタの設定をします。ボックスカラーやボタンカラーなどの変更ですね。

ため

手順は以下のとおり。

リンクをクリックすると見たいところにスキップします

ため

操作がしやすいように、

ダッシュボード → SWELL設定 → エディター設定

と進んでください。

カラーセットの設定

カラーセットの設定で行うことは、以下のとおり。

カラーパレット設定

まずは、カラーパレットの設定。文字色を決めます。

リスト設定

次はリストの設定。箇条書きのカラーを決めます。

キャプションブロック設定

次はキャプションブロックの設定。タイトル付きボックスのカラーを決めます。

Q&A設定

最後はQ&A設定。FAQのカラーを決めます。

ため

『変更を保存』を押して完了です。

この章のトップに戻る

ボーダーセットの設定

カラーセットの設定が終わったら、ボーダーカラーなどを決めます。

ため

『変更を保存』を押して完了です。

この章のトップに戻る

マーカーの設定

ボーダーの設定が終わったら、マーカーの設定をします。マーカースタイルやカラー決めですね。

マーカースタイルのデザイン

ため

『変更を保存』を押して完了です。

この章のトップに戻る

ボタンの設定

ボタンカラーやデザインを決めます。

ボタンデザイン

ため

『変更を保存』を押して完了です。

この章のトップに戻る

アイコンボックスの設定

ボタンの設定が終わったら、アイコンボックスの設定です。小アイコン・大アイコンのスタイルやカラー決めですね。

小アイコンの設定

まずは、小アイコンのスタイル・カラーを選びます。

小スタイル（3種類）

大アイコンの設定

次は、大アイコンのスタイルやカラーを選んでください。

大アイコンスタイル

ため

『変更を保存』を押して完了です。

この章のトップに戻る

吹き出しの設定

吹き出しの背景色とボーダー色を選びます。

ため

『変更を保存』を押して完了です。

この章のトップに戻る

その他（ブログカート・引用）の設定

最後は、ブログカートと引用のタイプを設定します。

ブログカート

まずは、ブログカートのタイプを選んでください。

ブログカート（内部）のタイプ

ブログカート（外部）のタイプ

引用

次は、引用のタイプを選びます。

引用のスタイル

ため

『変更を保存』を押して完了です。

これで初期設定が終わりました。お疲れ様です！

【図解マニュアル】SWELLの初期設定手順【超具体的に解説】：まとめ

今回は、【図解マニュアル】SWELLの初期設定手順【超具体的に解説】についてお伝えしました。

クリックすると見たいところに移動します

ブログを運営できるところまで来ましたね。お疲れさまでした。

ため

最初にやるかやらないかで、後々大きな差が出ます。

初期設定が終わったら、ブログをカスタマイズしましょう！

そして、あなただけのブログを完成させてくださいね！

今回は以上です。