1. TOP
  2. CSS3
  3. ワードプレスを扱いにくいと思った件

ワードプレスを扱いにくいと思った件

ワードプレスは無料であり、ブログとしての機能も優秀であり、プラグインも豊富です。
スライダーを使いたければプラグインもあるし、色んな意味で高機能なことは間違いないと思います。

でもそれでもやっぱり扱いにくいと思うことはいくつかあります。

ワードプレス否定派?

さてそれほど優秀なワードプレスではありますが、やはりいくつか改良してほしいなー

したほうがいいんじゃないかなー

と感じるところはいくつかありまして

まずひとつ目はCSS3の変数が使えないということです。

変数が使えないという現実

ワタシはSASSやLESSといったものを使っておりませんので、だからこそ出る意見なのかもしれませんが、ワードプレスでは「:root」による変数が使えないようです。

ワタシは普段、「color」であったり「width」の指定なども含め、スタンダードCSS3に変数を最初に書き込み、あとからそれを代入していく方法を取っています。

この方法に変えてから、CSSの書き方はだいぶ早くなったような気がしています。

というのも、変数を最初に指定して「var」でプロパティを代入してしまえば、CSSを書く上で「一番面倒」でもある「確認作業」がかなり軽減するのです。

そのために普段HTMLファイルを書く時はほとんど変数を充ててCSSを書くのですが、この変数がワードプレスでは使えないために、ひとつひとつ指定していかなければいけないのがちょっと面倒に感じています。

ワードプレスはデフォルトで「inherit」プロパティがいたるところで多用されています。

これはある意味当たり前なことで、「親の要素」を「子要素」が引き継ぐケースが多いからこそ「inherit」プロパティが使われているのだと思います。

しかしそれだったら、「元親であるHTML」から引き継ぐ形で、変数が使えるようになってもいいんじゃないかなーと思います。

ワードプレスでのレイアウトプロパティは何が適切か?

WEBレイアウトを勉強していく上でかかせないのが「position」プロパティと「clearfix」です。

つまりは「float」を使ってカラムを組んだり「position」を使って「photoshup」のレイヤーのような機能を重ねるわけです。

しかし、最近のレイアウトの組み方としては「flex」がほぼほぼ主流になってきていて、ワタシもほとんどのサイトを「flex」で組んでいます。

そのおかげで面倒な「clearfix」や「float」を組まずに済んでいるのですが、ワードプレスは回り込みの考え方がまだまだ主流なような気がしていて、ワードプレスで組む場合はほとんど未だに「clearfix」を多用しています。

もちろん「flex」で組むことは可ではありますが、いろんなレイアウトの組み方を使うとかえって面倒に感じるため、現在ではワードプレスに限ってはほぼほぼ「float」を利用しています。

floatの欠点が浮き彫りになりやすいのか?

「float」プロパティの最大の欠点は高さが揃わないことだと思います。

もちろん高さをそろえることも可能ではありますが、レスポンシブサイトを作っていく上で、デバイスによって高さを気にして「font-size」を変えたり、レイアウトの組み方を気にするのは結構ストレスだったりします。

だったら最初から「flex」を使えというのもわかるんですが、ワードプレスではそれを差し引いても古代文明の「clearfix」を使っている方が無難だったりする気がしています。

「display:grid」ではどうなのか

最近はその「flex」でさえももう古いプロパティだといいだす人もいて、今後の主流は「grid」プロパティでレイアウトを組むことが主流になりつつあるという考えもあります。

で、実際に「display:grid」を使ってワードプレスのレイアウトを組んでみました。

やってみると<article>部分のレイアウトがフッターの下に飛び出してしまいました。

これは最初にしっかりとレイアウト構築を考えてやらなかったせいもあるのですが、これを直すのにしばらく時間がかかってしまい、ワードプレスで「grid」を使うのはしばらくやめておこうと思いました。

結論的にいえば、ワードプレスは変数が使えず、そして「grid」の対応にてまどうのであれば、現状の使い方のままでいいのかなと考えています。

このあたりは慣れの問題も多く含んでいるのだとは思いますが、とりあえずスタンダードCSSの変数を使えないことによって、コーディングのタイムロスを生んでしまうのはやはりザンネンなことだと思っています。

まあ、あえてフォローするのであれば、そういったことを考えても有り余るメリットが大きいのがワードプレスの利点でもありますね

 

Leave a comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です