この記事をみながら手順通りに進めるとSWELLへのテーマ変更がスムーズに行えます。
WordPressのインストールが完了している前提で進めていきますので、まだの方は下記の記事を参考にしてWordPressの導入から進めていきましょう。
![](https://takayamuto.com/wp-content/uploads/2022/11/段落テキスト-4-300x225.png)
SWELLの購入から導入までの手順
手順1|SWELLの購入
SWELL公式サイトへアクセスし「ダウンロード」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/e99a8b3f72ad4a03748a711be62a1b95.png)
下記のページになりますので画面を下へスクロールします。
![](https://takayamuto.com/wp-content/uploads/2022/12/c4f84dab0a47b43afbba511fb156861a.png)
1「利用規約に同意します。」にチェックをいれ2「SWELLを購入する」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/143b541c09ae9aa5cf779d0dd82af4f6.png)
カード情報を入力し「支払う」をクリックすると登録したアドレスにダウンロードのリンクがついたメールが届きます。
これで購入完了です。
![](https://takayamuto.com/wp-content/uploads/2022/12/c40e920d4803c6a4a2b5c839f04e79e3.png)
![](https://takayamuto.com/wp-content/uploads/2019/03/124b9e39102addc57199dc782d554aab.jpg)
リンクをクリックしてダウンロードする前に先にSWELLの会員サイトへの登録から行っていきましょう。
SWELLにはSWELLERS’という会員専用サイトがあり、登録を行わないとアップデートができません。
また後で詳しく説明しますが、子テーマなどもダウンロードできないので購入後すぐに登録することをおすすめします。
では登録の手順を説明していきます。
手順2|SWELL会員サイトへ登録する
SWELL公式サイト
![](https://takayamuto.com/wp-content/uploads/2022/12/029f355380d6868e7cbcf6939d68e424.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/029f355380d6868e7cbcf6939d68e424.png)
「会員登録はこちらから」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/415bdfb65334b934770e18218d580c7b.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/415bdfb65334b934770e18218d580c7b.png)
必要事項を入力し「当サイトの利用規約に同意します。」にチェックを入れ「登録する」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/6202b5be4a5a9050ec17b34b96c7af75.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/6202b5be4a5a9050ec17b34b96c7af75.png)
- ユーザー名
なんでもOK(ちなみに僕は自分の名前にしました) - メールアドレス
SWELL購入時に登録したメールアドレス - パスワード
なんでもOK(覚えておきやすいもの)
これで会員登録は完了です。
ではダウンロードを行なっていきましょう。
手順3|SWELLテーマのダウンロード
これから下記の2種類をダウンロードして2のSWELL CHILDを有効化させていきます。
- SWELL(親テーマ)
- SWELL CHILD(子テーマ)
![](https://takayamuto.com/wp-content/uploads/2022/11/b0854.png)
![](https://takayamuto.com/wp-content/uploads/2022/11/b0854.png)
![](https://takayamuto.com/wp-content/uploads/2022/11/b0854.png)
親テーマと子テーマ?
という方は下記をクリックしてご覧ください。
\ クリックするとみれます /
「親テーマ」と「子テーマ」とは
![](https://takayamuto.com/wp-content/uploads/2022/12/0f51025d0b6c8db45c70e2427bbdce9f.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/0f51025d0b6c8db45c70e2427bbdce9f.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/2ecdf53973bb89ecd881a40ba4768ec6.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/2ecdf53973bb89ecd881a40ba4768ec6.png)
まず決まり事として覚えておいてほしいのですが「SWELL」に限らずテーマには「親テーマ」と「子テーマ」の2種類あるものがあります。
次に覚えてほしいのが、WordPressでサイトのデザインなどをカスタムする際には有効化しているテーマを書き換える場合があります。
そうなった時に、もし親テーマを使用しているとテーマ自体がアップデートされた際にせっかく自分が書き換えた部分がリセットされてしまうことがあります。
そこで、テーマのアップデートの影響を受けない子テーマを有効化して使用しましょう。
ほかのテーマをインストールする際にも「親テーマ」と「子テーマ」があるものは必ず両方インストールし「子テーマ」を使用しましょう。
![](https://takayamuto.com/wp-content/uploads/2022/11/6e8f3522e694a0b72f4aaa2b855acd4c-150x150.jpg)
![](https://takayamuto.com/wp-content/uploads/2022/11/6e8f3522e694a0b72f4aaa2b855acd4c-150x150.jpg)
![](https://takayamuto.com/wp-content/uploads/2022/11/6e8f3522e694a0b72f4aaa2b855acd4c-150x150.jpg)
今は少し理解するのが難しいかもしれないですが「そういう決まり事」として覚えておきましょう!
またテーマを変更する際には、注意点もありますのであわせて覚えておきましょう。
1度テーマを決め、途中でテーマを変更すると、過去に書いた記事の修正が必要になる場合があります。
テーマごとに独自の機能を持たせている事も多く、切り替えたテーマでは自分が行った設定が反映されていないなど、最悪消えてしまうこともあります。
では実際にSWELLをダウンロードしていきましょう。
先程登録したSWELL会員サイトのマイページへいくと下記のような画面になりますので下へスクロールします。
![](https://takayamuto.com/wp-content/uploads/2022/12/498da3539a5f8408756c1d7bd28e07b6.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/498da3539a5f8408756c1d7bd28e07b6.png)
「SWELL製品ダウンロード」の項目が出てきますので「SWELL本体最新版」と「子テーマ」それぞれをクリックしパソコンにダウンロードします。
![](https://takayamuto.com/wp-content/uploads/2022/12/764ed948e3d81fd1ffa8de0b63678bb3.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/764ed948e3d81fd1ffa8de0b63678bb3.png)
僕は分かりやすいようにデスクトップに持ってきました。
![](https://takayamuto.com/wp-content/uploads/2022/12/1ec5822c4cf220ab09374d2a2ac79fa1.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/1ec5822c4cf220ab09374d2a2ac79fa1.png)
zipファイルのままWordPressにインストールしていくので解凍はしないでください。
解凍してしまうとインストールできません。(もし解凍してしまった場合は再度ダウンロードできます)
手順4|WordPressへインストール
いよいよWordPressにSWELLをインストールしていきます。
WordPressの管理画面の左メニューから「外観 → テーマ」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/5457c4dd76dc5d82ed544907f0820966.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/5457c4dd76dc5d82ed544907f0820966.png)
「新規追加」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/594c95d8c7b6fee235387813aadb752f.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/594c95d8c7b6fee235387813aadb752f.png)
「テーマのアップロード」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/f006235900a85b7c9443ecd9fe72fc0b.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/f006235900a85b7c9443ecd9fe72fc0b.png)
「ファイルを選択」をクリックし先程ダウンロードした「親テーマ」を選択します。
![](https://takayamuto.com/wp-content/uploads/2022/12/01cd688cab94242b0224c463fc37a228.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/01cd688cab94242b0224c463fc37a228.png)
「今すぐインストール」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/b27a5b8083be711875f15e2600d75145.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/b27a5b8083be711875f15e2600d75145.png)
「テーマページへ移動」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/720d5ee05f87ae96f2d0e9ca25a58469.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/720d5ee05f87ae96f2d0e9ca25a58469.png)
同じ手順で「子テーマ」を選択し「今すぐインストール」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/1b13367b00b833e2bde9a01fadec44fe.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/1b13367b00b833e2bde9a01fadec44fe.png)
ここで「有効化」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/c087171f047fa8cd718a8ab106a9535e.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/c087171f047fa8cd718a8ab106a9535e.png)
「SWELL CHILD」が有効になっていれば完了です。
試しに左上メニューから「サイトを表示」をクリックしてみましょう。
![](https://takayamuto.com/wp-content/uploads/2022/12/4a2393d9e5d41858accee827144f6603.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/4a2393d9e5d41858accee827144f6603.png)
一気に本格的なサイトに生まれ変わりましたね。
![](https://takayamuto.com/wp-content/uploads/2022/12/6714d5357fb114b1d5e229b9bf23d5da.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/6714d5357fb114b1d5e229b9bf23d5da.png)
これでSWELLの導入は完了です。
最後にユーザー認証を完了させましょう。
はじめの方でもお伝えしましたが、ユーザー認証を完了させないとSWELLのアップデートができず最新の機能が使えないので、必ずこの時点でやっておきましょう。
管理画面へいくとこのような警告文が出てると思いますので設定していきます。
![](https://takayamuto.com/wp-content/uploads/2022/12/13e6ce13823c239fc70eda9d29b27987.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/13e6ce13823c239fc70eda9d29b27987.png)
手順5|SWELLユーザー認証設定
WordPressの管理画面の左メニューから「SWELL設定 → アクティベート」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/9fc875f7f139e094c8871bc76c7e28f9.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/9fc875f7f139e094c8871bc76c7e28f9.png)
「ユーザー認証」の項目の画面になりますので先程SWELLER’S会員登録に使用したメールアドレスを入力し「認証リクエストを送信」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/ab26db2394ada7c77bb7d63b45c125e3-1.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/ab26db2394ada7c77bb7d63b45c125e3-1.png)
認証を完了させる為のURLが記載されたメールが届くのでクリックし、その後「アクティベートを完了」をクリックします。
![](https://takayamuto.com/wp-content/uploads/2022/12/561d3aff52983b28c547625a46a7efc0.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/561d3aff52983b28c547625a46a7efc0.png)
「認証完了」と表示されれば完了です。
![](https://takayamuto.com/wp-content/uploads/2022/12/246be42736c68b9312310c511ce746b4.png)
![](https://takayamuto.com/wp-content/uploads/2022/12/246be42736c68b9312310c511ce746b4.png)
【まとめ】お疲れ様でした
![](https://takayamuto.com/wp-content/uploads/2022/12/hd-wallpaper-230014_1920.jpg)
![](https://takayamuto.com/wp-content/uploads/2022/12/hd-wallpaper-230014_1920.jpg)
お疲れ様でした。
これでSWELLのへのテーマ変更は完了です。
まだWordPressを導入したばかりで、プラグインの導入やパーマリンクの設定などもこれからの方は、下記の記事で分かりやすく説明していますのでぜひ参考にしてみてください。
SWELLでの必須プラグインなどもご紹介しています。
![](https://takayamuto.com/wp-content/uploads/2022/11/4fdf61e07592597dcd3831b29f76adac.png)
![](https://takayamuto.com/wp-content/uploads/2022/11/4fdf61e07592597dcd3831b29f76adac.png)
また今回の手順はほかのテーマに変更する際にも役立つスキルとなっていますので、ぜひ今後のサイト運営にも役立ててもらえたらなと思います。
最後までご覧いただき、ありがとうございました。
コメント