ランディングページの
ボタンデザイン WP Ver.16 特別版

ブログ用に最適化した「クールでかっこいいWordPessテーマシリーズ」
ASP用のブログアフィリエイトやアドセンスサイトで利用いただけるよう工夫したテーマに仕上げました。

ドアのようなアニメーションボタン０１

ボタンと各ボタンの色は、下記の様に指定してください。

<a href=”リンクURL” class=”btn01 red”Button Sample</a>

<a href=”リンクURL” class=”btn01 blue”Button Sample</a>

<a href=”リンクURL” class=”btn01 green”Button Sample</a>

<a href=”リンクURL” class=”btn01 pink”Button Sample</a>

<a href=”リンクURL” class=”btn01 brown”Button Sample</a>

<a href=”リンクURL” class=”btn01 purple”Button Sample</a>

<a href=”リンクURL” class=”btn01 grey”Button Sample</a>

形を変えるアニメーションボタン０2

ボタンと各ボタンの色は、下記の様に指定してください。

<a href=”リンクURL” class=”btn02 red”>Button Sample</a>

<a href=”リンクURL” class=”btn02 blue”>Button Sample</a>

<a href=”リンクURL” class=”btn02 green”>Button Sample</a>

<a href=”リンクURL” class=”btn02 pink”>Button Sample</a>

<a href=”リンクURL” class=”btn02 brown”>Button Sample</a>

<a href=”リンクURL” class=”btn02 purple”>Button Sample</a>

<a href=”リンクURL” class=”btn02 grey”>Button Sample</a>

ぶるぶる震えるアニメーションボタン０3

ボタンと各ボタンの色は、下記の様に指定してください。

<a href=”リンクURL” class=”btn03 red”>Button Sample</a>

<a href=”リンクURL” class=”btn03 blue”>Button Sample</a>

<a href=”リンクURL” class=”btn03 green”>Button Sample</a>

<a href=”リンクURL” class=”btn03 pink”>Button Sample</a>

<a href=”リンクURL” class=”btn03 brown”>Button Sample</a>

<a href=”リンクURL” class=”btn03 purple”>Button Sample</a>

<a href=”リンクURL” class=”btn03 grey”>Button Sample</a>

ふわーっと大きくなるアニメーションボタン０4

ボタンと各ボタンの色は、下記の様に指定してください。

<a href=”リンクURL” class=”btn04 red”>Button Sample</a>

<a href=”リンクURL” class=”btn04 blue”>Button Sample</a>

<a href=”リンクURL” class=”btn04 green”>Button Sample</a>

<a href=”リンクURL” class=”btn04 pink”>Button Sample</a>

<a href=”リンクURL” class=”btn04 brown”>Button Sample</a>

<a href=”リンクURL” class=”btn04 purple”>Button Sample</a>

<a href=”リンクURL” class=”btn04 grey”>Button Sample</a>

上下に揺れるアニメーションボタン０5

ボタンと各ボタンの色は、下記の様に指定してください。

<a href=”リンクURL” class=”btn05 red”>Button Sample</a>

<a href=”リンクURL” class=”btn05 blue”>Button Sample</a>

<a href=”リンクURL” class=”btn05 green”>Button Sample</a>

<a href=”リンクURL” class=”btn05 pink”>Button Sample</a>

<a href=”リンクURL” class=”btn05 brown”>Button Sample</a>

<a href=”リンクURL” class=”btn05 purple”>Button Sample</a>

<a href=”リンクURL” class=”btn05 grey”>Button Sample</a>

シンプルなボタン０６

ボタンと各ボタンの色は、下記の様に指定してください。

<a href=”リンクURL” class=”btn06 red”>Button Sample</a>

<a href=”リンクURL” class=”btn06 blue”>Button Sample</a>

<a href=”リンクURL” class=”btn06 green”>Button Sample</a>

<a href=”リンクURL” class=”btn06 pink”>Button Sample</a>

<a href=”リンクURL” class=”btn06 brown”>Button Sample</a>

<a href=”リンクURL” class=”btn06 purple”>Button Sample</a>

<a href=”リンクURL” class=”btn06 grey”>Button Sample</a>

©ランディングページの
ボタンデザイン WP Ver.16 特別版