> ヒナキラの無料メルマガに登録する【AI・SNS・マインド】
PR

SWELL初心者向けの使い方マニュアル【完全版】

WordPressテーマSWELLの使い方マニュアルを初心者向けにまとめて紹介します。

ヒナキラ

SWELLは素晴らしいテーマだから、ぜひ使いこなしていこう!

\ 初心者でもオシャレなブログがすぐ叶う /

※いま一番オススメのWordPressテーマ

AIを使って、ブログ執筆を超効率化したい方は【爆速革命】ブログ用GPTsスペシャルセットがおすすめ!一気通貫で、サクッと1記事が出来ちゃいます。SWELLの装飾対応版もあります。アイキャッチや図解を一発で作れるOpalも特典でGETできるので、今のうちにどうぞ!

Blog

この記事を書いた人

ヒナキラ

ブログ最高月25万円。副業最高月700万円。Twitter(X)フォロワー20,200人。ブログとSNSとAIがすき。MENSA会員。15この有料テーマを使い、テーマ制作もしてみた自称テーマおたく。

Blog

この記事を書いた人

ヒナキラ

ブログ最高月25万円。副業最高月700万円。Twitter(X)フォロワー20,200人。ブログとSNSとAIがすき。MENSA会員。15この有料テーマを使い、テーマ制作もしてみた自称テーマおたく。

見たいところに飛べる目次

ワードプレス「SWELL」の概要

SWELLテーマ
引用元:SWELL公式サイト
商品名WordPressテーマ SWELL
販売価格¥17,600(税込)
販売元株式会社LOOS
動作必須環境PHP 7.3 以上
WordPress 5.9 以上
対応ブラウザEdge / Chrome / Firefox /
Safari
決済方法クレジットカード ( VISA /
Master / AMEX / JCB )
ライセンスSWELLはGPL100%テーマ
おすすめ度 4.74点
引用元:SWELLダウンロードページ

初心者でもオシャレなブログがすぐ叶う

※いま一番オススメのWordPressテーマ

ワードプレス「SWELL」の始め方

ワードプレス「SWELL」の導入〜初期設定を解説します。

手順①:SWELLをインストールする

SWELLを始める(導入する)には、以下の記事を参考にしてみてくださいね。

ヒナキラ

実際の画面を使って、SWELLのインストール方法を分かりやすく解説していますよ。

「SWELL」のインストール方法と導入後にやるべきこと

意外と迷う場合もあるので、確認しながらやるといいですよ。

手順②:プラグインを導入する

SWELLを導入したあと、どのプラグインを使ったらいいのか迷う方もいると思います。

ヒナキラ

まず確認してほしいプラグインは、以下の記事にまとめました。

SWELLと相性の悪いプラグインは削除したいですね。

SWELLとプラグイン|推奨・非推奨

手順③:SWELLの初期設定を行う

SWELLを導入したあとの細かい初期設定は、以下の記事を参考にしてみてください。

ヒナキラ

画像160枚以上で解説しているので、悩まずにできますよ。

SWELLの初期設定方法

\初期設定を動画で見たい方はコチラ/

SWELLの初期設定方法を動画解説

SWELLブロックエディターの使い方・記事の書き方

SWELLのブロックエディターは直感で操作しやすくて、他の有料テーマより使いやすいです。

ブロックエディターの使い方

ブロックエディターを使うと、ブログを書くのが楽しくなりますよ。

ヒナキラ

以下の記事で、SWELLのブロックエディター画面の見方・基本的な使い方を解説していますよ。

SWELLのブロックエディター使い方|初心者向けにやさしく解説

SWELLを使った記事の書き方

初めは記事の書き方が分からなくても大丈夫。

ヒナキラ

以下の記事を読めば、SWELLでブログの書き方が丸わかりですよ。

SWELLを使ったブログ記事の書き方を解説

SWELLのエディターで使えるアイコン

SWELLのアイコンを使って、オシャレで楽しいブログが書けるよ。

ヒナキラ

1,995個のアイコンから好きなのを使ってくださいね。

スクロールできます
SWELL-icon‐リスト
SWELLインラインアイコン
SWELL-icon‐リスト2
SWELLアイコン3
SWELLアイコン4
SWELLアイコン5
SWELLアイコン6

SWELLで使えるインラインアイコン

SWELLとアナリティクスを連携する方法

SWELLとアナリティクスの連携方法を紹介します。

ヒナキラ

アクセス数や読者の行動が分かるので、必ず設定しておきましょう。

SWELLとアナリティクスを連携する方法

SWELLにサイトマップを設定する方法

