SWELLの制限エリアブロック｜期間限定表示や閲覧制限を簡単に設定できる！

SWELLの制限エリアブロックについて紹介します。

「ページで制限する」機能の設定については、記事後半「制限エリアブロックのページ制限の設定例」で実際の設定例も紹介するので、設定方法が分からない方はぜひ参考にしてください。

---

SWELLの制限エリアブロックでできること

制限エリアブロックは、2021/9/11リリースのver2.5.1で追加されたSWELLオリジナルのブロックです。

>>SWELL – ver. 2.5.1 アップデート情報

Ver2.5.1アップデートでは、制限エリアブロック以外にも便利機能が複数追加されました。ぜひ上記アップデート情報を覗いてみてください。

制限エリアブロックは以下のような指定をすることができます。

制限エリアブロックに対していろいろな制限や指定をかけることで、制限エリアブロック内のブロック全体の表示条件を柔軟に設定することができます。

それぞれの機能を簡単に紹介します。

ブロックの表示期間を指定できる！

まず、制限エリアブロックに対して、表示期間を指定することができます。

例えば、以下のようなイメージです。

2021/9/4の20:00から2021/9/11の01:59の間だけブロックを表示する。

上記は、2021年9月の楽天スーパーセールの期間です。

このように期間限定セールなどと絡めて、セール期間だけブロックを表示させることができます。

このような作業漏れをなくすことができるので、とても便利な機能です。

非ログインユーザーにはブロックを非表示にできる！

それから、ブロックを表示するユーザーを制限することができます。

本来は、ここの行の上に以下画像のような文章を挿入していますが、みなさんには見えていないと思います。

このように、編集画面には表示されているけど、読者が実際に見るページでは表示させない。という設定ができます。

大きく以下の2つの制限を指定できます。

このログインというのはWordPressへのログインです。

また、WordPressのユーザー権限でも制限をかけることができます。

個人ブロガーであれば、管理者権限しか使っていないケースが多いと思います。

一方で、複数人で管理しているサイトや、ライターさんに寄稿してもらっているサイト、制作案件でクライアントに管理者権限以外を渡す場合などに重宝する設定だと感じています。

カテゴリーやページ種別ごとにブロックの表示が切り替えられる！

2022/5/4リリースのver2.6.2で制限エリアブロックの機能が強化され、「ページ種別、ターム」での条件指定ができるようになりました。

>>SWELL – ver. 2.6.2 アップデート情報

以下のページ種別ごとに条件を指定できます。

また、カテゴリーやタグなどの条件でブロックの表示と非表示を切り替えることもできるようになりました。

詳細は「ページ種別、タームで制限する方法」で紹介します。

制限エリアブロックの使い方

制限エリアブロックの使い方を紹介します。

以下手順で制限エリアブロックを設置、設定していきます。

基本的な使い方は以上です。

ちなみに、ブロックエディターでは、段落ブロック内に「/ + ブロック名」を入力することでブロックを検索して呼び出すことができます。

制限エリアブロックの場合は、以下の名称でブロックを呼び出すことができます。

表示ユーザーの設定と、表示期間の設定について更に説明していきます。

ログイン状態で制限する方法

表示制限の設定は、ブロックを選択した状態でサイドバーから設定できます。

「制限設定」→「ログイン状態で制限する」をクリック

ログインしている人だけに表示される様にしたい場合は、「ログインユーザー」をクリックしましょう。

「ログインユーザー」をクリックすると、WordPressのユーザー権限のリストが表示されます。

ここから、表示させたい権限のみクリックしていきます。

表示期間を制限する方法

表示期間の設定も、ブロックを選択した状態でサイドバーから設定できます。

「制限設定」→「表示期間を制限する」をクリック

こちらは単純に、開始日時と終了日時を設定するだけでOKです。

開始の日にちをカレンダーから選択して、時間を入力しましょう。

その後、終了日時の方も同様に設定するだけです。

表示期間はWordPress管理画面で設定したタイムゾーンの時刻が基準になります。正しく設定しておきましょう。

ちなみに、WordPress管理画面→「設定」→「一般」の『時刻形式』の設定に合わせて、サイドバーの表示も変わります。

この記事でも、先に表示した画像は20:00~01:59の表示ですが、この後表示する画像は、8:00 PM~1:59 AMとあえて変えています。

ページ種別、タームで制限する方法

ページ種別やタームごとの設定も、ブロックを選択した状態でサイドバーから設定できます。

「制限設定」→「ページで制限する」をクリック

まずはページ種別の設定から紹介します。

ページ種別で制限する

「ページ種別」タブから設定できます。指定できるページの種類は6種類です。

6種類の中でチェックを入れたページ種別でのみコンテンツが表示されます。

上記6項目についてすごく簡単ですが説明しておきます。※正確には違う部分もあるかもしれません…。

