SWELL【日本語ワードプレステーマ】

使い回したいコンテンツなどを予め登録しておけるのがブログパーツ。
ブロックエディター内で簡単に呼び出しができ、同じものを何度も入力する手間が省けます。
（※ワードプレス標準機能”同期パターン”の上位互換版的な機能）

SWELLなら専用のショートコードを利用することでウィジェットでも使えるとても便利な機能で、登録自体は通常の投稿と同じ形式。
この機能は最上級に便利です。

1クリックでテキストに複数の装飾効果がかけられる書式セットが用意。

たとえば『太字』＋『フォントカラー・赤』+『フォントサイズ・大』＋『オレンジマーカー』などの複数装飾を事前登録しておくだけで、テキストを選択後に書式セットボタンを1クリックするだけで即適用されます。

広告をどんなレイアウトで表示させるかを予め登録管理しておける機能。
登録後は広告を表示したい位置で登録済みの広告タグを呼び出すだけ。
（使い回しなんかで重宝）

レイアウトパターンも複数用意。

テキスト型

アフィリエイト型

バナー型・ランキング型

必要な人のみが使えればいい機能はプラグインとして提供。
いくつかご紹介します。

Highlighting Code Block

シンタックスハイライト機能付きのコードブロック。
記事内でコードを記述する機会が多い方にはとても便利なプラグインです。

SEO SIMPLE PACK

必要最低限な機能だけが搭載されたSEOプラグイン。

このプラグインを導入することで、タイトルタグ・メタディスクリプション・robotsタグ（noindexなど）・canonicalタグの出力・OGP設定などが簡単に設定可。

Pochipp

Amazon・楽天・Yahooから商品を検索し、アフィリエイトリンクを生成してくれるプラグイン。

”カエレバ”のようなもので、ブロックエディターに最適化されているのが「Pochipp」の最大の特徴。

SWELLで用意されてるデモサイトと同じデザインへ簡単に着せ替えができるカスタマイザーの設定データを配布中。
（完全に再現できない部分もあるので適宜調整が必要）

ヘッダー部はSWELLでは「メインビジュアル」という呼び方をしてます。

メインビジュアルには画像を全画面で表示させたり画像スライダーにしてみたり動画を埋め込んでみたりといろいろな方法で見せることが可能。

ここの設定だけでもかなりの数があります。その一部がこちら。

ヘッダー画像の高さは自在に調整可

フィルター処理

好きな色でカラーオーバーレイをかけたり不透明度も設定可。

画像スライダー

画像が複数枚あるときは自動的にスライダーとしての表示も可。

トップページには『新着記事の一覧』のほかに『人気記事』や『特定のカテゴリー』『特定のタグ』などで絞り込んだ記事一覧をタブ切り替えで追加表示させる機能も用意。

ここでも細かい設定が調整可能で、他の便利機能も含めて設定項目が豊富。

メインビジュアルの下にカテゴリーもしくはタグごとの『記事スライダー』も表示可能。
スライド数やスライドスピード、テキストなど細かい設定も用意されてます。

広告タグ管理以外にも、用途に応じて自動表示可能な広告コードの管理画面も用意されてます。

上記広告機能のほかに広告タグのCTR計測・ABテストなどの機能も搭載！

テキストの強調表示に、1タッチで挿入可能なアイコンがいろいろ用意されてます。

ブロックエディター内でツールバーから直接インライン挿入が可能。

重要なお知らせなどをわかりやすくアピールするための機能。
ヘッダーの上部または下部に設置可。
（テキストが画面右から左へ流れる動きにも対応）

画像バナー形式のナビゲーションメニューを設置可。

ビュー数の多い順に記事をリスト表示できるウィジェット機能。
細かい設定も用意されてます。

一定期間ページのデータを保存しておき、次回アクセス時は保存しておいたデータ（キャッシュ）を表示させることで高速化を実現する機能がキャッシュと呼ばれる機能。

SWELLのキャッシュ機能はブラウザではなくデータベースに保存される仕様なので、Cookieの設定に左右されずにユーザーが初めて訪問した際でもキャッシュデータが表示されます。

キャッシュ機能のオン・オフはチェックボックスで簡単設定。
またキャッシュはコンテンツが変更された時には自動削除される仕様ですが、手動でのキャッシュ一括削除機能も搭載。

スマホ画面下部に特殊なボタン項目を固定表示可能。

新しいテーマに乗り換える場合、それまで使ってたテーマ独自の機能で文章を書いてると新テーマに移行した途端にレイアウト等が一気に崩れて表示されてしまいます。

