文章分類:Codex
如何移除 WordPress Logo 圖示

如何移除 WordPress Logo 圖示

如何移除 WordPress Logo 圖示,對於很多控制台客製化的設計師來說,這是基本修改的開始。很多網站設計師喜歡使用 WordPress 來架設網站,卻常常對控制台的樣式非常不滿意,特別是有些功能連結對於客戶、業主來說並不適用,所以很多所謂的客製化設計,會建立全新的控制台來讓業主、客戶感覺不一樣的效果。今天分享的簡單程式碼,可以幫我們移除控制台左上方的 WordPress logo 圖示,有興趣的朋友可以參考看看。

繼續閱讀
WordPress Site Admin Email Verification – 電子郵件位址確認

WordPress Site Admin Email Verification – 電子郵件位址確認

WordPress Site Admin Email Verification 強化網站管理的電子郵件位址確認,是網站管理者的例行公事。在 WordPress 5.3 版發佈時,多了這項網站管理者電子郵件位址(Administration Email Address)確認的機制。主要的目的,就是確保網站最重要的聯繫可以維持正確的資訊,網而站管理者電子郵件位址(Administration Email Address)是這項聯繫中的關鍵要素。在預設的情況下,每隔六個月,管理者在登入後台的時候,會出現一次提示視窗,提醒管理者再次檢視網站管理者的聯絡資訊是否正確。這項強化安全性的功能,對於管理許多網站的朋友,可能會覺得有點礙眼,或是對於代管網站的朋友來說,當客戶登入時,有可能因為這個提示去修改了聯絡資訊,這就會造成了網站管理上的困擾。

繼續閱讀
WordPress SVG Support – 可縮放向量圖形

WordPress SVG Support – 可縮放向量圖形

WordPress SVG Support 讓網站支援可縮放向量圖形,提供更好的圖示效果。SVG 可縮放向量圖形(Scalable Vector Graphics)是一種基於可延伸標記式語言(XML),用於描述二維向量圖形的圖形格式。簡單的說它就是一種圖形的格式,就像我們常用的 JPG、PNG 或是 GIF,SVG 檔案最顯而易見的好處就是,檔案調整任意尺寸,也不會有馬賽克的現象發生,維持一定的圖形品質。不過比較遺憾的是 WordPress 預設的情況下並不支援這種檔案格式。所以今天要跟大家分享一下,如何在自己的 WordPress 網站,使用這個可縮放向量圖形 SVG 檔案。

繼續閱讀
Facebook Customer Chat – 手動建立臉書顧客洽談功能

Facebook Customer Chat – 手動建立臉書顧客洽談功能

Facebook Customer Chat 不需要透過外掛程式,也可以手動建立臉書顧客洽談功能!前幾天跟大家分享的 WordPress 外掛程式,是 Facebook 臉書官方開發的顧客洽談外掛程式,方便大家在網站上建立臉書訊息,即時聯絡的功能。如果不想要透過安裝外掛程式來建立的話,也可以試試今天分享的方法,只需要在側邊欄的小工具,置入一段語法,同樣也可以讓網站擁有即時臉書訊息聯絡的功能,有興趣的朋友請繼續閱讀今天分享的文章內容。

繼續閱讀
WordPress CSS Filter – 圖片濾鏡效果樣式設計

WordPress CSS Filter – 圖片濾鏡效果樣式設計

WordPress CSS Filter 透過式樣設計,讓圖片展示各種濾鏡效果,豐富網站的頁面設計!今天分享的 CSS 設計技巧非常有趣,不需要透過影像軟體的編輯,就可以讓圖片直接產生濾鏡效果,讓 WordPress 網頁設計變得多樣化。網站架設的過程,網頁設計也是其中很重要的一環,雖然對於很多新手朋友來說,開始透過設計語法來設計網頁,可能有些難度,不過線上的教學資源真的非常多,今天介紹的 MDN 就是一個很棒的網站,雖然中文文件還沒有很完整,不過提供這麼多免費的學習文件,仍然是一個每位網頁設計者應該到訪的網站。

繼續閱讀
Balloon.css – 提示效果式樣設計

Balloon.css – 提示效果式樣設計

Balloon.css 只需要透過式樣設計,就可以產生漂亮的訊息提示效果。透過 WordPress 來架設網站,是一件非常有趣的事情。每個人都可以在這個主程式的規範下,去變化更種獨特的效果,而這些效果是為了自己的網站需求。同時,也可以很輕鬆的將網路上的各項設計資源整合進來套用,說真的是大大降低了網站設計師開發的時間,這麼多好用的工具,是不是也想試試看呢?今天跟大家分享的是提示效果的 CSS 設計,不需要其他 JS 程式碼,就可以產生很棒的效果,有興趣的朋友,請繼續閱讀接下來的文章內容。

