UX/UI系列：網站拉皮術，跟簡陋的下拉選單說再見！

前言

你是否有時覺得Drupal後台某些功能看起來就是醜醜的，用起來也並不是那麼的直覺，給自己使用就還好如果是給客戶使用總會希望給予更好的使用體驗，今天要介紹一個我們常常在使用的模組：Chosen，這個模組使用jQuery讓你的下拉式選單更加的美觀以及方便使用，讓我們看看他可以做到哪些事情吧。

簡介

Chosen模組使用了jQuery套件讓我們的下拉式選單更美化更好用，安裝上只需要模組以及放入libraries，在後台選擇啟用就可以看到效果囉。

使用教學

首先我們先安裝chosen模組

你可以使用drush幫你放好libraries

或是手動放入libraries

以下我們使用drush示範

drush en chosen

drush chosenplugin

當你安裝好後可以在設定/使用者界面/chosen看到一些預設的設定

你也可以在欄位的設定選擇是否啟用chosen 預設是No preference如果要啟用我們選擇Apply即可

以下就是啟用之後的差別囉

未啟用

單選

複選

總結

看完了以上介紹之後是不是也想在你的網站裝一下呢？chosen模組提供了使用者更好的體驗，而我們也在尋找更多增進使用者體驗的模組，如果您有其他的模組想要推薦也歡迎在底下告訴我們喔！