文章分類:Codex
WordPress Redirect To Thank You Page – 轉向感謝頁面

WordPress Redirect To Thank You Page – 轉向感謝頁面

WordPress Redirect To Thank You Page 將訪客在聯絡表單填寫完成以後,轉向特定的感謝頁面,除了可以表達對訪客的感謝,也可以發揮流量成果檢視效果。在 WordPress Contact Form 7 Redirect – 表單傳送後轉址頁面設定這一篇文章,我們分享過如何在 Contact Form 7 聯絡表單的設計中,將訪客填寫完成的動作轉向指定的頁面。不過這個 on_sent_ok 語法在 2017 年底,Contact Form 7 官方已經捨棄不用。因此,今天將跟大家分享在不透過外掛程式的協助下,簡單編輯佈景主題的檔案,也可以達成聯絡表單填寫完成以後,轉向自訂的感謝頁面,如果需要還可以套用 Google Analytics 追蹤碼,來記錄感謝頁面的流量記錄。

繼續閱讀
WordPress Hide Editor Menu – 隱藏文章編輯器選單

WordPress Hide Editor Menu – 隱藏文章編輯器選單

WordPress Hide Editor Menu 透過隱藏文章編輯器多餘的選單圖示,幫助編輯者可以更專注於文章內容的編輯操作。Elegant Themes 是一款我個人十分推薦的 WordPress 付費佈景主題,基於它對於網站建置的強大功能,所以介紹給非常多的朋友使用。提起這一款佈景主題從開發到現在也超過 10 年了,在設計上也增加了許多新功能。因此,對於最早時期留下來的一些功能,在編輯文章頁面時,幾乎沒有使用的機會。為了文章頁面的編輯操作可以精簡,我們將這些不曾使用的選單圖示給隱藏起來,讓文章的編輯者可以更專注在內容編輯上。今天分享的隱藏方法,除了 Divi 佈景主題的功能適用,原本的編輯器上的選單圖示也適用,有興趣的朋友可以參考看看。

繼續閱讀
WordPress Link Hover Effects – 文章連結效果

WordPress Link Hover Effects – 文章連結效果

WordPress Link Hover Effects 透過增加網站內容文章連結效果,提升訪客對於網站的閱覽。架設 WordPress 網站這麼長時間以來,一直希望網站的文章內容,可以幫助訪客獲得最好的閱讀效果,所以文章內容中帶到的連結,沒有使用連結式樣效果,與內文設計一體。但是最近兩年觀察下來,很多訪客對於文章的閱讀比較沒有耐心,忽略了文章中提到的相關訊息,因此重複性的問題一直出現在詢問的信件中。所以從 8 月份開始,網站文章內容中提到的連結,新增加了顏色漸進的效果,重點式的標示出文章相關資訊連結,希望透過這樣的修改,讓訪客可以更清楚的取得更完整的教學資訊。

繼續閱讀
WordPress Box Shadow – 高質感圖片陰影設計

WordPress Box Shadow – 高質感圖片陰影設計

WordPress Box Shadow 讓照片的質感一下子就提高了許多。在三月的時候跟大家分享過一個線上製作式樣(CSS)的網站,讓不懂得式樣設計語法的朋友,也可以輕鬆的在 WordPress 網頁設計出一些特別的式樣效果。今天延續這個設計的技巧,跟大家分享如何透過陰影的設計,讓照片的質感提升,建置出高質感的照片網站。如果您的網站使用大量的照片,而且照片多是簡約風格,那麼今天的式樣技巧可以參考,會讓照片呈現特別的質感。

繼續閱讀
WordPress Style Specific Post – 自訂單一文章頁面式樣

WordPress Style Specific Post – 自訂單一文章頁面式樣

WordPress Style Specific Post 在指定的文章頁面套用獨特的式樣設計,讓網站的內容更加吸引訪客的注意。在 WordPress 網站修改式樣設計是一件很有趣的事情,很多時候為了客戶或是版面的需要,原先採用的佈景主題並沒有內建這些效果,通常我們會透過其他的方式(例如編寫進子佈景主題)來帶入這些特別的式樣效果。這樣的設計方式有個很大的好處就是,不會因為佈景主題版本更新,造成這些式樣設計被覆蓋,在這裡的文章可以看到我常常推薦大家使用子佈景主題。而今天要分享的式樣設計技巧則是更進一步,只在指定的文章或是頁面才會套用這些效果,可以說是讓我們的式樣設計可以更靈活更多樣化。

