Elementor タブウィジェットの中にカテゴリ分けした投稿一覧を表示
タブを切り替えるとカテゴリ分けした投稿を表示する方法を解説します。 Templatesより新規追加でテンプレートの種類を「セクション」にします。 名前は分かりやすい名前にしてください。 ポストウィジェットをステージにドラ […]
Elementor タブウィジェットの中にカテゴリ分けした投稿一覧を表示 続きを読む »
Section
Elementor Blocksを使って爆速でWEBデザインを作ろう！
Elementorのウィジェットは、単体の機能を一つづつドラッグして組み合わせていきました。 最近Elementor 2.0になり追加されたBlocksを利用すれば あらかじめよく使われる機能を組み合わせたブロックをセク
Elementor Blocksを使って爆速でWEBデザインを作ろう！ 続きを読む »
PCとスマホでスライドショーの見せ方を変える
久々の更新となります。Elementor好きのえれくりです。? 今回は画像カルーセルウィジェットを使って、PCとスマホで画像の見せ方を変える方法を説明します。?? このページ下のDEMOを見ていただくと ●PC、タブレッ
PCとスマホでスライドショーの見せ方を変える 続きを読む »
セクション、カラム、ウィジェットにCustom CSSを追加！
ElementorにカスタムCSSを追加する方法について説明します。 Elementor Proを使用すると、すべてのカラム、セクションまたはウィジェットにカスタムCSSを追加できます。? カラムにCustom CSS
セクション、カラム、ウィジェットにCustom CSSを追加！ 続きを読む »
Elementorのシェイプ区切り（Shape Divider）で背景をキメる！
アクセスログを見てるとスマホからのアクセスが8割ぐらいあるので、もうスマホの事だけ考えればいいんじゃなかろうかと思ってるえれくりです。 さて今回は背景色や背景画像の処理として使えるシェイプ区切り（Shape
Elementorのシェイプ区切り（Shape Divider）で背景をキメる！ 続きを読む »
global widgetでウィジェットを使いまわす（Elementor Pro版）
細かく設定したウィジェットを流用したい時ってありますよね？? Elementorのglobal widgetを使えば出来ます！ illustrator,phtoshopでいうところのライブラリです。 ただしこれPro版に
global widgetでウィジェットを使いまわす（Elementor Pro版） 続きを読む »
カラムを調整してメリハリのあるレイアウトに
まず先にレイアウトをご覧ください。 DEMO 普通に2カラムだと単調なレイアウトになってしまいますが少し調整するだけでレイアウトにメリハリがつきます。?? セクションを作成 左カラムにウィジェットから画像を入れます。右カ
カラムを左右反転する
2カラムのレイアウトで、スマホで閲覧時に左右を反転させたい場合の設定を説明します。 PCでは左にコンテンツ、右にメニューを表示させて、スマホでは最初に右のメニューを表示させたい場合にこの設定を使用します。 「新しいセクシ