【日本語WordPressテーマ】SWELL

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

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

ここの設定だけでもかなりの数があります。その一部をご紹介します。

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

フィルター処理

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

画像スライダー

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

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

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

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

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

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

目次自動生成機能も搭載。
表示デザインも複数のタイプから選択可。

タイトルやテキストカラーやどの階層まで表示するか、ページごとの表示・非表示のカスタマイズも可。

ブラウザ画面右下に目次ボタンを固定表示させることも可能。
このボタンを表示させれば1カラムページでも目次にアクアスしやすくなります。
（クリックすると画面中央に目次が開く）

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

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

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

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

テキスト型

アフィリエイト型

上の『テキスト型』以外はブロックエディター画面での呼び出しが可能。

バナー型・ランキング型

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

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

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

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

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

Highlighting Code Block

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

SEO SIMPLE PACK

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

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

Pochipp

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

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

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

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

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

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

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

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

投稿ページの1カラム化はすぐできますが、ランディングページとして使えるLP機能も別途用意。
そちらでは専用の設定が用意されており、各LPごとに設定可能な仕様。

スクロールしても画面に固定表示されるサイドバー機能も標準装備。
専用のウィジェットエリアにコンテンツを配置するだけ。

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

記事上部に表示できるアイキャッチ画像をYouTube動画に変えることも可能。
設定はYouTubeの動画IDを入力するだけ。

プロフィールを簡単に表示できるウィジェット機能。

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

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

テーブルブロックは複数のデザインが用意されてます。

スマホでは縦並びにするとか横スクロール設定とかテーブル幅の指定などのカスタマイズも可。

数種類のデザインが用意されてます。

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

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

クリック（タップ）すると中身が開閉するいわゆるアコーディオンメニューは複数のレイアウトが用意。
右端のボタン形状も変更可。

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

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

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

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

吹き出しセット

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

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

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

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

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

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

猫の隠れ家

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

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

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

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

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

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

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

美しいボタンリンクが簡単に作成可能。
色・丸み・テキストなどももちろん変更可。

テキスト型のアフィリエイト（広告用）タグをペーストするとそのままアフィリエイトリンク付きボタンとしての利用も可。

クリック率の計測もできちゃう機能まで標準で搭載。

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

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

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

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

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

指定した期間のみ表示

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

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

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

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

いくつかの装飾はツールバーから直接操作可能。

テキスト装飾

マーカー線を引いたりフォントサイズを変更したり文字色を変えたりなどの様々なテキスト装飾がツールバーから簡単に設定可。

ショートコード呼び出し

SWELLで用意されてる便利なショートコードをツールボタンから簡単に呼び出せます。

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