繼續閱讀
WordPress Product Enquiry Form – 商品試用索取表單

WordPress Product Enquiry Form – 商品試用索取表單

WordPress Product Enquiry Form 透過聯絡表單整合,建立商品試用索取表單。如果您的 WordPress 網站安裝了 WooCommerce 與 Contact Form 7 聯絡表單(其他聯絡表單亦可)外掛程式,那麼今天分享的文章內容您一定會喜歡。我們將在商品頁面建立一個試用商品索取的按鈕,然後透過聯絡表單來聯繫。這樣建置的目的除了減少外掛程式使用以外,更重要是讓原本就已經使用的外掛程式可以相互整合,達到最大的效用。

繼續閱讀
WordPress Pagination – 如何建立分頁選單

WordPress Pagination – 如何建立分頁選單

WordPress Pagination 透過建立分頁選單,讓網站內容更容易被閱讀。今天分享的分頁選單建立方法,在有些 WordPress 佈景主題是內建的功能。不過還是有部分佈景主題只提供簡單的下一頁與上一頁選單功能,剛好朋友問到如何建立立分頁選單按鈕,今天一併將找到的解決方法跟大家分享,如果您的佈景主題也正在尋求分頁選單按鈕的建置方法,可以參考一下接下來的文章內容。不過今天分享的方法是透過修改部分檔案來建立分頁選單,所以需要部分檔案編輯的能力,另外也需要先建置好子佈景主題。

繼續閱讀
WordPress Remove Contact Form 7 JS And CSS

WordPress Remove Contact Form 7 JS And CSS

網站效能微調,移除不需要載入的檔案!Contact Form 7 是一款聯絡表單外掛程式,在我經手的很多 WordPress 網站上都有安裝這一款外掛程式。基本是這是一款十分穩定,個人認為效能也還算不錯的外掛程式。不過最近朋友看到有其他網誌寫到 10 款拖慢網站速度的外掛程式,Contact Form 7 也名列其中,因此詢問應該要怎麼處理才好。雖然我個人並沒有遇到網站速度被拖慢的情況發生,不過 Contact Form 7 官網文件,倒是也有提到在需要執行時再載入 JavaScript 與 Stylesheet,這樣應該或多或少可以減低外掛程式對網站運作的影響,接下來的內容就是跟大家分享如何移除 JS 與 CSS(WordPress Remove Contact Form 7 JS And CSS)在需要的頁面才載入。

繼續閱讀
WordPress CSS Shadow Effects – 陰影式樣技巧

WordPress CSS Shadow Effects – 陰影式樣技巧

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

繼續閱讀
WordPress Remove Query Strings – 移除查詢字符串

WordPress Remove Query Strings – 移除查詢字符串

快還要更快?網站追求速度的目的是什麼?很多朋友喜歡拿 GTMetrix 的網站速度測試成績來說項,雖然這並不能做為網站好與壞的評分標準,但是卻也帶給了很多網站設計朋友不小的困擾。在測試成績中有幾項評分,對於 WordPress 網站來說是最常被扣分的項目,今天分享的移除查詢字符串 WordPress Remove Query Strings ,就是其中扣最多分的地方。接下來的文章會跟大家分享如何讓它獲得加分,而又應該如何來面對處理所謂的移除查詢字符串 Remove Query Strings。

繼續閱讀

最新文章

WordPress Theme Qi – 100 種免費範本佈景主題

WordPress Theme Qi – 100 種免費範本佈景主題

WordPress Theme Qi 提供 100 種免費範本的佈景主題,不論是質感與設計感,都可以媲美付費佈景主題,而 Qi 佈景主題卻是 100% 免費提供給大家下載安裝。選擇一款優質的佈景主題,在 WordPress 網站的建置過程中,扮演著非常重要的角色。對於很多剛接觸 WordPress 網站的朋友更是非常重要,特別是提供示範內容的佈景主題,可以讓網站建置的過程輕鬆又愉快。今天分享的這一款佈景主題,就有著這麼強大的功能,提供完整的範例網站內容足足有 100 種,而這個佈景主題開發商,就是非常出名的 Qode,以開發專業、漂亮又有質感著稱的佈景主題開發商。

