Drag & Drop Page Builder

喺 2014 年,用 mobile device 上網嘅使用量將會超越 desktop,所以最新嘅網頁需要以 mobile first 嘅方針設計。同時由於 5.5″ mon 以上嘅 phablet 大行其道,phone 同 pad 嘅界線變得模糊之後,responsive layout 比 delicated mobile theme 更加適合將來嘅趨勢。而現時最新經過兩三年進化之後嘅 responsive layout,加上 Android 有Chrome browser,手机性能迅速提升;一個優質嘅 mobile friendly 網站甚至要比 mobile app 有更高嘅可讀性。

 

要制作一個優質嘅 responsive web,必需要運用不斷進化嘅 framework 做基礎。以 wordpress 做 platform,加上一個優質嘅 framework,係現時做 responsive web 最具成本效益嘅方案。為左要將所有 content 包括文字同圖片都做到 responsive,Dreamweaver 同 WordPress MCE 嘅 WYSIWYG editor 已經無法應付需求。近年出現左唔少 Drag & Drop Page Builder 嘅 plugin 同 framework,都係將 content widget 化,確保所有 content 都 100% responsive 之下輕鬆做出多樣化嘅 layout,而又保持 user friendly 嘅入方式。

 

themify Builder-Panel

 

比較早期具有 Drag & Drop 同 responsive 功能嘅有 Page Buider by Site Origin 以 plugin 形式出現。之後喺 2013 年 7 月出現左我最欣賞嘅 Themify framework,內置 Drag & Drop Page Builder 之餘,仲將常用嘅 widget 都加入 Page Builder,例如 silder, tab, image, video, map 等,可以減少外加 plugin 做成嘅兼容問題。而喺 2013 年 12 月,Elegant Themes 推出 Divi theme,內置左 Advance page builder,將佢原本嘅 Drag & Drop Page Builder 再 responsive 化之餘,加入更多更美觀嘅 widget。另外,WPML 亦都正開發類似嘅 Page Builder。

 

divi builder

 

所以喺 CMS,尤其是係 wordpress 加上與時並進嘅 plugin 或者 framework 能夠迅速迎合時代發展,以類似 Sass (Software as a service) 嘅方式整合埋 Page Builder,先係最新制作網頁嘅趨勢。

 

Reference:

  • mobile users will exceed desktop users by 2014

Related posts: