この記事では、WordPressテーマ「SWELL」(スウェル)の購入方法と、ダウンロード、インストール、会員サイトへの登録、その他必要な作業について、すべてまとめて解説しています。
分かりやすく工程を分けて、できるだけ画像を掲載して説明しているので、この記事を見ながら進めていけば、「SWELL」を導入することができます。
WordPressテーマ「SWELL」公式サイト自分が「SWELL」を購入して、初めてインストール、導入をしたときのことを思い出しながら、「SWELLの購入・インストール・導入を説明する記事の中で、一番わかりやすい!」というのを目標に記事を作成していきます。
全体の流れの説明
今回は「SWELL」の購入、ダウンロード、インストール、会員サイト登録・・・など工程が多いです。
でも、1つの流れで一気に進める方が絶対に分かりやすいので、記事を分けず、1つの記事でまとめて説明します。
分かりやすいように、先に全体像を説明します。
全体を見ると工程が長くややこしいですが、1つ1つの工程は、説明を見てもらえればそんなに難しくなく、できると思います。
僕も初めてやったときにややこしかったので、できるだけ分かりやすいように整理したつもりです。
【任意】とあるものは、やってもやらなくても大丈夫です。
ややこしいようであれば、とりあえず飛ばして大丈夫です。
7つの工程のうち、必須が5工程、任意が2工程です。
順番は、「この順番で進めるのが分かりやすいかなー」という順番で書いています。
「SWELL」のアップデートを行うには、「ユーザー認証」というものが必要です。
「ユーザー認証」のために、この会員サイトに登録が必須になります。
こちらは質問や情報交換ができるコミュニティで、登録は任意です。
僕は登録しましたが、今のところ使っていません。
登録がややこしい、面倒だと思う人は、飛ばしてもいいと思います。
購入手続きだけではまだデータが手元に来ていないので、ダウンロードが必要です。
ダウンロードした「SWELL」のデータを、ご自分のワードプレスにインストールして、有効化(適用)させます。
「STEP2」で説明したユーザー認証です。
「SWELL」インストール後に行います。
凝ったカスタマイズをする人は子テーマの「SWELL CHILD」もインストール・有効化します。
ワードプレスや「SWELL」の機能の範囲でカスタマイズする分には、不要です。
SWELLを購入する
まず、「SWELL」のテーマを購入するところからです。
「SWELL」トップページにアクセス
「SWELL」公式サイトのトップページにアクセスします(以下のリンク)。
WordPressテーマ「SWELL」公式サイト画面右上の「購入する」をクリックします。
クリックすると、ダウンロードページに進みます。
ダウンロードページで利用規約に同意して購入
このようなダウンロードページに移行します。
利用規約を確認し、「利用規約に同意します。」にチェックを入れて、「SWELLを購入する」ボタンをクリックします。
クリックすると、クレジットカード情報の入力画面に進みます。
メールアドレスとカード情報を入力
メールアドレスとカード情報を入力して、「支払う」ボタンをクリックします。
ここで入力したメールアドレスは、あとで説明する「SWELL会員サイト」でも使うことになります。
(会員サイトでメールアドレスを登録するのですが、ここで入力したメールアドレス以外は登録できません。)
SWELLの購入完了
「支払う」ボタンをクリックすると、「購入完了ページ」に移行します。
登録したメールアドレスに、購入完了メールが届きます。
※メールの内容は、SWELLの利用規約上、公開することができませんのでご了承ください。
以上で、SWELLの購入は完了です。
SWELL会員サイト『SWELLERS’ 』登録
続いて、SWELL会員サイト『SWELLERS’』の登録 です。
「SWELL」をアップデートするためには、会員サイトを使ってユーザー認証をする必要があるので、『SWELLERS’ 』登録は必須です。
念のため、「無料」ですのでご安心ください。
「新規会員登録ページ」にアクセス
『SWELLERS’』には、「新規会員登録ページ」から登録できるのですが、アクセス方法を説明しておきます。
「SWELL]トップページの画面右上にある「フォーラム」をクリックします。
クリックすると、次のページに進みます。
フォーラムページの右側にある「会員登録はこちらから」をクリックします。
クリックすると、「新規会員登録ページ」に進みます。
必要事項入力、利用規約に同意、登録する
「新規会員登録ページ」で、「ユーザー名」、「メールアドレス」、「パスワード」を入力します。
「ユーザー名」と「パスワード」は人気に決められますが、「メールアドレス」は「SWELL」を購入するときに登録したメールアドレスを入力する必要があります。
利用規約を確認のうえ、「同意します」のところにチェックを入れ、「登録する」ボタンをクリックします。
登録したメールアドレス宛に、『SWELLERS’』ユーザー登録完了のメールが届きます。
『SWELLERS’』登録完了、マイページにアクセス
以上で、『SWELLERS’』の登録は完了です。
ログインページから、マイページにアクセスができます。
ユーザー登録完了のメールのリンクからアクセスするか、上記フォーラムページのヘッダー上にある「ログイン」から、ログイン画面に進みます。
「メールアドレス」、「パスワード」、「CAPTCHAコード」(上に表示されている文字)を入力し、「ログイン」ボタンをクリックすると、マイページにログインできます。
フォーラム、マイページで出来ること
フォーラム、マイページでは、次のようなことができます。
・SWELLに関する相談や不具合報告などが出来るフォーラムの利用
・ユーザーデータの確認・編集
・認証済みサイト一覧の確認
・「SWELL」のアフィリエイト
・「SWELL」製品のダウンロード
「SWELL」製品のダウンロードでは、
・「SWELL」本体最新版
・「SWELL」子テーマ
・乗り換えサポートプラグイン
などがダウンロードできます。
【任意】「Discord」でのオンラインコミュニティに登録
「SWELL」を購入してSWELLユーザーになると、上で説明したSWELL会員サイト『SWELLERS’』とは別に、「Discord」というコミュニケーションサービスを使ったオンラインコミュニティにも参加することができます。
こちらは、「SWELL」や「Arkhe」など、(株) LOOS製のテーマ・プラグインユーザーが交流するコミュニティで、質問や雑談などが可能です。
何か困ったことがあればここで質問してもいいかもしれませんが、普通にネット上で情報収集したり、『SWELLERS’』の方で確認できたりもするので、別に登録しなくても問題はありません。
(必要になったときに登録してもいいと思います。)
登録方法は説明しておきます。
登録しない人は、読み飛ばしでOKです
『SWELLERS’』マイページにアクセス
『SWELLERS’』マイページのサイドバー上部にある「SWELLERS’オンラインコミュニティ 参加する」ボタンをクリックします。
クリックすると、Discordサイトの「LSコミュニティ-SWELL|Arkhe」が表示されます。
ニックネームを入力
「表示名」にニックネームを入力して、「はい」をクリックします。
ロボットでないことを証明、生年月日を入力
「あなたがロボットでないことを確認させてください」と表示されるので、「私は人間です」にチェックを入れ、2問ほど簡単な問題に回答します。
その後、生年月日の入力を求められるので、入力して「完了」ボタンをクリックします。
クリックすると、「サインアップ完了」と表示されます。
メールアドレス、パスワードを入力
登録したいメールアドレスとパスワードを入力し、「アカウントを作成する」ボタンをクリックします。
クリックすると、「ありがとうございます。確認リンクを次へ送信いたしました。」という表示が出て、登録したメールアドレス宛に、以下のメールが届きます。
「Verify Email」をクリックする
「Verify Email」(=Emailを確認する)をクリックします。
※「日本語に翻訳」をクリックすれば日本語に翻訳されます。
オンラインコミュニティの登録完了
「メールが認証されました」と表示されます。
以上で、オンラインコミュニティの登録は完了です。
「Discordで開く」をクリックすると、オンラインコミュニティの画面が開きます。
「SWELL」をダウンロードする
次は、「SWELL」のデータをダウンロードします。
3つのダウンロード方法を説明しておきます。
購入後、何日か経ってからダウンロードする場合は、間違いなく最新のデータをダウンロードできるように、3つ目に紹介する「『SWELLERS’ 』マイページからダウンロード」がいいかもしれません。
ダウンロードしたデータは、インストールするときに見つけやすいように、分かりやすいところに保存しておきましょう。
(デスクトップでも大丈夫です。)
購入後に表示される画面からダウンロード
「SWELL」を購入したときに表示される「購入完了ページ」に、「テーマファイルのダウンロード方法について」というセクションがあります。
「SWELLをダウンロードする」のボタンを押すと、ダウンロードすることができます。
購入後に自動送信されるメールからダウンロード
「SWELL」を購入したときに、自動送信メールが届いています。
メール本文のダウンロードリンクをクリックしても、ダウンロードすることができます。
『SWELLERS’ 』マイページからダウンロード
会員サイト『SWELLERS’ 』のマイページにログインし、下の方にスクロールしていくと、「SWELL製品ダウンロード」というセクションがあります。
そこに掲載されている「SWELL」のZipファイルをクリックすると、ダウンロードすることができます。
『SWELLERS’ 』マイページからは、「SWELL」の子テーマのデータや、他のテーマからの乗り換えプラグインのデータもダウンロードできます。
ワードプレスに「SWELL」をインストールして、有効化する
次は、ダウンロードした「SWELL」のデータを、ワードプレスにインストールします。
ワードプレスの管理画面にアクセス
ワードプレス管理画面から、「外観」ー「テーマ」を開きます。
「新しいテーマを追加」をクリック
「テーマ」ページが開きます。
現在、一番左の「Twenty Twenty-Four」というデフォルトテーマが「有効」となっており、このテーマが適用されている状態です。
「新しいテーマを追加」をクリックします。
クリックすると「テーマを追加」のページに進みます。
「テーマのアップロード」をクリック
「テーマのアップロード」をクリックします。
「SWELL」を選択し「開く」
「SWELL」テーマのデータを選択し、「開く」をクリックします。
「今すぐインストール」をクリック
「SWELL」テーマが選択されていることを確認し、「今すぐインストール」をクリックします。
テーマページへ移動
「テーマのインストールが完了しました」と表示されます。
ここで「有効化」をクリックしてもいいのですが、いったん「テーマページへ移動」をクリックします。
「SWELL」を有効化する
「SWELL」テーマが追加されています。
「SWELL」にカーソルを合わせると「有効化」が表示されるので、クリックします。
「SWELL」のインストール、有効化が完了
有効されると、「SWELL」テーマのところが「有効」と表示されます。
これで、「SWELL」のインストールと有効化は完了です。
しかし、上部に「SWELLのユーザー認証が完了していません。」と表示されています。
次は、「SWELLのユーザー認証」を行います。
「SWELL」のユーザー認証を行う
「SWELL」は、インストールしたワードプレスごとにユーザー認証を行う必要があります。
ユーザー認証をしておかないと、「SWELL」のアップデートができません。
「SWELLのユーザー認証」をクリック
先ほど、「SWELL」を有効化したときに表示された「SWELLのユーザー認証が完了していません。」の「SWELLのユーザー認証」のところをクリックします。
メールアドレスを入力、認証リクエストを送信
「SWELL」購入時、『SWELLERS’』登録時に登録したメールアドレスを入力し、「認証リクエストを送信」ボタンをクリックします。
クリックすると、以下のような表示になり、入力したメールアドレス宛に「SWELLのユーザー認証用URLを送付します」という件名のメールが届きます。
届いたメールのワンタイムURLをクリックする
届いたメール本文に、ワンタイムURLというものが記載されているので、そのURLをクリックします。
マイページに遷移、自分のサイトに戻る
ワンタイムURLをクリックすると、『SWELLERS’』マイページに遷移し、今回、ユーザー認証をしたサイトの「認証が完了しました。」と表示されています。
「自分のサイトに戻る」をクリックします。
ユーザー認証完了
ワードプレスの管理画面に戻ります。
「✓認証完了」と表示されています。
以上で、「SWELL」のユーザー認証は完了です。
【任意】「SWELL」子テーマをインストールして、有効化する
最後に、「SWELL」の子テーマのインストールと有効化について説明しておきます。
もともとワードプレスや「SWELL」に備え付けられている設定の範囲でしかカスタマイズをしない人や、簡単なCSS追加程度のカスタマイズしかしない人にとっては必要ありません。
手順は「SWELL」をインストール、有効化したときとほぼ同じですが、一応説明しておきます。
注意が必要なのは、子テーマのインストールと有効化は、「SWELL」本体(親テーマ)のインストール後の行わなければいけないということです。
「親テーマが先、子テーマが後」です。
※親テーマの有効化まではしておかなくても大丈夫です。
「子テーマのインストール・有効化の前に、親テーマのインストールを先にしておく」です。
子テーマのデータは、『SWELLERS’ 』マイページからダウンロードできます。
ワードプレスの管理画面にアクセス
ワードプレス管理画面から、「外観」ー「テーマ」を開きます。
「新しいテーマを追加」をクリック
「テーマ」ページが開きます。
「SWELL」本体(親テーマ)がインストール・有効化された状態です。
「新しいテーマを追加」をクリックします。
クリックすると「テーマを追加」のページに進みます。
「テーマのアップロード」をクリック
「テーマのアップロード」をクリックします。
「swell_child」を選択し「開く」
「swell_child.zip」というファイル名の子テーマのデータを選択し、「開く」をクリックします。
「今すぐインストール」をクリック
「swell_child」が選択されていることを確認し、「今すぐインストール」をクリックします。
テーマページへ移動
「テーマのインストールが完了しました」と表示されます。
ここで「有効化」をクリックしてもいいのですが、いったん「テーマページへ移動」をクリックします。
「SWELL」子テーマを有効化する
「SWELL」の子テーマ「SWELL CHILD」が追加されています。
「SWELL CHILD」にカーソルを合わせると「有効化」が表示されるので、クリックします。
子テーマをインストールして、子テーマにカスタマイズを加えていく場合は、子テーマの方を「有効化」しておかなければなりません。
「SWELL」子テーマのインストール、有効化が完了
有効されると、「SWELL CHILD」テーマのところが「有効」と表示されます。
以上で、「SWELL」子テーマのインストールと有効化が完了です。
おまけ:「デフォルトでのサイト」と「SWELLでのサイト」
デフォルトの「Twenty Twenty-Four」というテーマのサイトのトップ画面。
「SWELL」サイトのトップ画面。
トップページの上の方だけなので、あまり分からないかもしれませんね。
管理画面の左上にあるサイト名(この例では「テストブログ」)にカーソルを当てると、「サイトを表示」というメニューが出てきます。
「サイトを表示」をクリックすると、サイトに遷移するので、全体を確認することができます。
まだ中身はありませんが、自分のサイトが「SWELL」を導入してどうなっているのか、一度チェックしてみてください。
メインビジュアルのサンプル写真もおしゃれなものが多くて、ちょっとテンションが上がりませんか?
まとめ
この記事では、WordPressテーマ「SWELL」(スウェル)の購入方法と、ダウンロード、インストール、会員サイトへの登録(必須)、その他必要な作業について、すべてまとめて解説してきました。
工程が多かったり、任意の工程があってどうしようか迷ったり、少し大変だったかもしれません。
僕も初めて「SWELL」を導入したときは、『SWELLERS’』とかDiscordコミュニティの登録がややこしく感じて、すごく面倒でした。
その経験も踏まえて、できるだけ分かりやすく整理したつもりなので、この記事がみなさんの「SWELL」導入のお役に立っていたらうれしいです。
最後までお読みいただき、ありがとうございました。
ワードプレスと「SWELL」の導入が出来たら・・・次はこの記事
ワードプレスと「SWELL」の導入(インストール)が出来たら、「ワードプレスの基本設定」も忘れずに!
ワードプレスと「SWELL」の導入(インストール)が出来たら、「SWELLの設定とプラグイン導入」も忘れずに!