ズバリ言うわよ!!〜CSSいじる前にすることあるわよ!〜

Elementor
この記事を書いた人
鈴木貴子

EBC・OSP講師。デザイン業の他、小学生と園児の母もやってます。

こんばんは、鈴木です。
いよいよ月末の東京リアル勉強会が近づいてきました。ドキドキです。

寒くなってきて各地で初冠雪も見られてきましたね。
私はこの時期、サンタクロースに向けて手紙を書かせることが億劫になってきました。
サプライズということにドキドキしすぎて無駄にストレスがかかっています。

受講生・卒業生の皆さん、2024年ももう少し・・・
今年もやりきったな、そんな年になるようにあと1ヶ月半を大切にしていきましょう。

CSSをいじる前に

皆さんElementorを使い慣れていくと、いろいろなところに視野が広くなってできることや提案できる幅が増えていきます。
最近卒業された生徒さんでも、Elementorという武器を手にしたおかげで
「HP制作がどんどん楽しくなっている!」
「制作の幅がとても広がった!」
という嬉しいお言葉をいただくことが沢山あります。

ですが
使い慣れていくと、実装しながら色々いじれるようになって設定をしてくなかで

表示崩れが起こってしまったり。。
表示されなくなってしまったり。。

そんな経験はありませんか?

そう言う時は順を追って実装していっていない場合に多いと思います。
例えばTOPページのFVから順番に実装する際に
途中で配置が設定できないからCSSをいじってみたり、
綺麗に収めたいからとマージンパディングで無理やり収めたり。

そうならないように気をつけたいことを一つ挙げてみました。

実装計画を忘れずに

カリキュラムでもLesson4で実装計画を立てます。
まだそこまで進んでいないという方はこういうのがあるのだと思って聞いてくださいね!
簡単にいうと自分が考えたデザインをどう実装するのかを組み立てていく作業になります。

実際にElementorやその他のプラグインなど色々駆使してサイトを構築していくことになります。

ここで、
「デザインしたいものができるかわからない💦」
「実装が想像できない💦」
という理由から無難なデザインをする勿れ

「TTMでいいと思ったからデザインに組み込んでみた」
「参考サイトで素敵だと思ったから」
という理由から無謀なデザインをする勿れ

皆さん実装のことを考えていますか?

いつ実装のことを考えるのか・・・・
それはデザインカンプを作成し終わった時ではありません!
デザインを考えている時から考えるのです!

具体的に、TTMを探している時
「この機能いいな」
「これとてもわかりやすいな」と思った機能があるとすると、
そこで検索していい機能がElementorにあったとします。

それをまず試してみましょう!

あらかじめ、インデックスしない試しのサブディレクトリを作り、
例)  https://自分のドメイン/demo

そこでプラグインやウィジットを試して下さい。
ここで調べていき機能を試していきましょう!
そして、その機能が使えればどんどんデザインに組み込んでいきましょう!

もしかしたらここで探してみたものが、今は使えなくても
次の案件の時に使えるものが見つかるかもしれないですね。

是非、デザインを考えつつ実装についても手を動かしてみましょう。
それが一段上のデザインカンプになること間違えなしです!

東京リアル勉強会について

いよいよあと3週間後に東京リアル勉強会が行われます。
EBC・TWC / OSP・PJ11としてオフラインのイベントが限られているので、
やるとなったら塾長・講師陣気合の入れようが違いますよ!

案件に確実に役に立つ内容をお届けしていきます!

東京リアル勉強会は一般申し込みがスタートしています。
〆切は11月17日23:59までとなっています。まだ間に合う!

是非下記の申し込みをして参加してくださいね!
https://ebc-works.design/study/241130_tokyo/

コメント