賽門的 wordpress 學習筆記

wordpress note

自定 woo 結帳畫面的帳單欄位

woo 的帳單欄位是可以自定屬性的,請將底下的程式碼,加入你的佈景 functions.php 裡面即可。

幫 wordpress 文章編輯器加入可選擇字型

wordpress 內建的文章編輯器是 TinyMce,一般我們在網站上使用這個… Continue Reading →

解決 PageSpeed Insights 顯示 javascript 禁止轉譯 (Render)

禁止轉譯到底是什麼東西?也就是網頁繪製過程中被塞住了,繪製被迫停了下來等待。像是使用 <script> ,網頁要等到它下載完並解析代碼完成才會再進行繪製,因此對較慢的server或是較大的js檔案來說,網頁會受到延遲展開。

使用 the_excerpt_rss 幫你的 wordpress feed 內容增加一些東西

WP 內建幾個類型的 feed,最常見的規格是 rss、rss2、atom,在你的網址後面加上 /feed/ 就可以顯示了,預設是供應 rss2 格式。若我想要在原本的內容增加一些資訊怎麼做?我們還是以hook方式,不去動到原本的核心程式來改。

wordpress 內建的完美中文截字函式 wp_trim_words

有時候我們沒有填寫文章摘要,所以必須要從文章的內容擷取一小段文字來替代。很多範例都使用 php 的函式 substr 來截字,對於英語系通常不會有問題,但對於像是中文語系,每個字都換算成3位元,如果混和英文在裡面,就有可能會把中文字截斷而出現亂碼。wordpress 內建了截字函式 wp_trim_words,對於這個問題將會迎刃而解,可以多多利用。

利用 get_tags() 取出所有標籤

wordpress 標籤 (tag) 的排序預設是以名稱(name)做排序,若是自己寫函數取標籤清單,我們有兩個欄位可以做排序,一是 count、二是 term_id。

三、Shortcode 短代碼 Enclosing 型態

前兩個教學都是以 self-closing 方式呈現,不用寫終止標籤,像是 html 的 img 元素一樣,不用結尾的標籤。Shortcode 也有 Enclosing 型態,他的呈現也和一般 html 一樣,例如:[my_short_code]中間內容[/my_short_code]。

在 wordpress 常見的RWD設計方法

以往網站設計會為了手機版,需要另外製作一個獨立的網站,但是這樣子要同時維護兩個網站,相當耗費時間。因此近年延伸出 RWD (Responsive Web Design) 的概念,也就是所謂的響應式設計。同一個網站,會隨著使用者的裝置解析度不同,網站會呈現不同的樣貌。

判斷user未登入並自動導向登入頁面

auth_redirect() 函數是用來幫 user 自動導向 login 畫面,所以只要再加上判斷該 user 是否已經登入,就可以完成整個判斷之後的流程,底下包成一個 function 供大家參考。

wordpress系統的預設程式檔案架構

要自行製作佈景,就必須先熟悉 wordpress 的程式架構,知道哪一個頁面使用了哪一個程式是相當重要的,這些 wordpress 自己通通規範了一套標準的『作業流程』。

« Older posts

© 2017 賽門的 wordpress 學習筆記 — 本站內容維護: 儒果網頁設計工作室

Theme by Anders NorenUp ↑