ブロックサンプル：投稿のカテゴリー・タグ（1/2）

投稿のカテゴリー・タグ（1/2）

ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。

画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。

sample-10007 / core/post-terms　基本形

sample-10008 / core/post-terms　term：term="category"

sample-10009 / core/post-terms　term：term="post_tag"

sample-10010 / core/post-terms　separator：separator=" / "

sample-10011 / core/post-terms　separator：separator="・"

sample-10012 / core/post-terms　separator：separator=" → "

sample-10013 / core/post-terms　prefix：prefix="短いサンプル"

sample-10014 / core/post-terms　prefix：prefix="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

sample-10015 / core/post-terms　suffix：suffix="短いサンプル"

sample-10016 / core/post-terms　suffix：suffix="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

sample-10017 / core/post-terms　プリセットの前景色：borderColor="key-color" / textColor="key-color"

sample-10018 / core/post-terms　プリセットの前景色：borderColor="red" / textColor="red"

sample-10019 / core/post-terms　プリセットの前景色：borderColor="pink" / textColor="pink"

sample-10020 / core/post-terms　プリセットの前景色：borderColor="purple" / textColor="purple"

sample-10021 / core/post-terms　プリセットの前景色：borderColor="deep" / textColor="deep"

sample-10022 / core/post-terms　プリセットの前景色：borderColor="indigo" / textColor="indigo"

sample-10023 / core/post-terms　プリセットの前景色：borderColor="blue" / textColor="blue"

sample-10024 / core/post-terms　プリセットの前景色：borderColor="light-blue" / textColor="light-blue"

sample-10025 / core/post-terms　プリセットの前景色：borderColor="cyan" / textColor="cyan"

sample-10026 / core/post-terms　プリセットの前景色：borderColor="teal" / textColor="teal"

sample-10027 / core/post-terms　プリセットの前景色：borderColor="green" / textColor="green"

sample-10028 / core/post-terms　プリセットの前景色：borderColor="light-green" / textColor="light-green"

sample-10029 / core/post-terms　プリセットの前景色：borderColor="lime" / textColor="lime"

sample-10030 / core/post-terms　プリセットの前景色：borderColor="yellow" / textColor="yellow"

sample-10031 / core/post-terms　プリセットの前景色：borderColor="amber" / textColor="amber"

sample-10032 / core/post-terms　プリセットの前景色：borderColor="orange" / textColor="orange"

sample-10033 / core/post-terms　プリセットの前景色：borderColor="deep-orange" / textColor="deep-orange"

sample-10034 / core/post-terms　プリセットの前景色：borderColor="brown" / textColor="brown"

sample-10035 / core/post-terms　プリセットの前景色：borderColor="light-grey" / textColor="light-grey"

sample-10036 / core/post-terms　プリセットの前景色：borderColor="grey" / textColor="grey"

sample-10037 / core/post-terms　プリセットの前景色：borderColor="dark-grey" / textColor="dark-grey"

sample-10038 / core/post-terms　プリセットの前景色：borderColor="cocoon-black" / textColor="cocoon-black"

sample-10039 / core/post-terms　プリセットの前景色：borderColor="cocoon-white" / textColor="cocoon-white"

sample-10040 / core/post-terms　プリセットの前景色：borderColor="watery-blue" / textColor="watery-blue"

sample-10041 / core/post-terms　プリセットの前景色：borderColor="watery-yellow" / textColor="watery-yellow"

sample-10042 / core/post-terms　プリセットの前景色：borderColor="watery-red" / textColor="watery-red"

sample-10043 / core/post-terms　プリセットの前景色：borderColor="watery-green" / textColor="watery-green"

sample-10044 / core/post-terms　プリセットの前景色：borderColor="ex-a" / textColor="ex-a"

sample-10045 / core/post-terms　プリセットの前景色：borderColor="ex-b" / textColor="ex-b"

sample-10046 / core/post-terms　プリセットの前景色：borderColor="ex-c" / textColor="ex-c"

sample-10047 / core/post-terms　プリセットの前景色：borderColor="ex-d" / textColor="ex-d"

sample-10048 / core/post-terms　プリセットの前景色：borderColor="ex-e" / textColor="ex-e"

sample-10049 / core/post-terms　プリセットの前景色：borderColor="ex-f" / textColor="ex-f"

sample-10050 / core/post-terms　backgroundColor：backgroundColor="key-color"

sample-10051 / core/post-terms　backgroundColor：backgroundColor="red"

sample-10052 / core/post-terms　backgroundColor：backgroundColor="pink"

sample-10053 / core/post-terms　backgroundColor：backgroundColor="purple"

sample-10054 / core/post-terms　backgroundColor：backgroundColor="deep"

sample-10055 / core/post-terms　backgroundColor：backgroundColor="indigo"

sample-10056 / core/post-terms　backgroundColor：backgroundColor="blue"

sample-10057 / core/post-terms　backgroundColor：backgroundColor="light-blue"

sample-10058 / core/post-terms　backgroundColor：backgroundColor="cyan"

sample-10059 / core/post-terms　backgroundColor：backgroundColor="teal"

sample-10060 / core/post-terms　backgroundColor：backgroundColor="green"

sample-10061 / core/post-terms　backgroundColor：backgroundColor="light-green"

sample-10062 / core/post-terms　backgroundColor：backgroundColor="lime"

sample-10063 / core/post-terms　backgroundColor：backgroundColor="yellow"

sample-10064 / core/post-terms　backgroundColor：backgroundColor="amber"

sample-10065 / core/post-terms　backgroundColor：backgroundColor="orange"

sample-10066 / core/post-terms　backgroundColor：backgroundColor="deep-orange"

sample-10067 / core/post-terms　backgroundColor：backgroundColor="brown"

sample-10068 / core/post-terms　backgroundColor：backgroundColor="light-grey"

sample-10069 / core/post-terms　backgroundColor：backgroundColor="grey"

sample-10070 / core/post-terms　backgroundColor：backgroundColor="dark-grey"

sample-10071 / core/post-terms　backgroundColor：backgroundColor="cocoon-black"

sample-10072 / core/post-terms　backgroundColor：backgroundColor="cocoon-white"

sample-10073 / core/post-terms　backgroundColor：backgroundColor="watery-blue"

sample-10074 / core/post-terms　backgroundColor：backgroundColor="watery-yellow"

sample-10075 / core/post-terms　backgroundColor：backgroundColor="watery-red"

sample-10076 / core/post-terms　backgroundColor：backgroundColor="watery-green"

sample-10077 / core/post-terms　backgroundColor：backgroundColor="ex-a"

sample-10078 / core/post-terms　backgroundColor：backgroundColor="ex-b"

sample-10079 / core/post-terms　backgroundColor：backgroundColor="ex-c"

sample-10080 / core/post-terms　backgroundColor：backgroundColor="ex-d"

sample-10081 / core/post-terms　backgroundColor：backgroundColor="ex-e"

sample-10082 / core/post-terms　backgroundColor：backgroundColor="ex-f"

sample-10083 / core/post-terms　fontSize：fontSize="small"

sample-10084 / core/post-terms　fontSize：fontSize="medium"

sample-10085 / core/post-terms　fontSize：fontSize="large"

sample-10086 / core/post-terms　fontSize：fontSize="huge"