繼續閱讀
WordPress Featured Images On Admin – 後台展示精選圖片

WordPress Featured Images On Admin – 後台展示精選圖片

WordPress Featured Images On Admin 在後台展示文章精選圖片的縮圖,方便網站管理者的管理。前一陣子剛好有朋友問到,可不可以在 WordPress 網站後台,所有文章列表展示精選圖片,方便管理呢?搜尋一下,相關的外掛程式不少,不過精選圖片已經是內建的功能,只是要展示出來,應該可以有更簡單的方法才對,最後在 Stack Exchange Network 找到了很不錯的解決方法,趁這個機會一併跟大家分享,如果也想要在後台展示精選圖片縮圖的朋友,可以參考今天的文章內容。

繼續閱讀
Custom Colored Underline – 自訂底線效果式樣設計

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

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

繼續閱讀
WordPress Custom Translations 自訂本地化語系檔

WordPress Custom Translations 自訂本地化語系檔

WordPress Custom Translations 透過自訂本地化語系檔路徑的動作,避免因為語系檔案更新,而覆蓋了原來的本地化翻譯檔案!雖然目前在 WordPress 官網上,提供支援繁體中文本地化的外掛程式與佈景主題越來越多,對很多繁體中文網站也確實提供了非常大的幫助。不過有時候因應個別的案例,需要提供某些自訂的繁體中文內容,常常讓很多站長傷透腦筋。在之前分享過的 Loco Translate 外掛程式就可以提供這樣的功能,讓網站管理者可以自己翻譯外掛程式與佈景主題的語言檔。不過今天想要跟大家分享另外的一個方法,是已經有繁體中文的本地化檔案了,只想要修改部分內容來符合客戶的需要或是自己的需求,但是又不想因為本地化檔案更新,自訂的內容被覆蓋掉,有興趣的朋友可以參考一下今天分享的程式片段。

繼續閱讀
WordPress Anchor Text – 錨點文字連結

WordPress Anchor Text – 錨點文字連結

WordPress Anchor Text 錨點文字連結,網站內容中經常被使用到,特別是那些一頁式的網站,這個頁內連結就更顯得重要了。有使用 SEO 外掛程式的朋友,特別像是 Yoast SEO,應該會注意到它的發文建議中,常常提到文章需要建立外部連結與內部連結,而這些連結的文字就是所謂的 Anchor Text。不過今天我想要跟大家分享的是如何將這個錨點文字連結,運用在同一個頁面中,讓訪客可以直接跳到需要的文章段落。特別是那些一頁式網頁的網站,這個功能對於網站內容被確實讀取,有著很大的幫助。有興趣的朋友不妨參看看,如果您想要建置一頁式網頁的網站,那麼今天分享的文章內容不要錯過。

繼續閱讀
WordPress Gettext – 佈景主題中文化

WordPress Gettext – 佈景主題中文化

WordPress Gettext 透過這個 filter hook 功能,可以幫助我們用比較簡單的方式,幫自己的佈景主題中文化。很多朋友最近因為黑色星期五的採購日,採買了很多付費的佈景主題,這些功能強大的佈景主題,因為是國外開發商開發的佈景主題,對於中文化的支援可以說是幾乎沒有,特別是很受歡迎的 Avada 也是如此。雖然佈景主題附上了語言檔,讓大家可以透過 Poedit 軟體或是在 WordPress 後台安裝外掛程式來幫我們的網站中文化,相對來說整個建置的過程耗費的時間較大。所以今天想要跟大家來分享一下,透過簡單的過濾條件,幫我們找到字串翻譯成中文,符合網站的簡單需求,中文化建置的時間可以縮短到非常短。

繼續閱讀
WordPress Gutenberg Preview 區塊編輯器預覽

WordPress Gutenberg Preview 區塊編輯器預覽

WordPress Gutenberg Preview 面對即將發佈的 5.0 版,這個令人既期待又怕收傷害的區塊編輯器,有什麼需要先瞭解的呢?表定時間 11/27 即將發佈的 WordPress 5.0 版,這次的升級有了一個很大的變革,就是把行之多年的傳統編輯器,變動為區塊編輯器(Gutenberg)。這個改變在整個 WordPress 社群裡,引起來正反兩邊非常大的爭執,到底 Gutenberg 有什麼驚人之處,或是它到底有多麼難用,讓這麼多人唾棄它,今天我將透過實際操作來跟大家分享我的看法,當然也是我個人為了即將到來的 5.0 版,預先做好升級前的準備動作,有興趣的朋友就請繼續參考接下來的文章內容。

