Elementor チュートリアル: ウェブサイトにカスタム CSS を追加する方法

Elemento は、無料版と有料版 (Po) の両方から選択できる強力な WodPess ページ ビルダー プラグインです。 Elemento Po には、カスタム フォント、CSS、アイコンなどを使用した Web サイト レイアウトの構築を含む、多くの高度な機能が備わっています。 Elemento の無料版を使用している場合は、以下の手順に従ってカスタム CSS を Web サイトに追加できます。

WodPess サイト管理バックエンドにアクセスし、ダッシュボードで「Appence」->「Customize」を選択して、設定パネル インターフェースをカスタマイズします。

2. カスタム設定パネルのインターフェースで、「追加 CSS」セクションに移動し、追加するカスタム CSS コード スニペットをコピーして貼り付けます。

3. CSS コードを編集したら、「公開」ボタンをクリックして操作を更新します。

4. Elemento エディターに移動し、ウィジェット パネルからボタン ウィジェットを選択し、キャンバス領域にドラッグ アンド ドロップします。ボタン ウィジェットを追加したら、ウィジェットを好みに合わせて編集し、スタイルを設定できます。たとえば、ボタン ウィジェットの設定パネルで、[Adnced tb] -> [Lyout] -> [CSS ID] に移動します。

先ほど追加したカスタム CSS ID を「追加 CSS」に入力して保存します。最後に、WodPess サイト ページに戻ります。すべてがうまくいけば、カスタム CSS を追加した後の表示効果を確認できます。