Category: エレメンター

エレメンターの設定メニュー関する情報、それぞれ項目の意味を紹介します。 一般 投稿タイプ エレメントの使用場所を選択します。 デフォルトカラーを無効化 テーマのカラー設定を使用するか、エレメンターでコントロールするかを選択します。 デフォルトフォントを無効化 テーマのタイポグラフィ設定を使用するか、エレメンターがそれを制御するかを選択します。 エレメンターを改善する＞使用状況データのトラッキング 有効にすることで、エレメンターを使用している方法について学び、改善するのに役立ちます。 スタイル デフォルトの汎用フォント デフォルトのフォールバックフォントを選択する コンテンツの幅 コンテンツ領域のデフォルト幅を設定する。 ウィジェット間のスペース ウィジェット間のスペースを設定する。 選択範囲をフィットするよう引き伸ばす 広がったセクションがフィットする親エレメントのセレクタを入力する。 ページタイトルセレクター ページタイトルを非表示にするには、CSSセレクタをここに入力してください。 タブレットのブレークポイント デスクトップデバイスとタブレットデバイスの間にブレークポイントを設定します。このブレークポイントの下に、タブレットのレイアウトが表示されます（デフォルト：1025px） モバイルのブレークポイント タブレットとモバイルデバイスの間にブレークポイントを設定します。 このブレークポイントの下にモバイルレイアウトが表示されます（デフォルト：768px） 画像 Lightbox すべての画像リンクを Lightbox ポップアップで開き、すべての画像リンクに対し、Lightbox が 自動的に動作します。 詳細 CSS 印刷設定 CSSを独立したスタイルシート（推奨）として含めるか、各ページに含めるかを選択します。 エディター読み込みツールのメソッドを切り替える サーバー構成の競合が発生した場合は、このオプションを有効にします。

エレメンターテンプレートライブラリを使用すると、100を超えるデザイナー製のページレイアウトやブロックにアクセスできます。 テンプレートの挿入 ①アイコンをクリック  すると、ページテンプレート、ブロック、または独自に保存されたテンプレートが編集画面から追加されます。 ②テンプレートをプレビューするには、 虫めがねのアイコンをクリックします   。 ③必要なテンプレートを選択するには、[挿入] をクリック します。 ④好きなテンプレートは、♡をクリックすると「お気に入り」に保存されます。 ⑤.json  または  .zip  ファイルをアップロードするには、  右上隅の矢印 をクリックします。 ページをテンプレートとして保存する ①パネルの下部にある緑色のボタンをクリックします。 ②「テンプレートとして保存」を選択 ③テンプレートに名前を付けて保存する。 セクションをテンプレートとして保存する ①保存するセクションを選択し、セクション設定を右クリックします。 ②名前を付けて[保存]をクリックします。 テンプレートをエクスポートする方法 保存したテンプレートをエクスポートすることが出来ます。 ① アイコンをクリックする。 ②  エクスポートしたいファイルのをクリックし、エクスポートします。 テンプレートをインポートする方法 エクスポートまたはダウンロードしたテンプレートをインポート出来ます。 ①アイコンをクリックしてライブラリを開きます。 ② 右上隅の矢印 をクリックします。 ③「ファイルを選択」をクリックし、インポートしたいファイルを選びます。 ④インポートしたファイルが「テンプレート」リストに表示されます。

ページのデザインが終わったら、プレビューで公開内容の確認をする事が出来ます。内容の確認が終わったら、ページを公開をしましょう。 ①プレビューするには[]をクリックします。 ②内容を確認し[ 更新 ] をクリックすると、ページが公開されます。 ③[ 見てみる ] をクリックすると、公開されたページを表示すルコとが出来ます。 下書き保存 エレメンターでは、公開中のページを編集し、[ 下書き保存 ] しながら作業が出来ます。 公開中のページを壊す事なくページの変更が可能です。 ①[ 更新 ]の横にある矢印をクリックします。 ②[ 下書き保存 ]を選択します。