WordPress  Additional CSS – 附加的 CSS

WordPress Additional CSS – 附加的 CSS

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

WordPress Google Search Console

WordPress Google Search Console

WordPress Google Search Console 透過免費的網站分析工具,改善 Google 搜尋結果,這是每位網站管理者的功課。在 WORDPRESS WRITING POSTS – 如何寫好一篇文章,跟大家分享了如何的讓自己的網站內容,可以讓訪客喜歡閱讀,搜尋引擎可以正確搜錄,提昇自己 WordPress 網站搜尋結果的排名,這也正是每一位網站管理者每天例行的功課。不過,這些都是基本功,在網站經營一段時間以後,還是需要透過一些工具來幫助分析,衡量網站的 Google 搜尋流量和成效、修正問題,達到提升網站搜尋結果的排名的效果。而這個擁有強大分析而且免費的工具就是 Google Search Console。接下來的文章內容會跟大家分享如何透過 Google 帳號來使用 Google Search Console,有興趣的朋友不妨參考看看。

FlexClip 免費的線上影片編輯工具

FlexClip 免費的線上影片編輯工具

FlexClip 網站提供的免費線上影片編輯工具,讓我們可以輕鬆的完成影片製作,豐富網站內容提高訪客目光焦點。每一位使用 WordPress 來架設網站的朋友,應該都對於內容創作非常喜愛。而 WordPress 作為一套內容管理系統,讓內容創作者可以很容易的發佈自己的創作,不論是文字、圖片、音樂又或是影片。隨著各種社群平台的快速發展,影片內容的重要也來到一個新的境地。今天要跟大家分享的一個網站 flexclip.com,免費提供線上影片製作功能,讓我們可以隨時、快速的建立好各式影片,豐富網站的文章內容。希望增加自己網站豐富性的朋友,不妨參考看看。

WordPress Plugin Share a Draft – 分享草稿外掛程式

WordPress Plugin Share a Draft – 分享草稿外掛程式

WordPress Plugin Share a Draft 透過草稿預覽外掛程式,網站內容協同作業管理變得輕鬆許多。很多朋友的 WordPress 網站承接置入性的行銷內容文章,這也是 WordPress 很受大家歡迎的一個原因之一。很多朋友可以用相對容易入門的成本,開始經營自己的網路事業。而發表這些推廣或是置入文章時,最常遇到的問題就是,在發佈前需要其他人的協同作業,例如給業主檢閱,但是文章沒有發佈前,在預設的情況下,想要觀看到的人都必須要登入 WordPress 控制台才可以,有沒有更簡單容易的方法呢?今天要分享的這一個外掛程式,就具備這樣的功能。如果你的 WordPress 網站在發佈文章前,也常常需要業主或其他伙伴的預先檢視,那麼今天這個外掛程式不要錯過了。

WordPress Plugin Smart Image Resize – 商品縮圖外掛程式

WordPress Plugin Smart Image Resize – 商品縮圖外掛程式

WordPress Plugin Smart Image Resize 透過商品縮圖外掛程式,讓我們的商品展示頁面整齊美觀,讓訪客擁有良好的閱讀體驗。對於使用 WooCommerce 來架設購物網站的朋友來說,商品圖片無疑是網站銷售的重要因素。WordPress WooCommerce 外掛程式,內建就提供了商品圖片縮圖裁減的功能,不過這項功能對於很多商品圖片尺寸不一的網站來說有好有壞。好處是統一了商品圖片展示的尺寸,壞處就是有時候會才切掉商品的重要部位,讓商品圖片展示的意義喪失功能。今天要跟大家分享的這一個外掛程式,就是專門為了解決這個商品縮圖問題所誕生的,有興趣的朋友可以參考看看。

WordPress 基礎教學

Step By Step

Theme Divi 教學

Step By Step

xStore 網站立即購

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