標籤: Custom CSS

Image Scroll on Hover 圖片捲動效果

Image Scroll on Hover 圖片捲動效果,透過簡單的 CSS 設計,讓圖片的設計有了新的展示效果,增加訪客的閱讀意願。WordPress 網站作為最佳內容管理系統,建立圖文並茂的網站內容,一直都是每一位網站管理者或是網頁設計師努力的目標。今天要跟大家分享一點點 CSS 設計語法,讓原本的長度過長的圖片,配合文字排版,可以有不同的展示效果,又不會影響圖片的完整性,這也是很多網站設計經常會被使用到的技巧,有興趣的朋友可以參考看看。

繼續閱讀

Text Highlight 文字醒目提示

Text Highlight 文字醒目提示可以讓訪客清楚看見重點提示,增進閱讀效果,是非常多網站設計經常使用的設計元素。使用 WordPress 架設網站,最大的好處就可以非常方便的快速建置內容。而這麼大量的內容要如何吸引訪客的注意,網站管理者與網頁設計師,都會竭盡心力的達成這個目的。而其中最常見的一種方法就是 Text Highlight 文字醒目提示,透過這些關鍵字的提示效果,加深訪客對於文章內容的印象,或是提供導覽到關鍵頁面。今天分享的簡單技巧就是關於如何建立 Text Highlight 文字醒目提示,新手朋友不要錯過了。

繼續閱讀

WordPress List Style – 清單樣式設計

WordPress List Style 透過簡單的 CSS 設計,讓清單樣式有了不一樣的效果,增加網站閱讀的樂趣,吸引訪客的目光。WordPress 的內容,編輯上已經有很多的工具,可以幫助我們排版與發佈。今天分享的清單設計,可以讓網站內容條理更明顯,訪客在閱讀時獲取的資訊可以清楚。緊接下來的內容是關於 CSS 設計,透過一些簡單的 CSS 設計,改變清單的符號樣式,讓清單樣式設計活潑有趣,有興趣的朋友可以參考看看。

繼續閱讀

WordPress Plugin Blocks CSS – 區塊樣式設計外掛程式

WordPress Plugin Blocks CSS 透過這一個外掛程式的設計,喜歡式樣設計的朋友,可以很輕鬆的為文章或是頁面內容作變化,提供訪客更棒的閱讀體驗。很多 WordPress 網站的管理者,對於內建編輯器的樣式設計很不滿意,一些小小的樣式修改都需要花費很大的功夫。今天分享的這一個外掛程式,對於 CSS 設計語法瞭解的朋友,可以很容易的為區塊內的內容,建立個別的樣式設計,達到自己希望的內容展示效果。如果你也懂得使用 CSS 式樣設計語法,那麼今天分享的這一個外掛程式不要錯過了。

繼續閱讀

Custom Colored Underline – 自訂底線效果式樣設計

Custom Colored Underline 透過自訂底線效果的式樣設計,讓重點文字或是連結有了焦點效果。漸層顏色效果一直是我個人很喜歡的一種網頁設計效果,除了可以提供訪客不同的視覺感受,更進一步可以達到推廣頁面內容的作用,這兩年也被大量的運用在網頁設計上。今天分享的內容是示範如何建立漸層效果的底線,來增加重點文字的關注效果,提升訪客的注意力,同樣也可以套用在連結上,創造出不同的式樣感覺。

繼續閱讀

WordPress CSS Shadow Effects – 陰影式樣技巧

讓不懂程式碼的朋友也可以享受網頁設計的樂趣,一直是我努力的目標。在我開始使用 WordPress 以後,這個理想的網站設計夢設計又往前邁進一大步了。很多朋友問到不會式樣(CSS)設計的技巧,要怎麼修改網站內容的設計呢?很幸運的在網路這麼發達的今天,有非常多的網路資源可以參考,而我們只需要如何的將這些技巧,運用在我們自己的網站就好了。

繼續閱讀

網站架設

WordPress 虛擬主機免費安裝設定