エレメンター　バージョン2.1から、セクション・カラム・ウィジェットの編集メニューは「右クリック」で表示されます。 コピー/貼り付け 右クリックすると、コピーと貼り付けの機能が表示されます。コピー/貼り付けには3つのタイプがあります。 要素のコピー/ペースト 要素（ウィジェット、列またはセクション）をコピーし、ページのどこにでも貼り付けることができます。 要素の上にペーストすると、ペーストされた要素がその要素の下に配置されます。 要素スタイルのコピー/貼り付け 貼り付けスタイルでは、コピーした要素のスタイル（ウィジェット、列またはセクション）を貼り付け、他のウィジェット、列またはセクションに貼り付けることができます。 ページ間のコピー/ペースト コピーペーストとコピースタイルは実際にページ間で動作します！ 任意のウィジェット、列またはセクションをコピーして、サイトの別のページに貼り付けることができます。 スタイルのリセット 右クリックしてスタイルのリセットを選択すると、すべての要素のデフォルトのスタイル設定に簡単に戻ることができます。 ナビゲータ ナビゲーターはナビゲーションツリーパネルで、エディター上の各要素にワンクリックで簡単にアクセスできます。 ナビゲータを使用すると、ユーザーは要素をページ全体にドラッグして、すばやく簡単に編集できます。 右クリック – ページレベル ドロップ領域の任意の場所を右クリックすると、次のページレベルのオプションが表示されます。 すべてのコンテンツをコピー ページコンテンツ全体をコピーして別のページに貼り付けることができます。 すべてのコンテンツを削除 すべてのコンテンツを削除オプションがページレベルの右クリックに移動しました。

エレメンターの3つの主なビルディングブロック、「セクション」「カラム」「ウィジェット」で構成されています。 「セクション」は最大のビルディングブロックで、「セクション」の内部に「カラム」があり、「カラム」の内部に「ウィジェット」があります。「セクション」「カラム」「ウィジェット」をハンドルで編集します。 編集 セクション、カラム、またはウィジェットを編集するには、ハンドルを右クリックします。 セクション ①をクリックしてセクションを作成するか、をクリックして、ライブラリからテンプレートを使用します。 ②カラムの構造を選択する ③右クリックして編集、複製、コピー、削除など セクションハンドルを使用すると、セクションを追加したり、セクションをドラッグしたり、削除したりすることが出来ます。 カラム ①カラムの幅を設定します。 レイアウトの下で行うことも、カラムの間の破線をドラッグする事でも幅を設定出来ます。 ②カラムを追加するには右クリック>新しいカラムを追加 ③カラムにウィジェットを挿入する。 ウィジェット ①カラム内にウィジェットを挿入する。 ②ウィジェットの幅は、カラムの幅によって設定されます。

エレメンターのカラムに関する情報、それぞれのメニューの意味を紹介します。 レイアウト カラム幅（％）：カラム幅を設定する 　コンテンツ位置：カラムのコンテンツの位置を設定する 　ウィジェットスペース（px）：ウィジェット間のデフォルトスペースを設定する （デフォルト：20） 　HTMLタグ：カラムに　HTMLタグを設定する スタイル ▶︎背景（普通とホバー） 　背景の種類：クラシック、グラデーションから背景を選択 ▶︎背景オーバーレイ（通常とホバー） 　背景の種類：クラシックまたはグラデーションから選択 ブレンドモード：ブレンドモードを設定する。 CSSフィルタ：ぼかし、明るさ、コントラスト、彩度を追加する ▶︎ボーダー（通常とホバー） ボーダータイプ：ボーダータイプを設定する ボダー半径：ボーダー半径を設定する ボックスシャドウ：ボックスシャドウを追加する ▶︎書体 見出しの色 / 文字色 / リンク色 / リンクホバーカラー / 文字の配置：それぞれの色を設定する 詳細 ▶︎詳細 マージン：マージンセクションを設定する パディング：パディングのセクションを設定する 　Zインデックス：Z-インデックスを設定します。 　開始アニメーション：ドロップダウンをクリックしてアニメーションを選択します。 　CSS ID：セクションのCSS IDを設定する 　CSSクラス：セクションのCSSクラスを設定する ▶︎カスタムCSS 　独自のカスタムCSSを追加する

