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

コメントへのリンク（1/2）

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

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

sample-09798 / core/post-comments-link　基本形

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sample-09832 / core/post-comments-link　backgroundColor：backgroundColor="key-color"

sample-09833 / core/post-comments-link　backgroundColor：backgroundColor="red"

sample-09834 / core/post-comments-link　backgroundColor：backgroundColor="pink"

sample-09835 / core/post-comments-link　backgroundColor：backgroundColor="purple"

sample-09836 / core/post-comments-link　backgroundColor：backgroundColor="deep"

sample-09837 / core/post-comments-link　backgroundColor：backgroundColor="indigo"

sample-09838 / core/post-comments-link　backgroundColor：backgroundColor="blue"

sample-09839 / core/post-comments-link　backgroundColor：backgroundColor="light-blue"

sample-09840 / core/post-comments-link　backgroundColor：backgroundColor="cyan"

sample-09841 / core/post-comments-link　backgroundColor：backgroundColor="teal"

sample-09842 / core/post-comments-link　backgroundColor：backgroundColor="green"

sample-09843 / core/post-comments-link　backgroundColor：backgroundColor="light-green"

sample-09844 / core/post-comments-link　backgroundColor：backgroundColor="lime"

sample-09845 / core/post-comments-link　backgroundColor：backgroundColor="yellow"

sample-09846 / core/post-comments-link　backgroundColor：backgroundColor="amber"

sample-09847 / core/post-comments-link　backgroundColor：backgroundColor="orange"

sample-09848 / core/post-comments-link　backgroundColor：backgroundColor="deep-orange"

sample-09849 / core/post-comments-link　backgroundColor：backgroundColor="brown"

sample-09850 / core/post-comments-link　backgroundColor：backgroundColor="light-grey"

sample-09851 / core/post-comments-link　backgroundColor：backgroundColor="grey"

sample-09852 / core/post-comments-link　backgroundColor：backgroundColor="dark-grey"

sample-09853 / core/post-comments-link　backgroundColor：backgroundColor="cocoon-black"

sample-09854 / core/post-comments-link　backgroundColor：backgroundColor="cocoon-white"

sample-09855 / core/post-comments-link　backgroundColor：backgroundColor="watery-blue"

sample-09856 / core/post-comments-link　backgroundColor：backgroundColor="watery-yellow"

sample-09857 / core/post-comments-link　backgroundColor：backgroundColor="watery-red"

sample-09858 / core/post-comments-link　backgroundColor：backgroundColor="watery-green"

sample-09859 / core/post-comments-link　backgroundColor：backgroundColor="ex-a"

sample-09860 / core/post-comments-link　backgroundColor：backgroundColor="ex-b"

sample-09861 / core/post-comments-link　backgroundColor：backgroundColor="ex-c"

sample-09862 / core/post-comments-link　backgroundColor：backgroundColor="ex-d"

sample-09863 / core/post-comments-link　backgroundColor：backgroundColor="ex-e"

sample-09864 / core/post-comments-link　backgroundColor：backgroundColor="ex-f"

sample-09865 / core/post-comments-link　fontSize：fontSize="small"

sample-09866 / core/post-comments-link　fontSize：fontSize="medium"

sample-09867 / core/post-comments-link　fontSize：fontSize="large"

sample-09868 / core/post-comments-link　fontSize：fontSize="huge"

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

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

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

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

sample-09873 / core/post-comments-link　anchor：anchor="sample-anchor"

sample-09874 / core/post-comments-link　className：className="block-gallery-example"

sample-09875 / core/post-comments-link　背景色の自由指定：style.color.background="#fff3ce"

sample-09876 / core/post-comments-link　背景色の自由指定：style.color.background="#e8f0fa"

sample-09877 / core/post-comments-link　背景色の自由指定：style.color.background="#19448e"