ボタンの作り方

このようなボタンを設定します。

プラスのマークをクリックしてください。

赤枠の「Porto Advanced Button」をクリックして下さい。

「Button Title」にはボタンに表示される文字を入力します。

「URL選択」をクリックします。

公開ぺージで表示されるボタンをクリックした時に移動する先のURLをコピーし貼りつけてください。

1.「Button Title Color」ではボタンに表示される文字の色を設定してください。
2.「Background Color」ではボタンの背景の色を設定してください。

色番号を入力してください

1.「Background」タブをクリックします。
2.「Button Hoever Backgroud Effect」でボタンの効果を設定してください。
3.「Hover Backgroud Color」では効果の色を設定してください。
4.「Hover Text Color」では効果テキストの色を設定してください。

1.「Styling」タブをクリックしてください。
2.「Button Border Style」ではボタンの枠のスタイルを設定してください。
3.「Border Color」では枠の色を設定してください。
4.「Border Color on Hoever」ではホバーしている枠の色を設定してください。
5.「Border Width」では枠の太さを設定してください。
6.「Border Radius」ではボタンの大きさを設定してください。

1.「Typography」タブをクリックしてください。
2.「はい」にチェックを入れてください。
3.「Font Weight」ではフォントのスタイルを設定してください。
4.「Font size」ではフォントの大きさを設定してください。

1.「Animation」タブをクリックしてください
2.「Animation Type」ではアニメーションの種類を設定してください。
3.設定がすべて終わったら「変更保存」をクリックしてください。

ボタンの完成です。