Search Results for: css

Text Highlight 文字醒目提示

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

繼續閱讀

WordPress Plugin GenerateBlocks – 區塊編輯外掛程式

WordPress Plugin GenerateBlocks 這是一款區塊編輯附加功能外掛程式,透過一些預建好的功能區塊,讓我們的內容編輯更方便、更容易就可以打造出專業的文章。今天分享的這一款外掛程式,是熱門佈景主題 GeneratePress 的開發者 Tom 所開發的外掛程式,與 GeneratePress 佈景主題可以完美的搭配建置出專業又漂亮的網站。不過與其他佈景主題也有很棒的相容,透過這款外掛程式提供的功能區塊,我們可以很方便的就建置出專業的頁面內容,有興趣的朋友一定要親自試試。

繼續閱讀

Zeno Font Resizer – 字體縮放外掛程式

Zeno Font Resizer 讓訪客透過點擊的方式,立刻進行字體縮放的外掛程式,可以幫助視覺能力較差的訪客更容易閱讀網站內容。雖然說網站是開放給所有的訪客,不過對於特別內容的網站來說,訪客基本上是會有特殊的分別。如果網站內容的對象都是中高齡的長者,那麼在網頁設計上就需要特別留意,特別是網站內容的文字字體大小。今天分享的外掛程式,就是具備這個功能,可以直接切換網站字體大小,方便中高齡長者更容易閱讀,如果你的網站訪客對象也是中高齡長者居多,那麼今天分享的外掛程式不要錯過了。

繼續閱讀

WordPress Plugin Editor Plus – 區塊編輯外掛程式

WordPress Plugin Editor Plus 區塊編輯外掛程式,讓區塊編輯變得輕鬆,創作內容更加有趣,喜歡 Gutenberg 的朋友不可獲缺的工具。有越來越多的外掛程式開發者投入區塊編輯的相關開發,這都是因為區塊編輯(Gutenberg)作為 WordPress 網站創作編輯的核心,開發應用的產品自然會越來越多,而這些附加元件的開發主要目的都是為了讓編輯可以更輕鬆,創作的內容更活潑更有效率,所以每一位 WordPress 網站的創作者,自然都會有屬於自己的這類外掛程式,往後的文章中,這裡也會大量介紹熱門與最新開發的區塊附加元件外掛程式給大家參考。

繼續閱讀

WordPress List Style – 清單樣式設計

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

繼續閱讀

WordPress Plugin Blocks Animation – 區塊動態效果外掛程式

WordPress Plugin Blocks Animation 透過這個外掛程式,我們讓網站內容更活潑有趣,達到吸引訪客瀏覽閱讀的目的。網站建置目的很少是為了自己開心,通常都會希望有訪客可以到訪,增加網站的流量,進而提升搜尋效果。因此很多網站管理者會想要透過各種方法來增進網站內容的可閱讀性,除了精美的圖片與好文筆外,適時的加入一些動態效果,更是深受網頁設計師的喜愛。今天分享的這一個動態效果外掛程式,可以讓我們很輕鬆的幫網站內容,不論是文字或是圖片、圖示,建立動態效果,一切都很簡單容易,只需要點選套用就可以了

繼續閱讀

WordPress 6.0 預覽

WordPress 6.0 讓網站的內容與網站的建置更加直覺與豐富。表訂時間 24 May 2022(台北時間 25)即將發佈的 WordPress 6.0版,提供非常多的功能加強還有程式碼錯誤的修正,身為網站管理者的朋友,這兩天花點時間瞭解,對於自己的網站管理,或是提供客戶網站服務,都會有很大的幫助,特別是網站開發與網頁設計人員。

繼續閱讀

Material Design for Contact Form 7 表單樣式外掛程式

