4.プチ☆カスタマイズ

HTML編集画面を使って、ボタンを配置する方法を紹介します。

ここで紹介するのは、Jimdoの「ボタン」のCSSですので、表示結果は、個々のホームページのボタンデザイン（スタイル１２３）に依存します。つまり、このCSSはボタンのデザインを作るものではありません。通常は、Jimdoのコンテンツ「ボタン」を利用すればOKです。

ではなぜ紹介するかというと、「ボタン」のリンク先のURLを自由に設定するためです。

例えば "ページ内リンク" を使用したい場合、「ボタン」では、別ページからリンクさせるURLに#をつけた設定ができませんが、ソースを直接書くと実現することが可能です。

1. HTMLが編集できる画面（HTMLソースエディタ）に切り替えます。
2. 下記のHTMLソースを“コピペ”して使ってください。
3. リンク先のURLを入力します。

ボタン（スタイル１）

↓下記をコピー＆ペースト
<div class="j-module n j-callToAction">
<div class="j-calltoaction-wrapper j-calltoaction-align-2"><a href="ここにURLを入力" class="j-calltoaction-link j-calltoaction-link-style-1">クリックボタン</a></div>
</div>

ボタン（スタイル２）

↓下記をコピー＆ペースト
<div class="j-module n j-callToAction">
<div class="j-calltoaction-wrapper j-calltoaction-align-2"><a href="ここにURLを入力" class="j-calltoaction-link j-calltoaction-link-style-2">クリックボタン</a></div>
</div>

ボタン（スタイル３）

↓下記をコピー＆ペースト
<div class="j-module n j-callToAction">
<div class="j-calltoaction-wrapper j-calltoaction-align-2"><a href="ここにURLを入力" class="j-calltoaction-link j-calltoaction-link-style-3">クリックボタン</a></div>
</div>