これを防ぐには『過去記事をすべて見直す』あるいは『ショートコードやオリジナルスタイルを新テーマに独力で移行させる』などの作業が必要になってきます。

記事数が多い場合にはこの作業をイチからやろうとしたら時間がかかりすぎてとても現実的とは言えません。

そこでSWELLではこの作業を少しでも軽くするため、旧テーマのショートコードやスタイルを一部引き継ぐことのできる乗り換えサポート用プラグインを用意してます。

このプラグインを使うことでSWELLの機能へ自動変換されてSWELLに乗り換えた時のデザイン崩れを最小限に抑えることができます。

この記事執筆時点での対応テーマは以下の通り。

Cocoon/AFFINGER5/JIN/SANGO/STORK/THE THOR

画面幅いっぱいに広がるエリアを簡単に作成可能。
背景には画像も設置可、オーバーレイ効果もOK。

フル幅仕様の機能という性格上、1カラムデザインでの利用がより効果を発揮します。

広告タグ管理で予め設定しておいた広告をブロックで簡単に呼び出せます。

作業の手順や流れなどのステップをわかりやすく順に説明できるブロック。
デザインも複数用意されており、「STEP」テキストの変更やカラーの変更など各種カスタマイズも可能。

よくある質問といったFAQページが簡単に作成可能。
アイコンカラーやテキストカラーなども細かくカスタマイズ可。

「Q」ブロックはテキストのみの入力ですが、「A」ブロックには好きなブロックが利用できます。

サイト内外の関連記事へのブログカードが簡単に作成可能。
テキストリンクでの表示、画像の表示/非表示など細かい選択肢も用意。

吹き出し表示機能。
吹き出しのアイコンやテキスト装飾などはその都度編集することができます。

吹き出しセット

テキストカラーや形状、アイコン画像などを個別に設定したものを1つのセットとして登録も可。
それをふきだし設定の中で1クリックで呼び出す機能もあります。

（本来は）”用語”と”その用語の説明”の組み合わせで1セットとなるのが『説明リスト』。
（HTMLでは＜dl＞タグを使った定義リストのこと）

横並びの表示にもできます。

AブロックとBブロックをランダムで出し分けられるブロック。
表示比率の変更も可。

広告タグ管理機能と組み合わせたクリック率の計測も可能なので、ABテストもできちゃいます。
（ABテストができるブロックは珍しいです）

画像の上に好きなテキストを配置し、全体をリンクにして設置できるブロック。
影やブラー効果・画像の丸みなどもカスタマイズ可。

猫の隠れ家

どれだけ探し回ったと思ってるんだ！

横並びに複数のコンテンツを配置できるワードプレス標準機能「カラム」ブロックの拡張版。

「カラム」ブロックのレイアウトは下のような比率で両端揃えが基本的な仕様です。
（あとから比率変更も可）

一方SWELLの「リッチカラム」ブロックもレイアウトの融通性はほぼ同じですが、設定項目が「カラム」ブロックよりもより使いやすく整備されてるのが特長です。
（横スクロール機能やデバイスごとのカラム数指定なども追加）

各コンテンツの幅や余白設定も「リッチカラム」ブロックの方が細かく指定できます。

キャプション（小見出し）付きのコンテンツ枠作成ブロック。

デザインも数パターン用意されており、カラー変更やアイコンなんかも変更可。

装飾付きのボックスも豊富に用意。
段落ブロックやグループブロックにも装飾可能。

コンテンツを表示するページを制限できるのが制限エリアブロック。
SWELLでは以下の3タイプの制限設定が用意。

特定のログインユーザーのみ表示

ここでの”ログイン”というのはワードプレスへのログインのこと。

下のサンプルは「管理者と編集者のみに表示する」設定。

指定した期間のみ表示

特定のページのみ表示（ページ種別）

下のサンプルは「アーカイブ（一覧）ページだけに表示する」設定。

特定のページのみ表示（ターム）

より細かく設定するなら『ターム』で設定。
下のサンプルは「”コラム”というカテゴリーのアーカイブページとそのカテゴリーに属する記事全部にのみ表示する」設定。

決まった形のレイアウトや装飾を1クリックで実行できるのがブロックパターン。
SWELLにはデフォルトでデザイン済みのブロックがいくつか用意されてます。

またSWELLではブログパーツもパターン化できます。（※ワードプレス標準機能”非同期パターン”とほぼ同じ機能）

たとえばあらかじめすべてのデザインを設定済みのアコーディオン形式ブロックをブログパーツで作成したとします。
次にパターン化を選択すれば次からはパターン画面から1発で呼び出すことができ、あとはテキストや画像を入力するだけとこちらもかなり便利な機能です。