Material Design for Contact Form 7 表單樣式外掛程式,方便我們設計 Contact Form 7,讓聯絡表單更有質感、更精美。常看這裡文章的朋友應該會發現,我個人非常喜歡介紹 Contact Form 7 這一個聯絡表單外掛程式。也介紹了很多相關的擴充外掛程式,原因在於這是一款運作非常穩定的聯絡表單外掛程式,在 WordPress 官網的外掛程式區裡,也有非常多的下載安裝啟用數量,提供的聯絡表單功能,也足以應付多數網站的需求。如果要說有什麼需要挑剔的地方,那就是它的表單樣式十分陽春,實在沒有什麼設計感。對於不懂式樣設計的朋友,Contact Form 7 聯絡表單外掛程式實在不受歡迎。所以,今天要跟大家介紹一款表單樣式擴充外掛程式,來幫助我們建置出漂亮的 Contact Form 7 聯絡表單,如果你也是跟我一樣喜歡使用 Contact Form 7 外掛程式的話,不要錯今天的文章內容。

繼續閱讀

WordPress Plugin Options for Twenty Twenty-One 外掛程式

WordPress Plugin Options for Twenty Twenty-One 透過這個外掛程式的設定與調整,連新手朋友都可以快樂的使用 2021 佈景主題。WordPress 5.6版發佈時,內建的佈景主題 Twenty Twenty-One,提供了非常棒的運作效能,幾乎不需要怎麼設定,就可以獲得非常好的測試成績(請見下圖)。如果是個人網站或是小型企業,非常推薦來使用這款內建預設的 2021 佈景主題。不過對於多數剛接觸 WordPress 的朋友來說,這個佈景主題在樣式設計上稍嫌困難,也因為這樣有了今天推薦的這一個外掛程式,透過今天分享的這一個外掛程式,大家可以以更輕鬆的方式,來改變網站的樣式,這是專門為了 Twenty Twenty-One 佈景主題所開發的功能外掛程式,使用 Twenty Twenty-One 佈景主題的朋友,一定要參考看看。

繼續閱讀

範例網站

範例網站 預建好的示範網站,點選前往檢視。 News 適用對象:部落客/設計師/攝影師/彩妝師/行家達人… Travel 適用對象:部落客/設計師/攝影師/彩妝師/行家達人… Business 適用對象:中小企業/組織/協會/公益團體… 🎁 需要 WordPress 主機服務的朋友,歡迎透過下列表單與我聯繫。 聯絡姓名(必填) 電子郵件地址(必填) 網站網址 預建示範網站內容 不需要需要 請選擇…NewsTravelBusiness...

繼續閱讀

WordPress Blocks Order – 手機區塊排序設計

WordPress Blocks Order 透過簡單的式樣設計,讓手機上區塊排序的設計,更符合訪的的閱讀習慣,創造更好的閱讀體驗。使用區塊編輯器來編輯 WordPress 文章內容,已經越來越受到大家的喜愛。也因為如此文章內容的版面設計,可以更多樣化、更吸引訪客的閱讀。以今天要分享的式樣小技巧來說,讓圖文區塊的排序,在手機上的展示效果,比較接近符合一般訪客的閱讀習慣,不受到區塊編輯器的排版影響,這也是我常常跟大家提到的,透過小小的改善,讓訪客的使用體驗更好,這是每位網站設計者必要的功課。

繼續閱讀

WordPress Plugin Advanced Gutenberg – 區塊編輯器擴充外掛程式

WordPress Plugin Advanced Gutenberg 這一款區塊編輯器擴充外掛程式,可以讓網站的 Gutenberg 編輯功能更強,建置出更棒功能的區塊。前一篇文章跟大家分享的佈景主題,是專為 Gutenberg 區塊編輯器所開發的佈景主題。我想每個最近安裝的 WordPress 網站,應該都知道 Gutenberg 區塊編輯器,這個內建預設的編輯器,可以說是整個 WordPress 核心轉變的一個關鍵,所以有非常多的外掛程式因應開發出來。今天分享的這一個外掛程式,可以算是 Gutenberg 區塊編輯器的擴充功能外掛程式,讓 Gutenberg 區塊編輯器提供更多的功能區塊,方便網頁的設計。

繼續閱讀

網站架設

WordPress 虛擬主機免費安裝設定