Select Page

Search Results for: 子佈景

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

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

Read More

Theme Poseidon Chinese Font Family – 佈景主題中文字型設定

Theme Poseidon Chinese Font Family 這是一款棒的雜誌型佈景,套用中文字型後,讓網站看起來更有質感。Poseidon 是一款非常簡潔又優雅的 WordPress 佈景主題,適合個人與雜誌型的網站使用。頁面編排十分容易閱讀,適合寫作內容呈現。免費版本提供的設定,就可以將網站調整為一個專業的內容網站。同時也提供付費版的升級,可以開啟更多佈景主題設計的選項,是很有彈性的一款佈景主題。今天內容將放在中文字型(微軟正黑體)的修改與設定,希望大家在使用時可以有更好的使用體驗。

Read More

WordPress Theme Pinnacle – 多種風格佈景主題

WordPress Theme Pinnacle 這是一款功能強大的佈景主題,免費版本就可以提供多種風格的設計款式。15 年在幫朋友找尋部落格風格樣式的佈景主題時,發現 Pinnacle 這一款佈景主題,當作部落格網站來使用,可以充分展現文章的特性,其中的 Grid 展示效果,也是我個人非常喜歡的一種閱讀方式,這樣設計在行動裝置上的閱讀也時很舒服,所以當時推薦給朋友的網站使用。經過了這些年的進步,佈景主題的功能又更強大了,除了個人網站非常適用,企業也非常適用,近來與 WooCommerce 的整合也很積極,所以對架設電子商務網站的朋友來說,這也是一款可以試試的佈景主題。

Read More

Theme Hueman Microsoft JhengHei – 自訂微軟正黑體中文字型

Theme Hueman Microsoft JhengHei 這是一款非常受到部落客歡迎的佈景主題,透過自訂微軟正黑體中文字型,讓網站內容更貼近本地的訪客。Hueman 是一款很多人下載安裝使用的佈景主題,特別是部落客類型的網站。這一款佈景主題之所以會吸引大家的下載安裝,除了版面清爽外,免費版本就提供了相當多的佈景主題調整設計,透過這些選項,可以幫助大家調整出適合自己的網站樣式。對於式樣程式不熟的朋友來說,可以透過外觀的設定就可以完成樣式設計,這是最好不過的事情了。雖然佈景主題也有提供網站的字型選項,但唯獨沒有支援中文字型提供。所以我們今天的文章內容就要跟大家分享,如何自訂中文字體,有興趣的朋友可以參考看看。

Read More

WordPress Link Hover Effects – 文章連結效果

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

Read More

WordPress Custom Translations 自訂本地化語系檔

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

Read More

WordPress Plugin Simple Tooltips – 內容提示外掛程式

WordPress Plugin Simple Tooltips 為網站的文章內容提供提示框的說明,更有助於訪客的閱讀。去年也是差不多這個時間點,跟大家分享了如何透過樣式表(CSS)的設計,在 WordPress 的文章內容裡來建立提示註解,有興趣的朋友可以參考 WordPress Tooltips With CSS – 如何新增註解提示這一篇文章的說明內容。不過還是有部分朋友跟我反應,透過 CSS 的設計對他們來說,還是太複雜了一些。所以今天就要跟大家分享一款內容提示外掛程式,可以讓大家在編輯文章時,需要展示提示內容框時,透過編輯器上的按鈕,直接插入到文章就可以了。接下來的文章內容就跟大家來分享這一款外掛程式的安裝與使用,好與不好的測試內容。

Read More

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

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

Read More

WordPress Pagination – 如何建立分頁選單

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

Read More

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)在需要的頁面才載入。

Read More

虛擬主機推薦

虛擬主機推薦

網站架設

WordPress 虛擬主機免費安裝設定