Elementor Galleryウィジェットを使って複数画像のレイアウト
Galleryウィジェット Galleryウィジェット(Elementor Pro版)を使い複数画像のレイアウトを調整できます。 画像を複数選択します。 Galleryを編集>コンテンツタブ>リンクをメディアファイルにし
Elementor 区切り線Dividers
区切り線ウィジェトの線のバリエーションが増えました。 加えて線の中央や左右にアイコンやテキストを入れれるようになりました。 線の種類についてはElementor本家を参考にしてください。 Introducing Back
Elementor 背景スライドショーBackground Slideshow
久々の更新です。 スライドショーのウィジェットはあったのですがElementor Ver2.7からセクションに対してスライドショーを作成することができるようになりました! さっそくやってみましょう。 セクション追加 真ん
HeaderとFooterを全ページに使用する
Elementorで1ページ作るだけなら気にならないのですが 数ページ作っていくと困るのがヘッダー、フッターの扱い。 Dreamweaverのテンプレートのように共通のパーツをまとめて管理することがElementorでも
Popupsクリックされたらポップアップ
ポップアップとは、現在見ているホームページの上で重なるような状態で、新たなウィンドウを最前面に表示されることを言います。目立ちますが使い所を考えないと不快に受け取られる事もありますね。 さて、Elementorでそのポッ
Adobe Fonts をElementorで利用
Adobeの有償プランを契約している方なら誰でも利用できるAdobe Fonts をElementorで利用する方法を書きます。 まず利用したいAdobe Fotnsからフォントを選び、HEADタグにJSを入れ、cssの
令和モーションエフェクト Motion Effects
令和になりますね。 令和とは全く関係ありませんが。。文字を使ったパララックスを作ってみたいと思います。 さてElementor Pro 2.5になって搭載されたMotion Effectsの紹介をします。 こんなアニメー
アイコン付き戻るボタンのスマホ対応
アイコン付きの戻るボタンを アイコンボックスウィジェットで作成した場合、 レスポンシブモードで確認したときに デスクトップで左アイコン右テキストですが モバイルにすると上にアイコン下にテキスト
インライン要素のボタンを均等配置
インライン要素を設定したウィジェットに対して水平(垂直)方向の配置オプションを設定できるようになりました。 前回の記事でも書きましたが、これでカラムを複数設定することなくウィジェットを配置することができるようになりました
ボタンを横に2つ並べるインライン表示
今までボタンを横に並べて表示するには、カラムを作成して並べるしかできませんでしたが ついにインライン表示ができるようになりました! ウィジェットが横幅100%を占めていたのですがインライン表示ができることで、ウィジェット
テキストエディターでカラム調整
テキストウィジェットのテキストのカラムを簡単に変更! カラム表示することで文章を読みやすくすることができますね。 今までカラム表示したい場合、セクションからカラムの追加をしていたのですが、この機能は便利ですねっ。 タブレ
自由配置できるフレキシブルレイアウト
Elementor V2.5になってフレキシブルレイアウトが使えるようになりました! これは凄い。超絶便利です。 Elementor依存度MAXですw。もうDreamweaverに戻れない。。 フレキシブルレイアウト(F