SWELLブログの作り方を画像77枚を使って分かりやすく解説します！
おしゃれなサイトを作りたいので、SWELLを使ってブログを始めたいです。
OKです。ブログもSWELLも大好きな僕が完全解説します。
SWELLは、おしゃれなブログを作りたい方に最高のWordPressテーマです。
デザインの整ったSWELLを使うことで、モチベーション高くブログを始められます。
しかしながら、ブログ初心者にとっては、ブログを開設して、SWELLの導入まで行うのは、ちょっとハードル高いですよね。
でも、ご安心を。
この記事を見れば、ブログの開設も、SWELLの導入も、確実にクリアできます。
ぜひ、一緒に進めてみてください。
SWELLブログの作り方「４STEP」
これが、SWELLを使ってブログを作るまでの流れになります。
全部で４STEPですね。順番に解説していきます。
STEP1：ブログを開設する
まずブログを開設しましょう。
SWELLを使うにはWordPressが必須なので、WordPressを開設していきます。
上記のように、WordPressブログを始めるには３ステップで完了します。
では、WordPressブログの開設方法を解説していきますね。
①：サーバー契約・ドメイン取得を行う
では、サーバーの契約・ドメイン取得を行っていきます。
サーバー契約とドメイン取得の手順
- ロリポップ公式サイトにアクセス
それでは、下記よりロリポップ公式サイトにアクセスしましょう。
＼安くて高スペック、超おすすめのサーバー／
- ロリポップ！にアクセスが出来たら、「お申込み」をクリック
- 「ハイスピードプラン」の「10日間無料でお試し」をクリック
- 各項目への入力を行う
①「ロリポップ！のドメイン(初期ドメイン)」に、好きな文字列を入力。（今後ロリポップのログインに必要となるものです。）
②「パスワード」に、ロリポップで使うパスワードを入力。
③「メールアドレス」を入力。
④「利用する」にチェック。
⑤「取得する独自ドメイン」にあなたのサイトで使いたい文字列を入力。（当サイトでいうと、「hinakira.com」の部分）
⑥「ムームーID(メールアドレス)」に、ムームードメイン(ドメイン取得サイト)で使うIDとなるメールアドレスを入力。
⑦「ムームードメインパスワード」に、ムームードメインで使うパスワードを入力。
⑧「同意する」にチェック。
⑨「同意して本人確認へ」をクリック。
ドメインというのは、下の赤く囲まれた部分のことです。
インターネット上にある「住所」のようなもので、サイトのURLを構成します。
- 「SMS認証の本人確認」を行う
電話番号を入力して、「認証コードを送信する」をクリックしましょう。
- 送られてきた「認証コード」を入力
①SMSで認証コード（４桁の番号）が送られてきたら、認証コードを入力。
②入力ができたら「認証する」をクリック。
- 各項目への入力を行う
①「名前」「フリガナ」など各項目を入力。
②「契約期間」については、必ず12ヶ月を選択しましょう。（12ヶ月以上でドメイン代が永久無料になります）
③クレジット番号、有効期限を入力。
④「お申込みと同時にWordPressをインストールする」にチェック。
⑤「サイトのタイトル」に、サイト名を入力する。（あとから変更できます）
⑥「ユーザー名」に、WordPressで使うユーザー名を入力。（あとから変更できます）
⑦「最初に設定するWordPressテーマを選択」では、Cocoonを選択。
⑧「お申込み内容確認」をクリック。
- 「お申込みを確定」をクリック
これで、レンタルサーバー契約とドメイン取得が完了です。
では、「ユーザー専用ページにログインする」をクリックして、ロリポップ！の管理画面に移動しておいてください。（画面を閉じてしまった場合は、ロリポップ公式サイトからアクセスすればOK）
次はレンタルサーバー（ロリポップ！）に、ドメインを連携させていきます。
ドメインをサーバーに登録する
- 「サーバーの管理・設定」⇒「独自ドメイン設定」⇒「確認・変更」をクリック
ロリポップの管理画面を開き、「サーバーの管理・設定」⇒「独自ドメイン設定」⇒「確認・変更」を選択。
- 公開フォルダの設定を行う。
①「公開フォルダ」に、管理しやすい名称を入力します。
※ドメインと同じもの（hinakira）でOK。②入力ができたら、「更新」をクリック。
これで、サーバーとドメインの連携が取れました。
②：WordPressをインストール
次に、ワードプレスをインストールしていきます。
- 「サイト作成ツール」⇒「WordPress簡単インストール」
ロリポップ！の管理画面から、「サイト作成ツール」⇒「WordPress簡単インストール」を選択しましょう。
- 必要事項の入力などを行う
下記画面になったら、必要事項の入力などを行っていきます。
①「インストール先」のサイトURLに、さきほど取得した独自ドメインを入力します。
※URL右側の「入力は任意です」という部分は、そのままでOK。②「利用データベース」は、「新規自動作成」を選択。
③「WordPressの設定」には、自分のサイトのタイトル、ユーザー名、パスワード、メールアドレスを入力します。
（サイトのタイトルなどは、あとからでも変更できます）④「検索エンジンによるサイトのインデックスを許可する」はチェックを入れたままにしておきましょう。
（外してしまうと、サイトが検索結果に反映されなくなります･･･）⑤すべての入力が完了したら、「入力内容確認」をクリック。
- 「承諾する」にチェックを入れ、インストールをクリック
入力内容を確認して、「承諾する」にチェックを入れ、インストールをクリックしましょう。
以上、ワードプレスのインストールも完了です。
次は、最終ステップの「SSL化」を行います。
③：SSL化（セキュリティ強化）
いよいよWordPress開設のラストステップ、「SSL化」を行っていきます。
- 管理者ページURLをクリック。
下記画面の管理者ページURLをクリックして、ワードプレス管理画面へ移りましょう。
- ワードプレスの管理画面にログイン。
①ユーザー名かメールアドレスを入力します。
②パスワードを入力しましょう。
③入力ができたら「ログイン」をクリック。
ログインをすると下記の画面に移りますが、アドレスバーを見ると「保護されていない通信」という表示に。
簡単にいうと、セキュリティが弱い状態です。
というわけで、これを解決していきます。
- 「セキュリティ」⇒「独自SSL証明書導入」
ロリポップ！にログインして、「セキュリティ」⇒「独自SSL証明書導入」を選択しましょう。
- 「独自SSL（無料）を設定する」をクリック。
SSL保護されていないドメインにチェックを入れて、「独自SSL（無料）を設定する」をクリックしましょう。
すると、下記のように、独自ドメインおよびサブドメインの状態が「SSL設定作業中」に変わります。
自動設定が終わるまでに10分程度かかります！
- 「SSLで保護されているドメイン」で、「SSL保護有効」を確認。
「SSLで保護されているドメイン」に移動して、ドメインを確認すると「SSL保護有効」となっていると思います。
- 「設定」⇒「一般」
ワードプレスの管理画面に戻って、「設定」⇒「一般」を選択しましょう。
- 「http」を「https」に変更。
①「WordPressアドレス」と「サイトアドレス」のURL「http」を「https」に変更します。
②変更したら、「変更を保存」をクリックしましょう。
そのあとでアドレスバーの左側を見てみましょう。
画像のように、鍵マークになっているはずです。
これでSSL化された状態（セキュリティ強化）になった、ということが分かります。
ただ、今の状態ではSSL化されていない「http」にもアクセスができる状態になっています。
というわけで、もうひと手間加えていきますね。
具体的には、「SSL化」されたURL「https」に自動で接続されるように設定をしていきます。
- 「サーバーの管理・設定」⇒「ロリポップ！ＦＴＰ」
再度ロリポップを開いて、「サーバーの管理・設定」⇒「ロリポップ！ＦＴＰ」を選択しましょう。
- 取得した独自ドメイン名をクリック。
上記画面になったら、取得した独自ドメイン名をクリックします。
- 「.htaccess」を探して、クリック。
上記画面に切り替わったら、「.htaccess」を探して、クリックします。
- コードの貼り付け。
画面が切り替わったら、下記の枠内の文字を、コピーしてください。
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]次に、コピーした文字列を下記画面の赤枠部分に貼り付けます。
貼り付ける場所や文字などは間違いのないようにしましょう。
確認ができたら、「保存する」をクリックします。
以上、SSL化も完了です。
おめでとう！ワードプレスの開設が完了です！
はじめから開設方法を確認したい方は ➡ 目次に戻る
このあとは、できれば最低限やっておきたい「WordPress初期設定」を開設します。
STEP2：ブログの初期設定
次に、WordPressの初期設定を行います。
といっても、やることは「パーマリンク設定」だけ。
たったこれだけ、ですか？
はい、簡単ですよね！
STEP3：SWELLを導入する
では、WordPressテーマ「SWELL」を導入していきましょう。
導入までは下記の３ステップだけでオッケーです。
- SWELLの購入
- テーマのダウンロード
- WordPressにSWELLをインストール
さっそく見ていきましょう！
①：SWELLの購入
では、SWELLの購入方法について解説していきます。
SWELL公式サイトにアクセスし、「購入する」をタップしましょう。
▼公式サイト▼
SWELLのダウンロードページに移ったら、利用規約に同意して「SWELLを購入する」をクリック。
クレジットカードの情報を入力して、「支払う」をクリック。
これで、SWELLを購入することができました。
②：テーマのダウンロード
続いて、SWELLの「親テーマ」「子テーマ」のダウンロード方法を解説します。
- SWELLの親テーマ
- SWELLの子テーマ
どちらも必須のファイルになりますので、２つともダウンロードします。
＼SWELLのダウンロードはこちら／
下記のとおり、SWELL公式サイトのトップページから「フォーラム」をクリックしましょう。
「ログイン」をタップしてSWELLERSマイページにログインしましょう。
「SWELL本体最新版（swell-〇-〇-〇-〇.ZIP）」のファイルをクリック。
続けて、親テーマのダウンロードファイルの下に子テーマのファイルもあるので、クリックしてダウンロードします。
これで、SWELL「子テーマ」のダウンロードも完了です。
次は、ダウンロードしたテーマをWordPressにインストールしましょう。
③：WordPressにSWELLをインストール
ではSWELLをインストールしていきます。
下記のとおり、WordPress管理画面→「外観」→「テーマ」と進みましょう。
「新規追加」をクリック。
「テーマのアップロード」をクリック。
「ファイルを選択」をクリック。
「swell-〇-〇-〇-〇.zip」のファイルをクリック。
「今すぐインストール」をクリック。
SWELL親テーマのインストールは完了です。
続けて、「子テーマ」も同じようにインストールをしていきます。
ファイル名は「swell_child.zip」。
「子テーマ」のインストールができたら、有効化します。
有効化ができると、「有効」と表示されます。
以上、ここまででSWELLの導入作業は完了です。
では、最後のSTEPにいきましょう。
STEP4：SWELL初期設定
ではラストです。
最後にSWELLの初期設定も行っていきましょう。
何も見ないで初期設定をするのは、ちょっと骨が折れるので、下記記事を参考にしてください。（長くなるので別記事にしました）
ぶっちゃけ、SWELL初期設定はあとからでもできますが、ここでやってしまう方がオススメです。
設定する項目は以下のとおり。
- ユーザー認証
- プラグイン最適化
- フォーラムに登録
- デザインの設定
- エディターの設定
- ヘッダー周りの設定
- フッター周りの設定
- サイドバーの設定
- トップページの設定
- ふきだし設定
- SNS情報設定
- アナリティクス設定
- サーチコンソール設定
- アドセンス設定
SWELLを使ったサイト型トップページの作り方
サイト型にした上記のようなトップページの作り方も解説しておきます。
手順は下記のとおり。
- メインビジュアルの設定
- 固定ページでトップページのカスタマイズ
- 固定ページを公開
- ホームページ設定
①：メインビジュアルの設定
「公開」をクリックするとメインビジュアル画像の設定は完了です。
②：固定ページでトップページのカスタマイズ
③：トップページ用の固定ページを公開
④：ホームページ設定
なお、もっと詳しくカスタマイズの方法を確認したい方は、下記をどうぞ。
まとめ｜SWELLでブログ開設おめでとう！これからたくさん楽しみましょう！
お疲れさまでした。
ブログの開設と、SWELLの導入、さすがに少しつかれたのではないでしょうか？
僕のときは、ブログの開設だけで精一杯だったので、本当にすごいなと感じます。
でも、初めからSWELLを使えるなら、それだけでもライバルより有利。
執筆スピードも、カスタマイズにかける時間も時短になり、モチベーション高くブログを楽しめます。
SWELLの開発者も「ブログを楽しんでもらいたい」という思いを持って開発しており、その思い通りのテーマです。
では、SWELLを使ってブログを楽しんでいきましょう。
＼いま人気！最強のWordPressテーマ／
当サイト使用テーマ。最高です。
- 購入者限定アフィリエイトがあるからテーマで稼げる
- 書きやすくて時短になるから生産性があがる
- ChatGPTとの相性もバツグンで時短が加速
- 誰でも簡単にオシャレなデザインにできる
- 買い切り、複数サイトにバンバン使える
- アプデが多くて進化がスゴイ
- SEOにも強い
- 価格が高い
- 個人開発の不安
- 人気すぎてデザインが被りがち
＼ 時短になって生産性が爆上がりするテーマ ／
※おしゃれで書きやすくてブログが楽しくなる
コメント