【WordPress】SWELLテーマの購入からインストールまでの手順を徹底解説!

本記事のリンクには広告が含まれています。
  • オシャレなブログサイトを作りたい…
  • テーマをインストールするってむずかしそう…

そんな悩みを抱えていませんか?

WordPressで大人気のテーマ『SWELL(スウェル)』なら、簡単に美しいデザインと使いやすさを両立できます。

こちらのページでは、SWELLテーマの購入からワードプレスにインストールするまでの手順を、ブログ初心者でも迷わず操作できるよう画像付きで徹底解説します。

むずかしい作業は一切なし。クリック数回で、プロ顔負けの洗練されたデザインがあなたのものに。

おもち

憧れのブログサイトを作っちゃおう!

目次

WordPressテーマ『SWELL(スウェル)』とは?

は、ブログやアフィリエイトサイト向けに開発されたWordPressテーマです。

商品名WordPressテーマ SWELL(スウェル)
開発者了さん
販売元株式会社LOOS
価格¥17,600(税込)
ライセンスGPL100%(ライセンス制限なし、複数サイトで利用可)

\ 公式サイトで確認 /

SEO対策がしっかりしていて、サイトの表示速度も速く、初心者から上級者まで使いやすい設計となっています。

おもち

本サイトも『SWELL』を使っているよ!

STEP1.WordPressテーマ『SWELL(スウェル)』を購入しよう

swellのインストール方法 ステップ1:swellの公式サイトをひらく

をひらきます。

swellのインストール方法 ステップ2:『購入する』ボタンをクリックする

サイトがひらいたら、画面右上にある『購入する』ボタンをクリック。

swellのインストール方法 ステップ3:ページを下にスクロールする

購入画面がひらいたら、ページを下にスクロール。

swellのインストール方法 ステップ4:利用規約を確認してチェックボックスにチェックする

利用規約にざっと目を通してから、チェックボックスにチェック。

swellのインストール方法 ステップ5:『SWELLを購入する』ボタンをクリックする

『SWELLを購入する』ボタンをクリック。

swellのインストール方法 ステップ6:決済画面がひらきました

決済画面がひらきました。

swellのインストール方法 ステップ7:クレジットカード情報を入力する

クレジットカード情報を入力。

swellのインストール方法 ステップ8:『支払う』ボタンをクリックする

入力できたら『支払う』ボタンをクリック。

swellのインストール方法 ステップ9:購入完了ページが表示されました

購入完了ページが表示されたらOKです。

STEP2.SWELLをダウンロードして会員登録しよう

swellのインストール方法 ステップ10:『SWELLをダウンロードする』ボタンをクリックする

購入完了ページを下にスクロールして『SWELLをダウンロードする』ボタンをクリック。

swellのインストール方法 ステップ11:『新規会員登録』をクリックする

ダウンロードできたら『新規会員登録』をクリック。

swellのインストール方法 ステップ12:ユーザー名、メールアドレス、パスワードを入力する

ユーザー名、メールアドレス、パスワードを入力。

swellのインストール方法 ステップ13:利用規約を確認してチェックする

利用規約にざっと目を通してから、チェックボックスにチェック。

swellのインストール方法 ステップ14:『登録する』ボタンをクリックする

『登録する』ボタンをクリック。

swellのインストール方法 ステップ15:会員登録ができました

これで会員登録は完了です!

swellのインストール方法 ステップ16:子テーマをダウンロードする

ブログサイトをより自分好みにカスタマイズしたい(CSSをいじりたい)人のみ、子テーマをダウンロードしていきましょう。

画面を下にスクロールすると『SWELL製品ダウンロード』があるので、子テーマの右側にある『swell_child_zip』をクリック。

swellのインストール方法 ステップ17:SWELlの親テーマと子テーマがダウンロードできたか確認する

パソコンのダウンロードをひらいて、SWELLの『親テーマ』と『子テーマ』がダウンロードできていることを確認してください。

