【最低限】SWELLおすすめの初期設定方法４つを完全解説！

この記事で解決できる悩み

こんな悩みを解決する記事を用意しました！

ボクの初めてのブログも「30万PV」を超えるメディアに成長しました！

本記事の信頼性

WordPressも『SWELL』も初めてだと、いったい何から設定すればいいかわからないですよね？

そこで、記事の前半で「WordPressとSWELL独自の初期設定」を。

後半では「SEO SIMPLE PACKとSWELL設定」について解説します。

本記事を最後まで読むことで「最低限の初期設定」を済ませて、１本目を書くことができますよ！

【前提】SWELLには公式の設定マニュアルがある

大前提として、『SWELL』には「公式マニュアル」があります。

公式マニュアルの目次

とはいえ、目的に応じて調べるタイプなので、本記事では・・・

SWELLの初期設定はこれだけ読めばOK！

公式サイトSWELLの設定マニュアル

前提②SWELLの購入〜インストールもまだの人は

「SWELLの購入・導入方法と購入後にやること５選！安く買う方法も」をご覧ください。

SWELLの導入方法

SWELLユーザー限定の会員サイト『SWELLERS'』の登録〜子テーマをダウンロードする方法や・・・

SWELLの購入後にやること

一部、本記事と重複しますが「購入後にやること５選」まで解説していますよ👇️

関連記事SWELLの購入・導入方法と購入後にやること５選！安く買う方法も

SWELLの購入・導入方法と購入後にやること５選！安く買う方法も

SWELLおすすめの初期設定方法【WordPress編】

SWELLおすすめの初期設定方法「WordPress編」は、次のとおり。

この章のもくじ

SWELLに限らず、WordPressに必須な初期設定から済ませてしまいましょう！

忘れると、死ぬほど後悔する設定もありますよ👇️

その①SSL（https）化

SSL化とは、「httpをhttpsに変更すること」。

レンタルサーバー側とは別に、WordPressでも設定する必要があるんです。

WordPressの管理画面から上記をクリック。

一般設定

あなたのアドレスを「http → https」に変更したら、「設定を保存」をクリック。

自動で画面が切り替わるので、もう一度ログインしてください。

その②パーマリンク設定

パーマリンクとは、「URL」のこと。

あなたが書いた記事のURLを、あなたが自由に決められるように設定します。

パーマリンク構造

「基本 → 投稿名」に変更したら、「設定を保存」をクリック。

これで「キーワード」に合わせた「パーマリンク（URL）」を設定できますよ。

その③画像の自動生成を停止

これは画像をアップロードする前に、かならずやっておきたい設定です。

なぜなら画像を１枚アップロードすると、サイズ違いの余計な画像が「最大10枚」も自動で生成されるから。

以下の６つをぜんぶ「０」にしてください。

画像サイズ

「設定を保存」をクリック。

つづけて、「ブラウザのアドレスバー」に以下を入力してください。

右上のCopyをクリック

https://あなたのサイトアドレス/wp-admin/options.php/

現在のURLから「-media」を削除すればOK。

「隠しオプションページ」が開きました。

Macなら「command + F」でページ内検索ボックスをオープン、以下を入力してください。

右上のCopyをクリック

medium_large_size_w

「medium_large_size_w」も「０」にしたら、「変更を保存」をクリック。

これで、あなたがアップロードした「オリジナルサイズの画像」以外は生成されないので、サーバーの負荷を減らせますよ。

関連記事SWELLの画像サイズまとめ｜アイキャッチ・メインビジュアルなど

その④ツールバーの非表示

ツールバーとは、WordPressの管理者（あなた）にだけ表示される「画面上部のバー」のこと。

※SWELLの「ヘッダーバー」とは別です。

「サイトを見るときにツールバーを表示する」から✅️を外すだけ。

これでスッキリしましたね。

その⑤デフォルトのテーマなどを削除

WordPressにはデフォルトで「余計なもの」が入っているんです。

余計なものとは

とくに「テーマ」と「プラグイン」は重いし、セキュリティ的にもよくないので削除しましょう。

WordPressテーマの削除

WordPress公式のテーマが入っています。

時期にもよる

「テーマの詳細」から「削除」をクリック。

プラグインの削除

レンタルサーバーにもよりますが、プラグインがすでに入っていますよね。

エックスサーバーの場合

「無効化」して「削除」をクリック。

「WordPressテーマ」も「プラグイン」も必要になったら、また入れればOK！

「ウィジェット」はお好みで。

「記事（Hello world!）」は削除しないで、そのまま編集・公開してもいいですね。

では、このまま「SWELLに必要なプラグイン」を入れてみましょう！

その⑥プラグインのインストール・有効化

大前提として、「公式に推奨・非推奨されているプラグイン」があります。

また、プラグインこそ必要最低限にするのが鉄則です。

これらを踏まえたうえで、厳選した「必須プラグイン」が次の４つ👇️

表は横にスクロールできます

ぜんぶWordPress上で検索して、インストールできますよ。

名前で検索したら「今すぐインストール › 有効化」してくださいね。

それぞれの設定方法は別記事をどうぞ👇️

