どうも!スカーレット坊やです。
今回は出来ること、出来ないこと & 出来ないことに対する解決方法です。
この記事は「スカ坊の知識の中で」という前提を付けさせていただきます。
だって、ほとんど何でもできる、って事は理解しています。
ここでの基準は「ランディングページを作るにあたって」という視点でまとめてみます
WordPress(Elementor)で出来ること、出来ないこと
WordPressで、またはElementorで、PHPは極力使わないという条件とすると。
WordPress(Elementor)で出来ること
- ノーコードでページを作る【ノーコード:HTMLやJavaScriptなどのコードを書かずにサイトを作る事】
- WEBにあるJavaScript・CSSライブラリやテンプレートをコピペして使える
- 1つのドメインでサイトをいくつも運営できる
- 管理画面を渡して自分で更新や変更が出来るページとして価値を高められる
- グーグルアナリティクスなどの解析ツールを実装できる
WordPress(Elementor)で出来ないこと
- 背景動画固定(スクロールしても背景の動画は動かない)
- 複数枚の画像に対して一斉に別々のURLリンクを付ける
- 画像の大きさを数値指定(エラーが起きた)
Elementorの詳しい解説はこちらをどうぞ!
という部分だろうか。実際に、有料と無料で大きく変わる部分ではあります。ちなみに全部有料で行った場合、この出来ない事はすべて消えるかもしれないし、知らないプラグインで出来るのかもしれない。 逆にすべて無料で行った場合、ノーコード・管理画面は実行不可だと思われます。
う~~~ん、条件一つで大きく変わってくるんだな。逆を返せば、何をするのも自分次第だと言えるのか・・・奥が深いなぁ。
出来ないことをどうやって解決したのか
★Elementorで背景を固定動画にする方法。
- まずスマホ対応可能な動画を用意する。スマホの画面の縦長いっぱい、もしくはそれ以上の動画だとなお安心だろう。
- elementorでセクションを作り、動画ウィジェットを配置して、1で準備した動画を設定する。
- セクション・カラム・コンテンツのうち、コンテンツを選び、「高度な設定」へ行く
- 位置 の 項目を「固定」にする。
完璧に背景を動画化できるわけではなく、動画以上に下へいくともちろん本当の背景が出てくるので完璧とはいえないが、試して見る価値はあると思う。固定にしておけば、スクロールしても流れていかないので、画面の大きさが縦長になったり、極度に縮小とかしなければ、大丈夫だと思う。
★複数枚の画像に対して一斉に別々のリンクを付ける
これについては、スカ坊は試していないが、プラグイン「ACF」の有料機能である「リピーター」をつかえばノーコードで構築可能だと思っている。 スカ坊はここはノーコードではどうにもならなかったので、functions.phpに機能を記載した・・・・・
正直に言うとこの機能はメンターさんがご厚意で作ってくれたので、ガッツリとHTML、CSS、JS、PHPコードが出てきてしまいます、したがってここでは割愛します!
★画像の大きさを数値指定(エラーが起きた)
こちらは後に別記事を立てます。
OSに対して imagemagicという機能を追加することで、elementor内で、画像ウィジェットを使って画像を配置した際に、大きさに対してpx数を指定出来るようになります。DTPデザイナーとして、この機能はとってもメリットが大きく、デザインを整理しやすくなるので、ぜひとも使いたかったのですが・・・・
それが原因とみられるエラーが頻発して、ページが何度も壊れてしまった(エラー文言で画面が埋め尽くされてしまった)ので泣く泣く使わない事にした。その代わりと言ってはなんだが、カラムのボックスの大きさを調整することで、なんとか対応しているが、正直自由度が少ない。
imagemagicとの相性なのが、原因は定かではないが、なんとかElementor側で改善されるのを祈りたい。
出来ることについては、実際にやったこと、といっても過言ではないので、この先会を重ねていくうちに、登場する項目でもあるので、ぜひとも楽しみにしててくれると嬉しいです!
ちょっと短めの記事だったけど、今回はこのへんで!
初めての連日投稿?どうしたよ?「坊やだからさ」
それではまた!