Custom CMS Post Editor
SUMMARY
「＠ほぉ〜むカフェ」オフィシャルサイトのために制作した投稿記事エディター。
Vue.jsで制作したアプリケーションをWordPressの管理画面に埋め込むことで、高いカスタマイズ性とサイト本体との親和性を実現できました。
Modern Post Editor for Modern Web Site
By using same JavaScript framework as the main site, this editor provides high affinity between editor and main site.
It also provides high interactivity from modern JavaScript. Especially the preview function shows real entire post preview with no delay.
Consistent Post Design
However hard a designer design for a web site, a non-designer post editor can break it easily with ridiculous coloring and wrong sizing.
Upon using this editor, users don't decide colors nor sizes but semantic attribute for each elements, like "Heading", "Blockquote", "Caution", etc.
Improve Efficienty
「メイド」「イベントスケジュール」など頻繁に使う要素には専用のUIを用意。作業効率の向上はもちろん、稼働後のデザイン変更も容易になりました。