多くの場合、アクションの呼び出しを含むページを作成していることに気付くでしょう。 アクションの呼び出しの主な機能のXNUMXつはボタンです。 デフォルトでは、Diviは各ボタンに共通のスタイルを提供します。 したがって、あなたが彼らにあなたのブランドのスタイルに提案されたスタイルを与えたいのはごく普通のことです。

このトライエルディヴィでは、あなたのウェブサイトのボタンにユニークなスタイルを与える方法を紹介します。

Diviボタンは無限にカスタマイズ可能です

テーマ カスタマイザーには、便利なボタンのカスタマイズ オプションがすべて装備されています。 これらのカスタマイズ可能なコントロールを使用することで、ユニークで見事なボタンを作成できます。 サイトのWeb.

ボタンのカスタマイズを開始するには サイトのWeb、最初にのカスタマイザーにアクセスする必要があります テーマ リンクをクリックして Divi>テーマカスタマイザー WordPressダッシュボードで。 次に、[ボタン]パネルをクリックして、ボタンの設定を表示します。 ボタン設定は、ボタンスタイルとボタンロールオーバースタイルのXNUMXつのセクションに分かれています。

sboutons divi.pngのパーソナライゼーション

ボタンスタイル

ここでは、さまざまなカスタマイザーコントロールを使用して、ボタンの全体的な外観を調整できます。 ボタンのテキストと背景色を変更したり、ボタンのフォントサイズとスタイルを調整したり、Border-Radiusスライダーを使用して丸みを帯びたボタンを作成したりすることもできます。 さらに、ボタンで使用されるデフォルトのフォントとアイコンを変更できます。

カスタマイズボタン.png

定常的な飛行様式

ボタンのホバー スタイルを調整することもできます。 通常のボタン スタイルとは異なるホバー スタイルを行うと、ホバリング中に効果が転送され、素敵なアニメーションが作成されます。 このアニメーションは、 訪問者 マウスをボタンの上に置きます。

overflight.pngでのボタン設定

このチュートリアルは以上です。Diviのボタンをカスタマイズできるようになることを願っています。