フロントページ

サイトのトップページのこと。

ホーム(投稿一覧)

• WordPress管理画面→「設定」→「表示設定」→「ホームページの表示」で『投稿ページ』として設定したページ。
• 「ホームページの表示」で『最新の投稿』に設定している場合は、トップページも【ホーム(投稿一覧)】に該当。

アーカイブ

特定の条件ごとに記事をまとめた一覧のページ。主に以下のようなページ。

• カテゴリーページやタグページ
• 著者アーカイブページ
• 日付アーカイブ(「月別アーカイブ」ウィジェットなど)
• カスタム投稿アーカイブページ

検索結果ページ

サイト内検索をしたときに表示される検索結果のページ

404ページ

存在しないページにアクセスしようとしたときに表示されるページ

個別ページ

通常の記事ページ、固定ページ、LPなどのこと。

タームアーカイブで制限する

「ターム」タブから設定できます。

以下の手順で順に設定していきましょう。

ここまでで制限ブロックの使い方の紹介は終了です。

設定方法は分かったけど、実際にどう設定したら良いか分からない場合もあると思います。

そこで実際にサンプルの設定例を作ってみたのでこれから紹介します。

制限エリアブロックのページ制限の設定例

制限エリアブロックの「ページ制限」機能を使って実際にコンテンツの表示、非表示を設定してみたいと思います。

例①：特定のページでのみ表示

対象のコンテンツを以下のページ以外で表示させてみます。

• フロントページ
• アーカイブ
• 個別ページ

上記の場合は、以下のように非表示にさせる部分のチェックを外せばOKです。

「ページ種別」→表示させたいページにだけチェックを入れる

例②：固定ページでのみ表示

対象のコンテンツを固定ページでのみ表示させる場合は以下のように設定します。

「個別ページ」にチェック→「個別ページの種類」→『固定ページ』を選択

逆に固定ページでは非表示、投稿でのみ表示させたい場合は『投稿』を選択しましょう。

例③：特定のカテゴリーページでのみ表示

対象のコンテンツを特定のカテゴリーページにのみ表示させてみます。

今回は「Cat1」のカテゴリーページにだけ表示させます。「Cat1」の中の個別ページには表示させません。

以下のように設定すればOKです。

「ターム」タブ→「アーカイブページを対象にする」にチェック→カテゴリータブ内の『Cat1』を選択

選択したタームの論理関係は【IN】を選択

例④：特定のカテゴリーでのみ非表示

対象のコンテンツを、特定のカテゴリーページと、カテゴリー内の個別ページでだけ非表示にしてみます。

今回は「Cat3」だけ非表示にしてみます。

以下のように設定すればOKです。

「アーカイブページを対象にする」、「個別ページを対象にする」両方にチェック→カテゴリータブ内の『Cat3』を選択

選択したタームの論理関係は【NOT IN】を選択

例⑤：複数のタグを全て含むページでのみ表示

対象のコンテンツを、複数のタグが全て設定されているページでのみ表示させてみます。

「Tag1」と「Tag2」の両方が設定された個別ページだけ表示してみます。

以下のように設定すればOKです。

「個別ページを対象にする」にチェック→「タグ」タブ内の『Tag1』、『Tag2』を選択

選択したタームの論理関係は【AND】を選択

例⑥：特定のカテゴリーとタグの組み合わせのみで表示

対象のコンテンツを、特定のカテゴリーとタグの設定された記事でのみ表示させてみます。

今回は「Cat1」と「Tag1」の両方が設定された個別ページだけ表示してみます。

以下のように設定すればOKです。

「個別ページを対象にする」にチェック→「カテゴリー」タブ内の『Cat1』、「タグ」タブ内の『Tag1』の両方を選択

選択したタームの論理関係はカテゴリー、タグどちらも【IN】を選択

各タクソノミー条件の関係は【すべての条件に合うかどうか】を選択

制限エリアブロックは使い道がたくさん！

今回は、SWELLのVer 2.5.1で新たに追加された「制限エリアブロック」についてご紹介しました。

>>SWELL – ver. 2.5.1 アップデート情報

ブロックの表示、非表示を以下のような条件で簡単に設定することができます。

期間限定セールの情報を、対象のセールが実施されている期間中だけ表示することも簡単になります。

任意のコンテンツをWordPressにログインしている人だけに表示させることも簡単にできます。

カテゴリーや投稿の種別ごとに表示を変えることもできます。

ユーザーさんの工夫次第でたくさんの使い方ができるとても便利なブロックです。

ぜひ、制限エリアブロックをうまく活用して素敵なサイトを運営していきましょう。

最後まで読んでいただきありがとうございました。

---

SWELL公式サイトはこちらからどうぞ…！

SWELLブロックエディターの関連記事

SWELL全般の関連記事