メニュー

ボタンリンクの作り方

アンプレートはスタイル機能でボタンを作ることができますが、ボタン全体にリンクを貼るには簡単な設定が必要になります。

ボタンにリンクを貼る方法

まず、ボタンに表示するテキストを書きます。ここでは「ご注文はこちら」と書いてみます。

テキストを書いたらメニューバーの中からリンクの挿入をクリックし、リンクを適用します。

 

リンクを適用した状態で、メニューバー内にある「スタイル」をクリックします。この中にある好きなボタンをクリックします。

 

ボタンができました。ですが、この状態ですとテキストにしかリンクが設定されていません。

ボタン全体にリンクを貼る

そこで、ボタン全部にリンクを設定するには、右上のテキストモードに切り替えます。

 

ボタンのタグは以下のようになっています。「class=”a-button数字”」の部分を切り取ります。

 

切り取ったタグを<a>の中に貼り付けます。

 

最後に<span>を削除します。

 

完成形は以下のようになります。(※スペースなどを削除しないように注意してください)

 

これで、ボタン全体がリンクされた状態になります。

ご注文はこちら

 

丸ボタンも同じ流れで作成できます。

ご注文はこちら

 

文字の大きさもメニューバーのフォント設定で変更できます。(以下は18pxのフォントサイズ)

 

ご注文はこちら