ブロックサンプル：コメント数（1/2）

コメント数（1/2）

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

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

sample-09697 / core/post-comments-count　基本形

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sample-09731 / core/post-comments-count　backgroundColor：backgroundColor="key-color"

sample-09732 / core/post-comments-count　backgroundColor：backgroundColor="red"

sample-09733 / core/post-comments-count　backgroundColor：backgroundColor="pink"

sample-09734 / core/post-comments-count　backgroundColor：backgroundColor="purple"

sample-09735 / core/post-comments-count　backgroundColor：backgroundColor="deep"

sample-09736 / core/post-comments-count　backgroundColor：backgroundColor="indigo"

sample-09737 / core/post-comments-count　backgroundColor：backgroundColor="blue"

sample-09738 / core/post-comments-count　backgroundColor：backgroundColor="light-blue"

sample-09739 / core/post-comments-count　backgroundColor：backgroundColor="cyan"

sample-09740 / core/post-comments-count　backgroundColor：backgroundColor="teal"

sample-09741 / core/post-comments-count　backgroundColor：backgroundColor="green"

sample-09742 / core/post-comments-count　backgroundColor：backgroundColor="light-green"

sample-09743 / core/post-comments-count　backgroundColor：backgroundColor="lime"

sample-09744 / core/post-comments-count　backgroundColor：backgroundColor="yellow"

sample-09745 / core/post-comments-count　backgroundColor：backgroundColor="amber"

sample-09746 / core/post-comments-count　backgroundColor：backgroundColor="orange"

sample-09747 / core/post-comments-count　backgroundColor：backgroundColor="deep-orange"

sample-09748 / core/post-comments-count　backgroundColor：backgroundColor="brown"

sample-09749 / core/post-comments-count　backgroundColor：backgroundColor="light-grey"

sample-09750 / core/post-comments-count　backgroundColor：backgroundColor="grey"

sample-09751 / core/post-comments-count　backgroundColor：backgroundColor="dark-grey"

sample-09752 / core/post-comments-count　backgroundColor：backgroundColor="cocoon-black"

sample-09753 / core/post-comments-count　backgroundColor：backgroundColor="cocoon-white"

sample-09754 / core/post-comments-count　backgroundColor：backgroundColor="watery-blue"

sample-09755 / core/post-comments-count　backgroundColor：backgroundColor="watery-yellow"

sample-09756 / core/post-comments-count　backgroundColor：backgroundColor="watery-red"

sample-09757 / core/post-comments-count　backgroundColor：backgroundColor="watery-green"

sample-09758 / core/post-comments-count　backgroundColor：backgroundColor="ex-a"

sample-09759 / core/post-comments-count　backgroundColor：backgroundColor="ex-b"

sample-09760 / core/post-comments-count　backgroundColor：backgroundColor="ex-c"

sample-09761 / core/post-comments-count　backgroundColor：backgroundColor="ex-d"

sample-09762 / core/post-comments-count　backgroundColor：backgroundColor="ex-e"

sample-09763 / core/post-comments-count　backgroundColor：backgroundColor="ex-f"

sample-09764 / core/post-comments-count　fontSize：fontSize="small"

sample-09765 / core/post-comments-count　fontSize：fontSize="medium"

sample-09766 / core/post-comments-count　fontSize：fontSize="large"

sample-09767 / core/post-comments-count　fontSize：fontSize="huge"

sample-09768 / core/post-comments-count　lock：lock={"move":false,"remove":false}

sample-09769 / core/post-comments-count　lock：lock={"move":true,"remove":false}

sample-09770 / core/post-comments-count　lock：lock={"move":false,"remove":true}

sample-09771 / core/post-comments-count　lock：lock={"move":true,"remove":true}

sample-09772 / core/post-comments-count　anchor：anchor="sample-anchor"

sample-09773 / core/post-comments-count　className：className="block-gallery-example"

sample-09774 / core/post-comments-count　文字色の自由指定：style.color.text="#19448e"

sample-09775 / core/post-comments-count　文字色の自由指定：style.color.text="#fff3ce"

sample-09776 / core/post-comments-count　文字色の自由指定：style.color.text="#a82d46"