サイトマップってむずかしそうに感じるかもしれませんが、ブログを検索に載せてもらう設定なので、必ず設定しておきましょう。

ヒナキラ

とくにXMLサイトマップを作ると、Googleに記事を見つけてもらいやすくなりますよ。

SWELLでサイトマップを作る方法【XML・HTML】

SWELLオリジナルブロックの使い方マニュアル(18種類)

ここでは、SWELLオリジナルブロックの使い方をまとめました。

SWELLはアップデートで専用ブロックも追加され続けているので、この記事でも随時紹介していく予定です。

ヒナキラ

使用例も載せているので、文字をタップして見てみてくださいね。

SWELL専用ブロック
広告タグブログパーツ
ABテストバナーリンク
ステップアコーディオン
FAQSWELLボタン
ふきだし関連記事
キャプション投稿リスト
説明リストタブ
フルワイドリッチカラム
ボックスメニューリンクリスト

広告タグブロック

タグを使えば広告をかんたんに設置できて、クリック率も計測できますよ。

バナー型

ヒナキラ

ランキング機能もあるので、詳しい使い方は以下の記事にまとめました。

広告タグブロックの使い方

ブログパーツブロック

ブログパーツは、使いまわしできるスタンプのような機能です。

ヒナキラ

登録したコンテンツは、いつでもワンタッチで呼び出せて何回でも使えるので超便利。

ブログパーツで作成した内容

SWELLブログパーツブロックの使い方

ABテストブロック

ABテストで、広告の効果測定ができちゃいます。

ヒナキラ

上手に使えば、収益アップ間違いなしですよ。

ABテストの例

詳しい使い方は、以下の記事をチェックしてくださいね。

ABテストブロックの使い方

バナーリンクブロック

オシャレな見た目で、バナーを設置できますよ。

ヒナキラ

バナーがあるだけで、ブログが一気に垢抜けますよね。

バナーリンクブロックの使い方

ステップブロック

ステップブロックは、手順解説にぴったりな機能。

ヒナキラ

見た目もオシャレでかわいいですよね。

手順
テーマの選び方を知る
手順
おすすめテーマを調べる
手順
テーマの比較をする
手順
テーマをインストールする

使いこなしたい方は、以下の記事をどうぞ。

ステップブロックの使い方

アコーディオンブロック

コンテンツを隠すことができるブロックです。

ヒナキラ

ふだんは隠しておいて、見たい人だけ見れるように、ですね。

ここをクリックしてみてねー!
ヒナキラ

まさに今、ポチっと押して開いたコレが「アコーディオンブロック」。

アコーディオンブロックの使い方

FAQブロック

「よくある質問」の設置に便利ですよ。

ヒナキラ

質問と回答をセットでキレイに表示できます。

FAQブロック

FAQブロック

FAQブロック

FAQブロック

詳しい使い方は、以下の記事を見てくださいね。

FAQブロックの使い方

SWELLボタンブロック

SWELLボタンは、クリック率の計測もできますよ。

ヒナキラ

SWELLならでは、ですね。

\ 生産性の高いWordPressテーマ /

SWELLボタンブロックの使い方

ふきだしブロック

SWELLのふきだしブロックは、圧倒的な使い心地。

ヒナキラ

これが、圧倒的に使いやすい吹き出しブロックだよ。

詳しい使い方は、以下の記事をチェックしてくださいね。

ふきだしブロックの使い方

関連記事ブロック

関連記事ブロックは、内部・外部リンクが設置できます。

ヒナキラ

カードタイプとテキストタイプに変換できる機能も。

関連記事ブロックの使い方

キャプションボックスブロック

キャプションボックスは、とても使い勝手の良いボックスですよ。

ヒナキラ

見た目もシンプルでオシャレですしね。

SWELLキャプションボックス
  • SWELLキャプションボックスブロック
  • SWELLキャプションボックスブロック
  • SWELLキャプションボックスブロック

詳しい使い方を動画で解説しているので、ぜひ見てみてくださいね。

キャプションボックスブロックの使い方

投稿リストブロック

投稿リストブロックは、記事をまとめて表示できますよ。

ヒナキラ

読者が迷わず読み進められるブログ設計ができちゃいます。

詳しい使い方は、以下の記事を参考にしてくださいね。

投稿リストブロックの使い方

説明リストブロック

SWELLの説明リストブロックは、何かを解説するときにめっちゃ便利な機能です。

ヒナキラ

クリック操作でかんたんに作れますよ。

説明リストブロックとは・・・

説明リスト(HTMLでいうとdlタグ)を簡単に設置することができるブロックです。

SWELLの専用ブロックの使い方

このように、何かの用語などを解説するときに便利。

