【HTML】ElementorのHTMLウィジェットで可能性を広げよう!

2022.04.09
ウィジェット

今回の記事はElementorのHTMLウィジェットについて解説します!

  • ノーコードでは再現ができない部分を再現したいな
  • HTMLウィジェットってどうやって使うの?

という方には必見の内容ですので、ぜひご覧ください〜

使い方

基本的な使い方はどのウィジェットでも同様、HTMLウィジェットを使いたい場所へドラッグアンドドロップです。

こちらより公式サイトがみれます。

では詳しくみていきましょう!

コンテンツ

「HTMLコード」では、HTML以外にも、CSSやショートコード、JavaScriptでも動きます!

普段コードの方をよく触っている人にとっては、「こっちの方がやりやすい!」っていう場合もあるかもしれません。

高度な設定

高度な設定は他のウィジェットと同様の仕様のため、本記事では割愛します!

デザインの幅を広げよう!

説明は以上になります!

HTMLウィジェットは、Elementorでは再現ができない部分を再現するために使いましょう!ただ、やっぱりコードを知らないと少し難しい部分があるため、もし本格的にデザインを広げていきたいという場合には、コードを学ぶのも手かもしれません。

もっと他のウィジェットも知りたいという方は合わせて下記記事をご覧ください〜

では、また!

プロフィール

Elementor博士

Elementor Hacksを運営。 Elementorについてとにかくわかりやすく解説。わかりづらいところあったらコメントください。秒速で回答します。

アクセスランキング

  • 2021.09.26

    Elementorで日本語フォントを使う3つの方法をご紹介します!【フォントでもう悩まない】

  • 2021.12.13

    Elementorで起こる403エラーとは?解決策教えます!

  • 2021.08.28

    Elementorでスマホへのレスポンシブ対応の設定方法

  • PAGE TOP