くま太君WordPressテーマSWELLを購入することを決意！
でも、どうやって購入・WordPressに入れたらいいの？
緊張しすぎで、ちょっと吐きそう……
数あるWordPressテーマから、オシャレで使いやすいと評判の、SWELL購入を決意！
でも……
そんな新たなSWELL仲間の方へ、画像を使って1つずつ丁寧に、ご案内していきます。
今回のWordPressへのテーマインストール方法は、他のテーマやプラグインにも活用できるので、参考にしていただけたら嬉しいです。
SWELL基本情報のおさらい
くま太君ちょっと基本情報をおさらいしておこう。
| 販売価格 | ¥17,600（税込）／買い切り、追加料金なし |
| 動作必須環境 | PHP 7.3 以上／WordPress 推奨5.6以上 |
| 対応ブラウザ | Edge / Chrome / Firefox / Safari （各最新版） |
| ライセンス | GPL100%／ライセンス制限なし。複数サイトで利用可能。 |
| 決済方法 | クレジットカード ( VISA / Master / AMEX / JCB ) |
| ご購入ページ | https://swell-theme.com/download/ |
SWELL購入方法
くま太君準備はいいかな！
WordPressテーマの中には、管理画面上から直にインストールできるものもありますが、
SWELL購入手順は、大まかに3段階です。
- SWELLの公式サイトにアクセス
- 購入の必要情報を入力
- SWELLデータをダウンロード
SWELL公式ページは、親切な作りになっているので、簡単にダウンロードまで行うことができますので、安心してくださいね。
前もって準備しておいた方が良いモノ
SWELLを購入する際は、以下が必要になるので、前もって準備しておくとスムーズに進行できます。
こちらは、購入時に必要な入力情報です。
SWELLの公式サイトにアクセス
くま太君まずは、SWELL公式サイトの、購入ページまでいくよ。
https://swell-theme.com/
SWELL公式サイトトップページ
くま太君この『ダウンロードページ』が、購入ページだよ。
『ダウンロードページ』をスクロールすると、真ん中あたりに『購入案内』があります。
この状態だと『SWELLを購入する』ボタンをクリックすることができません。
『利用規約』にチェックを入れると、『SWELLを購入する』ボタンがアクティブになり、押せるようになります。
購入の必要情報を入力
- メールアドレス
- カード情報
- カード所有者名
- 国または地域
- 情報保存のチェックボックスにチェック
上記を入力を終えたら、『支払う』ボタンをクリックします。
SWELLデータをダウンロード
くま太君買っちゃった！
これでページが移動して、SWELLデータをダウンロードできるようになるよ。
このとき、サンクスメールが送られて来ますので、保管しておきましょう。
くま太君メールアドレスは合っているのに、メールが届かない！
っていうときは、迷惑メールフォルダも確認してみよう。
このサンクスメールに、ダウンロード用のURLが付いています。
作業がらくなので、パソコンでデータを確保できる方で、ダウンロードしていきましょう。
くま太君やっぱり、レイアウトをするなら、画面の大きいパソコンの方が、
作業しやすいもんね。
ダウンロードされるファイルは『.zip』の圧縮ファイルです。
もし、ダウンロードの段階で、自動で解凍されている場合は、圧縮『.zip』しておきましょう。
ここまでで、SWELLの購入からデータの確保までが終了です。
SWELLをWordPressへインストール
くま太君さっきダウンロードしたSWELLの『.zip』の圧縮ファイルを使って、WordPressにインストールしていこう！
WordPressにログインして、管理画面に入ります。
『外観』→『テーマ』でテーマ画面を開きます。
『新規追加』をクリックします。
『テーマを追加』画面に移動するので、『テーマのアップロード』ボタンをクリックします。
『選択』ボタンをクリックして、購入時にダウンロードした『.zip』圧縮ファイルを選択します。
ファイル名はSWELLのバージョンで異なりますが、下記のような名称です。
この時、解凍されたフォルダしかない場合は、ご自身で圧縮をし『.zip』ファイルに変換してください。
くま太君ちょっと余談。
くま太君話を戻して、
『.zip』圧縮ファイルを選択すると、『選択』ボタンの隣に、選んだファイル名が表示されます。
『今すぐインストール』ボタンがアクティブになるので、クリックします。
インストールが開始され、以下のような画面に切り替わります。
最後に、インストールしたSWELLを使えるように『有効化』ボタンをクリックします。
くま太君これでインストール自体は終了だよ。
簡単だったね。
インストール完了画面から『有効化』をクリックしても良いですし、
もう一度『外観』→『テーマ』から『有効化』するのでもOKです。
くま太君SWELLの陣地にカーソルを合わせれば、『有効化』ボタンが見えるよ。
『有効化』後の状態を確認すると、下記のようにSWELLが１番左上に配置され、『有効』となっていれば、SWELLが適用されています。
これで無事にSWELLをWordPressにインストールが完了し、利用することができるようになりました。
お疲れ様でした。
SWELLで子テーマいる？いらない？
くま太君SWELLをガッツリカスタマイズするのなら、SWELLの子テーマをインストールして利用しよう。
『必要ならインストールする』の意味・理由は下記で解説しますね。
まずは、子テーマを導入するなら、
- 子テーマをダウンロード（無料）
- 圧縮ファイル（.zip）のまま、WordPressに先の方法と同様にインストール
- 子テーマを『有効化』に変更する
これだけでOKです。
子テーマについて、こちらでガッツリ解説しているので、子テーマ導入にお悩みの方は一読してみてください。
WordPress子テーマの真実！いるorいらない？
くま太君ここから子テーマについて、ちょっとお話していくね。
『必要なら導入する』って意味が判明するぞ！
まずポイントとなってくるのは、カスタマイズの範囲です。
例えば、カスタマイズと言えば、
これらもカスタマイズと言えますね。
これらWordPress上で設定するカスタマイズは、親テーマ（先程インストールしたSWELL本体）で管理されています。
くま太君じゃあ、子テーマは何に使うの？
子テーマには上記以外のカスタマイズ、つまり、
に使用することになります。
SWELL（親テーマ）は頻繁にアップデートがされているのですが、
親テーマに独自の編集を、CSSやPHPファイルに書き込んだ場合、この親テーマのアップデートで上書きされて、自分で書き足した部分が、消えてしまうのです。
そのため、親テーマと独立したフォルダ内にファイルを持つ子テーマに、独自の変更を書き、消えてしまわないように対処します。
くま太君下の2つの画像は、子テーマのCSSとPHPファイルの中身だよ。
ボカシを入れた部分は、私が独自にカスタマイズして書き足した部分です。
見て頂くと分かるように、子テーマのファイルには下記のように、数行しか記述がありません。
くま太君この数行のみだと、SWELLは何も反応しないよ。
だったら、子テーマ無くていいじゃんって話。
もし、自分でコードを書き足したくなったら、そのときに子テーマをインストールすればOKなんだ。
昔は親テーマ・子テーマは絶対セット！という風潮でした。
今は逆に、使わないのに読込ファイルが無駄に増えて、サイトの表示速度に若干の影響があると言われることもあり、
という流れになっています。
私は当ブログでは、独自のカスタマイズをしているので、子テーマを使用しています。
カスタマイズ前は、子テーマを導入せず、親テーマのみで運営していましたが、問題ありませんでした。
これはどのWordPressテーマの子テーマでも、同じことが言えますが、各テーマの公式の案内に沿った利用をおすすめします。
今回のまとめ。購入もインストールも簡単スムーズ！
くま太君今回は、何がって、購入するのが１番緊張した！
間違えたらどうしようって、すごく不安だったんだ。
今回は、WordPressテーマSWELLの購入からインストールまでの方法を、ご案内しました。
SWELLを実際に購入するのも、初めてWordPressにインストールするのも、分からなくてドキドキしますよね。
SWELLの公式サイトは購入ページも含めて、サイト全体でとても分かりやすい構成になっています。
なので、購入時もスムーズに進めることができますね。
SWELL購入手順は、大まかに3段階！
- SWELLの公式サイトにアクセス
- 購入の必要情報を入力
- SWELLデータをダウンロード
クレジットカードでの購入となるので、慌てないように、前もって用意しておくと安心です。
さあ、ここから、SWELL生活を始めましょう。
ここまでお読みいただき、ありがとうございました。
くま太君さあ、SWELLをインストールして、下準備が終わったら、いよいよサイト作りだね。
デザインに関して記事にしているから、良かったら参考にしてね。
＼ 【広告】SWELLなら、設定も編集もサクサク快適！ ／
WordPressテーマ『SWELL』の詳細は公式サイトで！