標籤: 樣式

Visual CSS Style Editor 樣式編輯外掛程式

Visual CSS Style Editor 樣式編輯外掛程式,這是一款視覺化 CSS 樣式編輯器,可以直接點擊區塊進行樣式設計的外掛程式。喜歡使用區塊編輯器來編輯 WordPress 網站內容的朋友,一定都都會遇到樣式無法隨心所欲修改的困擾,如果你也有這樣的困擾,那麼今天分享的外掛程式不要錯過了。視覺化的編輯模式,直接就可以對區塊作 CSS 樣式修改非常方便,有興趣的朋友一定要試試。

繼續閱讀

WordPress Additional CSS – 附加的 CSS

WordPress Additional CSS 透過編輯附加的 CSS,讓網站擁有自己需要的自訂樣式,是管理 WordPress 網站的第一步。很多剛剛接觸 WordPress 網站架設的朋友,對於修改網站樣式總是有著非常多的問題,除了這裡經常跟大家分享的建立子佈景主題的方式,另外就是今天要跟大家分享的附加的 CSS。如果只是簡單的字型、顏色、又或是單一區塊的樣式,都可以利用佈景主題提供的附加的 CSS,填入適當的 CSS 語法,就可以讓網站的樣式符合自己的需求,相較於子佈景主題建置的方式,這個方法在操作上會比較簡單。有興趣的朋友可以參考看看。

繼續閱讀

WordPress Plugin Add Admin CSS – 控制台樣式設計外掛程式

WordPress Plugin Add Admin CSS 透過修改控制台樣式,讓管理者可以更容易完成與操作例行的管理工作與編輯發文。在社團看到有人提問,WordPress 後台的編輯區域,字體大小的呈現過小,讓編輯工作顯得十分吃力。很多網友提供在外觀/自訂/附加的 CSS 做修改,這個方法其實沒有辦法修改控制台的相關式樣設計。因此,有了今天這一篇文章。來跟大家簡單說明一下,可以透過程式碼,也可以透過外掛程式的幫助,來修改控制台的樣式,讓管理者的工作可以更容易執行,管理工作可以更輕鬆效率可以更好。

繼續閱讀

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

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

繼續閱讀

WordPress Plugin Twentig – 佈景主題設定調整外掛程式

WordPress Plugin Twentig 這是一款佈景主題設定調整外掛程式,讓 Twenty Twenty 佈景主題的樣式調整更容易。最近很多朋友提到 PageSpeed Insights 或是 Google Lighthouse 瀏覽器擴充功能,這些關於網站速度評測的工具。雖然我個人覺得網站的內容,比這些評測結果來的重要很多,不過,對於非常在意這些評測分數的朋友,這也未嘗不是一種改善網站的好依據。因此,我個人會推薦使用,自 WordPress 5.3 版起,預建的佈景主題 Twenty Twenty,在不需要什麼特別設定的情況下,就可以獲得幾乎滿分的優秀表現。

繼續閱讀

WordPress Plugin Advanced CSS Editor – 樣式編輯外掛程式

WordPress Plugin Advanced CSS Editor 這是一款讓我們可以在不同裝置,個別自訂樣式的編輯外掛程式,讓網站呈現更多樣化。目前的 WordPress 網站,通常都已經支援提供在各種行動裝置上瀏覽,這主要是因為佈景主題的設計已經完整的支援 RWD(Responsive web design)設計。這樣設計的好處,是讓我們不需要擔心,訪客在手機或是其他裝置上的瀏覽會有什麼問題。這是很好的設計,減少了一般網站管理人員設計上的困擾。不過也正因為這樣,所以如果想要做一些不同裝置間的樣式設計變化,常常不曉得要如何進行。今天分享的外掛程式,就是來幫助解決這個問題的。可以讓我們很輕鬆的在不同裝置間,設計不同的樣式,操作上也很容易,所以推薦給大家。

繼續閱讀

網站架設

WordPress 虛擬主機免費安裝設定