コンサートのための推し活双眼鏡 CHECK

CocoonからSWELLへ移行してみた|今すぐできる移行方法

当ページにプロモーション広告を含む場合があります。
この記事でわかること

Cocoon→SWELLの移行方法

SWELL移行後の装飾崩れとデザイン

WordPressブログ開設3ヵ月目を目前に、ついにCocoonからSWELLへ移行しました。

わたしはブログの知識がなく、

  • ブログのデザインがうまくいかない
  • 記事を書くのに時間がかかる
  • モチベーションを上げたい

この理由からSWELLへ移行することに決めました。

移行した結果、初心者のわたしでもブログが整って、モチベーションもアップ!

ブログがとても楽しくなりました

SWELLは他の有料テーマと比べると、値段が高い(17,600円)のがデメリットです。そのためなかなか移行に踏み切れずにいました。

Chipi

悩んでいないでもっと早く買えばよかった…!

今回の記事ではSWELLへの移行方法と、実際に使ってみたおすすめポイントをレビューします♪

SWELLがおすすめな人

  • HTMLやCSSの知識がない人
  • 簡単におしゃれなデザインにしたい人

\ ブログが楽しくなるテーマ /

目次

SWELLの購入方法

STEP
SWELL公式サイトへアクセスする
SWELL公式サイトへアクセスします。

右上の「購入する」または中央の「DOWNLOAD」をクリックします。

STEP
規約に同意する
SWELL購入画面

チェックを入れて、「SWELLを購入する」ボタンをクリックします。

STEP
支払いをする
SWELL購入手続き画面

メールアドレスとクレジットカード情報を入力し「支払う」ボタンをクリックします。

これでSWELLの購入が完了です!

SWELLをダウンロードする

つづいて、SWELLをダウンロードします。

STEP
SWELLERSに登録する
SWELLERS登録ページ

SWELLERSへアクセスします。

購入手続きの際に入力したメールアドレスを入力して会員登録をします。

ユーザー名とパスワードは自由に設定してOKです。

STEP
SWELLをダウンロードする
SWELLダウンロード

「SWELL本体最新版」をダウンロードします。

テーマエディターを使って、カスタマイズする場合は子テーマも一緒にインストールしましょう。

STEP
SWELLをインストールする
SWELLインストール画面

WordPressにログインをして「外観」→「テーマ」→「新規追加」→「テーマのアップロード」の順に進み、ダウンロードしたSWELLのファイルを選択してアップロードします。

アップロードできたら、今すぐインストールをクリックしましょう。

インストールが完了したら「有効化」をクリックします。

STEP
ユーザー認証をする

「SWELL設定」→「アクティベート」→メールアドレスの欄に登録したメールアドレスを入力して「認証リクエスト」をクリックしてユーザー認証を完了させます。

cocoonの乗り換えサポートプラグインをインストールする

CocoonからSWELLへ移行するために、プラグインをインストールします。

STEP
プラグインをインストールする
SWELL乗り換えサポートプラグインインストール

「Cocoon用」の乗り換えサポートプラグインをダウンロードします。

STEP
プラグインをアップロードする
SWELL乗り換えサポートプラグインインストール画面

ダウンロードしたらWordPressにログインをして「プラグイン」→「新規追加」→「プラグインのアップロード」へ進み、乗り換えサポートプラグインのファイルを選択します。

SWELL乗り換えプラグインインストール画面

「今すぐインストール」をクリックします。完了したら「有効化」をしましょう!

CocoonからSWELL移行後の設定

Chipi

移行後の設定でやることを説明しますね。

まず「SEO SIMPLE PACK」というプラグインをインストールして準備してください。SWELLで必須のプラグインです。

SWELLで推奨プラグインと非推奨プラグインについては、公式サイトで紹介されているので参考にしてください。

SWELL公式サイト

Googleアナリティクスの設定をする

STEP
SEO PACKの一般設定をクリックする
STEP
Googleアナリティクスをクリックする

G4を使っている方は上の欄に、UAを使っている方は下の欄にIDを入力します。

Googleサーチコンソールを登録する

STEP
SEO PACKの一般設定をクリックする
STEP
ウェブマスターツールをクリックする

Googleサーチコンソールの認証コードを入力します。

テーマの機能で設定していた場合のみ設定の必要があります。

Googleアドセンスを設定する

必要な方のみ設定してください。

STEP
外観のカスタマイズをタップする
STEP
高度な設定をタップする
STEP
アドセンスのコードを貼る

headタグ終了直前に出力するコードと書かれた枠内にコードを貼ります。

貼り終わったら「公開」ボタンをタップして保存しましょう。

OGP設定をする

OGP設定では、SNSにブログをリンクさせた時にブログの画像が表示されるようにします。

Chipi

画像があるのとないのとではイメージが全然違いますよね。

STEP
SEO PACKのOGP設定をクリックする
STEP
基本設定をクリックする

表示させたい画像を選択してください。選択したら設定を保存するをクリックします。

STEP
Twitterをクリックする

Twitterのアカウント名を入力します。@は必要ありません

カードタイプを「summary」と「summary_large_image」の2種類から選び、設定を保存するをクリックします。

Chipi

わたしは大きいほうの「summary_large_image」で設定しています♪

