ブロックサンプル：投稿の抜粋（1/2）

投稿の抜粋（1/2）

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

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

sample-09100 / core/post-excerpt　基本形

sample-09101 / core/post-excerpt　moreText：moreText="短いサンプル"

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

sample-09103 / core/post-excerpt　showMoreOnNewLine：showMoreOnNewLine=false

sample-09104 / core/post-excerpt　showMoreOnNewLine：showMoreOnNewLine=true

sample-09105 / core/post-excerpt　excerptLength：excerptLength=27

sample-09106 / core/post-excerpt　excerptLength：excerptLength=55

sample-09107 / core/post-excerpt　excerptLength：excerptLength=110

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sample-09141 / core/post-excerpt　backgroundColor：backgroundColor="key-color"

sample-09142 / core/post-excerpt　backgroundColor：backgroundColor="red"

sample-09143 / core/post-excerpt　backgroundColor：backgroundColor="pink"

sample-09144 / core/post-excerpt　backgroundColor：backgroundColor="purple"

sample-09145 / core/post-excerpt　backgroundColor：backgroundColor="deep"

sample-09146 / core/post-excerpt　backgroundColor：backgroundColor="indigo"

sample-09147 / core/post-excerpt　backgroundColor：backgroundColor="blue"

sample-09148 / core/post-excerpt　backgroundColor：backgroundColor="light-blue"

sample-09149 / core/post-excerpt　backgroundColor：backgroundColor="cyan"

sample-09150 / core/post-excerpt　backgroundColor：backgroundColor="teal"

sample-09151 / core/post-excerpt　backgroundColor：backgroundColor="green"

sample-09152 / core/post-excerpt　backgroundColor：backgroundColor="light-green"

sample-09153 / core/post-excerpt　backgroundColor：backgroundColor="lime"

sample-09154 / core/post-excerpt　backgroundColor：backgroundColor="yellow"

sample-09155 / core/post-excerpt　backgroundColor：backgroundColor="amber"

sample-09156 / core/post-excerpt　backgroundColor：backgroundColor="orange"

sample-09157 / core/post-excerpt　backgroundColor：backgroundColor="deep-orange"

sample-09158 / core/post-excerpt　backgroundColor：backgroundColor="brown"

sample-09159 / core/post-excerpt　backgroundColor：backgroundColor="light-grey"

sample-09160 / core/post-excerpt　backgroundColor：backgroundColor="grey"

sample-09161 / core/post-excerpt　backgroundColor：backgroundColor="dark-grey"

sample-09162 / core/post-excerpt　backgroundColor：backgroundColor="cocoon-black"

sample-09163 / core/post-excerpt　backgroundColor：backgroundColor="cocoon-white"

sample-09164 / core/post-excerpt　backgroundColor：backgroundColor="watery-blue"

sample-09165 / core/post-excerpt　backgroundColor：backgroundColor="watery-yellow"

sample-09166 / core/post-excerpt　backgroundColor：backgroundColor="watery-red"

sample-09167 / core/post-excerpt　backgroundColor：backgroundColor="watery-green"

sample-09168 / core/post-excerpt　backgroundColor：backgroundColor="ex-a"

sample-09169 / core/post-excerpt　backgroundColor：backgroundColor="ex-b"

sample-09170 / core/post-excerpt　backgroundColor：backgroundColor="ex-c"

sample-09171 / core/post-excerpt　backgroundColor：backgroundColor="ex-d"

sample-09172 / core/post-excerpt　backgroundColor：backgroundColor="ex-e"

sample-09173 / core/post-excerpt　backgroundColor：backgroundColor="ex-f"

sample-09174 / core/post-excerpt　fontSize：fontSize="small"

sample-09175 / core/post-excerpt　fontSize：fontSize="medium"

sample-09176 / core/post-excerpt　fontSize：fontSize="large"

sample-09177 / core/post-excerpt　fontSize：fontSize="huge"

sample-09178 / core/post-excerpt　lock：lock={"move":false,"remove":false}

sample-09179 / core/post-excerpt　lock：lock={"move":true,"remove":false}