標籤: 子佈景主題

Image Scroll on Hover 圖片捲動效果

Image Scroll on Hover 圖片捲動效果,透過簡單的 CSS 設計,讓圖片的設計有了新的展示效果,增加訪客的閱讀意願。WordPress 網站作為最佳內容管理系統,建立圖文並茂的網站內容,一直都是每一位網站管理者或是網頁設計師努力的目標。今天要跟大家分享一點點 CSS 設計語法,讓原本的長度過長的圖片,配合文字排版,可以有不同的展示效果,又不會影響圖片的完整性,這也是很多網站設計經常會被使用到的技巧,有興趣的朋友可以參考看看。

繼續閱讀

WordPress Custom Translations 自訂本地化語系檔

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

繼續閱讀

Divi Theme Chinese Font Family 新增中文字型

Divi Theme Chinese Font Family 新增中文字型支援,不用再羨慕 Avada 佈景主題了!Divi 佈景主題是我個人很喜歡的一款 WordPress 商業(付費)佈景主題,接觸的時間也非常久了。一直對於它直覺的操作介面非常喜愛,硬要挑個缺點來說的話就是,官網沒有提供繁體中文語系檔案,所以操作介面一直都是英文介面,另外一個就是支援的字型非常多,唯獨沒有繁體中文字型,這真的是一件讓人心情不美麗的事情。特別是連 Avada 都可以很輕鬆的,在後台建立繁體中文字型支援的設計,這更讓我一定要找出支援中文字型的方法,果然在一番的搜尋之下,找到了解決方案。所以這篇文章是要來記錄一下,如果也跟我一樣喜歡 Divi 佈景主題,那麼可以參考看看,或是願意的話也分享一下如何建置繁體中文字型的其他方法。

繼續閱讀

WordPress Link Hover Effects – 文章連結效果

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

繼續閱讀

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

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

繼續閱讀

WordPress Pagination – 如何建立分頁選單

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

繼續閱讀

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)設計的技巧,要怎麼修改網站內容的設計呢?很幸運的在網路這麼發達的今天,有非常多的網路資源可以參考,而我們只需要如何的將這些技巧,運用在我們自己的網站就好了。

繼續閱讀

WordPress Theme Kale – 優雅迷人的佈景主題

建置迷人又優雅的網站,是網站設計師的職志。佈景主題對於 WordPress 網站來說,是展示網站個性很重要的一個因素。從色彩到版面佈局,在在都是呈現網站設計者的想法。很高興的是在 WordPress 網站只需要透過修改佈景主題設計,在另外搭配外掛程式提供功能,每個人都可以輕鬆的建置出一個很棒的網站。今天分享的佈景主題 WordPress Theme Kale,就是一款讓人感到優雅又迷人的佈景主題。

繼續閱讀

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

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

繼續閱讀

WordPress Random Post – 如何展示隨機文章

為了讓好的網站文章內容可以讓更多訪客看見,在首頁展示隨機文章,是一個不錯的選擇。很多朋友的 WordPress 網站提供了非常多優質的內容,這些文章內容基本上沒有時效的問題,但是因為 WordPress 對於文章發表的排序,在預設的情況是按照時間發表的日期排列。因此,很多好的文章內容就很容易的成為歷史文章。搜尋了官網的文件發現,其實在處理文章排序時,是有很多種方式可以來建置

繼續閱讀

WordPress Theme Baskerville – 方格式佈景主題

最近幫朋友的 WordPress 網站替換網站的式樣,應朋友的需求選擇了 WordPress Theme Baskerville – 方格式佈景主題,按照慣例在修改任何檔案前一定會先做好備份的工作。在 WordPress 網站做好備份的方法很多也很簡單,但是如果網站的檔案非常多,以這次朋友的檔案來說光是 upload 資料夾的檔案就超過 15萬個檔案,資料庫檔案超過 600MB。

繼續閱讀

網站架設

WordPress 虛擬主機免費安裝設定