※歯車アイコン>品質で画質や速度を調整していただけます。
特典
はじめに
WordPressのインストール
Elementorのインストール
本講座ではWordPressを使用していきますので、使ったことがない方は、上記の動画を参考に、インストールを済ませてください。
また、WordPressの基礎をもっと学びたい方はこちらの動画がおすすめです。
Elementor（無料版）を使ったテクニック
複数カラムの高さを揃える方法
サイドバーヘッダーメニューを作成する方法
画像にテキストを重ね合わせる方法
Elementor Proを使ったテクニック
パソコンでもスマホでもハンバーガーメニューを表示する方法
記事一覧を左右で異なるレイアウトにする方法
Happy Addonを使ったテクニック
このセクションでは、Happy Addonという無料のプラグインを使った便利な制作テクニックをご紹介していきます。
コンテナ全体にURLを埋め込む方法
スクロールトップ
Jet系プラグインを使ったテクニック
このセクションでは、Elementorの拡張プラグインであるJet系のプラグインを仕様した制作テクニックをご紹介していきます。Jet系のプラグインはどれも有料になりますので、別途契約が必要となります。
Crocoblock（Jet系のプラグイン）とは？
Crocoblock（Jet系のプラグイン）の契約方法
JetEngineを使ったテクニック
記事一覧でカテゴリーのバッジを表示する方法
コンテンツを特定の条件の時だけに表示or非表示にする方法
記事一覧・商品一覧に新着バッジをつける方法
WooCommerceの商品の在庫数を表すバッジを表示する方法
記事のヒット数を表示する方法
商品の価格の最小値・最大値を表示する方法
JetElementsを使ったテクニック
ダウンロードボタンの設置と資料請求ページの作り方
タイムラインを作成する方法
円グラフ・棒グラフを作成する方法
JetTricksを使ったテクニック
長いテキストを折りたたむ方法
特定のコンテンツを非表示にしておいてボタンクリック時に表示する方法
背景にパーティクルエフェクトを設定する方法
JetMenuを使ったテクニック
メガメニューの作り方
メニューにラベルを表示する方法
JetElementsを使ったテクニック
ファーストビューの下にニュースティッカー（最新記事）を表示する方法
JetTabを使ったテクニック
タブの中にElementorのテンプレートを追加する方法
月額プラン・年額プランのスイッチボタンを作成する方法
JetSearchを使ったテクニック
ヘッダーにAjaxサーチボックスを表示する方法
JetSmartFilterを使ったテクニック
WooCommerceで在庫あり・在庫なしを表示非表示を切り替える方法
ElementsKitを使ったテクニック
無料でヘッダーを作成する方法
無料でフッターを作成する方法
無料でメガメニューを作成する方法
Sticky Header Effects for Elementorを使った制作テクニック
ヘッダーを固定化してスクロール時に背景色を変更する方法