Skip to main content

ボタンマニアの皆さんへ。 あなたのボタンはどのように見え、マウスオーバーやクリックにどのように反応すべきでしょうか?
 

ボタンのデザインを変更する方法

  1. コミュニティ管理者または管理者ロールを持つコミュニティアカウントにサインインします。
  2. 紫色のThemeボタンをクリックし、Buttonを選択します。
  3. すべてのボタンに適用される基本設定を行います:
    1. Border radius
    2. Border width
    3. Font weight
    4. Text styling (lowercase or uppercase)
  4. 変更したいボタンを見つけ、タイトルをクリックして設定を表示します。
  5. Default, Hover, Click をクリックして、設定したいボタンの状態を選択します
    1. 背景、テキスト、ボーダーの色には、HEXまたはRGBa形式の色を指定します; 背景を透明にしたい場合は、'transparent'を使用します。
    2. ボタンの影には、RGBaコード、X軸、Y軸、半径を指定します。
  6. Publishをクリック

注意: をクリックします。

  • 変更を加えると、ボタンモードとページに直接ライブプレビューが表示されます。
  • トグルボタンは非アクティブとアクティブの2つの状態から構成されます。 両方の状態に同じスタイリングを使用しないでください。

ヒント: アウトラインボタンを作成するには、ボタンの色を「透明」に、ボーダーの幅を少なくとも「1px」に設定してください。 上の画像の4番目のボタンを見てください。

 

ボタンの例:

ecc325c8-87dd-4f23-a364-61a480f1d5e4.jpg

Be the first to reply!

Reply