おすすめの使い方も紹介しているので、ぜひ参考にしてくださいね。

SWELL説明リストブロックの使い方

SWELLタブブロック

SWELLのタブブロックは、比較記事を作るときに活躍しますよ。

ヒナキラ

伝えたい情報がごちゃごちゃしないので、超便利。

タブをクリックしてみてね

SWELLのSEOスコア

詳しい使い方は動画で解説しているので、良かったら見てみてくださいね。

SWELLタブブロックの使い方

フルワイドブロック

SWELLのフルワイドブロックは、サイトをオシャレにカスタマイズしたいときに便利。

ヒナキラ

波波の大きさも変えられますよ。

フルワイドブロックを使うと、
このように画面いっぱいに使えますよ。

詳しい使い方は、以下の記事を見てくださいね。

SWELLフルワイドブロックの使い方

リッチカラムブロック

SWELLリッチカラムブロックは、ワードプレス標準のカラムを強化したプレミアムな機能です。

ヒナキラ

画像やテキストをバランス良く見せたいときに、めちゃくちゃ使えますよ。

動画で詳しく解説しているので、チェックしてみてくださいね。

SWELLリッチカラムブロックの使い方

ボックスメニューブロック

SWELLボックスメニューブロックは、めちゃくちゃオシャレ。

ヒナキラ

サイドバーに置くと、それだけでクオリティが高く見えちゃいますね。

ボックスメニュー

詳しい使い方は、以下の記事を見てくださいね。

SWELLボックスメニューの使い方【サイドバーに配置】

リンクリストブロック

SWELLリンクリストは、記事の一覧集を作るのにとても便利です。

ヒナキラ

リンクをスッキリ整理できて、一目で分かりますよ。

SWELLリンクリスト

他にも使い方があるので、以下の記事で詳しく解説しています。

SWELLリンクリストブロックの使い方|リンク集作成に便利!

その他ブロックの使い方

SWELLは、ワードプレスにもともとある標準ブロックも使いやすいようにできています。

一つずつ紹介しますね。

リスト装飾ブロック

文章の途中でポイントだけまとめたい場合に、リスト装飾ブロックが活躍します。

ヒナキラ

箇条書きに便利ですよ。

詳しくは、以下の記事を見てくださいね。

リスト装飾ブロック

SWELLテーブルブロック

あの有料プラグイン「SIMPLE BLOG DESIGN」のテーブル機能を超えちゃいました。

ヒナキラ

セルの結合ができるって、ほんと神です。

どんな使い方ができるのか、以下の記事で分かりやすく解説していますよ。

SWELLの超有料級テーブル

SWELLの使い方「応用編」

SWELL応用編を19こ紹介します。

詳しい内容は別記事にまとめているので、気になる使い方から見てみてくださいね。

サイト型にカスタマイズ

SWELLの見た目を「サイト型(1カラムデザイン)」にしたい場合は、以下の記事をどうぞ。

SWELLをおしゃれなサイト型にカスタマイズする方法

グローバルナビの設定

以下の記事で、アイコンや英字表記の追加方法についても解説しています。

SWELLグローバルナビに英字・アイコンを表示

ヘッダーロゴ画像の設定

以下の記事で、ヘッダーロゴ画像の設定方法・おすすめサイズについて解説していますよ。

SWELLのヘッダーロゴ画像を設定する方法|サイズのおすすめも紹介

お知らせバーの設定

以下の記事で、オシャレで目立つ「SWELLお知らせバー」の設定方法を解説してます。

SWELLお知らせバーの設定方法

ピックアップバナーの設定

オシャレな画像のメニュー「SWELLピックアップバナー」の作成方法を解説してます。

SWELLピックアップバナーを作成する方法

メインビジュアルに動画を設定

SWELLに「メインビジュアル動画」を設定して、ぐっとオシャレにする方法を解説してます。

SWELLメインビジュアルにおしゃれな動画を設定する方法

デモサイトデザインに着せ替え

SWELLのデモサイトデータ(無料)に着せ替える方法を解説してます。

SWELLデモサイトデータに着せ替える方法

コンテンツまわりの背景色を白にする方法

以下の記事は、SWELLの背景色を変更する方法を解説してます。

SWELLの背景色を白にする方法|基本的な変更方法も併せて解説

企業サイトを作る方法

SWELLを使って、美容室っぽいサイトを作る方法を解説してます。

SWELLを使って企業サイトを作る方法

目次を閉じる方法

SWELLで目次を開閉させるカスタマイズ方法を解説してます。

SWELLの目次を閉じる(開閉)方法【プラグインなし】

文字サイズを変更(カスタマイズ)

