ここに記載の内容はあなたがご覧になる時期によっては内容に変更が生じているケースもありますため、必ず公式サイトでご確認ください。
【日本語WordPressテーマ】SWELL
当ページの一部リンクにはプロモーションが含まれています。
ブロックエディターに完全対応した多機能WordPressテーマがSWELLです。
目次
SWELLの特長
- 100%ブロックエディターでの記事作成。
- HTMLやCSSといった専門知識不要で直感的に記事作成。
- オリジナル機能やSWELL専用ブロック機能が豊富。
- SWELLの機能を駆使すれば企業サイトとしても利用可能。
どんなサイト向け?
SWELLはワードプレスの新しい記事執筆形式のブロックエディター機能がこれでもかというぐらい充実しています。
広告関連機能も豊富だし、記事を書くことに専念しながらサイトを運営したい方にはおススメのテーマです。
またウェブ上にはSWELL関連の情報サイトがいくつもあるので、それらを参考にすれば企業サイト向けのトップページも手軽に作成できます。
ブロックエディター対応状況
完全対応◎・一部対応◯・未対応× |
完全対応・一部対応・未対応の違い
ワードプレス標準搭載のブロックエディター機能はどのテーマでも使えます。
その中でもテーマオリジナルのブロック機能を駆使してブロックエディターだけでもサイト作成が完了するものを当サイトでは完全対応と呼んでます。
これに対しオリジナルのブロック機能の開発は進んでいるもののクラシックブロックなどでの限定的な利用にとどまるテーマは一部対応としてます。
そしてオリジナルブロック機能は非搭載もしくは数えるほどで、ベースとなる編集は旧エディターというテーマは未対応という位置づけにしてます。
※当サイトで紹介しているテーマ内に出てくる独自(専門)用語の意味がイマイチわからないという方のために用語の解説ページを作ってみました。
以下の用語について簡単に解説してます。【五十音順】
ABテスト・AMP・CTA・CTR・ECサイト・gzip・OGP&ツイッターカード・PWA・Welcart(ウェルカート)・WooCommerce(ウーコマース)・アップセル&クロスセル・アノテーション・ウィジェット・ウィッシュリスト・オウンドメディア・オーバーレイ・オプトイン・オンラインサロン・カスタム投稿タイプ・カルーセルスライダー・ゴーストボタン・子テーマ・コーポレートサイト・サイトアフィリエイト・サイト回遊率・ショートコード・スクロール追尾・スプリット仕様・ドロップシッピング・ニュースティッカー・ネイティブ広告・バイラルメディア・パララックス(デザイン)・ハンバーガーメニュー・非同期読み込み・ヒーローヘッダー・ファーストビュー・ファビコン・プラットフォーム・ブランディング・フルードグリッド・プルクオートブロック・ブログアフィリエイト・ポータルサイト・ポートフォリオサイト・マイクロコピー・メガメニュー・モーダルウィンドウ・ランディングページ・リッチスニペット&構造化マークアップ(JSON-LD)・レイヤー画像・レスポンシブデザイン
SWELLのトップページ
ヘッダーコンテンツ(ファーストビュー)
多彩な表現方法のメインビジュアル
ヘッダー部はSWELLでは「メインビジュアル」という呼び方をしてます。
メインビジュアルには画像を全画面で表示させたり画像スライダーにしてみたり動画を埋め込んでみたりといろいろな方法で見せることが可能。
ここの設定だけでもかなりの数があります。その一部をご紹介します。
ヘッダー画像の高さは自在に調整可
フィルター処理
好きな色でカラーオーバーレイをかけたり不透明度も設定可。
画像スライダー
画像が複数枚あるときは自動的にスライダーとしての表示も可。
トップページ構成
タブ切り換え記事一覧
トップページには『新着記事の一覧』のほかに『人気記事』や『特定のカテゴリー』『特定のタグ』などで絞り込んだ記事一覧をタブ切り替えで追加表示させる機能も用意。
ここでも細かい設定が調整可能で、他の便利機能も含めて設定項目が豊富。
記事スライダー
メインビジュアルの下にカテゴリーもしくはタグごとの『記事スライダー』も表示可能。
スライド数やスライドスピード、テキストなど細かい設定も用意されてます。
コーポレートサイト用トップページ
SWELL専用の独自ブロックを組み合わせておしゃれなトップページも作れるので、コーポレートサイト(企業サイト)でも十分利用できます。
公式サイトに作り方は載ってませんが、ネットを検索すればかなりの数がヒットするので使い方に困ることはありません。
SWELLのオリジナル機能
書式セット
1クリックでテキストに複数の装飾効果がかけられる書式セットが用意。
たとえば『太字』+『フォントカラー・赤』+『フォントサイズ・大』+『オレンジマーカー』などの複数装飾を事前登録しておくだけで、テキストを選択後に書式セットボタンを1クリックするだけで即適用されます。
目次自動生成機能
目次自動生成機能も搭載。
表示デザインも複数のタイプから選択可。
タイトルやテキストカラーやどの階層まで表示するか、ページごとの表示・非表示のカスタマイズも可。
ブラウザ画面右下に目次ボタンを固定表示させることも可能。
このボタンを表示させれば1カラムページでも目次にアクアスしやすくなります。
(クリックすると画面中央に目次が開く)
ブログパーツ
使い回したいコンテンツなどを予め登録しておけるのがブログパーツ。
ブロックエディター内で簡単に呼び出しができ、同じものを何度も入力する手間が省けます。
(※ワードプレス標準機能”同期パターン”とほぼ同じ機能)
SWELLなら専用のショートコードを利用することでウィジェットでも使えるとても便利な機能で、登録自体は通常の投稿と同じ形式。
この機能は最上級に便利です。
広告タグ管理
広告をどんなレイアウトで表示させるかを予め登録管理しておける機能。
登録後は広告を表示したい位置で登録済みの広告タグを呼び出すだけ。
(使い回しなんかで重宝)
レイアウトパターンも複数用意。
テキスト型
アフィリエイト型
上の『テキスト型』以外はブロックエディター画面での呼び出しが可能。
バナー型・ランキング型
広告コード
アイコン
テキストの強調表示に、1タッチで挿入可能なアイコンがいろいろ用意されてます。
ブロックエディター内でツールバーから直接インライン挿入が可能。
拡張プラグイン
必要な人のみが使えればいい機能はプラグインとして提供。
いくつかご紹介します。
Highlighting Code Block
シンタックスハイライト機能付きのコードブロック。
記事内でコードを記述する機会が多い方にはとても便利なプラグインです。
SEO SIMPLE PACK
必要最低限な機能だけが搭載されたSEOプラグイン。
このプラグインを導入することで、タイトルタグ・メタディスクリプション・robotsタグ(noindexなど)・canonicalタグの出力・OGP設定などが簡単に設定可。
Pochipp
Amazon・楽天・Yahooから商品を検索し、アフィリエイトリンクを生成してくれるプラグイン。
”カエレバ”のようなもので、ブロックエディターに最適化されているのが「Pochipp」の最大の特徴。
デモ着せ替え
SWELLで用意されてるデモサイトと同じデザインへ簡単に着せ替えができるカスタマイザーの設定データを配布中。
(完全に再現できない部分もあるので適宜調整が必要)
SWELLのその他の機能
お知らせバー
重要なお知らせなどをわかりやすくアピールするための機能。
ヘッダーの上部または下部に設置可。
(テキストが画面右から左へ流れる動きにも対応)
ピックアップバナー
画像バナー形式のナビゲーションメニューを設置可。
人気記事
ビュー数の多い順に記事をリスト表示できるウィジェット機能。
細かい設定も用意されてます。
キャッシュ
一定期間ページのデータを保存しておき、次回アクセス時は保存しておいたデータ(キャッシュ)を表示させることで高速化を実現する機能がキャッシュと呼ばれる機能。
なおSWELLのキャッシュ機能はブラウザではなくデータベースに保存される仕様なので、Cookieの設定に左右されずにユーザーが初めて訪問した際でもキャッシュデータが表示されます。
キャッシュ機能のオン・オフはチェックボックスで簡単設定。
またキャッシュはコンテンツが変更された時には自動削除される仕様ですが、手動でのキャッシュ一括削除機能も搭載。
ランディングページ(LP)
投稿ページの1カラム化はすぐできますが、ランディングページとして使えるLP機能も別途用意。
そちらでは専用の設定が用意されており、各LPごとに設定可能な仕様。
追尾サイドバー
スクロールしても画面に固定表示されるサイドバー機能も標準装備。
専用のウィジェットエリアにコンテンツを配置するだけ。
アイキャッチ画像にYoutube動画
記事上部に表示できるアイキャッチ画像をYouTube動画に変えることも可能。
設定はYouTubeの動画IDを入力するだけ。
プロフィール表示
プロフィールを簡単に表示できるウィジェット機能。
乗り換えプラグイン
新しいテーマに乗り換える場合、それまで使ってたテーマ独自の機能で文章を書いてると新テーマに移行した途端にレイアウト等が一気に崩れて表示されてしまいます。
これを防ぐには『過去記事をすべて見直す』あるいは『ショートコードやオリジナルスタイルを新テーマに独力で移行させる』などの作業が必要になってきます。
記事数が多い場合にはこの作業をイチからやろうとしたら時間がかかりすぎてとても現実的とは言えません。
そこでSWELLではこの作業を少しでも軽くするため、旧テーマのショートコードやスタイルを一部引き継ぐことのできる乗り換えサポート用プラグインを用意してます。
このプラグインを使うことでSWELLの機能へ自動変換されてSWELLに乗り換えた時のデザイン崩れを最小限に抑えることができます。
この記事執筆時点での対応テーマは以下の通り。
ブロックエディター機能
ブロック
フルワイド
画面幅いっぱいに広がるエリアを簡単に作成可能。
背景には画像も設置可、オーバーレイ効果もOK。
フル幅仕様の機能という性格上、1カラムデザインでの利用がより効果を発揮します。
テーブル(表)
テーブルブロックは複数のデザインが用意されてます。
スマホでは縦並びにするとか横スクロール設定とかテーブル幅の指定などのカスタマイズも可。
リスト
数種類のデザインが用意されてます。
広告
広告タグ管理で予め設定しておいた広告をブロックで呼び出せます。
ステップ
作業の手順や流れなどのステップをわかりやすく順に説明できるブロック。
デザインも複数用意されており、「STEP」テキストの変更やカラーの変更など各種カスタマイズも可能。
アコーディオン
クリック(タップ)すると中身が開閉するいわゆるアコーディオンメニューは複数のレイアウトが用意。
右端のボタン形状も変更可。
FAQ
よくある質問といったFAQページが簡単に作成可能。
アイコンカラーやテキストカラーなども細かくカスタマイズ可。
「Q」ブロックはテキストのみの入力ですが、「A」ブロックには好きなブロックが利用できます。
関連記事(ブログカード)
サイト内外の関連記事へのブログカードが簡単に作成可能。
テキストリンクでの表示、画像の表示/非表示など細かい選択肢も用意。
吹き出し
吹き出し表示機能。
吹き出しのアイコンやテキスト装飾などはその都度編集することができます。
吹き出しセット
テキストカラーや形状、アイコン画像などを個別に設定したものを1つのセットとして登録も可。
それをふきだし設定の中で1クリックで呼び出す機能もあります。
説明リスト
説明リストを簡単に設置できるブロック。
(HTMLでは<dl>タグを使った定義リストのこと)
横並びの表示にもできます。
ABテスト
AブロックとBブロックをランダムで出し分けられるブロック。
表示比率の変更も可。
広告タグ管理機能と組み合わせたクリック率の計測も可能なので、ABテストもできちゃいます。
(ABテストができるブロックは珍しいです)
バナーリンク
画像の上に好きなテキストを配置し、全体をリンクにして設置できるブロック。
影やブラー効果・画像の丸みなどもカスタマイズ可。
リッチカラムブロック
横並びに複数のコンテンツを配置できるワードプレス標準機能「カラム」ブロックの拡張版。
「カラム」ブロックのレイアウトは下のような比率で両端揃えが基本的な仕様です。
(あとから比率変更も可)
それでもいろいろ細かく設定を調整していけば下のような複雑なレイアウトも可能です。
一方、SWELLの「リッチカラム」ブロックもレイアウトの融通性はほぼ同じですが、設定項目が「カラム」ブロックよりもより使いやすく整備されてるのが特長です。
(横スクロール機能やデバイスごとのカラム数指定なども追加)
各コンテンツの幅や余白設定も「リッチカラム」ブロックの方が細かく指定できます。
ボタン
美しいボタンリンクが簡単に作成可能。
色・丸み・テキストなどももちろん変更可。
テキスト型のアフィリエイト(広告用)タグをペーストするとそのままアフィリエイトリンク付きボタンとしての利用も可。
クリック率の計測もできちゃう機能まで標準で搭載。
ボックス装飾
装飾付きのボックスも豊富に用意。
段落ブロックやグループブロックにも装飾可能。
ツールバーから簡単操作
いくつかの装飾はツールバーから直接操作可能。
テキスト装飾
マーカー線を引いたりフォントサイズを変更したり文字色を変えたりなどの様々なテキスト装飾がツールバーから簡単に設定可。
ショートコード呼び出し
SWELLで用意されてる便利なショートコードをツールボタンから簡単に呼び出せます。
パターン
プリセットパターン
決まった形のレイアウトや装飾を1クリックで実行できるのがブロックパターン。
SWELLにはデフォルトでデザイン済みのブロックがいくつか用意されてます。
カスタムパターン
またSWELLではブログパーツもパターン化できます。(※ワードプレス標準機能”非同期パターン”とほぼ同じ機能)
たとえばあらかじめすべてのデザインを設定済みのアコーディオン形式ブロックをブログパーツで作成したとします。
次にパターン化を選択すれば次からはパターン画面から1発で呼び出すことができ、あとはテキストや画像を入力するだけとこちらもかなり便利な機能です。
サポート
購入者が利用できる専用のフォーラムサイトがあります。
そのほかにもネット検索すればSWELL関連のカスタマイズや使い方が簡単に見つかります。
ブログに最適なテーマはこのページを含めてほかにもまだあります。
スクロールできます
SWELL | ブロックエディター完全対応の多機能テーマ。 | 詳細ページ | 公式サイト |
---|---|---|---|
STORK SE | STORK19をベースにデザイン・機能を再構成した1カラムベースのテーマ。 | 詳細ページ | 公式サイト |
STORK19 | スマホでの見やすさ・機能・デザイン・軽量化にこだわったテーマ。 | 詳細ページ | 公式サイト |
AFFINGER6 | SEOに強く様々なアフィリエイト機能を備えて”稼ぐ”に特化したテーマ。 | 詳細ページ | 公式サイト |
GOLD BLOG | 集客・収益化にこだわった絞り込み検索機能搭載ブロックエディター対応テーマ。 | 詳細ページ | 公式サイト |
THE THOR | 集客・収益化にこだわった絞り込み検索機能搭載テーマ。 | 詳細ページ | 公式サイト |
DIVER | アフィリエイトサイトでいかに収益を上げるかに特化したテーマ。 | 詳細ページ | 公式サイト |
STREETIST | モノトーン調のデザインと機能・速度・SEO・収益化にこだわったテーマ。 | 詳細ページ | 公式サイト |
Cherie (tcd101) | おしゃれかわいい個人事業主向けブログ用テーマ。 | 詳細ページ | 公式サイト |
PORTAL (tcd095) | だれもがすぐに始められるシンプルな個人ブログ向けテーマ。 | 詳細ページ | 公式サイト |
Muum (tcd085) | ブログで売り上げを目指すブロガー・アフィリエイター向けテーマ。 | 詳細ページ | 公式サイト |
Be (tcd076) | シンプルなのにスタイリッシュなミニマルデザインのブログ向けテーマ。 | 詳細ページ | 公式サイト |
企業サイト(コーポレートサイト)に最適なテーマはこのページを含めてほかにもまだあります。
スクロールできます
SWELL | ブロックエディター完全対応の多機能テーマ。 | 詳細ページ | 公式サイト |
---|---|---|---|
Emanon | 集客機能に力を入れた個人事業主や企業(ビジネス)向けテーマ。 | 詳細ページ | 公式サイト |
AFFINGER6 | SEOに強く様々なアフィリエイト機能を備えて”稼ぐ”に特化したテーマ。 | 詳細ページ | 公式サイト |
THE THOR | 集客・収益化に徹底的にこだわった絞り込み検索機能搭載テーマ。 | 詳細ページ | 公式サイト |
ISSUE (tcd106) | 企業紹介を兼ね備えてコーポレートサイトとしても使える求人募集サイト向けテーマ。 | 詳細ページ | 公式サイト |
SEEED (tcd105) | 商品やサービスをより多くの人たちに知ってもらうページ構成のテーマ。 | 詳細ページ | 公式サイト |
GENESIS (tcd103) | 企業イメージを丁寧にかつ壮大に印象付けられるテーマ。 | 詳細ページ | 公式サイト |
GAIA (tcd102) | イベント管理用のカレンダーを搭載したテーマ。 | 詳細ページ | 公式サイト |
Beyond (tcd094) | 高機能チャートを駆使したグラフィカルなコーポレートサイト向けテーマ。 | 詳細ページ | 公式サイト |
HORIZON (tcd093) | 全画面の横スクロール型サイト作成テーマ。 | 詳細ページ | 公式サイト |
FALCON (tcd089) | 商品の魅力と価値を引き出すブランドギャラリー向けテーマ。 | 詳細ページ | 公式サイト |
SOLARIS (tcd088) | 最先端のテクノロジー企業のような質の高いコーポレートサイト向けテーマ。 | 詳細ページ | 公式サイト |
DROP (tcd087) | LP型トップページが特長&高機能なチャート・グラフ作成機能を実装したビジネスサイト向けテーマ。 | 詳細ページ | 公式サイト |
MASSIVE (tcd084) | 自社専用の求人募集サイト作成用テーマ。 | 詳細ページ | 公式サイト |
ANTHEM (tcd083) | 集客からセールスまでをパッケージ化したスモールビジネス・デジタルコンテンツ販売向けテーマ。 | 詳細ページ | 公式サイト |
HAKU (tcd080) | 商品のブランドイメージ向上(ブランディング)にスポットをあてたテーマ。 | 詳細ページ | 公式サイト |
FORCE (tcd078) | チームやサークルの運営を強力にサポートするテーマ。企業サイトとしても活用可能。 | 詳細ページ | 公式サイト |
FAKE (tcd074) | スピード重視とミニマル設計の企業向けテーマ。 | 詳細ページ | 公式サイト |
NANO (tcd065) | 中堅・大企業にも使える本格派コーポレートサイトを構築できるテーマ。 | 詳細ページ | 公式サイト |