ブロックサンプル：前後の投稿リンク（1/2）

前後の投稿リンク（1/2）

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

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

sample-10119 / core/post-navigation-link　基本形

sample-10120 / core/post-navigation-link　label：label="短いサンプル"

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

sample-10122 / core/post-navigation-link　showTitle：showTitle=false

sample-10123 / core/post-navigation-link　showTitle：showTitle=true

sample-10124 / core/post-navigation-link　linkLabel：linkLabel=false

sample-10125 / core/post-navigation-link　linkLabel：linkLabel=true

sample-10126 / core/post-navigation-link　arrow：arrow="none"

sample-10127 / core/post-navigation-link　arrow：arrow="arrow"

sample-10128 / core/post-navigation-link　arrow：arrow="chevron"

sample-10129 / core/post-navigation-link　taxonomy：taxonomy="category"

sample-10130 / core/post-navigation-link　taxonomy：taxonomy="post_tag"

sample-10131 / core/post-navigation-link　backgroundColor：backgroundColor="key-color"

sample-10132 / core/post-navigation-link　backgroundColor：backgroundColor="red"

sample-10133 / core/post-navigation-link　backgroundColor：backgroundColor="pink"

sample-10134 / core/post-navigation-link　backgroundColor：backgroundColor="purple"

sample-10135 / core/post-navigation-link　backgroundColor：backgroundColor="deep"

sample-10136 / core/post-navigation-link　backgroundColor：backgroundColor="indigo"

sample-10137 / core/post-navigation-link　backgroundColor：backgroundColor="blue"

sample-10138 / core/post-navigation-link　backgroundColor：backgroundColor="light-blue"

sample-10139 / core/post-navigation-link　backgroundColor：backgroundColor="cyan"

sample-10140 / core/post-navigation-link　backgroundColor：backgroundColor="teal"

sample-10141 / core/post-navigation-link　backgroundColor：backgroundColor="green"

sample-10142 / core/post-navigation-link　backgroundColor：backgroundColor="light-green"

sample-10143 / core/post-navigation-link　backgroundColor：backgroundColor="lime"

sample-10144 / core/post-navigation-link　backgroundColor：backgroundColor="yellow"

sample-10145 / core/post-navigation-link　backgroundColor：backgroundColor="amber"

sample-10146 / core/post-navigation-link　backgroundColor：backgroundColor="orange"

sample-10147 / core/post-navigation-link　backgroundColor：backgroundColor="deep-orange"

sample-10148 / core/post-navigation-link　backgroundColor：backgroundColor="brown"

sample-10149 / core/post-navigation-link　backgroundColor：backgroundColor="light-grey"

sample-10150 / core/post-navigation-link　backgroundColor：backgroundColor="grey"

sample-10151 / core/post-navigation-link　backgroundColor：backgroundColor="dark-grey"

sample-10152 / core/post-navigation-link　backgroundColor：backgroundColor="cocoon-black"

sample-10153 / core/post-navigation-link　backgroundColor：backgroundColor="cocoon-white"

sample-10154 / core/post-navigation-link　backgroundColor：backgroundColor="watery-blue"

sample-10155 / core/post-navigation-link　backgroundColor：backgroundColor="watery-yellow"

sample-10156 / core/post-navigation-link　backgroundColor：backgroundColor="watery-red"

sample-10157 / core/post-navigation-link　backgroundColor：backgroundColor="watery-green"

sample-10158 / core/post-navigation-link　backgroundColor：backgroundColor="ex-a"

sample-10159 / core/post-navigation-link　backgroundColor：backgroundColor="ex-b"

sample-10160 / core/post-navigation-link　backgroundColor：backgroundColor="ex-c"

sample-10161 / core/post-navigation-link　backgroundColor：backgroundColor="ex-d"

sample-10162 / core/post-navigation-link　backgroundColor：backgroundColor="ex-e"

sample-10163 / core/post-navigation-link　backgroundColor：backgroundColor="ex-f"

sample-10164 / core/post-navigation-link　textColor：textColor="key-color"

sample-10165 / core/post-navigation-link　textColor：textColor="red"

sample-10166 / core/post-navigation-link　textColor：textColor="pink"

sample-10167 / core/post-navigation-link　textColor：textColor="purple"

sample-10168 / core/post-navigation-link　textColor：textColor="deep"

sample-10169 / core/post-navigation-link　textColor：textColor="indigo"

sample-10170 / core/post-navigation-link　textColor：textColor="blue"

sample-10171 / core/post-navigation-link　textColor：textColor="light-blue"

sample-10172 / core/post-navigation-link　textColor：textColor="cyan"

sample-10173 / core/post-navigation-link　textColor：textColor="teal"

sample-10174 / core/post-navigation-link　textColor：textColor="green"

sample-10175 / core/post-navigation-link　textColor：textColor="light-green"

sample-10176 / core/post-navigation-link　textColor：textColor="lime"

sample-10177 / core/post-navigation-link　textColor：textColor="yellow"

sample-10178 / core/post-navigation-link　textColor：textColor="amber"

sample-10179 / core/post-navigation-link　textColor：textColor="orange"

sample-10180 / core/post-navigation-link　textColor：textColor="deep-orange"

sample-10181 / core/post-navigation-link　textColor：textColor="brown"

sample-10182 / core/post-navigation-link　textColor：textColor="light-grey"

sample-10183 / core/post-navigation-link　textColor：textColor="grey"

sample-10184 / core/post-navigation-link　textColor：textColor="dark-grey"

sample-10185 / core/post-navigation-link　textColor：textColor="cocoon-black"

sample-10186 / core/post-navigation-link　textColor：textColor="cocoon-white"

sample-10187 / core/post-navigation-link　textColor：textColor="watery-blue"

sample-10188 / core/post-navigation-link　textColor：textColor="watery-yellow"

sample-10189 / core/post-navigation-link　textColor：textColor="watery-red"

sample-10190 / core/post-navigation-link　textColor：textColor="watery-green"

sample-10191 / core/post-navigation-link　textColor：textColor="ex-a"

sample-10192 / core/post-navigation-link　textColor：textColor="ex-b"

sample-10193 / core/post-navigation-link　textColor：textColor="ex-c"

sample-10194 / core/post-navigation-link　textColor：textColor="ex-d"

sample-10195 / core/post-navigation-link　textColor：textColor="ex-e"

sample-10196 / core/post-navigation-link　textColor：textColor="ex-f"

sample-10197 / core/post-navigation-link　fontSize：fontSize="small"

sample-10198 / core/post-navigation-link　fontSize：fontSize="medium"