SWELLの文字サイズを18px以上にカスタマイズする方法です。

SWELLの文字(フォント)サイズを限界突破するカスタマイズ

見出しサイズを変更(カスタマイズ)

SWELLの見出しデザインをカスタマイズする方法を解説しています。

SWELL「見出し」デザインを変更する方法【CSSカスタマイズも】

プロフィールの設定

SWELLのサイドバーに、プロフィールを設定する方法を解説しています。

SWELLでプロフィールを設定する方法

SNSアイコンの設定

SWELLで「ヘッダー」や「この記事を書いた人」にSNSアイコンを設定する方法を解説しています。

SWELLでSNSアイコンを設定する方法

スマホ固定フッターの設定

SWELLでスマホ固定フッターの設定方法を解説してます。

SWELLでスマホ固定フッターを設定する方法

カテゴリーページ編集

SWELLでカテゴリーページを編集する方法です。

SWELLでカテゴリーページを編集する方法

ページ内リンクの貼り方

SWELLでページ内リンクを貼る方法になるので、読者に優しい記事が作れますよ。

SWELLでページ内リンクを作る方法

アフィリエイトの始め方

購入者限定のSWELLアフィリエイトのやり方を解説しています。

SWELLアフィリエイトの始め方

SWELLの高速化設定

SWELLの高速化設定は、YouTubeで分かりやすく解説しています。

SWELLでステマ規制対策

PR表示

SWELLでステマ規制対策のため「広告(PR)」をタイトル上に表示する方法を解説しています。

SWELLでステマ規制対策として「広告(PR)」をタイトル上に表示させる方法

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

SWELL公式サイトにも詳しいマニュアルがあるので、あわせて見てみてくださいねー。

ヒナキラ

まずは公式サイトを確認して、解決しなかったら他の記事で探す流れがいいと思いますよ。

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

ブログ初心者にこそSWELLを使ってほしい

SWELLは書きやすくて時短になるし、とくにブログ初心者のモチベ維持問題の対策になるので、本当におすすめ。

ヒナキラ

それに、記事が増えてから移行するのは、作業が割と大変にもなっちゃいますし…。

これは切実なんですが、意外と「記事が多くなりすぎてSWELLにできない・・・」って方、けっこう多いんですよね・・・。

SWELLの移行についてのLINE会話
僕のコミュニティ内での会話

もし、まだ数記事だけの方は、手間が増える前に今のうちにSWELLに移行が最善ですよ。

SWELL公式サイトを見る

SWELLで解決できるブログ初心者の悩み9つ

SWELLが解決してくれるブログ初心者の悩みは、以下の9つです。

解決できる悩み①:オシャレにできない

僕は「Cocoon→JIN→SWELL」の順でテーマを乗りかえてきたんだけど…。

ぶっちゃけSWELLにするまでは、時間をかけても、ぜんぜんオシャレにできなかった

HTMLやCSSのコードを使えたり、WEBに精通した方だったりすればオシャレにできるのかもしれないけど、ブログ初心者の僕には不可能レベル。

見た目も重視したい僕にとって、オシャレにできないのはモチベーションに影響する死活問題だったんよね・・・。

ヒナキラ

でも、SWELLにしただけで、数か月の悩みは消し飛んだよ。

まさか、こんなに簡単にオシャレにできるとは!!!」と、驚いたのを覚えてる。

▼SWELLのブログデザインを集めた記事はコチラ▼

解決できる悩み②:設定が多くて難しい

他の人気テーマ「AFFINGER」は、めっちゃ多くの設定項目があるんだけど・・・。

ぶっちゃけブログ初心者には重いというか、扱うのはキツイんよね。不要な機能も多いしね・・・。

中級者以上のブロガーなら「ある程度」使いこなせるとは思うけど、初心者には無理ゲーレベルかも。

ヒナキラ

結局、AFFINGERからSWELLに移行した方も多いし・・・。

有名ブロガー「ヒトデ」さんですら、AFFINGERは使いこなせないと言っているくらいだからね・・・。

使いこなせたらライバルよりも有利なのかといえば、そんなことはないし。

であれば、使いやすくて時短になるSWELLで気持ちよく記事を書いたほうが良いよ。マジで。

解決できる悩み③:CSSを使えない

テーマのなかには、マーカーや装飾機能がないタイプがあるよ。

装飾したいならプラグインやCSSを使うんだけど、ブログ初心者にはキツイんよね・・・。

ヒナキラ

でもSWELLなら、最初からマーカーや装飾機能がバッチリ用意されてるよ。

CSSとか分からない!そんな方でも安心して使える、というわけだね。

これは、初心者にとってマジでありがたい。

