WordPress Highlight Color 文字反白效果
WordPress Highlight Color 為了幫助訪客閱讀時可以集中注意，把文字反白效果變得更活潑！最近在瀏覽幾個技術文件網站時發現，大家紛紛將網站的文字反白效果，做了一些式樣式的設計，個人覺得這個小小的設計很不錯。文字閱讀比瀏覽器預設的效果，更舒服一些更活偏一些。檢視一下設計的技巧，原來也很容易，支援多數的瀏覽器，所以特別將它記錄下來跟大家分享，有興趣的朋友可以參考一下。
繼續閱讀標籤: CSS
WordPress Plugin Simple Tooltips – 內容提示外掛程式
WordPress Plugin Simple Tooltips 為網站的文章內容提供提示框的說明，更有助於訪客的閱讀。去年也是差不多這個時間點，跟大家分享了如何透過樣式表（CSS）的設計，在 WordPress 的文章內容裡來建立提示註解，有興趣的朋友可以參考 WordPress Tooltips With CSS – 如何新增註解提示這一篇文章的說明內容。不過還是有部分朋友跟我反應，透過 CSS 的設計對他們來說，還是太複雜了一些。所以今天就要跟大家分享一款內容提示外掛程式，可以讓大家在編輯文章時，需要展示提示內容框時，透過編輯器上的按鈕，直接插入到文章就可以了。接下來的文章內容就跟大家來分享這一款外掛程式的安裝與使用，好與不好的測試內容。
繼續閱讀
WordPress Sliding Underline Effect – 超連結式樣設計
WordPress Sliding Underline Effect 今天介紹的超連結式樣設計，目的在幫助站內文章提高點擊率，這是改善網站 SEO 的第一步。有使用 Yoast SEO 外掛程式的朋友，應該會感覺到最近在編輯文章時，要達到綠燈的機會越來越高，多半的原因是因為 SEO 針對文章內容的設計提示，越來越容易讓編輯者檢視並進行修改。如果您的網站經營一段時間，發覺自己網站的文章內容點擊率沒有顯著提升，那麼我們建議您透過 Yoast SEO 外掛程式的設計協助，可以逐步改善網站文章內容的點擊成效。今天分享的文章重點不是 SEO 外掛程式的說明，而是其中的一項功能 internal links 站內連結，透過超連結的式樣設計，進一步達到提升站內其他文章內容的點閱率。
繼續閱讀
WordPress Gradient Text – 文字顏色漸層變化式樣
WordPress Gradient Text 在網頁展示文字顏色漸層變化式樣，讓活動頁面的效果更加精彩。今天跟大家分享的一個式樣技巧，我個人非常喜歡。就是透過在 WordPress 網站的分頁，製作活動頁面時，活動頁面標題或是活動訊息，透過式樣設計變化字體的顏色，不是製作圖像，可以讓頁面更活潑，更吸引訪客的目光。另外透過式樣設計（CSS），檔案小執行效率也會好，不需要多增加網頁的圖檔，目前也適用多數的瀏覽器，所以分享給大家，您可以在下列看見展示的預覽圖片，有興趣的朋友可以參考一下。
繼續閱讀
WordPress Link Hover Effects – 文章連結效果
WordPress Link Hover Effects 透過增加網站內容文章連結效果，提升訪客對於網站的閱覽。架設 WordPress 網站這麼長時間以來，一直希望網站的文章內容，可以幫助訪客獲得最好的閱讀效果，所以文章內容中帶到的連結，沒有使用連結式樣效果，與內文設計一體。但是最近兩年觀察下來，很多訪客對於文章的閱讀比較沒有耐心，忽略了文章中提到的相關訊息，因此重複性的問題一直出現在詢問的信件中。所以從 8 月份開始，網站文章內容中提到的連結，新增加了顏色漸進的效果，重點式的標示出文章相關資訊連結，希望透過這樣的修改，讓訪客可以更清楚的取得更完整的教學資訊。
繼續閱讀
WordPress Box Shadow – 高質感圖片陰影設計
WordPress Box Shadow 讓照片的質感一下子就提高了許多。在三月的時候跟大家分享過一個線上製作式樣（CSS）的網站，讓不懂得式樣設計語法的朋友，也可以輕鬆的在 WordPress 網頁設計出一些特別的式樣效果。今天延續這個設計的技巧，跟大家分享如何透過陰影的設計，讓照片的質感提升，建置出高質感的照片網站。如果您的網站使用大量的照片，而且照片多是簡約風格，那麼今天的式樣技巧可以參考，會讓照片呈現特別的質感。
繼續閱讀
WordPress Style Specific Post – 自訂單一文章頁面式樣
WordPress Style Specific Post 在指定的文章頁面套用獨特的式樣設計，讓網站的內容更加吸引訪客的注意。在 WordPress 網站修改式樣設計是一件很有趣的事情，很多時候為了客戶或是版面的需要，原先採用的佈景主題並沒有內建這些效果，通常我們會透過其他的方式（例如編寫進子佈景主題）來帶入這些特別的式樣效果。這樣的設計方式有個很大的好處就是，不會因為佈景主題版本更新，造成這些式樣設計被覆蓋，在這裡的文章可以看到我常常推薦大家使用子佈景主題。而今天要分享的式樣設計技巧則是更進一步，只在指定的文章或是頁面才會套用這些效果，可以說是讓我們的式樣設計可以更靈活更多樣化。
繼續閱讀
WordPress CSS Image Hover – 圖片特效式樣設計
WordPress CSS Image Hover 不裝外掛程式，也可以做成圖片特效式樣設計。我自己的 WordPress 網站內容，對於圖片的效果僅止於做些陰影讓版面有點立體感。很多朋友或是客戶的網站，對於圖片的效果需求就沒有這麼簡單，希望圖片的越多效果越好，感覺月能吸引訪客的注意。在官網上也真的可以找到很多關於圖片效果的外掛程式，不過今天我們要來分享一下，透過簡單的 CSS 式樣設計，讓訪客在瀏覽圖片時因為滑鼠經過而有一些特殊的效果，這樣的設計方式，需要一點點的網頁設計，新手朋友可以操作學習看看。
繼續閱讀
WordPress Remove Contact Form 7 JS And CSS
網站效能微調，移除不需要載入的檔案！Contact Form 7 是一款聯絡表單外掛程式，在我經手的很多 WordPress 網站上都有安裝這一款外掛程式。基本是這是一款十分穩定，個人認為效能也還算不錯的外掛程式。不過最近朋友看到有其他網誌寫到 10 款拖慢網站速度的外掛程式，Contact Form 7 也名列其中，因此詢問應該要怎麼處理才好。雖然我個人並沒有遇到網站速度被拖慢的情況發生，不過 Contact Form 7 官網文件，倒是也有提到在需要執行時再載入 JavaScript 與 Stylesheet，這樣應該或多或少可以減低外掛程式對網站運作的影響，接下來的內容就是跟大家分享如何移除 JS 與 CSS（WordPress Remove Contact Form 7 JS And CSS）在需要的頁面才載入。
繼續閱讀
WordPress CSS Shadow Effects – 陰影式樣技巧
讓不懂程式碼的朋友也可以享受網頁設計的樂趣，一直是我努力的目標。在我開始使用 WordPress 以後，這個理想的網站設計夢設計又往前邁進一大步了。很多朋友問到不會式樣（CSS）設計的技巧，要怎麼修改網站內容的設計呢？很幸運的在網路這麼發達的今天，有非常多的網路資源可以參考，而我們只需要如何的將這些技巧，運用在我們自己的網站就好了。
繼續閱讀
WordPress Tooltips With CSS – 如何新增註解提示
WordPress Tooltips With CSS 要如何在文章的內容新增註解提示呢？最近朋友問到在其他朋友架設的 WordPress 網站，看見註解有提示功能的展示，想要知道可不可以也在自己的 WordPress 網站套用。關於註解提示的出現場合，一般是對於某些關鍵字是訪客經常需要的資訊，或是網站作者想要對字串下特別說明的註解或是提示，這些功能的目的都是在幫助訪客接收更完整的文章訊息。
繼續閱讀
網站架設
