この記事はこんな人にオススメ!
- スクールなしでWebデザイナーになりたい
- SWELLを最大限活用したい
- SWELLで第三者にもサイトを作りたい
- SWELLを商品として紹介したい
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
専業主婦からフリーランスになったfuuです。
Webデザインのスクールへ入会する勇気も時間もありませんでしたが
4歳・8歳の子育てをしながら、
Webデザイン未経験から約1年でSWELLを使ってホームページ制作ができるように♪
今では、ココナラでスキルを販売できるようになりました。
SWELLを自分で購入することによって世界が広がりました!少々お高いと感じると思いますが、私は本当に購入して良かったと思います。
\ SWELLを購入するメリットやデメリットについて知りたい方はこちら /
![](https://asshkhome.com/wp-content/uploads/2023/01/8de3c3e52d02acf07921c6476a146edf-300x158.png)
![](https://asshkhome.com/wp-content/uploads/2023/01/8de3c3e52d02acf07921c6476a146edf-300x158.png)
SWELL公式サイトから購入する手順
- SWELLを購入
- SWELL会員サイトに登録
- SWELLテーマをダウンロード
- SWELLテーマをインストール
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
1~4の手順について、詳しく説明していきます
1.SWELLを購入する
まず、SWELL公式サイト
![](https://asshkhome.com/wp-content/uploads/2023/10/SWELL.jpg)
![](https://asshkhome.com/wp-content/uploads/2023/10/SWELL.jpg)
\ クリックすると公式サイトにジャンプします /
![](https://asshkhome.com/wp-content/uploads/2023/10/da8263423183b03d11c1c49d8c2ff8cd.jpg)
![](https://asshkhome.com/wp-content/uploads/2023/10/da8263423183b03d11c1c49d8c2ff8cd.jpg)
![](https://asshkhome.com/wp-content/uploads/2023/10/4bf514d91e63ece07f3a2e60fe46775d.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/4bf514d91e63ece07f3a2e60fe46775d.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/7bafa7d43b22c24b13e63db3545b5e61.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/7bafa7d43b22c24b13e63db3545b5e61.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/578bd1122cfed74855d0e1e9df2126cf.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/578bd1122cfed74855d0e1e9df2126cf.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/59b627d089e488ec2b8532e3732b393b.webp)
![](https://asshkhome.com/wp-content/uploads/2023/10/59b627d089e488ec2b8532e3732b393b.webp)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
ここまでの登録は、5~10分程度で終わります。
2.SWELL会員サイトに登録
購入が完了したら、SWELL利用者限定の会員サイト「SWELLERS’」に登録しましょう。
「SWELLERS’」に登録すれば、次のようなことができます。
- SWELL製品のダウンロード
- SWELLアフィリエイトへの申し込み(SWELLを商品として紹介)
- SWELLの不具合などに関する相談が可能
- SWELLの最新版へのアップデート
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
SWELL会員サイトに早速登録していきましょう
![](https://asshkhome.com/wp-content/uploads/2023/10/cbb18f36201e95099fc6b1ca1c4c99a9.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/cbb18f36201e95099fc6b1ca1c4c99a9.png)
- ユーザー名(半角英数)
- メールアドレス(購入時に入力したもの)
- パスワード(最小6文字)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
会員登録お疲れ様でした。これであなたもSWELLERS`です!
残りの作業は
SWELLテーマをダウンロード・インストールするだけです。
あと少し頑張りましょう!
3.SWELLテーマをダウンロード
SWELLの公式サイトから、次の2種類のテーマをダウンロードします。
- SWELL本体最新版(親テーマ)
- 子テーマ
以上の2つのテーマを、会員サイト(SWELLERS’)のマイページからダウンロードしていきます。
親テーマ・子テーマについての記事を引用させていただきます
![](https://sgs-prog.com/wp-content/uploads/2022/06/marisa-howenstine-Cq9slNxV8YU-unsplash.webp)
![](https://sgs-prog.com/wp-content/uploads/2022/06/marisa-howenstine-Cq9slNxV8YU-unsplash.webp)
![](https://asshkhome.com/wp-content/uploads/2023/10/b4061a443d16f087cf2ccdaffd7a8a0d.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/b4061a443d16f087cf2ccdaffd7a8a0d.png)
PCのお好きな場所にダウンロードします。
ダウンロードするPC上の場所がどこかメモしておき、しっかり覚えておきましょう。後ほどインストールする際に必要となります。
4.SWELLテーマをWordpressにインストール
最後の手順です。
ダウンロードしたSWELLテーマをWordpressにインストールします。
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
完了までもう少しです。
頑張りましょう~!
URL=http://〇〇〇〇(設定したドメイン名)/wp-admin
![](https://asshkhome.com/wp-content/uploads/2023/10/670816f8b276282c65da338cbd822767.jpg)
![](https://asshkhome.com/wp-content/uploads/2023/10/670816f8b276282c65da338cbd822767.jpg)
次に、WordPressを作成した時に登録したユーザー名(またはメールアドレス)と、開設の際に設定したパスワードを入力し、ログインをクリックします。
![](https://asshkhome.com/wp-content/uploads/2023/10/bfbfeb1054010e667405d9a82b742c0a.jpg)
![](https://asshkhome.com/wp-content/uploads/2023/10/bfbfeb1054010e667405d9a82b742c0a.jpg)
![](https://asshkhome.com/wp-content/uploads/2023/10/157fee6163fbdb754b319aac36194eb5-1.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/157fee6163fbdb754b319aac36194eb5-1.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/e00b57b50faebebb64b454034e432b8e.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/e00b57b50faebebb64b454034e432b8e.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/ecc59a8da273f48c3f4df3cf49e35d09.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/ecc59a8da273f48c3f4df3cf49e35d09.png)
PC内にインストールした「親テーマ」を探して選択する
- 親テーマのzipファイル名は「swell-◯-◯-◯-◯.zip」です。
![](https://asshkhome.com/wp-content/uploads/2023/10/0efd2755b63cefe821900cfd2a64b6d5.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/0efd2755b63cefe821900cfd2a64b6d5.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/df3debb3dcb906dc79415d80c806c039.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/df3debb3dcb906dc79415d80c806c039.png)
子テーマを入れない方は・・・
子テーマを入れない場合、ここで「有効化」をクリックすればSWELLのインストールは完了します。STEP9以降の手順は、飛ばしてOKです。
![](https://asshkhome.com/wp-content/uploads/2023/10/0cbbcf1d8ec141989ea4b5614e407b6c.jpg)
![](https://asshkhome.com/wp-content/uploads/2023/10/0cbbcf1d8ec141989ea4b5614e407b6c.jpg)
![](https://asshkhome.com/wp-content/uploads/2023/10/dbe63e43636cad2df0b91821f1a6ee65.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/dbe63e43636cad2df0b91821f1a6ee65.png)
- 子テーマのzipファイル名は「swell-child.zip」です。
![](https://asshkhome.com/wp-content/uploads/2023/10/dbe63e43636cad2df0b91821f1a6ee65-1.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/dbe63e43636cad2df0b91821f1a6ee65-1.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/a239d2382c085602fb60b00ce774b177.png)
![](https://asshkhome.com/wp-content/uploads/2023/10/a239d2382c085602fb60b00ce774b177.png)
子テーマを入れる場合は「子テーマのみ」有効化します。
▼子テーマを使用する理由
WordPressの親テーマを使用した状態でそのテーマのバージョンアップを行うと、今までのカスタマイズ内容が消えてしまう可能性があります。上記の様なトラブルは、親テーマから派生した『子テーマ』を使用することで回避できます。
![](https://asshkhome.com/wp-content/uploads/2023/10/a0eb268db9f44be2891fd95b4e63574e.jpg)
![](https://asshkhome.com/wp-content/uploads/2023/10/a0eb268db9f44be2891fd95b4e63574e.jpg)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
![](https://asshkhome.com/wp-content/uploads/2022/10/b5ef37579606f429175c36f093654292-150x150.png)
これでSWELLの購入・インストールは全て完了です!
これからSWELLを使いこなしたいな~という方は、SWELLの公式サイトにて使い方が勉強できます。
是非様々な機能を使いこなして、素敵なデザインに仕上げていってください♪
コメント