【かんたん解説】CocoonからSWELLへの乗り換えを決めてからすること

WordPressのテーマ【 SWELL 】にしたいけど何をしたらいいか分からない！
そんなあなたに、なるべく短く することをまとめました。圧倒的に時間短縮になりますよ！
この記事では「Cocoonからの乗り換え」として説明していますが、「他のテーマからの乗り換え」でも大丈夫です！

有料テーマ『SWELL』の購入からインストール

SWELLダウンロードページからSWELLを購入

下のページからSWELLを購入します。

1. 「利用規約に同意します。」にチェック
2. 「 SWELLを購入する」ボタンをクリック
3. 「メールアドレス」と「カード情報（カード所有者名も）」を入力
4. 「国または地域」を選び「￥17,600 支払う」ボタンをクリック

SWELLをダウンロード

SWELLを購入すると【購入者限定パスワード】が記載されたメールが届きます。メールは大切に保管しましょう。

1. メールの【SWELL ダウンロードリンク】をクリックしてzipファイルをダウンロード
2. SWELLの子テーマ（無料）もダウンロード

SWELL会員サイト「SWELLERS’」の会員登録

SWELL会員サイト「SWELLERS’」で会員登録をしましょう。

1. 「SWELLERS’」のページ下の「会員登録はこちらから」ボタンをクリック
2. SWELL購入時のメールに記載されているパスワードを入力
3. 「送信」
4. ユーザー名やメールアドレス、パスワードを登録

SWELLへの「乗り換えサポート用プラグイン」をダウンロード

「SWELLERS’」の「マイページ」にある「製品ダウンロードページ」で乗り換え前のテーマの「乗り換えサポート用プラグイン」をダウンロードできます。

関連記事 「製品ダウンロードページ」

「乗り換えサポート用プラグイン」のインストールから有効化

SWELL「乗り換えサポート用プラグイン」を有効化します。

1. ダッシュボード（WordPress）「プラグイン」
2. 「新規追加」
3. 「プラグインのアップロード」
4. 「ファイル選択」をクリックして、先程ダウンロードした「乗り換えサポート用プラグイン」zipファイルを選択
5. 「今すぐインストール」
6. 有効化

「SWELL」と「SWELLの子テーマ」をインストール

★ 必ず ①親テーマ　②子テーマ　の順にインストールすること。

SWELLのインストール後にすること

Cocoonで使っていたプラグインを整理

乗り換え前のテーマで使っていたプラグインの中には、SWELLでは非推奨のものもあるかも知れません。
不要なプラグインは削除しましょう。サイトの動作が軽くなり、安全性も高められます。

SEO対策用プラグイン「SEO SIMPLE PACK」をインストール

「SEO SIMPLE PACK」はとてもシンプルなSEO用プラグインです。

1. ダッシュボード（WordPress）「プラグイン」
2. 「新規追加」
3. 検索キーワードに「SEO SIMPLE PACK」と入力して検索
4. 「今すぐインストール」
5. 有効化

アナリティクスの設定

テーマを乗り換えるとアナリティクスのトラッキングIDを再入力する必要があります。

1. ダッシュボード（WordPress）「SEO PACK」
2. 「一般設定」
3. 「Googleアナリティクス」タブ
4. 『「トラッキングID」または「測定ID」』にトラッキングIDを入力

Googleアドセンスの設定

Googleアドセンスに合格していて、広告を貼りたい場合は設定しましょう。

1. ダッシュボード（WordPress）「SWELL設定」
2. 「広告コード」タブ
3. 広告を入れたい所にアドセンスの広告コードを貼る

★アドセンス広告コードの場所
Googleアドセンスのページ左の「広告」にあります。作っていない場合はこちらから作成しましょう。

「広告コードの設定」

3つの入力欄があります。

記事内広告

ここで入力したコードは、ショートコードで簡単に呼び出せるようになります。

目次広告

目次の直前または直後に広告を入れることができます。（目次が非表示の場合は最初のH2タグの直前に表示されます。)
目次の前後どちらに設置するかは、カスタマイザーの「投稿・固定ページ」→「目次」で設定できます。

自動広告

ここで設定した自動広告は、ページごとに非表示にすることが可能です。

「インフィード広告の設定」

インフィード広告

記事一覧リスト（アイキャッチが並ぶページ）になじむような広告のこと。

ウィジェットに広告を貼りたい場合

1. ダッシュボード（WordPress）「外観」
2. 「ウィジェット」
3. 「利用できるウィジェット」の「[SWELL]広告コード」
4. 「広告表示エリア」を選ぶ
5. 「ウィジェット追加」
6. 「広告タグ」にアドセンス広告コードを貼り付ける
7. 「保存」

