この記事ではWordPressのテーマ有料テーマ購入から導入までを、人気テーマSANGOを例に説明しています。
もくじ
公式ページから販売ページへ
まずは、購入したいテーマの公式ページを表示します。
ネット検索で導入したいテーマ名を調べてそのテーマの公式サイトに移動しましょう。
![【SANGO】WordPress有料テーマ購入1](https://solabotschool.com/wp-content/uploads/2021/07/456b4c1a3af1af1ead56a7a5b90f86af-1024x576.png)
今回は、例として「SANGO」というテーマを導入していきます。
![【SANGO】WordPress有料テーマ購入2](https://solabotschool.com/wp-content/uploads/2021/07/2ed6a5f06cbcc7a4a233993a869207de-1024x576.png)
基本的にはどの有料テーマでも、ワードプレスに導入する手順は一緒です。
SANGOのテーマを導入する場合は、概要欄のリンクから進めてください。
その他のお勧め有料テーマもリンクを貼っておきます。
SANGOのページに移動したら、画面右上の「ダウンロード」をクリック。
![【SANGO】WordPress有料テーマ購入3](https://solabotschool.com/wp-content/uploads/2021/07/0f2745082f632117f6f4e9aca8fa4fc2-1024x576.png)
すると、SANGO購入方法のページに移動します。
![【SANGO】WordPress有料テーマ購入4](https://solabotschool.com/wp-content/uploads/2021/07/5b6df8aab53903ab19cfaf250ffd4446-1024x576.png)
内容としては、「2種類の購入方法がある」というものです。
要約すると、テーマ単体で購入するか、サーバーとセットで購入するかという内容になっています。
![【SANGO】WordPress有料テーマ購入5](https://solabotschool.com/wp-content/uploads/2021/07/8e26e4ac2313ed3dc4cb4117a0b7548a-1024x576.png)
サーバーとセットだとテーマ代が1,000円安くなりますが、「ConoHa WING」というサーバーで運営することが必須となりますので、今回はテーマ単体で購入していきます。
テーマ単体で購入する場合は、BOOTHというファイルなどが売買できるサイトで購入手続きを行います。
![【SANGO】WordPress有料テーマ購入6](https://solabotschool.com/wp-content/uploads/2021/07/76f170db723ae517ca461fae4b31d792-1024x576.png)
そのため、ここからはSANGOの紹介ページから、BOOTHへ移動して操作していきます。
BOOTHで商品購入
画面上の「BOOTHでSANGOを購入」というボタンをクリック。
![【SANGO】WordPress有料テーマ購入7](https://solabotschool.com/wp-content/uploads/2021/07/6966b051a8b691e5b42fff488a7c1a11-1024x576.png)
すると、先ほどのSANGOの公式ページのタブを残して新しいタブでBOOTHというサイト内の、SANGO購入ページが表示されます。
![【SANGO】WordPress有料テーマ購入8](https://solabotschool.com/wp-content/uploads/2021/07/cb391f145d6f65187d645cd41d48f594-1024x576.png)
「カートに入れる」ボタンをクリックすると、テーマが1つカートに入ります。
![【SANGO】WordPress有料テーマ購入9](https://solabotschool.com/wp-content/uploads/2021/07/4e61cf23a15c3612749f6b6be158faef-1024x576.png)
そのまま「このショップのレジに進む」をクリック。
![【SANGO】WordPress有料テーマ購入10](https://solabotschool.com/wp-content/uploads/2021/07/522b922b851c88348a177ed7584e1a3a-1024x576.png)
しかし、すぐに購入はできず、BOOTHサイトへのログインページが表示されます。
![【SANGO】WordPress有料テーマ購入11](https://solabotschool.com/wp-content/uploads/2021/07/efb973f653a630f0e59e93320f4c3f61-1024x576.png)
BOOTHも1つの会員制サイトなので、会員登録が必要ということです。
![【SANGO】WordPress有料テーマ購入12](https://solabotschool.com/wp-content/uploads/2021/07/94d4ce37a2818ed345b81244a2b94b41-1024x576.png)
会員となると、商品の購入だけでなく、ご自身が作成した成果物を販売することもできます。
![【SANGO】WordPress有料テーマ購入13](https://solabotschool.com/wp-content/uploads/2021/07/2bb22885638708e825d839646755bb40-1024x576.png)
オリジナルで何かを製作するような活動をされている方は、こちらで販売してみてもいいかも知れませんね。
BOOTHでの会員登録には、「pixv ID」というものが必要となります。
![【SANGO】WordPress有料テーマ購入14](https://solabotschool.com/wp-content/uploads/2021/07/573b0496ec25a0e459a523b3be2bf79f-1024x576.png)
初めての言葉がたくさん出てきてもあせらないでください。
![【SANGO】WordPress有料テーマ購入15](https://solabotschool.com/wp-content/uploads/2021/07/416200176d03340770b143ac671256fd-1024x576.png)
Pixvというイラスト・漫画・小説などを自由に投稿できるサイトの会員用IDがpixv IDで、そのIDがBOOTHでも利用できるという仕組みです。
![【SANGO】WordPress有料テーマ購入16](https://solabotschool.com/wp-content/uploads/2021/07/6e5999e7e2522886a1d5797fe98f4d1a-1024x576.png)
すでに、pixv IDをお持ちの方は、「pixiv IDでログインして購入」から進めます。
今回は、pixv IDを持っていない場合の方法として進めていきます。
それでは、「pixiv IDを作って購入」をクリック。
![【SANGO】WordPress有料テーマ購入17](https://solabotschool.com/wp-content/uploads/2021/07/0b9a8c07849b473bc5bc35f5bb05374c-1024x576.png)
すると、pixvのアカウント作成ページが表示されます。
![【SANGO】WordPress有料テーマ購入18](https://solabotschool.com/wp-content/uploads/2021/07/4f697ded598ea7d61ca1ead9b8f4ca6d-1024x576.png)
メールアドレスと、パスワードを入力でアカウントが作成できますが、ご利用中のSNSを利用してアカウントを作成することもできます。
![【SANGO】WordPress有料テーマ購入19](https://solabotschool.com/wp-content/uploads/2021/07/84692657032ae77c8c8764278089771b-1024x576.png)
お好きな方法で登録してください。
今回は例として、メールアドレスを登録して進めていきます。
メールアドレスとパスワードを入力したら、「次へ」をクリック。
![【SANGO】WordPress有料テーマ購入20](https://solabotschool.com/wp-content/uploads/2021/07/454d3a0606680fb686599bf14dc0d3f7-1024x576.png)
そのまま、「ニックネーム」「性別」「誕生日」を入力して、「私はロボットではありません」にチェックを入れます。
![【SANGO】WordPress有料テーマ購入から導入まで](https://solabotschool.com/wp-content/uploads/2021/07/916eb5b0284317dba7d413d36aaf97a8-1024x576.png)
![【SANGO】WordPress有料テーマ購入から導入まで](https://solabotschool.com/wp-content/uploads/2021/07/50ddfc6a686a2c7a8a3ba62666cea8bb-1024x576.png)
指定されたイラストや写真を正しく選んで「利用規約」に同意しましょう。
最後に「アカウントを作成」ボタンをクリックすると、pixivでの会員登録が完了します。
![【SANGO】WordPress有料テーマ購入から導入まで](https://solabotschool.com/wp-content/uploads/2021/07/98b3fd37cf78ba916c757fceaf62208f-1024x576.png)
![【SANGO】WordPress有料テーマ購入から導入まで](https://solabotschool.com/wp-content/uploads/2021/07/ce7594226d062410fd5945c6ee3db51a-1024x576.png)
これで、同時にBOOTHでのアカウントも作成できたことになります。
![【SANGO】WordPress有料テーマ購入21](https://solabotschool.com/wp-content/uploads/2021/07/554297e77bd240b5c85f38caebad5390-1024x576.png)
アカウントが作成できると、そのままBOOTHのカートページが表示されますが、
なぜか、先ほど入れた商品がカートに入っていないことになっています。
![【SANGO】WordPress有料テーマ購入22](https://solabotschool.com/wp-content/uploads/2021/07/9d12402b4c6558f644e07c369181500b-1024x576.png)
この辺の設計がイマイチですね。
慣れている方は問題ありませんが人によっては混乱してしまいます。
今回は手っ取り早く、また、間違えてしまうことのないように、残っているSANGOの公式ページからもう一度カートに進みます。
![【SANGO】WordPress有料テーマ購入23](https://solabotschool.com/wp-content/uploads/2021/07/909aede95ee1a1c8e39e74c00fb6e647-1024x576.png)
一度、画面上部のSANGO公式ページへ移動して、再び、「BOOTHでSANGOを購入」ボタンをクリック。
![【SANGO】WordPress有料テーマ購入24](https://solabotschool.com/wp-content/uploads/2021/07/75c06820638991b1ed2bb2afa3a5121f-1024x576.png)
すると、もう一度BOOTHのサイトが表示されます。
今度は、画面右上のカートボタンに赤くしるしが付いているので、そのままカート画面に移動します。
![【SANGO】WordPress有料テーマ購入25](https://solabotschool.com/wp-content/uploads/2021/07/b25cfadef5e197df00f9a0c00ae83808-1024x576.png)
先ほど会員登録は済ませたので、「このショップのレジに進む」ボタンをクリックすると、今度は支払い方法選択ページに移動できます。
![【SANGO】WordPress有料テーマ購入26](https://solabotschool.com/wp-content/uploads/2021/07/20d823099c0641d9677137839ddb609e-1024x576.png)
任意のお支払い方法を選択してください。
![【SANGO】WordPress有料テーマ購入27](https://solabotschool.com/wp-content/uploads/2021/07/6ffe818e18f7bc19dc0ab5521d635e82-1024x576.png)
今回は例としてクレジットカードを選択しています。
![【SANGO】WordPress有料テーマ購入28](https://solabotschool.com/wp-content/uploads/2021/07/f54a1fd0d80513ce12501b87a764b309-1024x576.png)
クレジットの場合は「クレジットカードを登録」ボタンからカード情報を登録する必要があります。
![【SANGO】WordPress有料テーマ購入29](https://solabotschool.com/wp-content/uploads/2021/07/ae4a2590752a33ddfbd5aa73441e365e-1024x576.png)
必要事項を入力して、「カード情報を登録する」ボタンをクリックすると、先ほどの支払い方法選択画面に戻ります。
![【SANGO】WordPress有料テーマ購入30](https://solabotschool.com/wp-content/uploads/2021/07/749424efb774cb0770a8e037e0f7da40-1024x576.png)
今度は、クレジットカードが選択できるようになっているので、チェックをつけて、「ご注文確認へ」をクリック。
![【SANGO】WordPress有料テーマ購入31](https://solabotschool.com/wp-content/uploads/2021/07/064faa95bdf6f266ba02bdb6e77157cb-1024x576.png)
ご注文内容確認画面が表示されるので、内容に間違いがなければ、「ご注文確定」をクリック。
![【SANGO】WordPress有料テーマ購入32](https://solabotschool.com/wp-content/uploads/2021/07/25db733748680e0ec14d7d7428771a03-1024x576.png)
次の画面では、クレジットカードの処理ページが表示されるので、「支払う」をクリック。
![【SANGO】WordPress有料テーマ購入33](https://solabotschool.com/wp-content/uploads/2021/07/2f3690bb00d5256852e1ce69f1b9143c-1024x576.png)
すると、注文完了ページが表示されます。
![【SANGO】WordPress有料テーマ購入34](https://solabotschool.com/wp-content/uploads/2021/07/fdcde6be92de6d82ea4b57fde2d4d75d-1024x576.png)
画面上の「ダウンロード」から、購入したテーマをダウンロードすることができます。
購入テーマのダウンロード
ダウンロードボタンをクリックしても、いきなりテーマがダウンロードされるわけではなく、ダウンロードページが表示されます。
![【SANGO】WordPress有料テーマ購入35](https://solabotschool.com/wp-content/uploads/2021/07/54b5c46a66ec494c7c8fd1dcdaaa77b9-1024x576.png)
SANGOに限りませんが、多くのテーマでは、テーマ本体だけでなく、利用方法のファイルやバージョン違いのファイルなど複数のファイルがダウンロードできるようになっています。
![【SANGO】WordPress有料テーマ購入36](https://solabotschool.com/wp-content/uploads/2021/07/7ea8e1de83aeb095aa9e1ea898b6ccb8-1024x576.png)
ワードプレス初心者の方にはあまり聞きなじみがないかも知れませんが、ワードプレスのテーマは「親テーマ」と「子テーマ」の2つを所有して運営していくことが一般的です。
![【SANGO】WordPress有料テーマ購入37](https://solabotschool.com/wp-content/uploads/2021/07/0e688295fe239665bc9d8ca8680038b3-1024x576.png)
そのため有料テーマを購入した方は、親テーマと子テーマの2つをダウンロードしましょう。
![【SANGO】WordPress有料テーマ購入38](https://solabotschool.com/wp-content/uploads/2021/07/90972e37a2a449a40f964bbde2ee5584-1024x576.png)
利用方法などもしっかりと読んでおいてください。
親テーマと子テーマ
![【SANGO】WordPress有料テーマ購入39](https://solabotschool.com/wp-content/uploads/2021/07/bea0bdfdcc5d9bfae18a67b93543263b-1024x576.png)
ワードプレスには親テーマと子テーマという仕組みがあります。
ここでは難しくならないように簡単に説明しておきます。
親テーマは製作者が丁寧にプログラムを組んで作り上げたテーマの本体です。
![【SANGO】WordPress有料テーマ購入40](https://solabotschool.com/wp-content/uploads/2021/07/be79e07e1401afb57cdef36b79c9fa74-1024x576.png)
ただ、利用者によっては、一部の色を変更したかったり、レイアウトを少し変えたいという場合があると思います。
![【SANGO】WordPress有料テーマ購入41](https://solabotschool.com/wp-content/uploads/2021/07/7fc63d58c231a4c8501200ad289831d9-1024x576.png)
その際に、テーマの本体となる親テーマのプログラムを書き換えたり、追加することでカスタマイズが可能となります。
![【SANGO】WordPress有料テーマ購入42](https://solabotschool.com/wp-content/uploads/2021/07/d744f3311241b6373b26a157e354ca8f-1024x576.png)
しかし、テーマの本体はセキュリティの強化を行ったり、不具合あった場合など、最新の状態に更新する必要が出てきます。
![【SANGO】WordPress有料テーマ購入43](https://solabotschool.com/wp-content/uploads/2021/07/04e09ead146c08ec2da216aa390b7c25-1024x576.png)
親テーマにカスタマイズを施して、そのままテーマを更新してしまうと、カスタマイズした部分がきれいになくなり、カスタマイズしていなかった状態に戻ってしまいます。
![【SANGO】WordPress有料テーマ購入44](https://solabotschool.com/wp-content/uploads/2021/07/a5f4a3f43673cc3d762883b52190db9b-1024x576.png)
それを防ぐために、親と子のテーマが存在します。
![【SANGO】WordPress有料テーマ購入45](https://solabotschool.com/wp-content/uploads/2021/07/5762c6be1afd1be769d345a6005a834e-1024x576.png)
本体部分は親テーマを利用して、カスタマイズだけ、子テーマに記述を行うことで、親テーマが更新されてもカスタマイズはそのままという状態にすることができます。
![【SANGO】WordPress有料テーマ購入46](https://solabotschool.com/wp-content/uploads/2021/07/ef3dcb3c8697001cec2f81e564875e01-1024x576.png)
そのため、テーマの導入は基本的には親テーマと子テーマの二つを導入するのが一般的となっています。
ダウンロードするファイル
それでは実際にどのファイルをダウンロードすればいいのかを見ていきましょう。
SANGOでは「sango-theme.2.0.7.zip」、「sango-theme.2.0.5.zip」と「子テーマ」がダウンロードできるようになっています。
![【SANGO】WordPress有料テーマ購入47](https://solabotschool.com/wp-content/uploads/2021/07/3c345542357a24b56b78249ea43beb77-1024x576.png)
「ご案内.pdf」というファイルを開くとしっかり記載がありますが、「sango-theme.数字.zip」という種類のファイルが親テーマとなっています。
![【SANGO】WordPress有料テーマ購入48](https://solabotschool.com/wp-content/uploads/2021/07/fbe75bc86bf701bac5b875eebebe4e32-1024x576.png)
数字の部分は購入時期によって変わります。
数字違いで複数存在する場合は、数字の大きいファイルを使用するように説明があるのでご注意ください。
![【SANGO】WordPress有料テーマ購入49](https://solabotschool.com/wp-content/uploads/2021/07/4cf8da12453e122baec4edc1ff8e6dd5-1024x576.png)
親テーマと子テーマをそれぞれダウンロードしたら、パソコンのダウンロードフォルダに格納されるので大切に保管しておきましょう。
![【SANGO】WordPress有料テーマ購入50](https://solabotschool.com/wp-content/uploads/2021/07/06ca071f6a7d3851dcf24ed99ca5eb89-1024x576.png)
後は、ワードプレスの管理画面でテーマを導入するだけです。
購入テーマをワードプレスに導入
テーマを導入するには、ワードプレスの管理画面から左メニューにある、「外観」にマウスを乗せて、さらに表示される項目から「テーマ」をクリック。
![【SANGO】WordPress有料テーマ購入50](https://solabotschool.com/wp-content/uploads/2021/07/7876b6c16bfe67393e47f614e2472629-1024x576.png)
テーマのページが表示されたら、画面上部の「新規追加」をクリック。
![【SANGO】WordPress有料テーマ購入51](https://solabotschool.com/wp-content/uploads/2021/07/4e393561714abef9fc43c1284dca2901-1024x576.png)
さらに画面が切り替わるので、画面上部の「テーマのアップロード」をクリックします。
![【SANGO】WordPress有料テーマ購入52](https://solabotschool.com/wp-content/uploads/2021/07/90a34f98561391ed906cb2b494bf3407-1024x576.png)
すると、手持ちのファイルをアップロードできる項目が表示されるので「ファイルを選択」をクリック。
![【SANGO】WordPress有料テーマ購入53](https://solabotschool.com/wp-content/uploads/2021/07/007a4e12ba5dba30906a4099ff28ae24-1024x576.png)
すると、パソコン内のファイルが選択できるようになるので、ダウンロードフォルダにある、先ほどダウンロードしたSANGOの親テーマを選択して、「開く」をクリック。
![【SANGO】WordPress有料テーマ購入54](https://solabotschool.com/wp-content/uploads/2021/07/f3350a3864f41e63709df9573d661611-1024x576.png)
すると、ワードプレス管理画面上でファイルが認識されるので、「今すぐインストール」をクリックします。
![【SANGO】WordPress有料テーマ購入55](https://solabotschool.com/wp-content/uploads/2021/07/bd3bdc8ce36b9606beeb7c4ac355f01c-1024x576.png)
親テーマはワードプレス内に入りましたが、有効化はせずに、続けて「子テーマ」も同じ要領でアップロードしてください。
先ほどの手順をもう一度行うため、「テーマページへ移動」をクリック。
![【SANGO】WordPress有料テーマ購入56](https://solabotschool.com/wp-content/uploads/2021/07/f5414ad4d95c33226a72e06e0398c966-1024x576.png)
画面上部の「新規追加」をクリックして、さらに「テーマのアップロード」もクリック。
![【SANGO】WordPress有料テーマ購入57](https://solabotschool.com/wp-content/uploads/2021/07/13da077034d824408e3d8460994e976d-1-1024x576.png)
「ファイルを選択」で改めてパソコン内のファイルを表示します。
![【SANGO】WordPress有料テーマ購入58](https://solabotschool.com/wp-content/uploads/2021/07/db467353d9413fec4fa8c9d25448152f-1024x576.png)
今度は「子テーマ」の方を選択して「開く」をクリック。
![【SANGO】WordPress有料テーマ購入59](https://solabotschool.com/wp-content/uploads/2021/07/40ca78aa4ac45d78b07f0f79dc621e27-1024x576.png)
ワードプレス管理画面上でファイルが認識されたら、再び「今すぐインストール」をクリックします。
![【SANGO】WordPress有料テーマ購入60](https://solabotschool.com/wp-content/uploads/2021/07/bc80206b92f59b0dafe3d9078be2ca68-1024x576.png)
子テーマの方は有効にする必要があるので、画面上の「有効化」をクリックしましょう。
![【SANGO】WordPress有料テーマ購入61](https://solabotschool.com/wp-content/uploads/2021/07/f65c15bb65fa42492b151f04af08d5db-1024x576.png)
これでサイトにSANGOのテーマが導入されました。
インストール済みのテーマが一覧で並んでいるので、スクロールしてみます。
まず、これがSANGOの親テーマです。
![【SANGO】WordPress有料テーマ購入62](https://solabotschool.com/wp-content/uploads/2021/07/e8ab9e306c8e7c300f82d8becaadedcf-1024x576.png)
親テーマはこのページに表示さえされていればOKです。
少し上には、「SANGO Child」と書かれたテーマがあります。
![【SANGO】WordPress有料テーマ購入63](https://solabotschool.com/wp-content/uploads/2021/07/b8a4e2a5f0702cc83723b2fc72db4fa4-1024x576.png)
これがSANGOの子テーマで、左下には「有効」という表示があるのがわかります。
どんなテーマでも「親テーマも所有した状態で、子テーマを有効にする」という流れが一般的になるので覚えておきましょう。
![【SANGO】WordPress有料テーマ購入64](https://solabotschool.com/wp-content/uploads/2021/07/68e80183b3f1b033f96e845fa8f871bb-1024x576.png)
それでは、実際にテーマが適用されたか見てみましょう。
画面左上のご自身のサイト名からサイトを表示します。
![【SANGO】WordPress有料テーマ購入65](https://solabotschool.com/wp-content/uploads/2021/07/59df7ed2d9368470af23e9ec9f791f66-1024x576.png)
するとこのように変わりました。
![【SANGO】WordPress有料テーマ購入から導入まで](https://solabotschool.com/wp-content/uploads/2021/07/6b51c336680861b06805760b6f5c9133-1024x576.png)
![【SANGO】WordPress有料テーマ購入から導入まで](https://solabotschool.com/wp-content/uploads/2021/07/fc0409eed4e22765ed9e88021867f215-1024x576.png)
![【SANGO】WordPress有料テーマ購入から導入まで](https://solabotschool.com/wp-content/uploads/2021/07/ddb6f0521bdfba9fbd381fe4dc87f73e-1024x576.png)
お疲れ様でした。
他の有料テーマでも基本的にはこの流れで導入を行います。
それぞれのテーマには独自の設定項目などがあります。
![【SANGO】WordPress有料テーマ購入66](https://solabotschool.com/wp-content/uploads/2021/07/bdb1928c23b69c30a6caba30d448511d-1024x576.png)
テーマ導入後にわからないことがあれば、まずは公式ページから説明がないかを確認してみましょう。
また、「テーマ名」と「調べたいこと」で検索をすることでもたくさん情報が出てきます。
![【SANGO】WordPress有料テーマ購入67](https://solabotschool.com/wp-content/uploads/2021/07/e1bfca5beee48e138056f44dbdbf3644-1024x576.png)
万が一調べて出てこなかった、または、出てきたけどよくわからなかったという場合は、Solabotスクールでもご指導や代行を承っておりますので、お気軽にご相談ください。
![【SANGO】WordPress有料テーマ購入68](https://solabotschool.com/wp-content/uploads/2021/07/125cb3ac8b42dfba91eb28aa7b3bbf82-1024x576.png)
各種リンクなどは概要欄に貼っておきますのでご参考になればと思います。
■SANGO公式ページ
https://saruwakakun.design/
■SANGO使い方ページ
https://saruwakakun.com/sango/
【おすすめ有料テーマ】
■AFFINGER6
https://www.infotop.jp/click.php?aid=258913&iid=75194