4.プチ☆カスタマイズ
HTML編集画面を使って、ボタンを配置する方法を紹介します。
ここで紹介するのは、Jimdoの「ボタン」のCSSですので、表示結果は、個々のホームページのボタンデザイン(スタイル123)に依存します。つまり、このCSSはボタンのデザインを作るものではありません。通常は、Jimdoのコンテンツ「ボタン」を利用すればOKです。
ではなぜ紹介するかというと、「ボタン」のリンク先のURLを自由に設定するためです。
例えば "ページ内リンク" を使用したい場合、「ボタン」では、別ページからリンクさせるURLに#をつけた設定ができませんが、ソースを直接書くと実現することが可能です。
ボタン(スタイル1)
↓下記をコピー&ペースト
<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>
ボタン(スタイル2)
↓下記をコピー&ペースト
<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>
ボタン(スタイル3)
↓下記をコピー&ペースト
<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>