ホームページの価値を最大化するCMS、WordPress(ワードプレス)。WordPressに関する情報をまとめておりますので是非ご活用ください。P8viewニュースHOMEニュースShortcakeでビジュアルエディタのショートコードUXを向上する以前お知らせした通り、現在のWordPressのエディタは今後のロードマップにおける最重要事項として挙げられている。筆者の予想では、WordPressの管理画面はそれなりに作り込まれているため、リプレースに相当な時間がかかるはずだ。見ぬ管理画面のことはさておき、現状の投稿画面のUXをもう少しわかりやすいものにしてくれるプラグインを紹介する。その名もShortcakeだ。https://ja.wordpress.org/plugins/shortcode-ui/Shortcakeはショートコードの出力結果をビジュアルエディタに表示してくれるプラグインである。日本では「知る人ぞ知る」といったポジションにあるのだが、きちんと作り込めば次のような見栄えを作ることが可能だ。テーマでは次のような会話ブロックが表示されているが......投稿画面でもまったく同じものが表示されるこのプラグインは素晴らしいのだが、最大の問題は、「有効化しただけだとなにも起こらない」という硬派な仕様にある。プラグインのページにもある通り、「サンプル参考にしてフックを追加してね」というスタンスのようだ。これはこれで筆者のように余計なものがゴチャゴチャ追加されるのを好まない開発者には嬉しいのだが、WordPressというエコシステムでは「知る人ぞ知る」というポジションにならざるを得ない。使いこなせば便利であることにはかわりない。ショートコードを登録するこれは特別なことではなく、通常のショートコードAPIに従って登録すればよい。Pの事例から、「著者による発言を示すブロック」を登録しよう。user_id=1]こんにちは、高橋文樹です![/capitalp_author]と書くと、筆者の吹き出しが表示されるようになる。通常の使い方であれば、これでも十分だ。Shortcakeに登録する続いて、Shortcakeにショートコードを登録する。どんな引数を取るかを教えてあげれば、UIに表示されるようになる。'自動で改行が入ります。);さて、どんな見栄えになるかというと......ボタンをクリックすると、追加すべき要素が表示されるデータタイプをuserにすると、インクリメンタルサーチもついてくる「投稿要素を挿入」をクリックすると......スタイルがあたっていないここで問題発生だ。管理画面とテーマでの見栄えが同一になっていない。これだとリテラシーの低いユーザーには使いこなせないだろう。これを使うと、ビジュアルエディタに適用されるCSSを追加できる。style.css)をそのまま適用してしまうと、余計な問題が発生するだろう。そこで筆者はいつもこのようにしている。いうmixinにスタイルを定義すればビジュアルエディタでも公開画面でも同じ見栄えが担保される。あるが、WordPressのビジュアルエディタを飛躍的に便利にするShortcakeを紹介した。受託仕事などをやっている人は「固定ページの中で特定のカテゴリーのループを表示できるようにしてほしい」などの依頼を受けることも多いだろうが、Shorcakeを使いこなせば、ショートコードだらけになっても専門性の低いユーザーがうんざりすることはない。Pではこうした「誰でも簡単に投稿できるUI」を志向するプラグインとして、ページビルダーも紹介する予定なので、楽しみにしてほしい。最初に表示されました。ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。