おもち

さっそくワードプレスにテーマを追加していこう!

STEP3.WordPressにSWELLをインストールしよう

swellのインストール方法 ステップ18:ワードプレスをひらき『外観』の『テーマ』にある『新しいテーマを追加』ボタンをクリックする

ワードプレスをひらいて、画面左側にあるメニューから『外観』をクリック、『テーマ』をクリック、『新しいテーマを追加』ボタンをクリック。

swellのインストール方法 ステップ19:『テーマのアップデート』ボタンをクリックする

『テーマのアップロード』ボタンをクリック。

swellのインストール方法 ステップ20:『ファイルを選択』ボタンをクリックする

『ファイルを選択』ボタンをクリック。

swellのインストール方法 ステップ21:ダウンロードした親テーマを選択する

『swell-2.12.0』ファイルを選択。

swellのあとにつづく数値は、テーマが更新されるたび変更されるので、数値がちがっている場合があります。

swellのインストール方法 ステップ22:『今すぐインストール』ボタンをクリックする

『いますぐインストール』ボタンをクリック。

swellのインストール方法 ステップ23:『有効化』をクリックする

『有効化』をクリック。

おもち

SWELLがインストールできたよ!

STEP4.SWELLのユーザー認証をしよう

swellのインストール方法 ステップ24:『SWELLのユーザー認証』をクリックする

『SWELLのユーザー認証』をクリック。

swellのインストール方法 ステップ25:メールアドレスを入力する

登録してあるメールアドレスを入力。

swellのインストール方法 ステップ26:『認証リクエストを送信』ボタンをクリックする

『認証リクエストを送信』ボタンをクリック。

swellのインストール方法 ステップ27:SWELLからメールが届く

入力したメールアドレスにメールが届くので確認していきましょう。

swellのインストール方法 ステップ28:メール内のURLをクリックする

届いたメールのメッセージにあるURLをクリック。

swellのインストール方法 ステップ29:『自分のサイトに戻る』ボタンをクリックする

SWELLのマイページがひらき『〇〇の認証が完了しました』と表示されたらOK!

『自分のサイトに戻る』ボタンをクリック。

swellのインストール方法 ステップ30:『アクティベート完了』ボタンをクリックする

『アクティベートを完了』ボタンをクリック。

swellのインストール方法 ステップ31:認証が完了しました

『認証完了』と表示されたらOKです!

おもち

これでSWELLが使えるようになったよ!

参考までに:WordPressにSWELLの子テーマをインストールしよう

ブログサイトをより自分好みにカスタマイズしたい(CSSをいじりたい)人のみ、ワードプレスにSWELLの子テーマをインストールしていきましょう。

おもち

私はいつも子テーマで作業することが多いよ!

swellのインストール方法 ステップ32:ワードプレスをひらいて『外観』の『テーマ』にある『新しいテーマを追加』ボタンをクリックする

ワードプレスをひらいて『外観』をクリック、『テーマ』をクリック、『新しいテーマを追加』ボタンをクリック。

swellのインストール方法 ステップ33:『テーマのアップロード』ボタンをクリックする

『テーマのアップロード』ボタンをクリック。

swellのインストール方法 ステップ34:『ファイルを選択』ボタンをクリックする

『ファイルを選択』ボタンをクリック。

swellのインストール方法 ステップ35:ダウンロードした子テーマを選択する

『swell_child』ファイルを選択。

swellのインストール方法 ステップ36:『今すぐインストール』ボタンをクリックする

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

swellのインストール方法 ステップ37:『有効化』をクリックする

『有効化』をクリック。

swellのインストール方法 ステップ38:子テーマがインストールできました

『有効:SWELL CHILD』となっていればOKです!

おもち

これでテーマのインストールはOK!つぎはサイトデザインにすすもう!

SWELLデモサイトの着せ替え方法はこちら

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次