by max | 2019-06-21 | Codex
Custom Colored Underline 透過自訂底線效果的式樣設計,讓重點文字或是連結有了焦點效果。 漸層顏色效果一直是我個人很喜歡的一種網頁設計效果,除了可以提供訪客不同的視覺感受,更進一步可以達到推廣頁面內容的作用,這兩年也被大量的運用在網頁設計上。今天分享的內容是示範如何建立漸層效果的底線,來增加重點文字的關注效果,提升訪客的注意力,同樣也可以套用在連結上,創造出不同的式樣感覺。接下來就跟大家分享這式樣設計的語法,有興趣的朋友可以參考一下。 Custom Colored Underline...
by max | 2018-12-6 | 外掛程式
WordPress Plugin Simple Tooltips 為網站的文章內容提供提示框的說明,更有助於訪客的閱讀。 去年也是差不多這個時間點,跟大家分享了如何透過樣式表(CSS)的設計,在 WordPress 的文章內容裡來建立提示註解,有興趣的朋友可以參考 WordPress Tooltips With CSS – 如何新增註解提示這一篇文章的說明內容。不過還是有部分朋友跟我反應,透過 CSS...
by max | 2018-12-6 | 外掛程式
WordPress Plugin Code Snippets 可以讓我們自己添加程式碼或是式樣設計的外掛程式,這樣的功能與建立子佈景主題有什麼差異? 看到 WordPress 社團上很多人提起這一款外掛程式,所以檢視了一下官網上的說明,與我心裡面預期的不大一樣,所以今天特別花點時間好好來測試看看,是不是真的像其他朋友提到的那麼好用,對於新手朋友來說也是容易上手嗎?這一款外掛程式就可以應付網站的所有需求嗎?還是又會是另外一款功能重複的雞肋外掛程式。 WordPress Plugin Code Snippets...
by max | 2018-11-19 | 佈景主題
Google Font Noto Sans TC 思源黑體網路字型正式開放使用了,趕快幫自己的網站套用這漂亮的中文字體吧! 在 2016 google fonts – 如何為佈景主題新增中文字型這一篇文章,就已經跟大家介紹如何在 WordPress 網站,套用 Google 提供的網路中文字型,不過當時還是測試版本(Early Access )。最近 Google Font 終於正式發佈 Noto Sans TC 思源黑體網路字型,所以藉著這個機會再來跟大家分享一下,如何在自己的網站套用這一套網路字型。 Google...
by max | 2018-07-12 | Codex
WordPress Box Shadow 讓照片的質感一下子就提高了許多。 在三月的時候跟大家分享過一個線上製作式樣(CSS)的網站,讓不懂得式樣設計語法的朋友,也可以輕鬆的在 WordPress 網頁設計出一些特別的式樣效果。今天延續這個設計的技巧,跟大家分享如何透過陰影的設計,讓照片的質感提升,建置出高質感的照片網站。如果您的網站使用大量的照片,而且照片多是簡約風格,那麼今天的式樣技巧可以參考,會讓照片呈現特別的質感。 WordPress Box Shadow...