fbpx
A2 Hosting 網站主機【2 折】限時優惠倒數中

使用 Qubely 制作華麗和優雅的多樣化【文章列表 Post List】

使用 Qubely 制作華麗和優雅的多樣化【文章列表 Post List】

作為部落格最重要的排版功能,專業的【文章列表 Post List】是必不可少,也可以為你的網站規劃專屬的定位佈局。一般在 WordPress 架構的分工之上,這是佈景主題負責的部分,但現在的第三方頁面編輯器或區塊編輯器的擴充外掛都可以達成相同的工作。常見的【部落格版型】、【雜誌版型】或【混合型的版型】,大家可以增減不同的文章元素,如需不需要顯示精選圖片、日期、作者、分類和留言等等,如果過多的資訊有時會令版面變得混亂。還有可以試試加入一些特效、動畫或空間感等等,透過 Qubely 您可以擁有極大的自由度。

如何簡單設定網站【置頂通知列】?Easy Notification Bar 是您的好幫手

如何簡單設定網站【置頂通知列】?Easy Notification Bar 是您的好幫手

這次介紹實用和簡單的【Notification Bar 置頂通知列】外掛,接近每個網站都適用,用途非常廣泛。由於可以出現在網站的所有頁面,類似全站(網站推播 Web Push Notifications)給所有訪客,而且出現的位置位於網站的最頂部,所以觸及率非常高和顯眼,如果新手小心善用這個工具,可能帶來很多出奇不意的用處,不限於商業推廣或最新通知,這點留給大家自由思考。

WordPress 如何設定【文章置頂 Sticky Posts】?2 個小步驟即可完成

WordPress 如何設定【文章置頂 Sticky Posts】?2 個小步驟即可完成

默認情況下,WordPress 會首先顯示您的最新的(文章 Post)在最置頂的位置,這是基於時間排序的方式展示,但如果您手頭上有一些重要性很高的文章需要長期置頂於最上方該如何辦呢?很多新手常常忽略了這個(小功能),也許它出現的位置比較低調,比較少人注意它的存在。

新手也可以學會如何使用 Qubely 制作【倒數計時器 Countdown】?

如何使用 Qubely 制作【倒數器 Countdown】?

您有在一些購物網站或平台,在他們推出(促銷計劃)之前,會建立一個【倒數器 Countdown】在網站的顯著位置。讓訪客看到時會有一種期待感,您怎至可以提供早鳥優惠(Early bird discount)作為預售的推廣計劃,透過 WordPress 的 Qubely 區塊外掛,您可以輕鬆建立多樣化和客制化外觀的 【倒數器 Countdown】,讓我們一起看下去。

如何解決 FB 臉書分享連結貼文時,縮圖預覽無法正確顯示的問題?

如何解決 FB 臉書分享連結貼文時,縮圖預覽無法正確顯示的問題?

Facebook 作為全球最大的社交平台,每小時都有【新內容】加入其中,尤其像我們部落格最經常會分享自己的【新文章】到不到的社團、粉絲專頁、Line 和新興媒體平台。不同工具普遍都以 Facebook 的制式作為業內標準,所以如果您的內容在 Facebook 顯示為【正常】,理論上在其他平台的展示都不太會出問題。這次分享常見的新文章在發佈到 Facebook 時,縮圖和內容預覽無法正確顯示的解決方法。

3 分鐘了解如何自訂文章標題和引言外觀的 CSS 語法

3 分鐘了解如何自訂文章標題和引言外觀的 CSS 語法

不少 WordPress 新手常常會疑問自己能否調整【文章的標題】和【引言】外觀樣式?例如文字顏色、大小、間距、背景色或邊框等等,害怕自己不會 CSS 語法會做不來。但其實技術沒有很複雜,跟著我們的手把手教學,人人都學得會調整,正式來說,您只需要【複制 Copy】和【貼上 Paste】即可以完成,當然色調需要換成您喜歡的樣式。

1 分鐘換上華麗網頁捲軸的配色方案,零技巧即套即用(CSS:Scrollbars)

1 分鐘換上華麗網頁捲軸的配色方案,零技巧即套即用(CSS:Scrollbars)

大家在瀏覽網頁時,有沒有發現右方【灰色和平平無奇的網頁捲軸】很單調,和網站的整體風格不是太塔和配合,其實您可以輕鬆複制貼上【數行程式碼】,就能一口氣改調每頁都出現的網頁捲軸配色。個性化和統一您公司網站的風格排版,這篇教學文章把複雜的步驟移除掉,新手只需要挑選【合適的配色】,然後把【CSS 程式碼】複制貼上到您網站的【自訂 CSS】區域即可生效,簡單易用的小技巧呢!

什麼是 WordPress Block Editor(區塊編輯器)?

什麼是 WordPress Block Editor(區塊編輯器)?

如果您使用 WordPress 5.0 版本或之後較新的版本,這是內建和預設的編輯器,它不是以【外掛】的形式存在,所以您在網站的外掛清單是找不到它蹤影,區塊編輯器被歸類在 Core files(核心文件)裡,這個隨著官方 WordPress 版本的更動而改變,一般被 WordPress 官方認為非常重要的功能和服務,就會被納入核心文件之內,而非讓使用者自由決定是否安裝外掛。所以新手請不要再查問「如何安裝區塊編輯器」?因為不需要獨立安裝喔。

也許您的網站其實並不需要使用圖片輪播(Slider)功能,分析 8 個明顯的缺點

也許您的網站其實並不需要使用圖片輪播(Slider)功能,分析 8 個明顯的缺點

這篇文章的討論對象是【小型網站】和【小型網店】,而非【中大型電商】,針對圖片輪播(Slider)功能來論述一些觀點。也許這個是很多站長認為【必須】要有的功能,但其實為什麼是必須呢?因為其他網站也有用喔?為什麼我們不用呢?在我們開始探討這個議題之前。看完這篇文章,或許會讓您有更多(靈感)設計網站的首頁,重新排列出更有效的版面配置。引用知名 WordPress SEO 外掛開發 Yoast SEO 的文章:為什麼您應該離開圖片輪播(Slider)外掛,列出了經過大量數據得出的結論,加上國外多處的相關文章論證,當中應該有不少值得大家參考的價值吧?

Enable jQuery Migrate Helper 外掛教學,解決 WordPress 5.5 版本之後的兼容問題

Enable jQuery Migrate Helper 外掛教學,解決 WordPress 5.5 版本之後的兼容問題

Enable jQuery Migrate Helper 是協助仍使用舊版的 jQuery 函數的網站,繼續能暫時正常運行的過渡性外掛。對佈景主題及外掛開發者來說,jQuery 是一個能夠在網站上快速、便利建立互動元素的架構。WordPress 為了保持這種靈活多用,長期以來一直內建 jQuery 函式庫。大量的外掛及佈景主題使用這個函式庫,且為了避免重大變更而不升級至主要版本,這種狀況造成了即使 WordPress 開放使用較新的程式碼,但許多外掛及佈景主題仍使用已遭淘汰、過時的程式碼。一旦 WordPress 開始執行內建 jQuery 版本的升級,某些佈景主題及外掛因為程式碼太過老舊,很可能會如預期般停止執行。

加入我們的 Facebook 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術