愛知2018年12月09日WordPressのブロックエディタ「Gutenberg」に対して私たち制作者が考えなくてはならないことWordPressトラブルシューティングPHPWCANプラグインWordPress5.0がリリースされ、噂のブロックエディタ「Gutenberg」が正式実装されました。現在私は、同じ構成で構築された、いくつかのWordPressサイトの運用のお仕事をしています。そのサイトがGutenbergの導入でどのような影響を受けるかの検証と、それだけではなく、今後CMSを扱う立場としてGutenbergとどのように関わっていくかを、この週末に、ざっくりですが検討していました。Gutenbergさんとどう付き合うかまず、投稿タイプなどを追加していない、WordPress5.0の基本の状態でGutenbergをひととおり試しました。cmsを長年使用しています。スマートなブロックエディタを実装しているブログサービス「g.o.a.t」を一年ほど利用していました。「これは『ビジュアルエディタの次世代としては』かなり良いのではないか」です。基本的に、ブログ記事などでは、HTMLの要素は見出し・本文・リンク・強調・各種サービスの埋め込みくらいしか使いません。それらについては軽快に書けますし、以前のビジュアルエディタとの操作の差も意外と少ないです。驚いたのが「既存のビジュアルエディタ」がブロックのひとつとして用意されていることです。重くなりそうですが、どうしてもあのエディタでないと、というクライアントへの説得要素にもなるでしょう。ウェビングスタジオとしては、新規案件の緩いコンテンツなど、利用しやすいところでは積極的に受け入れていきたいし、カスタマイズを学習していきたいと考えています。長年WordPressを使い込んで、多数のプラグインやPHP拡張を活用してきた人ほど、Gutenbergは厄介な存在でしょう。WordPressはオープンで自由なCMSです。一切使わない選択肢も用意されていますから、個々の制作者の自由でいいと思います。コンテンツ・マネージメント・システムとしてWordPressを使う場合、「投稿タイプによって適しているエディタが異なる」という問題が生じます。私の件の運用サイトの場合は、以下の3つの投稿タイプを持っています。Pro」のリピートフィールドで、こんな感じの簡易なブロックエディタを作成しています。簡易な方が操作しやすく、更新の効率が良くなるということは往々にしてあります。この場合、pageとworksでGutenbergを使うことはできません。このように、第一に制作者が考えなければならないのは、現在運用しているサイトの各投稿タイプで、Gutenbergにしても問題ない箇所と、使ってはいけない箇所を明確にしておくことです。特定の投稿タイプだけ無効にすることはできるのでしょうか。管理画面にもそういった項目は見当たりません。困っていたら、WordPressをはじめとするいろいろなCMSに詳しい安部さんがTwitterで教えてくれました。2018年12月8日これです。高橋文樹さんが、Gutenbergがベータ版の頃から各種回避策を書いてくださっていたようです。Ppageとworksでブロックエディタを無効にすることで、これまでのWordPressと変わりない環境にすることができました。次に考えなければならないのは、プラグインです。PRO」の編集画面に入ったら、ページが真っ白になりました。Form」も編集画面だけ真っ白になっています。プラグインは問題がないと思っていただけに慌てましたが、これについても高橋文樹さんがすでに原因を書いていました。Pつまりプラグインの投稿タイプでも無効にしなければならないわけで、最終的に以下のようなコードになりました。);あまりスマートじゃなくなってきました...postだけ許可する、ホワイトリスト方式にした方がいいのかも。この不具合については、頻繁に更新されているプラグインであれば早い段階で解決されると期待していますが、しばらく混乱は続くのでしょう。これを機に、プラグイン制作者に問い合わせる前に、まず検索する習慣を身に付けたいものです。既出かもしれませんがQiitaに寄稿しました。Qiita発展途上?なUIざっと使ってまず気になったのが、「ブロックを追加・挿入するボタン」の表示がわかりにくいことです。最後に追加するならEnterキーを押せばボタンが出るのですが、挿入の場合は、前のブロックにマウスを置くと出る枠線の「上の線」にカーソルを置かないとボタンが出てこないのです。これがかなりシビアな操作になっています。それ以前に、感覚的には一般に「下に追加する」と感じるので、一つ前のブロックの下線にボタンが出るべきじゃないですかね...ボタンブロックについても、色の選択があるのですが、よりにもよって背景色だけでなく文字色まで自由に選択できるUIになっています。サイトを明るくしようとした更新担当者さんが、ボタンの色をピンクとかライムにする未来が見えます。これがインラインスタイルで入るのか、クラスで入るのかまだ確認できていないですが、とにかく色は個別に選ばせたくないですし、外観についても丸と四角、塗りつぶしとボーダーはそれぞれどのような役割で使うのか決めておかないと、わけのわからないことになります。2018/10でたにぐちさんも指摘されていましたが、パーマリンク設定の場所もわかりにくいです。WCANに参加していなければ見つけられませんでした。更新担当者にパーマリンクをいじらせてはいけない、という禁止系インターフェース...と考えられなくもないですが。たにぐちさんがさらに指摘されていた「なぜかテキストブロックの文字の寄せ方向だけ、クラスではなくインラインスタイルになっている」件は、私はあまり気にしていません。文字色などとは異なり、文字の寄せ方向はテーマやCSSが変わっても、同じであることが多いからです。UIのブレであることは確かですし、インラインスタイルは優先度が高いので、上書きしようとするとimportantまみれになる問題があるのですが...少なくともこれまでと相当感覚が違うので、リモートで運用をしている場合は、更新担当者にどのように操作説明をするか考える必要があります。cmsユーザーの多くがやっていたことですが、往訪できない場合はブロック一種類ずつに対して、操作している動画を撮って見ていただくのが確実と思います。特定のブロックを使わない自由はあるのかボタンのところでも触れましたが、Gutenbergの「機能が多すぎる」ことも私の中で課題になっています。多数のブロックがありますが、すべて対応していられないとか、コンテンツの性格上、使ってほしくないケースもあります。cmsを気に入っているのは、コンテンツ(ブログ)ごとに、使用できるブロック(ユニット)を管理者が指定できることです。情報を調べれば既に出ているのかもしれませんが、特定のブロックを使わない自由を公式に設けてほしいものです。Gutenbergさんは悪くない、悪くないんだ繰り返しますが、私はGutenbergが気に入っていて積極的に使いたいです。日頃「すべての人が自由に気軽に使えるCMS」を謳っていながら、「ユーザーが、GUIを通して機能を選択(無効ではない。選択)できない状態でリリースした」強引さに若干呆れています。今後各国のWordPressコミュニティは、一定のウェブ制作の知識を持たない人(いわゆる個人ブロガーなど)へのサポートを切り捨てるか、これまでのようにGUIで管理できるプラグインの開発やブログ記事などの情報を充実させるかの、大きな選択を迫られるのでしょう。協業媒体としてのWordPressに、Gutenbergをどう活用していけるか、前向きに考えていきたいと思います。2016の17日目のエントリーです。TypeでCSV形式のエクスポート・インポートが可能になるプラグイン「CSVDataImExporter」の使い方を解説します。はじめに・ライセンス体系についてこのプラグインは基本有償です。試用版は15日間すべての機能を利用できますが、それ以降はインポート可能なデータの範囲とサイトの目的で、ライセンス料金が変わります。詳しくはリンク先を参照ください。カスタムフィールドアイテムアップロード対応版」をお勧めします。この記事でも、4での導入経験を前提に解説していきます。Builder」プラグインの丁寧な紹介記事が話題です。Builder)かつては一部のCMSの専売特許だった「ドラッグ・ドロップで記事をレイアウトできる」機能を実装できるプラグインがずいぶん増えてきました。Typeにも登場し、こちらも人気急上昇のプラグインとなっています。H.Fujimotoこのような「本来のCMSコアにはない編集画面を擬似的に追加するプラグイン」の紹介が出ると、必ず出てくるツッコミが「それ(他のCMSの名前)でよくね?」です。2014の15日目の記事です。APIが利用できるようになったからか、最近は新しいMovableTypeプラグインが増えてきました。私は大きな機能を追加するものよりも、ちょっとした不満を解消する「細かくて伝わらない」系のプラグインが好きだったりします。実際に検証したものをいくつかご紹介します。2014」に参加してきました。WordPress関連のイベントは愛知に移ってからは、はじめてです。2014WordPressの名古屋コミュニティはとても大きく、積極的に活動してます。毎年夏になると大きなイベントを開き、夜は空港近くの新舞子の宿で一晩中テーマをいじり、おかしを食べ、枕を投げます。cmsといい、愛知県民はお泊まり会が大好きなようです。セッションもさまざまなものがありましたが、今回はセミナー形式のコマはひとつも見ず、グループワークとアンカンファレンスに参加という、いつもと違う形でのレポートになります。Space(ちゃんと仕事するスペース)」で書いてます。結婚のご報告とお知らせ。