在Cloudways中配置Elastic Email擴展，用以在網站中發送通知、交易、行銷類郵件
在Cloudways主機的擴展元件（addons）中，提供了Elastic Email，它是一個快速可靠的郵件發送服務，可以用於發送網站系統通知、交易郵件、營銷活動等郵件，可以最大限度地提高電子郵件的送達率。 在Cloudways中，你可以用很優惠和靈活的價格獲得Elastic Email，1000封郵件只要0.1美元/每月。 我們在做B2C電商獨立站時，或者做B2B的企業展示站/詢盤站，都需要在 […]
如何在WordPress網站中實現下載文件前必須提交郵箱
我在外貿架設網站服務時，有些客戶希望download頁面的產品目錄、測試報告等檔的下載需要使用者先提交郵箱，然後以郵件的形式發送檔的下載位址到使用者提交的郵箱裡，本文就來介紹如何在WordPress中實現這個功能，且不需要購買付費外掛。 實際效果演示 首先，我們看一下該功能的實際效果，如下圖所示，這是一個download頁面，內含3個檔，當使用者點擊檔下的Free download按鈕時，頁面內會 […]
Cloudways主機：設置電子郵件服務教程
Blocksy 主題入門視頻教程：快速打造精美網站
Blocksy主題是就是精美、靈活和高性能的WordPress主題。 它易用、好看，而且速度杠杠的，是WordPress建站的入門上佳之選。 我們現在開始學習怎麼使用它吧。 安裝Blocksy主題和配套外掛程式（免費版） 導入網站範本，移除或重裝範本 未完待續
Elementor如何隱藏頁面上的標題（2種辦法）
本文介紹兩種隱藏Elementor頁面默認標題的方法，一種是單個頁面隱藏，一種是全域頁面隱藏（適用於hello elementor主題）。 下圖是隱藏標題前後的區別，所用的主題是Hello elementor。 如何單個隱藏頁面標題 下面介紹禁用Elementor頁面標題的操作步驟 如果隱藏標題不起作用，那麼應該跟你用的主題有關，你需要去Elementor全域設置中修改頁面標題選擇器。 首先，打開 […]
Robots.txt檔教程
什麼是Robots.txt檔？ 它有什麼作用？ Robots.txt 是網站裡的一個檔，它告訴搜尋引擎抓取工具（蜘蛛）禁止或允許抓取網站的哪些內容。 主流搜尋引擎（包括Google、Bing和Yahoo）都能夠識別並尊重Robots.txt的要求。 如需查看網站是否有Robots檔，請訪問網址：網域/robots.txt，譬如 https://www.loyseo.cn/robots.txt，下圖 […]
Woodmart主題展示產品分類菜單
WoodMart主題增加了woocommerce產品分類的展示形式， 產品類別可以在獨立站的頁面標題列、搜索表單和頁頭菜單之中。 商店頁面標題中展示產品類別菜單 有一個選項可以在商店頁面的標題欄中展示產品類別，該選項在 主題設置>產品檔案>頁面標題中配置。 開啟「在頁面標題中展示類別 」 ，將展示基於商店中現有的所有類別而自動生成的產品類別菜單。 還有一個選項可以隱藏沒有產品的空的類別 […]
如何在Elementor中修改文本的字體、大小、顏色、樣式【視頻】
本文將介紹Elementor網頁編輯器中如何修改文本的字體、大小、顏色和样式。 許多Elementor元素都提供了編輯文本的字體、大小、顏色和样式的功能。這些設計選項位於元素的“ 樣式”/style選項卡中。 視頻教學 圖文教學 通常，見下方圖片，當你編輯一個元素時，在它的樣式欄中能找到文本的排版設置，點擊筆狀圖示，就可以打開對應文本的設計編輯器，當筆圖示為藍色時，說明當前有自定義的樣式，若想恢復 […]
Elementor自訂代碼教學 （PRO）
Elementor自定義代碼（Custom Code）功能是Elementor Pro付費版本功能，它允許你添加代碼片段，如Google Analytics代碼或Facebook Pixel代碼，你可以設定代碼在網站里的展示位置和覆蓋頁面範圍，還能設定的代碼的載入優先順序， 這樣你就不需要編輯你的主題檔來實現代碼的插入了。 備註：如果你沒有Elementor Pro，先看看你的主題是否支援插入自定 […]
Elementor的全局樣式與設置
本篇教學將介紹Elementor網頁編輯器的全域樣式與設置的常用功能，譬如設置全域的字體、顏色、頁面內容寬度、元素默認間距等等。 功能入口：在用Elementor編輯頁面時，如下圖所示，點擊site setting按鈕 然後你便能看到如下的配置選項了 Design System/設計系統 對全域顏色和全域字體進行設置。 Global colors/全域顏色 全域顏色可以讓我們配置常用顏色，以便在製 […]
Elementor主題樣式設置詳解
Elementor的theme style主題樣式可設置各種元素的默認樣式，例如背景，標題，按鈕，圖像和表單字段。這些設置將覆蓋主題自帶的樣式設置，從而使您可以使用Elementor為非Elementor構建的元素設置樣式。 默認情況下，這裡的樣式只會應用於非Elementor元素， 例如WooCommerce結帳字段，Contact Form 7標籤等等。你也可以強制將主題樣式設置應用於Elem […]
Elementor教學：Advanced高級設置詳解
本教學詳細介紹Elementor網頁編輯器中元素或容器的Advanced高級設置功能，包括：佈局、動畫效果、變換效果、背景、邊框、遮罩面具、回應式、屬性、自定義CSS進行設置等等，合理使用下文所述的高級功能，能提升網頁設計效果。 提示：某些功能只對特定元素或容器有效，下面我們開始逐一講解。 Layout 佈局 Motion effect 動作效果 Scrolling effects 滾動動效 （P […]
如何修改WordPress網站的function.php檔？
使用Code Snippets，可以在不修改主題的情況下修改wordpress網站的function.php檔，也不會因主題更新而被覆蓋代碼，並且讓管理這些php代碼段更方便和整潔。 我用Code Snippets實現了：禁止wordpress自動生成圖片、安裝GA代碼、隱藏elementor頁面種的標題，等等。 下載Code Snippets並安裝 Code Snippets外掛程式下載位址：h […]
10個WordPress常用代碼段（Code Snippets）
運用代碼段（Code Snippets）外掛管理代碼，可以不用額外安裝更多外掛，來解決WordPress架設網站過程中的一些常見功能需求，譬如安裝Google analytics跟蹤代碼。 下文中記錄了我在外貿架設網站和個人博客中常用到的代碼段。 如何在WordPress文章/頁面上禁止載入WooCommerce .js（javascript）和.css檔？ woocommerce會在每個頁面都默 […]
Elementor頁面設置
在Elementor的頁面設置功能中，你可以設置當前頁面/文章/產品的標題、發佈狀態、頁面佈局、頁面背景、自定義CSS等等，按下圖所示，我們打開頁面設置面板，你將能看到三個標籤頁：設置、樣式、高級設置，接下來我們逐一講解。 常規設置 在常規設置中，對於頁面、文章，有不同的設置項，文章比頁面的設置項多了：摘要、特色圖像、評論開關。 樣式設置 高級設置
Kadence 主題教程
教你如何使用Kadence主題，包括安裝主題、導入範本、設置字體、設置頁面佈局等等。
Kadence主題如何製作網站頁頭
Kadence 主題通過頁頭生成器，讓你可以完全控制頁頭的佈局及其所用元素，以便為您的網站構建完美的頁頭。 進入wordpress後台>外觀>自定義>header 接下來，您可以將構成頁頭的元素拖放到頁頭編輯器中，然後您可以通過按兩下設置圖示，來調整添加每個元素的設置。 注意：如果你還沒有創建過菜單，請查看教程：WordPress菜單教程：10個功能點 按兩下每一行頁頭的設置圖示 […]
如何在Elementor中給圖片、標題、欄目添加邊框半徑border radius，即圓角效果
要設置Elementor的小部件/元素塊為圓角，請左鍵點擊小部件后，在左側找到Style/樣式標籤，其中，如果你能找到border radius/邊框半徑屬性，便可以用於設置圓角。 如果找不到，說明當前元素不支援圓角設置，但是你也可以在Advanced/高級標籤中，找到border並設置整個元素的border radius屬性進行設置。 給圖片設置邊框半徑 如下圖所示，我們可以直接在圖像小部件中設 […]
如何在WordPress中製作聯繫表單（3種方法）
本篇教學提供3個在wordpress中創建聯繫表單並記錄詢盤的方法： 外掛程式Contact Form 7 + Flamingo，兩者都免費 外掛Elementor Pro+Elementor Contact Form DB，前者付費，是網頁可視化編輯器，後者免費。 外掛Ninja Forms，免費，這是我目前新發現且推薦的方式，相關教學請查看：Ninja Forms：免費的聯繫表單外掛，卻提供了 […]
如何在WordPress網站中複製文章、頁面、產品
使用Yoast Duplicate Post可以複製你的wordpress網站中的文章、頁面、自定義文章、ACF自定義欄位組、Elementor範本等等。 你還可以選擇複製文章中的哪些欄位、控制可以使用複製功能的網站使用者、控制複製按鈕的顯示位置等等。 你也可以使用Code snippet代碼段來實現文章複製功能。 下載Yoast Duplicate Post並安裝 yoast duplicate […]
如何用Elementor Pro製作網站頁頭導航【視頻】
使用Elementor pro可以創作出多種多樣的頁頭導航，可以不再局限於主題自帶的導航了。 並且Elmentor Pro的範本庫里提供了幾十款導航範本，一鍵導入就可以直接用起來了，還可安裝Envota elements外掛，裡頭還有十幾款頁頭。 2021年4月更新視頻教學 操作步驟如下： 滑鼠放在在「範本」菜單 點擊theme builder 點擊添加新範本 選擇範本類型為header 輸入範本 […]
Kadence主題如何添加返回頂部按鈕
返回頂部是一項有用的功能，特別是在長網頁上，可以幫助訪問者通過按兩下按鈕直接回到頁面頂部。 Kadence 主題帶有內置的返回到頂部的功能，您可以通過以下方式進行設置： 訪問WordPress後台>自定義>常規 > 滾動到頂部 啟用返回頂部開關，並根據自己的喜好選擇圖示、設置圖示大小、對齊等等。 按兩下頂部的「設計」選項卡，還可以對它的設計進行修改，包括按鈕樣式、顏色、邊框等等。 […]
如何用ACF給產品詳情和產品列表添加自定義字段（實例）
使用ACF（advanced custom fields）外掛程式可以為woocommerce的產品分類、產品增加自定義字段，譬如視頻、QA等等，疊加運用Elementor Pro的範本功能，就可以製作進階的產品列表頁、產品詳情頁了。 給產品詳情頁增加自定義字段 首先，請安裝ACF（advanced custom fields）外掛，並啟用，按照下述步驟添加字段。 依次輸入字段標籤，譬如QA；字段 […]
Kadence主題如何設計按鈕樣式
Kadence 主題可以讓你全域的修改按鈕的樣式。 請前往 WordPress 後台>外觀 > 自定義>常規>按鈕。 在這裡你可以改變按鈕的： 初始和懸停狀態下的文字顏色 初始和懸停狀態的背景顏色 初始和懸停狀態下的邊框顏色 台式電腦、平板電腦和行動裝置中的邊框 台式電腦、平板電腦和行動裝置中的邊框半徑 字體系列、字體粗細、字體大小 台式電腦、平板電腦和行動裝置中的內邊距 […]
如何使用Kadence主題的全域顏色調色板
你是否想對網站使用一鍵更換顏色搭配？ 就像換衣服一樣。 Kadence主題完美提供了這個功能。 您可以在WordPress網站後台，進入外觀 > 自定義 > 顏色和字體 > 顏色，能找到 Kadence主題的全域顏色設置。 這裡一共有9種顏色，並提供了3個主要調色板（palette）和多個擴展，切換調色板，將能看到網站顏色的搭配直接發生了變化。 你還可以通過下圖中的export和 […]
如何用Elementor Pro製作彈出式產品詢盤表單
思路：用Elementor Pro製作產品詳情頁範本（single product）和詢盤表單彈出層（popup），在產品詳情頁範本上添加一個詢盤按鈕，將按鈕鏈接設置為dynamic調用popup即可。 注意，不要將Ninjaform、Wpforms、contact form7製作的表單放到Elementor的Popup中，會出錯：無法顯示表單或無法提交表單。 2021/5/12更新，最新的ele […]
如何使用Elementor Pro製作文章列表頁範本（視頻）
你是否想定製博客文章的列表頁，但主題又不支援修改？ 有了Elementor Pro外掛，我們便可以突破主題的限制。 讓我們一步步演示給你看~ 用Elementor Pro外掛，還能省付費主題的錢，譬如我直接用Hello Elementor免費主題，直接用Elementor Pro導入範本庫的文章列表範本頁（下方有視頻），或者自己製作文章列表頁範本。 如果你購買了付費主題，又習慣用Elementor […]
如何使用Elementor Pro製作文章詳情頁範本【視頻】
你是否想擺脫主題的限制，自己製作文章詳情頁的範本？ 本文將教你使用Elementor Pro製作文章詳情頁的Single Post範本，我會介紹兩種範本庫及其使用方式，讓新手可以快速製作一個還不錯的範本，還會講到範本中常見的問題哦~ 製作文章詳情頁範本 1.點擊左側菜單template> add new，選擇範本類型為single post，點擊“create template/創建範本”按 […]
Kadence主題如何設置文章/頁面的佈局
Kadence 主題提供了全域與獨立配置頁面或文章佈局的功能，讓你既可以一次性配置，也可以為每個文章或頁面單獨配置頁面的佈局。 全域設置頁面佈局 Kadence 主題可以全域設置所有文章、頁面的佈局，功能入口是：外觀>自定義>文章/頁面的佈局。 單獨配置頁面佈局 您還可以每個頁面或文章設置佈局，這樣就可以製作沒有標題列的自定義登錄頁面，或是帶有側邊欄的頁面。 您可以在編輯文章或頁面中趙 […]
如何用Elementor Pro製作網站頁腳【視頻】
使用Elementor pro可以創作出多種多樣的頁腳，可以不再局限於主題自帶的頁腳了。 並且Elmentor Pro的範本庫里提供了多款頁腳範本，一鍵導入就可以直接用起來了，還可安裝Envota elements外掛，裡頭還有頁腳範本供選用。 2021/4/6更新詳細的視頻教學 下方為簡要的圖文教學 操作步驟如下： 點擊 範本>theme builder 點擊添加新範本 選擇範本類型為fo […]
如何用Elementor Pro設計WooCommerce產品分類和產品標籤側邊欄的樣式
WooCommerce產品分類和產品標籤側邊欄的樣式是跟隨主題設計的，通常沒有設計樣式功能。 如下圖所示，它是我用Hello Elementor主題+ Elementor Pro製作的產品列表範本，在左側的側邊欄里包含了產品分類和產品標籤。 接下來，我們就講如何用Elementor Pro來將樣式設置為下圖所示的模樣。 首先，我們用視頻講解如何設計產品分類的樣式 然後，針對產品分類的custom […]
Kadence主題如何設置電腦、平板、手機上的字體大小
在Kadence主題的設置中，您可以根據使用者所用的設備（電腦、平板、手機），設置不同的字體大小。 首先，前往WordPress管理後台>外觀>自定義> 顏色和字體 > 排版設置頁面。 在本文中，我們將 h1 標題的大小設置為：電腦桌面端 32px、平板端30px、手機移動端20px。 在 h1 設置下，點擊字體大小選項 打開后，您可以看到尺寸設置以及您正在設置的設備。 單 […]
如何導入Kadence主題免費網站範本
Kadence Starter Templates（入門級範本）易用且免費！ 當然Kadence主題確實有一些僅限付費用戶的網站範本，但依舊有不少的免費使用的入門範本。 注意：建議在導入範本之前，先安裝全新的WordPress，導入功能專為沒有內容的新的空白網站而設計。 第1步、確定您要使用的入門範本。 您可以先看看Kadence網站上的入門級網站範本，每個範本都可以打開預覽，選好一個，之後我們來 […]
如何用Elementor製作woocommerce產品列表【視頻】
本文是B2B架設企業網站教學的內容之一，我將逐步介紹如何使用 Elementor Pro 製作woocommerce產品列表範本，下面進入正題。 視頻教學 2021/4/12更新視頻教學 注意：視頻中用於產品搜索的外掛程式，現在已經更名叫做：FiboSearch – Ajax Search for WooCommerce 相關教學：如何用Elementor Pro設計WooCommerce產品分類 […]
如何用Elementor製作woocommerce產品詳情頁（視頻實例）
本文將逐步介紹如何使用Elementor pro製作woocommerce產品詳情頁模板，下面進入正題。 2021/5更新詳細的視頻教學 下方是2021年寫的簡單版圖文教學 導入後，系統會自動選擇一個產品數據嵌入，以便我們直觀看到效果，但依然有一些看不到內容的元素，譬如價格、加入購物車，那是因為我們上傳產品時沒有填寫對應內容 對不需要的元素可以使用右鍵刪除功能。 如果你想更換一個產品以預覽效果，那 […]
Astra主題教學
如何用Elementor製作Wordpress網站的返回頂部按鈕（3分鐘解決）
LOYSEO使用的主題不提供網站的返回頂部按鈕，而免費的Elementor頁面編輯器就能解決這個問題，只需要3分鐘，跟著教學試一下吧。 前提說明： 本教學只適合使用Elementor搭建的WordPress網站。 本教學中的演示站是使用Elementor – Header， Footer & Blocks外掛製作的頁頭（Header）， 如果你的網站使用Elementor Pr […]
如何用Elementor Pro的Form元素製作聯繫表單【視頻】
本視頻介紹如何用Elementor Pro付費版製作聯繫表單，如果你沒打算購買Elementor Pro，可以考慮用Ninja Forms或者Fluent Forms外掛來製作聯繫表單。 下方是視頻教學，如果解析度不佳，請在視頻的設置中選擇清晰度。
如何給Elementor的表單添加反垃圾驗證（Google reCAPTCHA）
在使用ELementor製作詢盤表單/聯繫表單時，為了避免頻繁收到垃圾詢盤/郵件，我們可以給表單添加Google reCAPTCHA V3進行反垃圾驗證，這樣以來，當網頁里包含表單時，會自動載入reCAPTCHA進行無感知驗證，能大幅度減少垃圾詢盤郵件，也不會給使用者添加負擔：譬如點擊驗證碼或驗證圖片等等。 按照這篇教學添加谷歌反垃圾驗證后，在表單所在頁面的左下角/右下角/表單提交按鈕上方，就能看 […]
如何在WordPress中調整最大文件上傳大小（3種方法）
本文將介紹3種在WordPress中調整最大文件上傳大小的方法。 方法1：修改.htaccess檔 請將如下代碼添加到.htaccess檔末尾，下面代碼中的最大檔上傳大小是128M，如果你要改成256M或其他數值，請將第1、2行同時改為相同數值。 修改.htaccess檔的方法有多種，如下： 1.如果你的網站的SEO外掛程式用的是Rank math SEO，那麼你可以在Rankmath中按下圖所示 […]
獨立站：什麼是跨境電商獨立站？ 獨立站架設網站的詳細步驟
跨境電商獨立站是什麼？ 顧名思義，是向本國以外的其他國家地區的消費者用戶銷售商品的、擁有獨立網域的企業網站或個人網站。 為什麼叫做獨立站呢？ 這是相對於平臺站而言的。 做跨境電商，除了做獨立站，你還可以選擇平臺來開店，譬如亞馬遜、速賣通。 那在平台開店與搭建獨立站有什麼不同呢？ 用什麼建獨立站呢？ 建獨立站的工具有哪些？ 具體建站步驟有哪些呢？ 基于我100+站点的建站经验，本文将为你呈现干货级别 […]
如何安裝Kadence主題
以下步驟教你：如何在 WordPress 網站中安裝Kadence 免費主題。 注意：以下教程只適用於在自己的主機中的WordPress內安裝，如果您使用的是 wordpress.com，則不適用。 登錄你的WordPress後台，前往外觀 > 主題。 按下Add New ，然後在右上角的搜索欄中搜索 Kadence。 Kadence 主題將出現在搜尋結果中，按兩下安裝。 按兩下啟動，即安裝 […]
WordPress菜單教學：10個功能點
本文講解： 什麼是WordPress菜單、如何添加菜單、如何調整菜單順序、如何將產品分類加入菜單、如何編輯菜單、如何添加自定義菜單、如何添加錨點菜單、如何製作超級菜單（megamenu）、 如何製作產品分類伸縮菜單、如何製作帶圖示的語言菜單。 什麼是WordPress菜單 菜單通常位於網站的頂部和底部，用於方便使用者快速打開關鍵頁面，譬如下方兩張圖片，依次是頂部菜單和底部菜單。 而B2B企業網站的 […]
WordPress如何安裝外掛程式（3種方法）
在架設企業網站時，安裝完Wordpress后，我們需要為Wordpress安裝外掛，以便實現各種功能，諸如製作網頁的Elementor、製作聯繫表單的Ninjaforms、管理產品用的woocommerce等等。 Wordpress外掛程式分為免費和付費的，通常免費外掛程式在網站後台搜索並安裝，而付費外掛程式是通過上傳外掛程式壓縮包到wordpress後台安裝。 接下來我們講解一下外掛程式安裝的三 […]
如何分組整理你的WordPress網站圖片檔
你是否想在媒體庫資料夾中組織WordPress檔？ 默認情況下，WordPress會根據年份和月份自動在媒體庫中創建資料夾。 然而，一些使用者可能想要為不同的媒體檔案創建自定義資料夾。 在本文中，我們將向您展示如何在自定義媒體庫資料夾中輕鬆組織WordPress檔。 為什麼要在媒體庫資料夾中組織檔？ 通常，WordPress將您的所有圖像和其他媒體檔存儲在/wp-content/uploads/資 […]
Astra主題：如何設計頁頭和頁腳
Astra頁頭頁腳編輯器是在 Astra 3.0版本之後，用於設計網站頁頭和頁腳的新方法。 視頻中的Astra使用的是付費版Astra Pro，如果你在編輯頁頭或頁腳時，發現某些元素無法找到或無法使用，那多是因為它是付費版才有的功能，請購買Astra付費版即可使用。 如果想完全定製頁頭頁腳，推薦使用Elementor Pro（付費版）製作頁頭頁腳，具體可查看下方教程。 如何進入Astra頁頭頁腳編 […]
Admin Columns教學
Admin Columns教程包含對文章、頁面、產品、自定義內容的清單，實現：自定義列、排序、篩選以及批量編輯、快速編輯
Woodmart主題文字排版設置
woodmart主題文字排版基本設置 Woodmart主題排版設置分為幾組。 您可以在儀表板 -> 主題設定 -> 排版中為以下設定設定字型設定： 標題字體：用於標題元素，如 H1、H2。 文本字體：常見的網站正文文本，如產品描述、博客文章內容、頁面文本。 實體標題字體：產品、帖子和類別標題的字體。 次要字體：次要標題字體， 針對擁有“font-alt” 或 “title-alt” C […]
Woodmart主題按鈕樣式設置
Woodmart按鈕基本設置 Woodmart主題有三個基本按鈕類型，您可以通過Theme Settings -> Styles & Colors -> Buttons配置它們。 你可以設置它們的樣式、背景顏色和文本配色方案。 可設定的按鈕分為： 默認按鈕：網站上的常用按鈕 商店按鈕：諸如“添加到購物車”、“結帳”、“登錄”、“註冊”等購物按鈕。 強調按鈕：通常用於網站上的「號 […]
WooCommerce教學
WooCommerce教學 本頁面是WooCommerce教學的合集，覆蓋WooCommerce開店所需要的主要功能教學，譬如：安裝WooCommerce; 添加產品分類、標籤、屬性; 添加簡單產品與可變產品; 配置產品運費; 配置PayPal支付; 配置優惠券。 使用WooCommerce經營自己的跨境電商商店的好處是：不需要依賴於任何第三方平臺（譬如亞馬遜、Shopify），這極大降低了封店的 […]