WordPress Plugin Draw Attention – 影像地圖外掛程式

影像地圖 Image Map 這個在 HTML 網頁設計時代，經常被使用到的一種網頁設計技巧，不過隨著網頁設計的發展，HTML 設計不再是網站設計的主流後，這一項網頁技巧也漸漸的被遺忘。現在如果想要在自己的 WordPress 網站建置影像地圖，通常會找到影像地圖 Image Map 線上製作網站，將影像地圖建立好以後再置入網頁內容中，整個建置過程繁雜又不方便。今天找到一款 影像地圖外掛程式 WordPress Plugin Draw Attention，可以說是大大的減輕了很多網站設計師的建置負擔，影像地圖建置變得容易許多了。如果您也有這一類設計的需要，今天分享的外掛程式可以參考看看。

 

WordPress Plugin Draw Attention

 

• 外掛程式名稱：Draw Attention
• 外掛程式網址：https://wordpress.org/plugins/draw-attention/
• 外掛程式安裝完成啟用後，可以在控制台選單欄看到 Draw Attention 選單，點選以後就可以開始設計影像地圖了（圖一）。
• 將想要編輯的圖片上傳選擇以後，可以開始標示影像地圖，並且設計式樣與填入說明內容（或是提供連結網址）（圖二）。
• 影像依序圈選完畢以後，可以看到影像地圖的網址，或是在文章頁面內容中填入影像地圖的簡碼 [drawattention]，這樣就完成了。完成的影像地圖效果可以在文末的影片中看見。
• 這款外掛程式在操作上還算是簡單，最大的缺點應該就是免費版本只能建置一個影像地圖，如果您的網站有一個以上的影像地圖需要建置的話，那麼就需要考慮它的付費版本。

 
 

 
 

 
 

影像地圖展示影片

 

 

結論

WordPress 之所以可以成為這麼受歡迎的網站系統，真的要歸功於這麼多的志工程式設計師，有他們的無私奉獻，造就了整個社群的多方發展。這也是這麼多年來我一直推薦有心想要架設網站的朋友，不論是個人或是公司行號，都應該將 WordPress 列為網站架設的第一選擇，最主要的原因當然不只是因為是免費的系統，而是對於網站建置可以有無限想像的設計模式，您說您怎麼能不喜歡 WordPress 呢？