もし設定したのに画像が表示されない場合は、「SWELL設定」→「リセット」からブログカードのキャッシュをクリアしてみてください。

CocoonからSWELLへ移行後のホームのデザインは?

swell移行後のトップページ

SWELLを有効化するとホームがこのように変化します。

Chipi

自分のブログじゃないみたい!

CocoonとSWELLのホームの比較はこちら。

自分好みにイメージ画像や文字色を変更しただけ。SWELLでは簡単におしゃれなデザインに整いました

CocoonSWELLへ移行後の記事装飾の崩れ方は?

Cocoonから移行するときにSWELL公式サイトから、「移行サポートプライン」をインストールするのが絶対におすすめです。

プラグインがあるのと、ないのとでは記事の崩れかたがどのくらい違うのか比較してみました。

プラグインを使わずSWELLに移行した場合、「ふきだし」のアイコンがどーんと大きく表示されて、ふきだしじゃなくなっています…。

プラグインがあるとふきだしの形が表示されて、そんなに大きくは崩れていないですね

編集作業をして元通り整いました。

Chipi

移行したらなるべく早く編集して見やすくしてあげましょう

編集が終わったら乗り換えサポートプラグインはもう必要ないので削除してOKです。

CocoonからSWELLへ移行するなら早い方がいい理由

SWELLへ移行して有料テーマを使われているみなさんが「変更するなら早いほうがいい」と言っていた理由がわかりました。

記事にほどこした装飾がテーマによって違うので、テーマを移行するすると記事の装飾が崩れてしまうのです。

わたしのブログはたった12記事しかないのに編集作業に5時間かかり大変でした。

Chipi

最初から導入しておくと、無駄な編集時間が省けて効率的でおすすめです。

CocoonからSWELLへ移行前にやっておけばよかったこと

移行前にやっておけばよかったなーと思ったことを紹介します。

ディスクリプションをメモしておく

記事の簡単な概要を書く欄ですが、移行すると全部消えてしまいます。もう1度思い出しながら書かないといけなくなるので、コピーしておくといいです。

バックアップをとっておく

万が一移行する際に問題が起きてしまったときのために、ブログのバックアップを取っておくことをおすすめします!

UpdraftPlus」というプラグインがおすすめです。

SWELLのお気に入りポイントを6つ紹介

お気に入りポイントを紹介します〜!

スライダー

ブログのホームに記事スライダーを設置できます。

スライダーを設置するのが憧れだったの嬉しいです

設置方法は、外観→カスタマイズ→トップページ→記事スライダーから設置するを選ぶだけ♪

ボタン

\ 簡単にできるよ /

このようなキラっとするおしゃれなボタンが選択するだけで簡単に作れます。

他にも、

「SWELL設定」でカラーを変えたり、ボタンに丸みを持たせたり、四角くしたりいろいろとアレンジできます。

装飾

ポチッと簡単にかわいい装飾ができて嬉しい。自分好みのカラーを「SWELL設定」で登録しておけば楽々です。

このように、「ボーダー」と「スタイル」を組み合わせて使うこともできますよ

ふきだし

Chipi

ふきだしも簡単にアレンジできるよー!

めがねちゃん

心の声もできちゃう

Chipi

縦並び・カラー変更・左右・枠ありなしもボタンひとつ!

「SWELL設定」でふきだしセットを最初に作っておくと、サクサク作業ができますよ。

かわいいアイコン

たくさんのアイコンがあり、装飾のワンポイントになってとってもかわいいです

ボタンにもアイコンが使えちゃいます

リスト

おしゃれなリスト表示もボタンひとつで完成します。

  1. グループ入りリストを
  2. 選んで組み合わせると
  3. こんなにもおしゃれになるよ!

 

CocoonからSWELLへ有効化後ログインできなくなった場合どうする?

これは実体験なのですが、SWELLを有効化してその後WordPressに再度ログインしようとすると「このページにアクセスする権限がありません」と表示され、ログインできなくなってしまいました…。

わたしが解決するために試した方法は、ブログのレンタルサーバーの管理画面URLからログインしなおすこと。

すぐにログインできるように、お気に入りやホーム画面に追加していたログイン画面からだとエラーが出てしまうんです。

管理画面URLからログインを試してみると、無事にログインできました!

Chipi

ブログが消えたのかと焦りました…。
わたしだけなのかも知れませんが、もしこんな表示が出たら試してみてくださいね。

まとめ|SWELLはブログ書くのが楽しくなる

こんな悩みがある方にSWELLをおすすめします

  • HTML・CSSに悩みたくない
  • ブログをもっとサクサク書きたい
  • デザインをおしゃれにしたい

SWELLのデメリットはただ値段が高いことだけ。それ以外にデメリットは見当たりません。

SWELLは過去に値上げされているので今後も値上げされる可能性があります。

今が1番安いので悩んでいるかたは早めの購入をおすすめします。

SWELLに移行して、簡単におしゃれでかわいいブログが作れるので、モチベーションが上がって記事を書くのが楽しくなりました!

ぜひSWELLでブログを楽しんでください♪

\ 17,600円で買い切り

この記事が気に入ったら
フォローしてね!

\シェアしてね/
  • URLをコピーしました!
  • URLをコピーしました!
目次