≫【キャンペーン中!】今なら最大54%OFFでブログがスタートできる!ブログ開設はココから≪

【最新版】SWELLマニュアル|導入・設定・ブロックや機能の使い方を丁寧に解説

SWELLを導入したいけど、やり方がイマイチ分からない…

ブロックなど多機能だけど、どう使ったらいいか分からない…

そんな悩みにお答えします!

 

本記事では、WordPressテーマSWELLの使い方を、SWELL初心者向けから中級者向けに紹介していきます!

\初心者でもオシャレなサイトができる!/

2024年おすすめのWordPressテーマ

 

目次

当ブログは『SWELL』を利用しています

SWELLは、ブログ初心者から歴の長いブロガーさんまで「使いやすい」「書きやすい」「オシャレなサイトができる」と言われている人気のWordPressテーマです。

かくいう筆者も、無料テーマから有料テーマまで5種類ほど使ったことがありますが、最終的にSWELLを使うということで落ち着きました。

本記事では、SWELLの購入・導入方法・初期設定から使い方まで、マニュアル風にまとめています。

つばさ

SWELLの使い方が分からない…という方のお役に立てれば幸いです!

まだブログを作っていないという方は、下記の記事を参考にWordPress開設まで済ましましょう。

WordPressテーマ『SWELL』の概要

