WEB制作

WEB制作

WordPress6.x以降のブロックテーマはノーコードの夢を見るか?

画像はイメージ

時代はノーコード、ローコードだ。

10年以上前、HTMLやCSSを覚えるために某スクールへ通ったが、修正程度ならともかく、かったるくて出来合いのテンプレートや他人様が作って無償公開してくれたコード、デザインを使わせて頂くことの方が多い。

人間が行き着く先はノーコード、ローコードなのかもしれない・

WordPress6.x以降の方向性チェンジには驚愕する

時代の流れを反映してか、世界中のWebサイトの40%以上を占める(ほんとかいな)と言われるWordpressは6.X以降のバージョンにおいては、ローコード、ノーコード仕様を目指しているのが垣間見れる。

5.Xの段階で記事作成に使うエディタがGutenberg(グーテンベルク)という、ブロックで組み立てるような方式の物が標準搭載された。

あまりにも使い慣れていない操作性のため、無料ブログなどに近い機能と操作性である旧来のクラシックエディタに戻すプラグインも提供されているが、6.X以降のブロックテーマは記事だけでなく、サイト全体をブロックすなわち、ノーコードで開発できるのだという。

ただ、旧来のクラシックエディタで作られた記事は、新型のグーテンベルクのエディタではエラーが起きたりして正しく再編集することができなかったりと、旧来からの互換性は考えられていない。

だから、おいそれとグーテンベルクにアップグレードできないという現場事情も数知れないだろう。

もちろんブロックテーマは対応したテーマが必要

ノーコード開発ができるというブロックテーマは、それに対応して作られたテーマであることが必要だ。

ブロックテーマではない旧来のテーマはクラシックテーマと呼ぶことになったらしいが、2024年8月現在においては、世のWordpressサイトの95%以上はクラシックテーマかと思われる。

もしブロックテーマが標準的になったら、企業が運営するWordpressサイトなどにおいても、phpのコードをガリガリ書いたり、画面が真っ白になることもなく、ドラッグアンドドロップでサイトを構築していくようなことになるのだろうか。

今でもそんな運用をしているケースもあるのだろうけど、ここ1~2年くらいのWordpressの動向は不安すぎて直視できないものがある。

WEB制作

Drupalが俺にはクソ過ぎるCMSに思えてならない理由

画像はイメージ

ここ最近の胃の調子の悪さはDrupalが遠因なのだけど、とある案件でDrupalに関わることになったのが失敗だった。

ほぼ誰も使っていないくらいの勢いでマイナーなCMS、Drupalの苦しみを教えてあげよう。

エラーメッセージで検索しても情報ゼロ

PC関係のエラーはそのエラーメッセージで検索するのが基本的な作法。

WordPressとかメジャーなCMSだと、エラーメッセージで検索すれば、ほぼ同じような状況の先人の知恵が見つかるものだが、Drupalは使っている人が基本的にほとんどいないため、情報が出てくることはまずない。

ほとんどいないというのは少し語弊があるが、一部の大企業などでも導入されているから使っている人はいるけども、大体はオープンソースで無料で使えるけども、外注のシステム会社が管理していることが多いと思われ、社内ノウハウレベルでしか情報交換がされていないような気がする。

まだ多少は人気があった10年くらい前のバージョンはまだしも、最近のバージョンは特に全然ない。

目玉の多言語対応もゴミ

Drupalの利点として挙げられるのは、標準搭載の多言語対応だが、これもバグの温床。

それぞれのDrupalにもよると思うが、日本語と英語くらいまでだったらまだしも、簡体字や繁体字も対応となると、処理が複雑になるから、日本語的に意味不明のエラーメッセージが出て保存できなかったり、わけわからんことになる。

Drupalは全体的にバグが多いが、特に目玉の多言語周りは意味わからんバグが多い。

サイトスタジオ周りもゴミ

驚くことにサイトスタジオと検索しても何も情報が出てこないのだけど、DrupalのサイトスタジオはWordPressで言うブロックエディタを使いづらくしたような機能。

要は中途半端に凝ったデザインを作ったりできるのだけど、これもバグだかなんだかわからん謎現象が多い。更新しても反映しなかったり、いじってないはずの所が崩れたりする。

ホントにこんなゴミみたいなCMS、海外ではそこそこ使われてるのだろうか・・・。

普通に運用、更新するだけなのに、まるで使い物にならないと感じることが多い。

日本語翻訳がおかしいのは当たり前、独自概念多数

WordPressとか普及しているCMSに慣れていると、記事を公開するだけでもアタフタするのがDrupalだ。

パブリッシュ、アーカイブ、ドラフトとか、それぞれの挙動がなれないと意味不明に陥る。

