この記事では、SANGO Gutenberg プラグインのオリジナルブロックである【SANGO 条件ブロック】について解説していきます
SANGO条件ブロックはモバイルでの表示時やPCでの表示時、また特定のカテゴリーで表示時にコンテンツを表示するなど条件に応じてコンテンツを出し分けるのに便利です
例えば以下のコンテンツをご覧ください。PCで表示している際には「このコンテンツはPCのみで表示されます」と表示され、モバイルで表示している際には「このコンテンツはモバイルのみで表示されます」と表示されるはずです。
このコンテンツはPCのみで表示されます
SANGO条件ブロックの呼び出し方
まずはエディターを開き、ブロック追加ボタンをクリックします。
![](https://saruwakakun.com/sango/wp-content/uploads/2021/05/1b96824b9df1ea2c6f072271d87e12e8.png)
クリックすると、ブロック一覧が表示されるのでその中から「SANGO 条件」と書かれたブロックを選択します。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/01/1cc0d03860625a5eb32ae9898252083c.png)
各種設定項目
サイトにアクセスしてきたデバイスに応じて表示するコンテンツを切り分けることができます。「全てのデバイスで表示」、「PCでのみ表示」、「モバイルでのみ表示」の中から選択できます。デフォルトでは「全てのデバイスで表示」が選択されています。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/01/39a5c2c0fbd56e3e09898cd6cc58477f.png)
エディター上では「条件:モバイルのみで表示」「条件終わり」と表示され、この範囲で条件が適用されます。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/01/c71a1a092ec3f1d6b8fa2dbd4285119a-1000x314.png)
特定のカテゴリーでのみブロックを表示します。サイトパーツとして記事を登録できる、コンテンツブロック内で利用する方法が考えられます。
入力欄にカテゴリー名を入力してください。カテゴリーは複数登録可能です。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/01/889c6812ced8f6ed250102c3ccbbb7dc.png)
特定のタグでのみブロックを表示します。サイトパーツとして記事を登録できる、コンテンツブロック内で利用する方法が考えられます。
入力欄にタグ名を入力してください。タグは複数登録可能です。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/01/0783482848190d5c410dadcdaea9f61c.png)
注意点
WP Super Cacheでは高度な設定よりモバイルデバイスサポートにチェックを入れましょう
![](https://saruwakakun.com/sango/wp-content/uploads/2022/01/a2a265c5d4c86ea250f205fb24759ad7-1000x150.png)
コメントを残す