デスクトップ、タブレッット、モバイルの３つの表示方法の編集が可能です。（デフォルトはデスクトップになっています。）テキストサイズや画像サイズ、画像位置などをデバイス毎に設定する事が出来ます。 編集したいデバイスのアイコンをクリックして設定を編集します。 視認性 デバイスに応じてセクションを表示/非表示にすることが出来ます。 ①[ セクションを編集 ] > [ 詳細 ] ②[ レスポンシブ ] > [ 視認性 ] ③それぞのでデバイスの表示設定をする。 モバイルとタブレットのブレークポイントを変更する モバイルブレークポイントとタブレットブレークポイントの値を設定できます。 ①ダッシュドーボ [ Elementor ] > [ 設定 ] > [ スタイル ]へ行き、モバイルとタブレットのブレークポイントの値を設定します。 ②変更を保存する。 ③ダッシュドーボ [ Elementor ] > [ ツール ] > [ 一般 ] > [ CSSを再生成する ] > [ ファイルを再再生する ] をクリック カラムの表示 ここでは、タブレットやモバイルでのカラムの表示位置をデスクトップの表示位置と逆にするかしないかを選択出来ます。 デバイスのプレビュー パネルの下部にあるレスポンジブモードのアイコンをクリックして、デスクトップ、モバイル、またはタブレットビューの切り替えをします。

エレメンターには、ページとブロックで使用するテンプレートが用意されています。使いたいテンプレートを選択してワンクリックで任意のページに挿入する事が出来ます。 ①編集画面から、をクリックします。 ②テンプレートをプレビューするには、をクリックします。 ③選択したテンプレートの[ 挿入する ]をクリックするとレイアウトに挿入されます。 ④テンプレートをお気に入りに保存するには、選択したテンプレートの右下をクリックします。 ⑤.jsonまたは.zipファイルをテンプレートライブラリーにインポートするには、右上をクリックします。

エレメンターのウェブページは「セクション」「カラム」「ウィジェット」で構成されています。それらを上手く使う事で、柔軟で思い通りのサイトを制作する事が出来ます。 ①　ページに「セクション」を追加します。 ②「カラム」に「ウィジェット」を追加します。 ③ 鉛筆やハンドルアイコンをクリックすると、各要素を編集してカスタマイズが出来ます。 編集アイコンを使用すると、要素をページの上または下に移動したり、複製、追加、保存、または削除が出来ます。その他にも、スタイルのコピーや貼り付けを行う事が出来るので、スタイルだけコピーしたい時には重宝致します。 また、右クリックを押しても、要素のメニューが表示されます。

エレメンターのセクションに関する情報、それぞれのメニューの意味を紹介します。

Elementorの目的は、WordPressで最も速く高度なページビルダーを作成することです。 Elementorを使う為に必要なシステム要件は下記の通りです。 ■ PHP7以上 注：あなたのサイトが古い PHPのサーバーでホストされている場合は、問題が発生する可能性があります。ホスティングプロバイダに問い合わせて、最新バージョンのPHPにアップグレードすることをお勧めします。 ElementorはPHP 5.4以降でも動作しますが、古いバージョンはサイトがセキュリティの脆弱性やバグにさらされる可能性があります。 ■ MySQL 5.6以上 MySQLバージョン5.6以上またはMariaDBバージョン10.0以上 ■ WPメモリー制限 WP 64 MB以上のメモリ量（128 MB以上が推奨） 詳しくは   こちら ■ ブラウザ Safari、Chrome、Firefoxで編集可能。Microsoft EdgeとMicrosoft Internet Explorerでは編集不可。 Elementorで構築されたページは、全てのブラウザで表示されます。 ■ デバイス 携帯電話とタブレットでは編集不可。デスクトップコンピュータの編集可能。 ■ サーバー あなたのウェブサイトがWPエンジでホストされている場合は、問題を避けるためにSSLをウェブサイトに追加する必要があります。

ElementorのWebページは「セクション」「カラム」「ウィジェット」で構成されています。それらを上手く使う事で、柔軟で思い通りのサイトを制作する事が出来ます。