関連記事SWELL初心者におすすめのプラグイン10選と設定方法

関連記事【SWELL】XML・HTMLサイトマップの作り方｜自作する方法も

ちなみに、『SEO SIMPLE PACK』は『SWELL』と開発元が同じです。

このまま設定を済ませてしまいましょう！

SWELLおすすめの初期設定方法【SWELL独自編】

本章では、以下からできる設定について解説します。

ここからさらに細分化されるので・・・

カスタマイズ設定

必要最低限を厳選しました👇️

この章のもくじ

※「固定ページ」のみカスタマイザー外で設定します。

わかりやすく、上から順番にいきますね！

その①サイト基本情報

ここでは以下の３つを設定します。

サイト基本情報

「サイトアイコン」とは、これのこと👇️

「512pxの正方形」で作りましょう。

その②基本カラー

ここでは以下の４つを設定します。

基本カラー

とはいえ、「メインカラー」だけ設定すればOK！

その③NO IMAGE画像

NO IMAGE画像とは、アイキャッチ画像を設定してない時に表示される画像のこと。

今すぐ設定しなくてもいいですが、個人的には作っておいたほうがいい派です。

なぜなら、画像なんて後まわしでいいから。

ブログが成長すると、公開してすぐ10位以内（１ページ目）に入ることもあるので・・・

画像なしで公開しちゃえ

もちろん、本記事もこのやり方で公開します。

サイズは「1,600px以上」が推奨とされていますが、アイキャッチ画像と同じ「1,200 × 630px」でOK。

関連記事SWELLの画像サイズまとめ｜アイキャッチ・メインビジュアルなど

その④下部固定ボタン・メニュー

ここでは以下の２つを設定します。

下部固定ボタン・メニュー

PCの右下に表示される「目次」と、スマホの最下部に固定される「フッターメニュー」ですね。

オススメはどちらも設定すること。

右下固定ボタン

デフォルトで「ページトップボタン（円形）」が設定されています。

大前提として、スマホ用固定フッターメニューは「メニュー」から設定しないと表示されません。

スマホ用固定フッターメニュー

「スマホ用固定フッターメニュー」の作り方は別記事で解説しています👇️

関連記事SWELLのトップページをおしゃれに！カスタマイズのやり方大全

関連記事【プロが実演】SWELLを使ったコーポレートサイトの作り方

その⑤ヘッダー

「ヘッダー設定」がいちばん多いです。

カラー設定

ヘッダーにロゴ画像を設定するなら「文字色」は不要です。

ヘッダーロゴの設定

ロゴ画像に推奨サイズはありません。

大きく作って、サイズを調整しましょう。

レイアウト・デザイン設定

これはポチポチしてみて、最高のレイアウトを探してみてください。

トップページでの特別設定

トップページにメインビジュアルを設定した時のヘッダー設定ですね。

背景を透明にすると、メインビジュアルに迫力が出ますよ。

ヘッダーの追従設定

デフォルトでは、両方とも「追従させる」設定になっています。

追従時のヘッダー背景のみを不透明（0.5など）にすることもできますよ。

ヘッダーバー設定

ヘッダーバーとは、「ヘッダーのさらに上に表示されるバー」のこと。

いかにも『SWELL』なデザインですね。

キャッチフレーズ設定

「キャッチフレーズ」を設定してる人はお好みで。

ヘッダーメニュー（グローバルナビ）設定

ヘッダーに設定した「グローバルナビ」についての設定ですね。

ヘッダーメニュー（SP）設定

グローバルナビを「スマホ用ナビ」にも適用させたときの設定ですね。

検索ボタンメニュー

ブログに「検索ボタン」は必須です。

メニューボタン設定

これは「スマホ用」の設定ですね。

カスタムボタン設定

デフォルトでは「検索ボタン（icon-search）」が設定されていますが、「お問い合わせ（icon-mail）」とかでもいいですね。

関連記事【無料】ブログのロゴ作成術｜元Webデザイナーが初心者に力説！

関連記事【84種一覧】SWELLアイコンの入れ方｜色やサイズの変更方法も

その⑥フッター

ここでは以下を設定します。

フッター設定

※ウィジェットエリアとは、フッターの上に設定できるエリアのこと。

好みですが、ぜんぶ設定するのがオススメです。

その⑦PR表記

ブログで稼ぐなら「PR表記」は必須です。

なぜなら、2023年10月から「ステマ規制」が始まったから。

おすすめの設定

アフィリエイトサイトなら「全記事に表示」がおすすめ。

個別に設定したいなら・・・

投稿エディタの「右サイドバー」から設定してくださいね。

その⑧アイキャッチ画像

ここでは以下の３つを設定します。

おすすめの設定

アイキャッチ画像を「本文の始めに表示するか」は好みですね。

アイキャッチ画像の有無

アイキャッチ画像を作り込んでいるなら、あったほうがいいでしょう。

関連記事【Canvaで５分】ブログ用アイキャッチ画像の作り方と最適サイズ

関連記事SWELLの画像サイズまとめ｜アイキャッチ・メインビジュアルなど

その⑨コンテンツのデザイン