解決できる悩み④:ほしい機能がない

前に使っていた有料テーマ「J〇〇」は、機能の少なさを感じてた。

例えば、

  • サイドバーに目次を置く機能
  • スライドショー
  • 記事の上にパンくずリストを設置など

SWELLならできることが使えなくて、ぶっちゃけ、めっちゃストレスだった。

初心者だった僕には、対応もできなかったし。

ヒナキラ

ググってもググっても分からず、時間を溶かしてたよ。

でも、SWELLにしたらあっという間に解決。

お、おう・・・今までの時間は何だったんだ・・・」という感じになったよ(笑)

こんなに違うのか」と。

解決できる悩み⑤:ブロックエディターが使いにくい

SWELLにする前は、ブロックエディターに苦手意識があった。

旧式のエディターが、ほんと使いにくくて・・・。

だから使わなかったんよね。

でも、SWELLにしたらあまりの使い心地に語彙力失った

ヒナキラ

ほんと、使いやすさがダンチなんよ・・・。

ブロックエディターの使いやすさは非常に重要なので、他のテーマを選ばなくてよかったよ~。

解決できる悩み⑥:トラブル対応に困る

ブログ初心者のうちは、トラブル、トラブル、そしてトラブル。まさにトラブル三昧。

そんなときに解決できる環境がなければ、しんどいよね・・・。

でもSWELLは愛用者が2万人以上いるし、質問できるフォーラムやコミュニティもあるので安心だよ。

ヒナキラ

問題解決につながる記事もたくさんネット上にあるし、何があっても安心のテーマだね。

解決できる悩み⑦:収益がまったく出ない

ブログ初心者の大きな悩みの一つ「収益」。

僕もだったけど、収益が出るまではやっぱり悩むんよね。

でもSWELLは、そんな悩みにも寄り添ってくれる。

その理由は、SWELLのテーマ紹介アフィリエイトにあるよ。

単価は2,500円、もし1回でも売れたら一気に4桁ブロガーだもの。

SWELLのテーマ代も、いつか元が取れちゃうだろうね。

ヒナキラ

SWELLは本当にすばらしいテーマなので、マジで人気だよ~。

オシャレな見た目にして、トップページにバナーを置いておくだけでも収益発生しちゃうからね。

解決できる悩み⑧:ページスピードを速くできない

ブログを始めて少し経つと、ページスピードが気になりだします。

ページ表示が3秒遅くなると、離脱率が大きく増えるからね。

そして、スピードを計測してみて愕然。
「え、遅・・・」って。

でも、スピード対策ってほんとムズイんよね。

でも、SWELLならトップクラスで速い。

ヒナキラ

僕は一時期、スピードスコアALL100点だったよ。

なんかね、SWELLは色んな細かい悩みから解放してくれんのよ。ほんとスゴイ。

解決できる悩み⑨:テーマ選びで後悔したくない

ある意味、究極の悩みが「テーマ選びで後悔したくない」というもの。

ぶっちゃけ、100%後悔のないテーマは存在しない。

ヒナキラ

僕はSWELLにして100%後悔はないけど。

具体的に、SWELLはAFFINGERよりも優れているけど、ある2点においては負けてるんよね。

  • AFFINGERの有料プラグイン
    「タグ管理マネージャー」
  • カスタマイズの細かさ

タグ管理マネージャー

どのリンクがクリックされたか分かるプラグインなんだけど、SWELLにはない機能で、もし使うなら2万円以上するんよ(笑)

カスタマイズの細かさ

AFFINGERは細かい設定ができるけど、SWELLはむずかしいかな。

それ以外は、SWELLが総合的に圧勝。

SWELLこそ最も後悔の少ないテーマだと断言できるしね。

Twitter(X)上で以下のアンケートをとったので、ちゃんと根拠はあるよ。

ヒナキラ

離脱率の少なさが圧倒的だよね。最も愛されているテーマだよ。

\初心者こそ使ってほしい優良テーマ/

WordPressテーマ「SWELL」の特徴
総合評価
( 5 )
メリット
  • とってもオシャレなサイトを作れる
  • 構造化機能も充実!SEO対策をしやすい
  • SEOにかかわるページスピードも速い
  • 時短になって記事執筆を効率化できる
  • 効率化できるから収益力が高まる
  • ブログ運営が楽しくなる
  • 楽しくなるからモチベ維持ができる
  • 複数サイトにも使い放題コスパ最強
  • アプデが頻繁でパワーアップがとまらない
デメリット
  • 高めの価格設定
  • 開発者に何かあると困る
  • 初心者がSWELLにたどり着きにくい
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

見たいところに飛べる目次