Nav Menuにfontawesomeアイコンを追加してみよう
Nav Menuウィジェットを使って簡単にメニューを表示できますが、アイコンをつけることができません。ここではfontawesomeアイコンを入れる方法を解説します。 Nav Menuウィジェット ＞ 詳細タブ ＞ Cu
Elementor Blocksを使って爆速でWEBデザインを作ろう！
Elementorのウィジェットは、単体の機能を一つづつドラッグして組み合わせていきました。 最近Elementor 2.0になり追加されたBlocksを利用すれば あらかじめよく使われる機能を組み合わせたブロックをセク
Disable Default Colors&デフォルトフォントを無効にする
ElementorのデフォルトフォントにGoogle FontsのRobotoが使用されます。 また、色についてもElementorデフォルトの色になっています。 WordPress管理画面サイドバーにあるElement
PCとスマホでスライドショーの見せ方を変える
久々の更新となります。Elementor好きのえれくりです。? 今回は画像カルーセルウィジェットを使って、PCとスマホで画像の見せ方を変える方法を説明します。?? このページ下のDEMOを見ていただくと ●PC、タブレッ
Elementorでグローバルメニューを作ってみよう！
今回はElementorを使ってグローバルメニューを作ってみます。??? ロゴ、メニュー、お問合せボタンを想定したよくあるレイアウトのメニューを作ってみます。? はじめに まずはじめにWordPress管理画面の外観＞メ
Elementorのショートコードを利用して好きな場所へ入れてみよう！
久々の更新です。えれくりです。? 今回はWordPress管理画面左メニューのElementor＞ライブラリーから作成したElementorの内容を front-page.php、single.php、archive.p
セクション、カラム、ウィジェットにCustom CSSを追加！
ElementorにカスタムCSSを追加する方法について説明します。 Elementor Proを使用すると、すべてのカラム、セクションまたはウィジェットにカスタムCSSを追加できます。? カラムにCustom CSS
Elementor Call to Actionウィジェットでスタイリッシュなボックスレイアウト！その3（Elementor Pro版）
前回に引き続きCall to Actionウィジェット。今回はCall to Actionを使い写真にエフェクトをかけます。? 今回も結論先に言っちゃいますがこのデザインを作ります。? カーソルが重なった時に明るくなった
Elementor Call to Actionウィジェットでスタイリッシュなボックスレイアウト！その2（Elementor Pro版）
前回に引き続きCall to Actionウィジェット。今回はCall to Actionを使ったレイアウトを作ります? 結論先に言っちゃいますがこのデザインを作ります。? この記事下のDEMOボタンより確認お願いします
Elementor Call to Actionウィジェットでスタイリッシュなボックスレイアウト！その1（Elementor Pro版）
つい最近追加されCall to Actionウィジェット。Pro版でないと使えないんですがこれがとんでもなくWebデザインをおしゃれにするウィジェットなんです。もうこれ使うためだけにPro版にしてもいいぐらいですｗ。El
Elementor Pro版のインストール！
ここではPro版の費用と導入の流れを書きます。 Pro版にすると以下の機能が使えるようになります。?? ・Global Widget（共有ライブラリ） ・Custom CSS（独自のCSSを記述できる） ・Pro版のTe
Elementor お客様の声のデザイン
お客様の声ウィジェットを使って、いろんなレイアウトを作ってみましょう。 このウィジェットはスタッフ紹介にも使えそうですね。? はじめに 左パネルの一般エレメント＞お客様の声ウィジェットを「新しいセクションの追加」へドラッ
Elementor 使えない！おかしいと思った時の対処法
Elementorを使ってノリノリで作業していてデザイン変更しているのに反映されなかったり、そもそもElementorが起動できない事がたまーにあります。? ElementorでWebデザインを全て作ってたら、そらもの凄
Elementor 画像ボックスを使いプロフィール紹介を作る！
画像ボックスウィジェットを使って、スタッフ紹介や役員紹介などでよく使われているレイアウトを作ってみましょう。 はじめに 左パネルの一般エレメント＞画像ボックスウィジェットを「新しいセクションの追加」へドラッグ＆ドロップ。
Elementor HTMLウィジェットを使いTwitterのタイムラインを埋め込む
HTMLウィジェットを使うとHTMLの組み込みが可能となります。 今回はTwitterのタイムラインを組み込んでみます。?? はじめに 左パネルの一般エレメント＞HTMLウィジェットを「新しいセクションの追加」へドラッグ
Elementor 切り替えウィジェットで表示非表示！
切り替え（トグル（Toggle））とは、二つの状態を交互に切り替えられるような仕組みのこと。タイトルをクリックすると詳細がすらすらっと出る仕組みの事です。 えれくり的にはあまり利用しないウィジェットなのですが?いつか使っ