Twitterで記事を紹介する際のアイキャッチ画像を大きくする

Twitterで投稿した記事を知らせる時、初期設定ではアイキャッチ画像が正方形で表示されるようになっています。

1. ダッシュボード（WordPress）「SEO PACK」
2. 「OGP設定」
3. 「Twitter」タブ
4. 「Twitterアカウント名」を入力（「@〇〇」の「〇〇」部分を入力）
5. 「カードタイプ」の「summary_large_image」を選択

PHPのバージョンを確認、推奨バージョンに変更

現在のPHPのバージョンの設定を確認しましょう。
PHPの推奨バージョンは「SWELL ダウンロードページ」の「動作環境」で確認できます。

PHPの現在のバージョンはレンタルサーバー（Xserverではサーバーパネル）で確認、設定できます。

コントロールパネル（サーバーパネル）で「PHP Ver.切替」のような項目を探して確認します。
PHPが推奨バージョンより数字が小さければ変更しましょう。

★PHPについて「カゴヤのサーバー研究室」さんから引用させてもらいました。

PHPとは動的にWebページを生成することができるサーバーサイドのスクリプト言語です。他のプログラミング言語と比較して仕様や文法が簡単なため習得しやすいと言われています。またMySQLなどのデータベースとの連携が容易なことなどから、WordPressを含めたWebアプリケーションの開発にもよく使われる有名なスクリプト言語でもあります。

引用元：カゴヤのサーバー研究室　PHPとは？基礎知識、できることを初心者にもわかりやすく解説します

「高速化」の設定を変更

表示速度を速くするために「高速化」の設定をしていきます。

キャッシュ機能

1. ダッシュボード（WordPress）「SWELL設定」
2. 「高速化」タブ
3. 「キャッシュ機能」の8ヶ所すべてにチェック

遅延読み込み機能・ファイルの読み込み

1. 上2つにチェック
2. 「画像のLazyload」は「スクリプト（lazysizes.jp）を～」を選択
3. 「ファイルの読み込み」はチェック

ページ遷移高速化

「高速化の種類」は「Prefetch」を選択…のはずだけど…↓

WordPressが勝手にログアウトしてしまうようなら「使用しない」を選択しましょう。

フォント

SWELLの高速化について調べると、初期設定のフォント「Noto Sans JP」がページ表示速度を大きく下げていることが分かりました。今のうちに変更しておきましょう。

1. ダッシュボード（WordPress）「外観」
2. 「カスタマイズ」
3. 「 サイト全体設定」
4. 「基本デザイン」
5. 「■フォント設定」
6. 「ベースとなるフォント」
7. 「Noto Sans JP」を変更

SWELLのフォント4つの比較です。（上の2つが推奨フォント）

文字数の多い記事での各フォントのスコアをPageSpeed Insightsというサイトで測りました。表の数字は「Noto Sans JP」のスコアを基準としたスコアの差です。
※プラスの値が大きい程、表示速度が良い。（スコアは100が満点）

フォント	モバイル	パソコン
游ゴシック	-1	+27
ヒラギノゴシック > メイリオ	+1	+24
明朝体（Noto Serif JP）	-14	-3

「明朝体（Noto Serif JP）」が一番遅くなりました。上の2つから選ぶのが良いです。

デザイン着せ替え

SWELLのデモサイトのデザインに着せ替えることができます。最初のサイトデザインに時間をかけたくないなら利用してみましょう！
少し長いので別記事にしました。

過去に投稿した記事の修正

最後に過去に投稿した記事の修正をしましょう。読まれる記事を優先して修正するのがおすすめです。

★ すべての記事の修正が終わったら、「乗り換えサポート用プラグイン」を停止。
問題がないことが確認できたら削除してもOKです。「Cocoon」のテーマも削除してOKですよ。

終わりに -SWELLのおすすめ記事だけ量産されてるよねって話-

最後まで読んでくれた方、ありがとうございます！
このブログは今回が最終回です。

今回補足記事のつもりだったのにどうしても文字数が多くなるしさ…。極力文字数も減らしたのに、補足記事の補足記事まで必要になったしさ…。
SWELLの購入後の記事で分かりやすいものがあまり見つからなかったから書きました。誰かの役に立てばいいんだ…。役に立つ…よね…？

いつもコメントをくれたみんな！
TwitterやInstagramなどのSNSで共有してくれたみんな！
今まで支えてくれたみんな！バナナ！本当にありがとう！

とても…とても楽しかったです。
それではまた どこかでお会いできれば幸いに思います。

＼ もよろしくね！ ／

ご愛読ありがとうございました。あのドキ先生の次回作にご期待ください。
ブログを続けられる自信がないので記事を書くごとに最終回します。