グラデーションの進行状況バーを作成する必要があります Elementor ?
Elementor があります プログレスバーウィジェット 作成するページまたはテンプレートにスキルレベルや何かの進行状況などを追加するために使用できるネイティブ。
このウィジェットを使用する場合、テキストの色とタイポグラフィを変更することで、その外観をカスタマイズできます。 このウィジェットでは、バーに単色のみを使用できます。
しかし、グラデーションカラーのプログレスバーを作成することは可能ですか？
CSSのスキルがある場合は、プロ版を使用できますElementor プログレス バー ウィジェットにカスタム CSS を追加して、グラデーション プログレス バーを作成します。 または、色を変更するときにグラデーションの色を選択できるプログレス バー ウィジェットを提供するアドオンをインストールすることもできます。
このようなウィジェットを提供するXNUMXつのアドオンは次のとおりです。 エッセンシャルアドオン et JetElements. ただし、EssentialAddonsに焦点を当てます
EssentialAddonsを使用してElementorで劣化したプログレスバーを作成する
Essential Addons はアドオンの XNUMX つです Elementor 最もポピュラーな。 グラデーションの進行状況バーを作成するために使用できる進行状況バー ウィジェットを含む、60 を超えるウィジェットが提供されます。 Essential Addons はフリーミアム アドオンです。 プログレスバーウィジェットは無料版で利用できます。
あなたはダウンロードすることができます 無料版 公式のWordPressプラグインディレクトリにあるこのアドオンの
ガイドをご覧ください WordPressにプラグインをインストール（追加）する方法
このプラグインをインストールしてアクティブ化した後、ページまたはテンプレートを作成してElementorで編集し、プログレスバーウィジェットを編集ボックスにドラッグします。
オプションのドロップダウンメニューから、作成するプログレスバースタイルを選択します レイアウト。 プログレスバーには6つのスタイルから選択できます。 グラデーションプログレスバーを作成するには、スタイルを選択する必要があります ライン。
アニメーションのタイトル、カウンター値、および期間を設定します。 完了したら、タブに移動します 形式 そしてブロックを開く 塗りつぶします。 オプションで 背景タイプ、 選択 劣化 最初の色とXNUMX番目の色を設定します。 勾配のタイプ（線形または放射状）、位置、および角度を定義することもできます。
タブの下で他のオプションブロックを開くことができます 形式 他のスタイリングオプションを設定します。
Elementor Proを今すぐ入手！
まとめ
ここは ！ Elementorでグラデーションプログレスバーを作成する方法を示すこの記事は以上です。. そこへの行き方に不安がある場合fでお知らせください commentaires.
ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi：史上最高のWordPressテーマ.
しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.
...
