ブロックサンプル：コメントのページ送り（3/4）

コメントのページ送り（3/4）

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

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

sample-12034 / core/comments-pagination　textColor：textColor="ex-a"

sample-12035 / core/comments-pagination　textColor：textColor="ex-b"

sample-12036 / core/comments-pagination　textColor：textColor="ex-c"

sample-12037 / core/comments-pagination　textColor：textColor="ex-d"

sample-12038 / core/comments-pagination　textColor：textColor="ex-e"

sample-12039 / core/comments-pagination　textColor：textColor="ex-f"

sample-12040 / core/comments-pagination　fontSize：fontSize="small"

sample-12041 / core/comments-pagination　fontSize：fontSize="medium"

sample-12042 / core/comments-pagination　fontSize：fontSize="large"

sample-12043 / core/comments-pagination　fontSize：fontSize="huge"

sample-12044 / core/comments-pagination　align：align="left"

sample-12045 / core/comments-pagination　align：align="center"

sample-12046 / core/comments-pagination　align：align="right"

sample-12047 / core/comments-pagination　align：align="wide"

sample-12048 / core/comments-pagination　align：align="full"

sample-12049 / core/comments-pagination　align：align=""

sample-12050 / core/comments-pagination　lock：lock={"move":false,"remove":false}

sample-12051 / core/comments-pagination　lock：lock={"move":true,"remove":false}

sample-12052 / core/comments-pagination　lock：lock={"move":false,"remove":true}

sample-12053 / core/comments-pagination　lock：lock={"move":true,"remove":true}

sample-12054 / core/comments-pagination　anchor：anchor="sample-anchor"

sample-12055 / core/comments-pagination　className：className="block-gallery-example"

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

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

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

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

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

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

sample-12062 / core/comments-pagination　グラデーション：style.color.gradient="linear-gradient(135deg,#dcecff 0%,#fff2db 100%)"

sample-12063 / core/comments-pagination　グラデーション：style.color.gradient="linear-gradient(90deg,#19448e 0%,#9b2d64 100%)"

sample-12064 / core/comments-pagination　linkの色：style.elements.link.color.text="#19448e"

sample-12065 / core/comments-pagination　linkの色：style.elements.link.color.text="#fff3ce"