elementor

Elementorが突然使えなくなったら疑うべきポイント4つ

焦りました。
Elementorを使ってこつこつとLPなどを作っていましたが、
急に・・・

こんな画面に!
どうすればええんや・・・

疑うべきポイント1 プラグインを停止する

十中八九これで解決します。
Elementorのインストールより後に入れたプラグインを一つずつ停止させる。
インストールした日付けが分からないよ!という方は、
FTPかまたはコンパネからファイルマネージャーを見られるならば、
wordpressのルートからpluginの中身を確認すればインストールした日付けが分かります。

(wpのルート)/wp-content/plugins/

間違ってもプラグインの更新など先にされませんよう。
ここを確認して、一番日付けの新しいプラグインから停止していきましょう。

ちなみにですが、自分が引っかかっていたのは、MW WP Formでした。
コンフリクトを起こしてしまうみたいですね。アップデートに期待です。
  

疑うべきポイント2 アップデートしたプラグインを疑う

アップデートしたプラグインがElementorに対して何かしらコンフリクトを起こしてしまっている可能性あり。
ポイント1で紹介した通りの方法で、一番日付けの新しいプラグインを停止させてみてください。
  

疑うべきポイント3 ブラウザのメモリ不足

ブラウザの窓開きすぎていないでしょうか。閉じましょう。
他のブラウザで起動してみて動くようでしたらお使いのブラウザの問題です。
  

疑うべきポイント4 サーバの仕様が変わった

ありえないと思いますが、PHP7→PHP5に何故か切り替わってしまった。
elementorはPHP7で動作しますので、何かしらの理由で切り替わっていたらPHP7に変更します。
  

elementor自体をアップデートしてみる

これは可能性としては低いですが・・・
elementor自体をずっとアップデートしていないのであれば、プラグインの更新を行ってください。
  

elementor便利ですよね。
時間のないときにささっと作れるし、ABテストするのにも時短になるし。
これからも便利に使っていきたいのでコンフリクトに気を付けてHappyなwordpressライフを・・。

OrbitFoxでElementorやその他ページの強化ができるよ!メニューにアイコン、シェアリンクなど

前回メニューにFont Awesomeを付けたい人用の記事を書きましたが、
本当はもっと簡単にアイコンつける方法があるんです。ごめんなさい。メニューアイコンにとどまらず、Elementorを導入している方ならOrbit Foxを入れるともっとウェブサイトの装飾を補強できるかも。

↓ダウンロードはこちらから
Orbit Fox Companion
 

Orbit Foxを使うと何ができるのか

・elementor用のデザインテンプレートが10個!
・elementor用のデザインウィジェットが6個
・メニューにアイコンを付けられる!
mystock.photosから直接画像をインポートできるよ!
・シェアボタンを簡単につけられるよ!(よくみかけるやつ)
 
 

Orbit Fox Companionの使い方手順(メニューにアイコン表示させる方法)

・プラグインをインストールします
・有効化してください
・ObitFox→General Settings→Menu IconsがActivateになっているのを確認

 
・外観→メニュー→メニューの文字の左側に+ボタンが表示されているのを確認して

 
・ぽちぽちっと押すと一覧からアイコンが選べるので選択

 
・フロントに戻って確認!素晴らしい。
 
・ソーシャルアイコンを表示させたい時はSocial Sharing ModuleをActivateして

 
・下の方にActivated Modules OptionsのSocial Sharing Moduleが出てくるので右側の開くボタンをぽちっとするとずらっと設定が出てきます。

 
 
Display On(どこに表示させるか)
Posts(投稿)、Pages(ページ)に表示させるかを選べますどっちにも表示できるよ!
 
Desktop Position(PCでの表示位置)
Left(左に表示) Right(右に表示)
 
Mobile Position(モバイル時の表示位置)
Pinned to bottom(最下部) Same as desktop(PC表示と同じ設定)
 
Show name(SNS名を表示させるか)
Show network name on hover(マウスオーバー時にSNS名を表示するよ)
 
Networks
ここで表示させたいSNSを選んでね。
PC表示のみ、モバイル表示のみが選べます。
 
ということで、もっと簡単にメニューにアイコンを表示させる方法&SNSアイコン表示方法でした。
elementorのオプションについてはelementor使ってると自然にわかるので割愛!
 
 
追記:
メニューアイコンを表示させるときに、文字とアイコンがくっついてしてしまって気持ち悪いなと思ったら、
style.cssとかcssファイルに

.obfx-menu-icon {
	margin-right:5px;
}

こんな感じで入れると良いと思いますよ!

elementorでサイト構築を爆速にする(その1:テンプレートを使う)

CSSやコードの知識がなくても、Wordpressのページを
プロが作ったようにデザインできる夢のようなプラグインがElementorです

Elementorのダウンロードはこちらから

どれだけすごいのかっていうのはこちらのムービーを見て頂ければと。

インストール→有効化
専用の設定画面あり。あるけどそのまま使える。
Elementorを入れたら、Elementor Addonsも入れておくと幸せになれると思う。
Elementor Addonのダウンロードはこちら

前提

・投稿ページにも、固定ページにも使えます
・ホームページビルダーのもっとすごい版
・グリッドスタイルとかほんのりかじってると理解度早い
・ぺライチなんて目じゃないぜ!

使い方

固定ページを新規でも元からあるページでもよいので、このボタンをクリックする

すると、こんな画面が出てきます。

・新しいセクション
新しいボックスが出てきます。
HTMLに若干慣れている人、ビルダーで構築できる人はこちら

・テンプレートを追加
elementorで用意されているテンプレートデザインを使って構築します。

 

テンプレートを使ってみる

テンプレートは無料のものと有料のものがあります。プロ版にすれば使えるようになりますが、無料版でも十分使えるのもが揃っているので、テンプレートを見ながら作り方を学ぶのが良いと思います。

テンプレートを選択すると、ライブラリ一覧が出ます。
この中から好みのデザインを選択し、適用します。

すると、こうなります。
使用しているデザインテーマによりますが、コンテンツ部分に適用されます。
デザインテーマを変えたくない場合はここからいじることになりますが、サイドバーがいらないっていう方は、編集バーの「三」をクリック。

Page Settingsをクリック

ここからテンプレートを、Elementor Canvasに変更すると全画面に適用されます。
ページごとにこの設定を適用できるので色々試してみると良いと思います。

 

説明したい事が1ページで収まりそうもないので
続きはまた次回。