修正したりするとリビジョンが作られるのはいいけど、挙動が不安定で気軽には戻せないんだと。どんな腐れCMSなんだよ・・・。

何百万円もかけてシステム会社に保守して貰うくらいだったら、もっとマトモで普通な商用CMSを導入すればいいのにと思うけど、Drupalにぶち当たる確率は世間的には低いのがせめてもの救いだろうか。

世の中、簡単で使いやすいものが普及する

食品でも洋服でも、どんな分野だろうと基本的には優れているものが普及する。優れていないものは淘汰されていく。

マイナーなCMSとかは、しかるべき理由があってマイナーになっていると考えるべきである。

俺はこう見えても、できれば長いものに巻かれていたいから、Drupalとは縁を切るのである。

WEB制作

LION MEDIAのTwitterのアイコンをXに重い腰を上げて変更する改修をした作業メモ

画像はイメージ

WordPressテーマ「LION MEDIA」のTwitterアイコンが青い鳥なのでXに重い腰を上げて改修作業したメモ。

前提条件はLION MEDIAを運用中で、重い腰を上げて上記作業をしたいモチベーションが少しはある人。

phpのコードをバリバリに改修するほどの技術やモチベーションはないけれど、アイコンだけサクッと変更できればいいやって人。

結論言うと、サクッとやろうとしても1時間半くらいはかかるぅ~。

LION MEDIAのSNSアイコンはどうやって表示されているかの解析

他人様が作ったサイトを改修、保守する場合も同じだけど、まずは解析でエネルギーを700kcalほど消費する。

SNSアイコンを表示する方法は色々あると思うけれど、LION MEDIAの場合、元はIcoMoonというWeb上でフォントセットを作れるようなサービスで、svgを含む4種類の独自フォントファイルが生成して表示されているっぽい。

格納されているパスはテーマファイルのfontというディレクトリ。詳しくはデベロッパーツールとかで見ればわかると思う。

じゃあ、IcoMoonで鳥アイコンからXに替えればいいかなと思ったけれど、XのアイコンはIcoMoonに用意されていない(たぶん)ようなので、外部から取り込もうとしたけれど、IcoMoonの操作がよくわからないのと、学習コストが割に合わなくなりそうなので別の方法を採用することにした。

ちなみに、Xのアイコンは単純なベタ打ちの文字で代用できるという説もあったけど、今回の改修においては、それはそれで厄介に思えたのでアイコンの見た目だけ変えることにした。

定番のフォント作成ツール「FontForge」を使う

FontForgeと調べれば出てくるので自分の環境にあったものを使う。

Windows、Macなどで動作するフリーソフトだが、元がLinux用らしく、操作や見た目は相当にクセがある。

元のフォントファイルを読み込ませて、鳥からXに変更できるように頑張って色々やると完成。

eotファイルに変換する

FontForgeではeot形式のフォントは生成できないっぽいので、ttfとかからeotに変換する。

web上に変換できるツールがあるのでそれを使えばOK。

FTPで元のフォントファイルを上書きする

バックアップを取ってミスったら元に戻せるようにしつつ、えいやっと上書きする。

フォントは4種類あるけれど、cssの指定を見るとeotが一番上だからeotだけでいいのかなとも思ったけれど、おそらくブラウザにもよると思うのだけど、ttfまで入れたらFirefoxとChromeで変更が確認できた。

このへんの知識はよくわからんけど、4種類もあるのってブラウザ対応だよね。

最後の仕上げで背景色をグレーっぽくする

ボタンの背景色が水色だと思うので、Xの感じに合わせてCSSをいじってグレーっぽくする。

ふぅー、お疲れちゃんしたー。

余談も余談だけど

企業のWeb担当者とかは鳥ちゃんアイコンから、ショボいばってんマークへの変更を強いられたと思うけれど、元々の作りによっては、特に保守とかで他人様のサイトをいじったりする場合は、まぁまぁなスキルもいるし、重労働だと思うよね、俺は。

それに鳥ちゃんマークはデザイナー的に言うと、黄金比の組み合わせで作られたようなアカデミックなデザインだから、ボタンのデザインによっては閉じるマークに見えてしまうXアイコンはゴミだと思うね。フォントベタ打ちだという話もあるし。

あと、仕方のないことだとしても、更新の止まった無料Wordpressテーマはなかなかに厄介。

無料テーマでも更新され続けるやつもあるから一概に無料は悪いわけではないけど、本業の宣伝とか有料テーマへの誘導用に作られた無料テーマは徹底的に放置され気味なご様子。

有料テーマでもゴミなやつはいっぱいあると思うから俺は買ったことないけど、何事も貧乏クジ引かないように最低限のスキルや判断能力を付けて上手くやっていかないといけないね。