ここでは以下の４つを設定します。

コンテンツのデザイン設定

セクション見出しは「サイト型のトップページに設定する見出し」なので、ここではスキップしますね。

まずは、見出しのデザインを設定しましょう。

見出し2のデザイン

見出し3のデザイン

見出し4のデザイン

キーカラーには設定しなくても「メインカラー」が入ります。

見出しのデザイン設定

そもそも見出しは「H2とH3」だけでOKです。

太字とテキストリンク設定

「テキストリンク」にはアンダーラインを付けましょう。

そのほうがクリックされるからですね。

関連記事ブログの見出しの作り方３ステップ｜付け方でSEOを制す！

その⑩目次

「目次」はぜったいに設定しましょう。

目次設定

とはいえ、固定ページには不要です。

目次広告の表示設定

これは「Googleアドセンス広告」の話ですね。

目次前の広告はクリック率高めですが、固定ページにはいらないでしょう。

関連記事SWELLの目次の作り方｜サイドバーや表示されない時の対処法も

関連記事【コピペOK】ブログの目次の作り方｜プラグインなしで自作しよう！

その⑪SNSシェアボタン

設定すると、読者があなたの記事をSNSでシェアしてくれるかも。

おすすめの表示設定

「URLコピーボタン」はわかりにくいので、「大きく表示」するのがおすすめ。

X（Twitter）用の追加設定

X（旧Twitter）を伸ばしたい人は設定してもいいですね。

その⑫記事下エリア

ここでは以下の５つを設定します。

SNSアクションエリア設定

✅️を入れると、「ユーザーID」を入力できるようになりますよ。

前後記事へのページリンク設定

すべてに✅️を入れるのがオススメです。

著者情報エリアの設定

著者情報とは、「この記事を書いた人」のこと。

プロフィールを設定すると、中身が表示されますよ（すぐに後述します）。

関連記事エリアの設定

同じ「カテゴリー」の「関連記事を表示させる」のが、おすすめ。

コメントエリアの設定

記事へのコメントを有効化するなら、スパム対策用のプラグインも入れてくださいね。

その⑬SNS情報

SNS情報は、各プロフィールへのリンクをコピペするだけ。

SNSリンク設定

ここに入力した「SNSリンク」は以下に反映されます。

SNSリンクが反映される場所

ちなみに「この記事を書いた人のSNSリンク」は、以下に設定したものが反映されます👇️

では、「プロフィール」を作ってみましょう！

関連記事【SWELL】この記事を書いた人の編集方法｜非表示にする方法も

その⑭プロフィール

ここでは「共通サイドバー」に設置してみますね。

ウィジェットから

「プロフィールの中身」を設定していきましょう。

プロフィール設定

「ボタンリンク先」には「プロフィール記事」を設定するのがベストですね。

あとは「ウィジェットの並び順」を変えるだけです。

その⑮固定ページ

これらのページは「固定ページ」で作るんです👇️

当ブログの固定ページ

「アフィリエイト」や「Googleアドセンス」など〝ブログで稼ぐ〟のに必要なページですね。

なんと！それぞれの「作り方」をすでに記事にしています。笑

固定ページの作り方

お問い合わせフォームに関しては「もう１本」ありますよ。

関連記事SWELLお問い合わせフォームの作り方｜Contact Form 7で簡単

SWELLおすすめの初期設定方法【SEO編】

SWELLのSEO設定は、プラグイン『SEO SIMPLE PACK』と「SWELL設定」で行います。

SEO SIMPLE PACK設定

SWELL設定

とはいえ、SEOに関しては別記事を用意したので、別タブで開いて設定してみてください👇️

関連記事SWELLはSEOに弱い？５つの優位性と２つの設定方法

SWELLの初期設定を承ります！

初心者でも「SWELLの初期設定」ができるように完全解説しました！

とはいえ、苦手な人も多いはず。

すべて承ります！

あなたのブログを「あとは書くだけ！」の状態まで持っていきます。

私の『SWELL』でサイトを構築することになるので、購入者限定の以下はできなくなります。

あなたができないこと

とはいえ、その分「SWELL代」が浮きますよ。

SWELLのアップデートも継続的に行うので、ご安心ください。

初期設定に自信がない人は、「購入前」にご相談くださいね👇️

＼最高33万PVブロガー／

実質SWELLがもらえる！

【Q&A】SWELLの初期設定に関するよくある質問

SWELLの初期設定に関する「よくある質問（Q&A）」は次のとおり。

この章のもくじ

長くなってしまったので、一つだけ。

Q1：Swellの初期化方法は？

A「SWELL設定」でリセット（初期化）できます。

「デフォルトに戻す」をクリック。

これで「外観 › カスタマイズ」の設定が初期化されますよ。

復元できないので、ご注意くださいね。

【まとめ】SWELLの初期設定はこれで完璧！

「SWELLの初期設定」について解説しました。

まとめ

本記事のとおり、上から設定していけば「ブログ運営に必要な初期設定」は完璧です！

合わせて読みたい

あとは「SWELLの使い方」を覚えて、記事を書くだけ🙌

SWELLを導入したい方へ