SWELLブログの作り方を完全図解で分かりやすく解説!
\ オシャレを実現!初心者でもデザイン性抜群のサイトにできる /
※いま一番オススメのWordPressテーマ

おしゃれなサイトを作りたいので、SWELLを使ってブログを始めたいです。



OKです。ブログもSWELLも大好きな僕が完全解説します。
SWELLは、おしゃれなブログを作りたい方に最高のWordPressテーマです。
デザインの整ったSWELLを使うことで、モチベーション高くブログを始められます。
しかしながら、ブログ初心者にとっては、ブログを開設して、SWELLの導入まで行うのは、ちょっとハードル高いですよね。
でも、ご安心を。
この記事を見れば、ブログの開設も、SWELLの導入も、確実にクリアできます。
ぜひ、一緒に進めてみてください。
SWELLブログの作り方「4STEP」


これが、SWELLを使ってブログを作るまでの流れになります。



全部で4STEPですね。順番に解説していきます。
STEP1:ブログを開設する
まずブログを開設しましょう。
SWELLを使うにはWordPressが必須なので、WordPressを開設していきます。


上記のように、WordPressブログを始めるには3ステップで完了します。



では、Wordpressブログの開設方法を解説していきますね。
①:サーバー契約・ドメイン取得を行う


では、サーバーの契約・ドメイン取得を行っていきます。
サーバー契約とドメイン取得の手順
- ロリポップ公式サイトにアクセス
それでは、下記よりロリポップ公式サイトにアクセスしましょう。
\安くて高スペック、超おすすめのサーバー/
- ロリポップ!にアクセスが出来たら、「お申込み」をクリック
- 「ハイスピードプラン」の「10日間無料でお試し」をクリック
- 各項目への入力を行う
①「ロリポップ!のドメイン(初期ドメイン)」に、好きな文字列を入力。(今後ロリポップのログインに必要となるものです。)
②「パスワード」に、ロリポップで使うパスワードを入力。
③「メールアドレス」を入力。
④「利用する」にチェック。
⑤「取得する独自ドメイン」にあなたのサイトで使いたい文字列を入力。(当サイトでいうと、「hinakira.com」の部分)
⑥「ムームーID(メールアドレス)」に、ムームードメイン(ドメイン取得サイト)で使うIDとなるメールアドレスを入力。
⑦「ムームードメインパスワード」に、ムームードメインで使うパスワードを入力。
⑧「同意する」にチェック。
⑨「同意して本人確認へ」をクリック。
ドメインというのは、下の赤く囲まれた部分のことです。
インターネット上にある「住所」のようなもので、サイトのURLを構成します。
- 「SMS認証の本人確認」を行う
電話番号を入力して、「認証コードを送信する」をクリックしましょう。
- 送られてきた「認証コード」を入力
①SMSで認証コード(4桁の番号)が送られてきたら、認証コードを入力。
②入力ができたら「認証する」をクリック。
- 各項目への入力を行う
①「名前」「フリガナ」など各項目を入力。
②「契約期間」については、必ず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」に自動で接続されるように設定をしていきます。
- 「サーバーの管理・設定」⇒「ロリポップ!FTP」
再度ロリポップを開いて、「サーバーの管理・設定」⇒「ロリポップ!FTP」を選択しましょう。
- 取得した独自ドメイン名をクリック。
上記画面になったら、取得した独自ドメイン名をクリックします。
- 「.htaccess」を探して、クリック。
上記画面に切り替わったら、「.htaccess」を探して、クリックします。
- コードの貼り付け。
画面が切り替わったら、下記の枠内の文字を、コピーしてください。
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]次に、コピーした文字列を下記画面の赤枠部分に貼り付けます。
貼り付ける場所や文字などは間違いのないようにしましょう。
確認ができたら、「保存する」をクリックします。
以上、SSL化も完了です。



おめでとう!ワードプレスの開設が完了です!
はじめから開設方法を確認したい方は ➡ 目次に戻る
このあとは、できれば最低限やっておきたい「WordPress初期設定」を開設します。
STEP2:ブログの初期設定
次に、Wordpressの初期設定を行います。
といっても、やることは「パーマリンク設定」だけ。







たったこれだけ、ですか?



はい、簡単ですよね!
STEP3:SWELLを導入する
では、WordPressテーマ「SWELL
導入までは下記の3ステップだけでオッケーです。
- SWELLの購入
- テーマのダウンロード
- WordPressにSWELLをインストール



さっそく見ていきましょう!
①:SWELLの購入
では、SWELLの購入方法について解説していきます。
SWELL公式サイト
▼公式サイト▼


SWELLのダウンロードページに移ったら、利用規約に同意して「SWELLを購入する」をクリック。


クレジットカードの情報を入力して、「支払う」をクリック。


これで、SWELLを購入することができました。
②:テーマのダウンロード
続いて、SWELLの「親テーマ」「子テーマ」のダウンロード方法を解説します。
- SWELLの親テーマ
- SWELLの子テーマ
どちらも必須のファイルになりますので、2つともダウンロードします。
\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テーマ/
「時間=お金」を生み出すテーマ。


- とってもオシャレなサイトが誰でも作れる
- 構造化機能も充実!SEO対策をしやすい
- 高速化のプロを顧問!ページスピードが速い
- 時短機能も充実!記事執筆を効率化できる
- ブロックエディター対応度ナンバーワン
- ブログ運営が楽しくなる
- 初心者でもカスタマイズしやすい
- 買い切り、複数サイトに使える
- アプデが頻繁で進化が止まらない
- 値段が安くない(17,600円)
- AMP非対応
- 個人開発
SWELLは美しいデザインで、何もしなくても細かいところまでオシャレです。
そして、とても使いやすく、書きやすく、時短に繋がる生産性高いWordPressテーマ。
まさに時間を生み出してくれるテーマといえるでしょう。
時間=お金です。つまり、SWELLはタイパが良くて収益力の高いテーマということ。
テーマ選びで後悔したくない方は、ぜひSWELLで優越の旅へ。
\ 綺麗なデザインで他を魅了 /
※ブログを効率化でき、収益力がUPします!
コメント