繼續閱讀

最新文章

Content Restriction 如何建立會員限定內容

Content Restriction 如何建立會員限定內容

Content Restriction 如何建立會員限定內容?這是很多客製化 WordPress 網站最常遇到的功能之一,透過 Advanced Custom Fields 與 Block Visibility 外掛程式,就可以輕鬆完成。客製化 WordPress 網站,最常見的功能之一,就是建立會員專屬內容,根據會員等級不同,來提供不同內容的文章或是媒體,達到會員限定內容的目的。今天將透過兩個免費卻非常實用的外掛程式 Advanced Custom Fields 與 Block Visibility,可以很輕鬆的就建立一個完整的會員內容限定系統,有興趣的朋友可以試試。

WP-PostViews 瀏覽次數外掛程式

WP-PostViews 瀏覽次數外掛程式

WP-PostViews 瀏覽次數外掛程式,是一款可以很方便的紀錄網站內容,例如文章或是頁面訪客瀏覽記錄外掛程式,而且完全不會影響運作效能。今天之所以分享這個文章瀏覽次數統計外掛程式,最主要是因為在全站編輯(FSE)下,可以非常輕鬆的在區塊編輯器中使用外掛程式提供的功能,讓文章可以即時展示訪客瀏覽次數統計資料,這也是一種與訪客戶動的小功能,特別是那些需要提供業主基本瀏覽次數的業配內容,這算是一款操作容易設定簡單的外掛程式,有興趣的朋友可以試試。

Pay with LINE Pay 行動支付外掛程式

Pay with LINE Pay 行動支付外掛程式

Pay with LINE Pay 行動支付外掛程式,是一款專門針對台灣線上商店使用習慣的行動支付外掛程式,讓線上購物的付款流程更方便更快速。今天分享的 Pay with LINE Pay 行動支付外掛程式,是很多本地 WordPress 購物網站非常需要的一種行動支付功能,由台灣本地開發者 Stanley Wang 所開發,這個外掛程式操作非常容易,設定也相對簡單,有使用 WooCommerce 購物外掛程式的朋友,這是一款值得推薦的外掛程式。

Better Messages 即時線上聊天外掛程式

Better Messages 即時線上聊天外掛程式

Better Messages 即時線上聊天外掛程式,除了方便會員之間訊息傳遞,也可以當作線上服務系統,變成與訪客戶動的留言板。對於擁有會員系統的 WordPress 網站來說,擁有即時通訊功能,可以加強會員之間的聯繫與管理者的溝通,同時也是很多網頁設計朋友常常需要的網站設計功能。今天要跟大家分享的這一個外掛程式,就具備這樣的功能,同時還可以當作客服系統的一部份,與訪客做線上的即時互動,有興趣的朋友可以參考看看。

Site Identity Site Icon 區塊佈景網站圖示

Site Identity Site Icon 區塊佈景網站圖示

Site Identity Site Icon 區塊佈景網站圖示,在全站編輯的區塊編輯模式下設定網站圖示,讓瀏覽器的小圖示展示網站品牌識別效果。有越來越多的架站朋友因為喜歡區塊編輯的方式,進而使用區塊佈景主題。今天要跟大家分享的內容是如何在區塊佈景主題裡設定網站圖示,在以往的佈景主題設計,只需要到外觀的自訂就可以輕鬆的設定 Site Icon 網站圖示,不過到了區塊佈景主題時,就稍微複雜了一些,接下來會以兩種方法來建立網站圖示,有興趣的朋友請耐心閱讀。

WP show more 顯示更多外掛程式

WP show more 顯示更多外掛程式

WP show more 顯示更多外掛程式,不需要設定就可以透過短代碼的方式,隱藏或顯示更多部分內容,是一款間單易用好操作的外掛程式。網站內容一直都是 WordPress 網站的強項,特別是如果想要獲得更好的搜尋結果,網站管理者對於內容的建立更是卯足了全力。今天分享的這一個外掛程式,安裝完成啟用後完全不需要設定,透過短代碼就可以開始套用效果,方便我們去隱藏與顯示更多的部分內容,這個功能對於網站內容需要註解或是加強說明時非常好用,有興趣的朋友可以試試。

WordPress 基礎教學

Step By Step

Theme Divi 教學

Step By Step

xStore 網站立即購

體驗全新的網站採購樂趣!