SWELLテーマ
項目内容
テーマ名WordPressテーマ SWELL(スウェル)
開発者了(@ddryo_loos
販売元株式会社LOOS
料金17,600円(税込)
リリース日2019年3月
対応ブラウザEdge / Chrome / Firefox / Safari
動作必須環境WordPress 5.5 以上 / PHP 7.3 以上
複数サイトでの利用
SEO対策
レスポンシブ対応
グーテンベルク対応
決済方法クレジットカード ( VISA / Master / AMEX / JCB )

SWELLとは2019年3月にリリースされた、比較的新しいWordPressテーマとなります。

リリースされてから約5年しか経っていないのにも関わらず、日本国内の「WordPressテーマ人気シェアランキング」で1位を獲得しています。

日本のWordPressテーマのシェア率の円グラフ(2024年1月)
出典:MANUON|2024年度の人気シェアランキング
つばさ

しかも2位の無料テーマCocoonに勝っているということで、その人気度が伺えますね。

SWELLの大きな特徴は、ブロックエディタに完全対応

また、HTMLやCSSなどのプログラミングの知識がなくてもボタン(ブロック)で簡単にサイトやコンテンツを作れるというところです。

 

当サイトも、このWordPressテーマSWELLを使用しています。

つばさ

筆者も、Webの知識は全くゼロの状態から始めましたが
SWELLはとても分かりやすいテーマでした!

SWELLの実体験レビューは下記の記事で紹介しています。

WordPressテーマ『SWELL』の始め方

では、SWELLの始め方について細かく解説していきます。

当サイトのテーマ
WordPressテーマ『SWELL』

税込 17,600円
当ブログで使用中のWPテーマ『SWELL』です。ブロックなども豊富で、多くのブロガーに愛されているテーマです。
   購入はこちら   レビュー記事はこちら

手順①:SWELLの導入手順

まずは、SWELLを始めるにあたっての流れが下記になります。

  • 購入方法
  • ダウンロード方法
  • インストール方法
  • 有効化設定
  • ユーザー認証の方法

こちらの導入方法は、下記の記事から読むことができます。

手順はすべて画像付きで解説していますので、ぜひ参考にしていただければと思います。

手順②:プラグインを設定する

プラグインの設定については、下記の記事をご覧ください。

 

また、WordPressでのサイト運営にあたって『SWELLテーマでの初期設定』は下記の目次からご覧ください。

【SWELL】初期設定・トップページ・記事ページなどをカスタマイズする方法

SWELLには様々なブロックや便利な機能が備わっています。

これらを使えば、サイトのトップページのデザインから、記事内の細かな部分のデザインまで変更することが可能に。

本記事では、ブログサイトの7つのエリア(場所)ごとに初期設定・カスタマイズ方法などをまとめてあります。

つばさ

SWELLはアップデートでどんどん新しい機能が追加されています。
当ブログもそれを追いつつ、記事をアップしていきますね!

クリックしていただければ、それぞれを説明してる目次や記事にとびますよ。

 

サイト運営の初期は、WordPressやサイトを構成するパーツなどの名称も良く分かりませんよね。

下記の記事では一般的に覚えておくと便利な各パーツの名称について、画像付きでわかりやすくまとめています。

①:サイト全体の設定

まずは、サイト全体の設定になります。

こちらはSWELL関係なく、WordPress開設後に行った方が良い設定についてまとめてありますので、ぜひ参考にどうぞ。

SWELLのユーザー認証を行う手順(公式)サイトのタイトル・キャッチフレーズの設定
ブログ用アイコンの作り方Canvaでヘッダーロゴを作る方法
サイトアイコン(ファビコン)の設定ヘッダーロゴに画像を設置する
サイト運営者のSNSアカウントの設定(公式)ページの投稿リストの表示件数を変更する(公式)
ページャーのデザイン設定(公式)パーマリンクの設定
アーカイブページにの設定(公式)パンくずリストの表示設定(公式)
サイト全体の基本カラーの設定(公式)サイト全体のフォントの設定(公式)
ヘッダー下にお知らせバーを設置する(公式)サイトのデザイン・レイアウトの設定(公式)
記事本文のフォントサイズの設定(公式)h2~h4の見出しデザインを変更する
カラーパレットの設定(公式)リストで使えるデザイン装飾一覧(公式)
キャプションボックスで使えるデザイン装飾一覧(公式)マーカー線で使えるデザイン装飾一覧(公式)
ボタンで使えるデザイン装飾一覧(公式)ブロックで使えるデザイン装飾一覧(公式)
カテゴリーを並び替えるタグクラウドを分類する
Googleアドセンスの貼り付け方(公式)Pochippの導入手順・使い方

②:ヘッダー(サイトページ上部エリア)

ヘッダーロゴに画像を設置するグローバルナビ(ヘッダーメニュー)を設置する(公式)
グローバルナビの位置を設定グローバルナビの横にアイコンを表示させる
グローバルナビの下に説明文を表示させるグローバルナビを追従させる
スマホメニューの設定(公式)スマホ版固定フッターメニューの設定方法(公式)
ヘッダー下にお知らせバーを設置する(公式)記事スライダーを設置する
ピックアップバナーを設置するスマホメニューの設定(公式)

③:サイドバー(サイトページ横エリア)

サイドバーに関する設定(公式)目次をサイドバーに追従させる
プロフィールを設置する(公式)SNSアイコンをサイドバーに設置する
人気記事ウィジェットを表示する(公式)新規記事ウィジェットを表示する(公式)
ボックスメニューをサイドバーに設置するカスタムバナーの使い方(公式)

④:フッター(サイトページ下部エリア)

フッターの設定(公式)固定ページをフッターに表示する
人気記事ウィジェットを表示する(公式)新規記事ウィジェットを表示する(公式)
タグクラウドを分類する

⑤:トップページ(サイトページのメインエリア)

メインビジュアルの設定(公式)トップページをブログ型・サイト型にする
最新記事のアイキャッチにNewマークをつけるリッチカラムを使ってトップページを装飾する
カスタムバナーの使い方(公式)タブブロックを使ってトップページを装飾する

⑥:投稿記事ページ

投稿記事ページの設定方法

記事本文のフォントサイズの設定(公式)記事コンテンツのデザイン(公式)
目次に関する設定(公式)h2~h4の見出しデザインを変更する
カラーパレットの設定(公式)リストで使えるデザイン装飾一覧(公式)
キャプションボックスで使えるデザイン装飾一覧(公式)マーカー線で使えるデザイン装飾一覧(公式)
ボタンで使えるデザイン装飾一覧(公式)ブロックで使えるデザイン装飾一覧(公式)
SNSシェアボタンの設定(公式)

投稿記事ページでの書き方・ブロックの使い方

SWELLのブロック機能まとめ(公式)SWELLブロックを簡単に呼び出すキーワード(公式)
アイキャッチをChatGPTで作成するアイキャッチをCanvaで作成する
アイキャッチ代わりにYouTube動画を表示する(公式)テキスト装飾機能・書式一覧(公式)
ブロック装飾一覧(公式)ブロック下の余白を調節する
ブロックパターンを作成するパターンでこの記事の作成者を表示する
アイコンを表示する(公式)評価用スター星マークを表示させる
リンクを設置する記事内でジャンプリンクを設置する
見出しの使い方セクション用見出しの使い方(公式)
見出しに画像を入れるh2~h4の見出しデザインを変更する
ふきだしの使い方(公式)SWELLボタンの使い方(公式)
SWELLで使えるショートコード一覧(公式)ソースコードをそのまま表示させる
ショートコードをそのまま表示させるリストで使えるデザイン装飾一覧(公式)
グループの使い方リッチカラムの使い方
アコーディオンの使い方(公式)バナーリンクの使い方
リンクリストブロックの使い方(公式)ボックスメニューの使い方
キャプションボックスの使い方(公式)フルワイドの使い方ショートコード版(公式)
テーブルの使い方(公式)タブの使い方
FAQの使い方(公式)ステップの使い方(公式)
引用の使い方説明リストの使い方
広告タグの使い方ショートコード版(公式)ブログパーツの使い方(公式)
カスタムバナーの使い方(公式)リンクリストの使い方(公式)
投稿リストの使い方ショートコード版(公式)関連記事の使い方(公式)
人気記事一覧ページを作成する(公式)YouTubeやXを埋め込む
画像・ギャラリー・動画の使い方検索ボックスを設置する
LP機能の使い方(公式)Googleマップを埋め込む

⑦:固定ページ(運営者情報・お問い合わせフォームのページなど)

運営者情報を設置するお問い合わせフォームを設置する
プライバシーポリシーを設置するサイトマップを設置する
LP機能の使い方(公式)サイト型ホームページを設置する
固定ページをフッターに表示する

WordPress開設から稼ぐまでのロードマップ

SWELLの初期設定まで終わりましたら、さっそく記事を書いてみましょう!

この目次では、WordPress開設から、記事を書く際のポイント、ブログ運営で気を付けることなどを紹介していきます。記事は下記になります。

SWELLへの乗り換えサポート

SWELLは他テーマからの乗り換えサポートが充実しています。

主な方法はそれぞれのテーマからSWELLに乗り換えるためのプラグインをインストールすることで、テーマの移行がスムーズにできます。

つばさ

他テーマからSWELLに乗り換えたい方には安心ですね!

CocoonからSWELLに乗り換える(公式)AFFINGER5からSWELLに乗り換える(公式)
JINからSWELLに乗り換える(公式)THE THORからSWELLに乗り換える(公式)
STORKからSWELLに乗り換える(公式)SANGOからSWELLに乗り換える(公式)

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

SWELLを購入した方は、購入者限定でアフィリエイトをすることができます。

下記の記事でやり方を解説しています。

当サイトのテーマ
WordPressテーマ『SWELL』

税込 17,600円
当ブログで使用中のWPテーマ『SWELL』です。ブロックなども豊富で、多くのブロガーに愛されているテーマです。
   購入はこちら   レビュー記事はこちら

 

サイト支援

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

コメント

コメント一覧 (1件)

コメントする

目次