MENU

ChatGPTに教えてもらいながらWordPress に SWELL をインストールしてみた!

ChatGPT(じぴてぃー)に教えてもらい SWELL をインストールしたので、記録として残しておきます!

目次

会話ログ

👤 私:
WordPressに SWELL というテーマをインストールして使えるところまで持って行きたいんだけど、インストールの手順や設定方法がわかりません。インストールする方法から詳しく教えて。 

🤖 じぴてぃー:
もちろん!WordPressに「SWELL」テーマをインストールして使えるところまでの手順を、初心者でもわかりやすく解説しますね。以下のステップで進めましょう! 

実際に教えてくれた手順

🌟 SWELLテーマをWordPressにインストール&設定する手順

🔸 STEP 1:SWELLの購入とダウンロード

  1. SWELL公式サイトhttps://swell-theme.com/)にアクセスします。
  2. 「購入する」ボタンをクリックして、購入手続きを進めます。
  3. 購入後、マイページから 「SWELL本体ファイル(zip)」 をダウンロードします。

🔸 STEP 2:WordPressにSWELLをインストール

  1. WordPress管理画面にログインします(https://あなたのサイトURL/wp-admin/)。
  2. 左側メニューから「外観」→「テーマ」を選択。
  3. 画面上の「新規追加」→「テーマのアップロード」をクリック。
  4. ダウンロードしたSWELLのzipファイルをアップロードして「今すぐインストール」。
  5. インストールが完了したら「有効化」をクリック。

🔸 STEP 3:SWELLの子テーマ(推奨)をインストール

  1. SWELL公式マイページから「子テーマ(zip)」をダウンロード。
  2. 同様に「外観」→「テーマ」→「新規追加」→「テーマのアップロード」から子テーマzipをアップロード。
  3. インストール後「有効化」します(SWELL本体は自動で親テーマとして動作します)。

💡 子テーマを使う理由
子テーマを使うと、将来SWELLの本体をアップデートしても自分のカスタマイズ内容が消えません。

🔸 STEP 4:SWELLのライセンス認証

  1. WordPress管理画面で「SWELL設定」を開きます。
  2. 「ライセンス認証」タブに購入時の「ライセンスキー(シリアルキー)」を入力します。
  3. 「認証する」をクリックして完了。

🔸 STEP 5:初期設定とおすすめ設定

  1. 「SWELL設定」内で以下を設定します。
    • サイトロゴのアップロード
    • サイトカラーの設定(テーマカラー、背景色など)
    • フォント設定(見やすいフォントを選ぶ)
    • ヘッダー、フッターの設定

SWELL のインストール手順

今回、実際に行ったインストールの手順は以下のとおりです。

1. SWELLテーマの購入!

まず、公式サイト(https://swell-theme.com/)で購入します。
購入ボタンがあるので、悩むことはないはずです。

2. SWELL のテーマをダウンロード!

SWELLユーザーの会員サイト(https://users.swell-theme.com/)からマイページへ。

その後、SWELL 本体最新版をダウンロード。必要であれば、子テーマもダウンロードします。

3. WordPress に SWELL本体 をインストール

WordPressにログインして管理画面を表示

【外観】→【テーマ】と進む

【テーマを追加】をクリック

【テーマのアップロード】→【ファイルを選択】と進む

SEWLLテーマ本体を選択

ファイル名を確認して【今すぐインストール】をクリック

「テーマのインストールが完了しました」と表示されていることを確認して、【有効化】をクリック。

「SWELLのユーザー認証が完了していません」と表示さてたらリンクをクリック。

メールアドレスを入力し【認証リクエストを送信】をクリック。

メールが届くので、本文の指定されたURLをクリック

「【あなたのドメイン】の認証が完了しました」と表示されればOK。【自分のサイトに】戻るをクリック。

自動的にWordPressに戻り「認証完了」となればバッチリです。

4. SEWLLの小テーマもインストール(必要であれば)

小テーマで運用する場合は、同様の手順で子テーマのほうもインストールします。

【外観】→【テーマ】と進み、

【テーマを追加】をクリック

ダウンロードした小テーマを選択

ファイル名をチェックし【今すぐインストール】

インストールが完了したのを確認して【有効化】をクリック

これで、小テーマ「SEWLL_CHILD」が有効になります。

5. 完了!

とりあえず、トップページをチェックしたら、このようになっていました。すでに、いくつか記事を公開しているので、アイキャッチ画像なども表示されています。

SEWLLだけでは無いですが、自分でデザイン(WordPressのテーマ作成)ができなくても、テーマを利用することで良い感じのデザインになるのは、本当にありがたいです。

これから少しずつ、ChatGPT(じぴてぃー)に質問しながらカスタマイズしていきます!

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

この記事を書いた人

コメント

コメントする

目次