WordPress 插件

如何在 WordPress 中建立 Dropbox 上傳表單

為什麼使用 Dropbox 來上傳表單附件

有時候,您可能需要使用網站上的表單來讓用戶上傳附件。例如,求職網站可能需要文件上傳選項來上傳履歷或工作樣本。

客戶反饋表單可能需要圖片上傳選項,以便用戶能夠傳送截圖。或者,一個攝影比賽網站可能需要用戶上傳參賽作品。

當您收到文件時,您可以將這些文件儲存在您的 WordPress 網站中,它們將被添加到 wp-content 資料夾。

然而,如果您預期會收到大量的提交且它們並不與您的實際網站文件相關,那麼將它們單獨保存是一個好主意。

上傳表單附件到 Dropbox 有以下幾個優點:

  • 您可以將表單上傳的條目與 WordPress 文件分開保存。
  • Dropbox 讓您更容易與任何人共享這些文件,並且不需要讓他們訪問您的網站。
  • 您可以輕鬆地從 Dropbox 儀表板瀏覽和管理表單附件。
  • 如果您不再需要這些文件,您可以下載、存檔和刪除它們。

話雖如此,讓我們來看看如何在 WordPress 中製作一個帶有上傳文件選項的表單來上傳到 Dropbox。

在 WordPress 建立 Dropbox 上傳表單

在 WordPress 中製作 Dropbox 表單的最簡單方法是使用 WPForms。這是最好的聯絡表單插件,提供預製模板、拖放式表單建構器和高級整合。

首先,您需要安裝並激活 WPForms 插件。更多詳情,您應該查看我們的文章《如何安裝 WordPress 插件》。

注意:WPForms 是由 WPBeginner 同一團隊開發的付費插件,您需要至少訂閱其「專業計劃」來獲取我們將在本教程中使用的 Zapier 附加插件。您也可以免費使用 WPForms 輕量版。

激活後,您需要前往 WPForms » 設定頁面,並輸入您的許可證密鑰。您可以在 WPForms 帳戶區域中輕鬆找到許可證密鑰。

接下來,您需要訪問 WordPress 管理區域中的 WPForms » 添加新建頁面,從這裡您可以添加新的 WordPress Dropbox 上傳表單。

這將帶您進入 WPForms 表單建構頁面。在頂部為您的表單提供一個名稱,然後選擇「簡單聯絡表單」模板作為起點。

WPForms 將載入帶有常用表單欄位的表單模板。您可以點擊任意欄位進行編輯,並拖動欄位來重新排列它們或將新欄位添加到表單中。

接下來,您需要點擊左側列中的「Fancy fields」部分下的「文件上傳」欄位。

這將把文件上傳欄位添加到您的表單中。點擊「儲存」按鈕來保存您的表單,您的文件上傳表單已經準備就緒。

整合 Zapier 與 WPForms

接下來,您需要將您的表單連接到您的 Dropbox 帳戶。我們將使用一個叫 Zapier 的服務來完成這個操作。Zapier 允許您在不編寫任何代碼的情況下,將不同的應用程式連接到您的網站。在這種情況下,我們將使用它來建立 WPForms 和 Dropbox 之間的連接。

WPForms 帶有一個叫做「Zapier Addon」的附加插件,您可以使用它來整合超過 1500 個流行應用程式,包括 Dropbox。

要訪問此附加插件,您需要前往 WPForms » 附加插件頁面。在那裡,您需要找到 Zapier 附加插件並點擊「安裝附加插件」按鈕,它會自動啟用該附加插件。

接下來,您需要前往 WordPress 管理區域的 WPForms » 設定 » 整合頁面,在那裡您需要複製「Zapier API 密鑰」,這將用於將您的 WordPress 網站與 Zapier 連接。

複製後,您應該訪問 Zapier 網站並登入您的 Zapier 帳戶,點擊「建立 Zap」按鈕以繼續。接下來,Zapier 會要求您選擇一個觸發器。有很多應用可供選擇,請搜索「WPForms」並選擇它作為觸發器應用。

之後,您需要選擇「新表單條目」作為 WPForms 應用的觸發事件。這將在每次表單提交時建立一個觸發器。

接下來,您需要選擇一個 WPForms 帳戶。您可以點擊「登錄」按鈕來將您的 Zapier 帳戶與您網站上的 WPForms 插件連接。

現在將打開一個新窗口。要將 Zapier 與您的網站連接,您需要添加您的網站 URL 和之前複製的 Zapier API 密鑰。

輸入這些詳細資訊後,點擊「是的,繼續」按鈕。這將顯示 WPForms 帳戶,點擊「繼續」按鈕。

接下來,在「表單」下拉選單中,您需要選擇先前創建的文件上傳表單。完成後,點擊「繼續」按鈕。

在進入下一步之前,Zapier 將要求您測試新的文件上傳表單,以確保所有設定都正常工作。您可以訪問 WordPress 管理區域的 WPForms » 所有表單頁面,並點擊文件上傳表單下方的「預覽」連結。

為了讓這個測試順利進行,您應該上傳一個文件,並在信息部分添加虛擬文本。提交測試條目,然後返回您的 Zapier 帳戶,點擊「測試觸發器」按鈕。

注意:您可以在「查找數據」部分檢查測試條目。如果測試成功,它將跳至下一步,您可以將表單與 Dropbox 整合。

連接 WPForms 與 Dropbox

首先,您需要訪問您的 Dropbox 帳戶並創建一個新的 Dropbox 上傳資料夾。您可以將此資料夾命名為「WPForms 上傳」或任何名稱。所有您的文件附件將自動上傳到此資料夾。

接下來,您需要返回您的 Zapier 帳戶。在「行動」部分中,您需要搜索「Dropbox」應用並點擊它。它會要求您為 Dropbox 創建一個行動,選擇「上傳文件」選項並點擊「繼續」按鈕。

之後,您需要點擊「登入」按鈕,這樣,您可以選擇您的 Dropbox 帳戶並將其與 Zapier 連接。

接下來,您需要從下拉選單中選擇您的 Dropbox 帳戶,選擇完帳戶後,簡單點擊「繼續」按鈕。

現在,您需要配置 Dropbox 文件設定。它會要求您提供兩個選項:

  • 您希望保存文件附件的 Dropbox 資料夾
  • WPForms 文件上傳欄位

您可以向下滾動以查看更多高級設定,簡單點擊「繼續」按鈕。

完成設置後,您可以進行測試配置,點擊「測試並繼續」按鈕。

測試成功後,您需要發布您的 Zap,簡單點擊「發布 Zap」按鈕。

最後,會彈出一個窗口,您可以點擊「發布並開啟」按鈕。

您的帶有文件上傳選項的線上表單已經可以添加到您的網站。

在 WordPress 中添加 Dropbox 上傳表單

要在 WordPress 中添加 Dropbox 上傳表單,您可以編輯任何想要顯示表單的頁面或文章。簡單將 WPForms 區塊添加到內容編輯器並選擇您之前創建的表單。

在 WPForms 區塊中,從下拉選單中選擇您的 Dropbox 文件上傳表單。WPForms 將在內容編輯器中載入表單的即時預覽。

現在,您可以訪問您的網站查看表單運行情況。您也可以通過上傳文件並填寫表單來測試表單。

希望這篇文章能幫助您學會如何在 WordPress 中創建 Dropbox 上傳表單。您可能還希望查看我們的指南《如何在 WordPress 中舉辦抽獎活動以提高用戶參與度》以及我們的專家精選《最佳 Dropbox 插件》。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道,觀看 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何更改WordPress JPEG图片压缩

为什么要更改WordPress的JPEG图片压缩?

每次你上传JPEG图片到你的WordPress网站,系统会自动将图片压缩到90%的质量。在WordPress 4.5之前,这个数字曾降低到82%以改善移动用户的站点性能。

如果你是一名摄影师,希望在网站上展示高质量的图片,那么你可以关闭WordPress的图片压缩。

如何禁用WordPress的图片压缩

你只需要将以下代码粘贴到主题的functions.php文件中,或者使用像WPCode这样的代码片段插件来实现(推荐)。

如果你之前没有这样做过,可以查看我们关于如何向WordPress网站添加自定义代码的指南。

首先,你需要安装WPCode Free Plugin插件。激活后,进入WordPress后台的Code Snippets » + Add Snippet。然后将鼠标悬停在‘Add Custom Code’模板上,并点击‘Use Snippet’按钮。

这将带你到一个新的屏幕,在这里你可以创建自定义片段。需要给这个片段添加一个标题,比如‘Disable Image Compression in WordPress’。

然后,从Code Type下拉菜单中选择‘PHP Snippet’,在‘Code Preview’窗格中粘贴以下代码片段:

add_filter('jpeg_quality', function($arg){return 100;});

将值设置为100,这样WordPress会以最高质量压缩图片。最后,点击屏幕顶部的开关,将其从‘Inactive’切换到‘Active’,然后点击‘Save Snippet’按钮。

恭喜!你已经禁用了WordPress站点的JPEG压缩。

如果你不是摄影师或艺术家,可能不会看到很大的质量差异。但对于那些每天处理高质量图片的人来说,质量差异显而易见。

如何增加WordPress的图片压缩

保持默认的压缩质量有明显的性能优势,但如果你愿意,可以将数值从100更改为80或更低,以进一步压缩图片并节省空间。

只需像上一个方法一样创建一个新的WPCode片段,然后粘贴以下代码:

add_filter('jpeg_quality', function($arg){return 75;});

将片段设置为激活并保存,JPEG图片将被压缩到更小的文件大小。虽然图片质量会降低,但可以节省服务器上的空间。

小贴士

当你进行这些图片质量更改时,也要确保重新生成缩略图。

希望这篇文章帮助你了解如何更改WordPress的JPEG图片压缩。你可能还想查看我们关于如何在WordPress中创建联系表单或者我们精选的最佳Instagram WordPress插件的指南。

Read More
WordPress 教学

如何在WordPress中添加带图标的功能框

什么是带图标的功能框?

大多数访问你WordPress网站的人不会阅读每一个单词,尤其是在页面内容过于繁重的时候。相反,访问者会扫描页面寻找他们需要的信息。因此,你需要以一种易于扫描和引人入胜的方式展示重要信息,这也是许多网站使用功能框的原因。

在下图中,你可以看到WPressize Me如何使用功能框突出其插件的主要卖点。

你甚至可以添加一个行动号召按钮,让用户了解更多特定功能的详细信息。下面我们来看看如何在WordPress中添加带图标的功能框。你可以使用快速链接跳转到你想要使用的方法:

  • 方法一:使用WordPress块编辑器添加带图标的功能框(无需插件)
  • 方法二:使用页面构建插件添加带图标的功能框(推荐)

方法一:使用WordPress块编辑器添加带图标的功能框(无需插件)

你可以使用标准内容编辑器和列块,在WordPress网站中添加带图标的功能框。这意味着你无需安装新的WordPress插件,是一种快速简便的方法。

首先,打开你要添加功能框的页面,然后点击“+”添加块图标。接着,在搜索框中输入“列”。当显示正确的块时,点击将其添加到页面。

WordPress现在会显示所有不同的列块。数字表示每个列在块中占用的空间,例如“50/50”创建两个各占50%宽度的列。我们将选择“33/33/33”列块,因为这给我们三个等宽的列,但你可以使用任何你喜欢的布局。

接下来,你可以向列中添加图标。最简单的方法是使用图标字体,这种可调整大小的符号不会拖慢你的网站速度。我们推荐使用Font Awesome,因为它们有最大的免费图标集合之一。

在你的WordPress主题中添加图标字体后,可以使用短代码将其显示在列中。点击列的“+”图标,输入“Shortcode”。选择正确的块后,点击将其添加到布局。然后,你可以输入以下短代码,但要将“bus”替换为你要使用的图标名称:[icon name=”bus”]。为了查看所有可用图标,前往Font Awesome图标库。

找到你喜欢的图标后,点击查看图标的名称并应用到短代码中。

如果你更喜欢使用WordPress媒体库中的图像,可以添加一个图像块。只需点击第一个列中的“+”图标,然后添加一个“图像”块。选择一个图像或从电脑上传一个新文件。

添加所有图标后,下一步是向功能框中添加文本。点击列块中的“+”按钮,然后添加一个段落块。输入文本到段落块中。

通过重复相同的过程,可以为其他列添加图标和文本。要添加多行功能框,选择列块并点击工具栏中的三点图标,然后选择“复制”。添加内容到第二行。

当你对功能框满意时,可以添加其他内容如产品图片或分类标签。点击“更新”或“发布”按钮使功能框上线。现在访问你的网站、博客或在线商店即可看到功能框。

方法二:使用页面构建插件添加带图标的功能框(推荐)

如果你想创建一个简单的功能框,WordPress块编辑器是一个不错的选择。然而,若你想创建更高级的设计,则需要一个页面构建插件。

SeedProd是最好的WordPress页面构建器,允许你使用拖放编辑器创建自定义页面。它有超过300个专业设计的模板和一个图标库,可以快速添加到功能框中。你首先需要安装并激活SeedProd插件。然后去SeedProd » 设置,输入你的许可证密钥。

选择一个专业设计的模板,开始在SeedProd » 登录页面点击“添加新的登录页面”。在下一个屏幕中选择一个模板,并点击“勾号”图标。给页面命名后点击“保存并开始编辑页面”。在SeedProd的拖放编辑器中打开模板。

选择一个布局,在左侧菜单找到“图标”块,拖放到空列中。选择图标后可以自定义它,包括对齐、大小、颜色等。

在图标下方添加一个文本块,通过拖放将其放置在图标下方,然后在左侧菜单的文本编辑器中输入文本。可以添加链接、更改文本对齐、更改文本颜色等。重复相同步骤自定义其他列。要添加另一行功能框,悬停在部分上方,点击“复制行”按钮。重复上述过程添加新图标和文本。

完成页面设计后点击“保存”。然后选择“发布”使页面上线。

希望这篇文章能帮助你在WordPress中添加带图标的功能框。同时你可能想看看我们的如何创建电子邮件通讯和我们专家推荐的最佳实时聊天软件。

Read More
WordPress 主题

如何在WordPress中創建浮動的黏性導航菜單

什麼是浮動的黏性導航菜單?

浮動或黏性導航菜單是指在用戶滾動網頁時,這個導航菜單會“黏”在屏幕頂部,隨時可見。通常,在WordPress頂部的導航菜單包含了你網站最重要的內容鏈接。通過將這個菜單設置為黏性,訪客可以在任何時候點擊這些鏈接而不需要滾動頁面。

如果你運行一個在線商店,那麼頂部的導航菜單通常包含了旨在轉化的頁面鏈接,例如結帳頁面和購物車頁面。通過將頂部菜單設置為黏性,你可以減少購物車放棄率,從而獲得更多的銷售。

方法一:使用主題設置添加黏性菜單(簡單)

一些優質的WordPress主題內置了對黏性導航菜單的支持。你可以通過進入WordPress儀表板的外觀 » 自定義,檢查是否有標記為‘菜單’的設置。如果不確定你的主題是否支持黏性菜單,可以查閱主題的文檔或聯繫開發者尋求幫助。如果你的主題不支持黏性菜單,你需要使用其他方法。

方法二:使用插件添加黏性導航菜單(推薦)

最簡單的方法是使用Sticky Menu & Sticky Header插件。首先,你需要安裝並激活這個插件。啟用後,前往設置 » 黏性菜單(或其他)來配置你的菜單。在開始之前,你需要使用瀏覽器的檢查工具來獲取導航菜單的CSS ID。之後,將這個CSS ID添加到‘黏性元素’字段中,並點擊‘保存更改’按鈕。這樣,你的導航菜單就會保持在頁面的頂部。

方法三:使用代碼添加浮動黏性導航菜單

你也可以使用CSS創建一個黏性導航菜單。最佳方法是使用WPCode插件來添加自定義CSS,這樣你可以避免許多常見的WordPress錯誤,並且可以隨時開關黏性菜單。首先,安裝並啟用WPCode插件。在插件頁面中,添加自定義CSS片段,並將以下代碼添加到代碼編輯器中:

#site-navigation {background:#000000;height:60px;z-index:170;margin:0 auto;border-bottom:1px solid #dadada;width:100%;position:fixed;top:0;left:0;right:0;text-align: center;}

這會創建一個黑色背景的導航菜單。你可以更改背景顏色的十六進制代碼來使用其他顏色。之後,替換#site-navigation為你的導航菜單的CSS ID。當你對代碼滿意後,將代碼片段設置為‘活動’並保存。

附加:使WordPress文章置頂

如果你有一個WordPress博客,建議將一些重要的博客文章設置為置頂,這樣即使發佈新內容,也能保持這些文章在博客頁面的頂部。你可以通過打開內容編輯器,然後展開‘摘要’標籤,勾選‘置頂到博客首頁’選項。最後,點擊‘更新’或‘發佈’按鈕保存設置。

希望這篇文章能幫助你在WordPress網站上添加浮動的黏性導航菜單。你還可以參考我們的初學者指南,了解如何增加博客流量,或比較最佳的WordPress頁面構建器插件。

Read More
WordPress 教学

如何在 WordPress 中向不同用戶展示個性化內容

為什麼要在 WordPress 中向用戶展示不同的內容?

通常,當你在 WordPress 網站上發佈內容時,內容會對所有人開放。那麼,如果你希望向特定的用戶展示不同版本的內容該怎麼辦?例如,你可以向特定地理位置的顧客提供免費配送,或者向從特定登陸頁面來的用戶展示不同的內容。一種方法是建立會員網站,根據用戶的個人檔案限制內容訪問,但並非所有人都希望用戶登入以提供個性化服務。這時候,WordPress 網站個性化解決方案就可以幫上忙了。

你可以使用智能條件在你的博客中添加內容個性化,在你的網店中添加產品個性化,在登陸頁面上替換動態文字。這些條件可以包括特定用戶的互動、地理位置、時間、他們訪問的特定頁面、特定的來訪來源、過往行為等。

那麼,讓我們來看看如何在 WordPress 中向不同用戶展示不同內容。你可以使用以下鏈接直接前往希望使用的方法。

方法一:使用 OptinMonster 向用戶展示不同內容(輕鬆實現網站個性化)

OptinMonster 是市場上最佳的潛在客戶生成和轉換優化工具。它擁有強大的定位規則,允許你根據大量顯示規則向用戶展示個性化活動。此方法推薦所有用戶使用,因為它使你可以設計內容並擁有更強大的定位規則,還可以與電子郵件營銷工具和第三方應用程式配合使用。

詳細資訊請參見我們的完整OptinMonster 評測

方法二:使用插件向用戶展示不同內容

這種方法適合你希望更改單個帖子或頁面的整個內容,或向用戶展示同一內容的不同變體。第一步,你需要安裝並啟用 If-So Dynamic Content 插件。有關詳細信息,請查看我們的WordPress 插件安裝指南

方法三:在 WooCommerce 中使用 FunnelKit 向用戶展示個性化內容

儘管以上解決方案幫助你向不同用戶顯示個性化內容,但在 WooCommerce 中進行深度個性化可能不夠。這時你需要 FunnelKit。它是最強大的 WooCommerce 插件之一,可以幫助你提高銷售額。你可以添加自定義的一鍵升級訂購或訂單提升,增加利潤而無需增加流量或廣告費。

希望這篇文章能幫助你學會如何輕鬆在 WordPress 中向不同用戶展示不同內容。你可能還想查看我們的如何像專業人士一樣追蹤 WordPress 網站轉換率的指南和我們的小企業最佳行銷自動化工具列表

如果你喜歡這篇文章,請訂閱我們的YouTube 頻道以獲取 WordPress 視頻教程。你也可以在TwitterFacebook 上找到我們。

Read More
WordPress 基础知识

如何自訂 WordPress 頁首(初學者指南)

改善您的 WordPress 網站頁首對於設計和用戶體驗來說是一個很棒的主意。雖然許多 WordPress 主題提供內建的頁首,但自定義頁首能讓您添加重要的元素如鏈接、社交圖標和站內搜索。這些功能可以讓您的網站更為使用者友好和專業。此外,精心設計的頁首能大大影響訪客對您網站的第一印象。在本指南中,我們將利用我們超過 16 年管理 WordPress 網站的專業知識,逐步教您如何自訂 WordPress 頁首。

什麼是 WordPress 頁首?

您的網站頁首是每個頁面的頂部區域,通常顯示網站標誌和標題、導航菜單和其他重要元素。以下是我們 WPressize Me 網站上的頁首,這是數百萬讀者每月都會看到的。

透過自定義網站的頁首,您可以賦予它獨特的風格,並使其對訪客更有用。您可以鏈接到最受歡迎的頁面,顯示社交圖標或商業電話號碼,並顯示行動號召按鈕以提高轉換率。

使用 WordPress 主題自訂器自訂頁首

許多熱門的 WordPress 主題允許您使用 WordPress 主題自訂器來變更頁首區域。請前往 WordPress 管理區域的「外觀」»「自訂」頁面。

注意:如果您在 WordPress 管理菜單中看不到「外觀」»「自訂」,而只看到「外觀」»「編輯」,那麼這表示您的主題啟用了全站編輯。在這種情況下,您應該跳到下一部分。

您的主題可能在自訂器中包含「頁首」部分,或者在「顏色」下提供頁首選項。但是,這因主題而異。以下是一些範例。

某些主題(如 Twenty Twenty-One)根本不提供頁首自訂選項。在這種情況下,我們建議使用如 SeedProd 這樣的拖曳主題構建插件,我們將在下文介紹。

使用 WordPress 全站編輯器自訂頁首

WordPress 在 5.9 版本中引入了全站編輯。如果您的主題支持該新功能,它將取代主題自訂器。使用兼容主題時,您可以通過導航到「外觀」»「編輯」來自訂頁首。這將啟動全站編輯器,其類似於您用來撰寫 WordPress 帖子和頁面的區塊編輯器。

單擊頁首後,您會發現頁面頂部的模板名稱更改為「頁首」。

現在,單擊工具欄上的「設置」圖標,您將看到頁首佈局、顏色、邊框和尺寸的自訂選項。舉例來說,我們將更改頁首的背景顏色。首先,您需要展開「顏色」部分,然後單擊「背景」選項。

使用 SeedProd 創建自訂頁首和頁面佈局

如果您希望完全控制頁首、頁腳和側邊欄以賦予網站獨特的設計,我們建議使用 SeedProd。

SeedProd 是最佳的 WordPress 主題構建插件,允許您輕鬆創建無需編碼的自訂 WordPress 主題。這包括創建頁首、頁腳和其他所有需要的元素。

您甚至可以為網站的不同頁面和部分創建多個自訂頁首樣式。

首先,我們建議按照我們的指南輕鬆創建無需編碼的 WordPress 自訂主題。完成此操作後,您可以開始在 SeedProd 編輯器中自訂您的頁首。

要訪問編輯器,您只需單擊頁首下方的「編輯設計」鏈接。

這將打開 SeedProd 的拖曳編輯器中的頁首。

在這裡,您可以通過添加新區塊輕鬆自訂頁首。

有網站徽標等模板標籤的區塊或任何您的 WordPress 小工具以及高級區塊,例如倒數計時器、導航菜單或社交共享按鈕。

最棒的是,您可以使用主題構建器進一步自訂每個區塊。例如,您可以更改徽標的大小和對齊方式或選擇在導航菜單中顯示的頁面。它甚至允許您在頁首中添加圖像。

使用 SeedProd,您還可以將完整部分添加到主題的頁首模板中。

部分是您可以用於網站不同區域的區塊組成。這些包括頁首、頁腳、功能、見證、行動號召等。

要使用頁首部分,您需要切換到「設計」面板中的「部分」選項卡。

之後,選擇您希望在網站中使用的頁首部分。 SeedProd 提供多個部分模板可供使用。

開始自訂頁首部分。

當您對自訂頁首感到滿意時,請單擊「保存」按鈕以存儲您的更改。

現在,您準備好發佈您的自訂頁首了。

對每個頁面創建不同的自訂頁首

您知道嗎,使用 SeedProd,您可以為不同頁面創建自訂頁首?

主題構建器允許您為網站的每個頁面添加自訂頁首。這樣,您可以為不同的類別、標籤、帖子類型、頁面類型等顯示自訂頁首。

要開始,您需要從 WordPress 控制台中導航到 SeedProd » Theme Builder 並點擊

Read More
WordPress 教学

如何在 WordPress 中創建服務區段(兩種簡單方法)

如何在 WordPress 中創建服務區段(兩種簡單方法)

當潛在客戶訪問您的網站時,他們會想知道您提供什麼。建立一個服務區段可以快速簡便地傳達這些信息,讓訪客決定是否想進一步了解您的業務。

為什麼要在 WordPress 中創建服務區段?

如果您運營的是服務網站,則在您的 WordPress 網站上擁有一個服務區段是很重要的,它能讓訪客快速了解您所提供的服務,如效益、價格和技術規格。這樣,他們可以快速簡便地決定是否想深入了解特定服務。

通常,首頁或登陸頁上的服務區段會鏈接到詳細描述每個項目的自訂服務頁面,這樣使用者可以深入了解每一項服務的細節。

此外,您還可以在服務區段末尾添加一個行動呼籲,例如讓訪客請求個性化報價的表單。以下圖片展示了一個具有明確行動呼籲按鈕的服務區段。

方法一:使用 SeedProd 創建服務區段(推薦)

使用頁面建構器是創建專業設計的服務區段的最簡單方法。使用一個好的頁面建構器外掛,您可以推廣無數的服務並以美觀、用戶友好的佈局排列它們。您還可以通過添加行動呼籲、鏈接、按鈕等來鼓勵訪客了解更多您的服務。

SeedProd 是 WordPress 最佳的拖放式頁面建構器。它提供了 300 多個專業網頁設計模板和預制區段,非常適合創建服務區段。SeedProd 也兼容多個熱門第三方工具,例如頂級電子郵件營銷服務、WooCommerce、Google Analytics 等。

首先,您需要安裝和啟用 SeedProd 外掛。有關詳細信息,請參閱我們關於如何安裝 WordPress 外掛的分步指南。注意:SeedProd 還有一個免費版本,但因為其專業版本有更多模板和區塊,所以我們使用 SeedProd Pro。

選擇專業設計的模板

接下來,創建一個新頁面並添加服務區段。請按照以下步驟操作:

設計您的自訂頁面

添加服務區段

SeedProd 還提供了“區段”,這些是經常一起使用的行和區塊的組合。例如,SeedProd 有常見問題解答區段、頁腳、頁眉和客戶推薦。要瀏覽不同的區段,單擊“區段”選項卡。我們建議查看“功能”類別,以創建服務區段。

找到您想要使用的區段後,將滑鼠移到該區段並單擊小“+”圖標。這會將區段添加到頁面的底部,但您可以使用拖放功能在設計中移動區段和區塊。

方法二:使用 Service Box Showcase 創建服務區段(免費)

您也可以使用免費的 Service Box Showcase 外掛來構建服務區段,並通過短碼將其添加到任何頁面或文章中。

首先,您需要安裝和啟用該外掛。啟用後,前往 Service Box » Add New Service Box。輸入服務區段的標題,選擇所需的佈局,並為每項服務添加詳細資訊。

在添加完所有信息後,可以使用“服務框設置”更改區段的外觀。當您對設置感到滿意時,單擊“發佈”按鈕保存變更。然後,複製短碼並將其添加到任何文章、頁面、側邊欄或其他支持小部件區域的位置。

如何將訪問者轉化為潛在客戶/客戶

為您的企業網站創建服務區段是一個展示貴公司業務及其對目標受眾效益的好步驟。要將網站提升到新的層次,您需要添加其他元素來將訪客轉化為潛在客戶。這裡有一些供您嘗試的想法:

  • 如何在您的 WordPress 網站上使用 FOMO 增加轉化率
  • 如何將 WooCommerce 訪問者轉化為客戶
  • 如何在 WordPress 中添加客戶評論頁
  • 如何在您的 WordPress 網站上顯示 Trustpilot 評論

希望這篇文章能幫助您學會如何在 WordPress 中創建服務區段。您可能也想查看我們關於最佳 WordPress PayPal 外掛以接受付款以及如何在 WordPress 中添加美觀的價格表的文章。若您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 教學視頻,您也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何在 WordPress 中刪除區塊(4 個簡單方法)

如何在 WordPress 中刪除區塊(4 個簡單方法)

你是否正在尋找如何在 WordPress 中刪除區塊的方法?移除、隱藏或刪除不必要的區塊可以清理區塊菜單,讓你更專注,並更容易快速找到所需的特定區塊。

為什麼要在 WordPress 中刪除、隱藏或刪除區塊?

如果你有一個 WordPress 部落格,那麼你將會使用古騰堡編輯器來為你的網站創建文章和頁面。在這裡,你會發現菜單中的一些區塊可能永遠不會在你網站上使用。例如,內容編輯器提供了一個詩歌區塊,可以用於插入詩歌或歌曲歌詞。然而,如果你有一個美食或時尚部落格,那麼這個核心區塊對你的內容完全無關。

在這種情況下,你可以從文章編輯器中移除這些區塊,從而創建一個更乾淨和更專注的界面。不過,如果你不想移除該區塊及其功能,那麼你可以使用 WordPress 的默認區塊可視性功能來隱藏它。這樣,該區塊並未完全被移除,你可以在需要時輕鬆地訪問它。

另一方面,如果你在文章中犯了錯誤或者想要刪除一些內容,那麼你不需要移除或隱藏該區塊。你可以只在文章內刪除該特定的區塊。這將刪除你使用該區塊添加的內容,而不會完全從 WordPress 中移除該區塊。例如,如果你添加了多個標題區塊,你可以刪除其中一個以使內容更易於閱讀。

方法 1:在 WordPress 編輯器中刪除區塊

如果你想刪除內容中的區塊,那這個方法適合你。請注意,這些區塊不會從區塊菜單中被移除,而是從他們所在的 WordPress 文章中刪除。

首先,選擇你計劃刪除的區塊,只需單擊進入它。然後,點擊區塊工具欄中的三點圖標以打開提示。在這裡,選擇“刪除”選項以從你的文章中刪除該區塊。

如果你想刪除多個內容中的區塊,你也可以這樣做。首先,你必須選擇所有你想刪除的區塊,只需拖動滑鼠選取它們。然後,點擊區塊工具欄中的三點圖標,在提示中點擊“刪除”選項。

如果你在尋找快捷方式,你甚至可以通過在內容編輯器中點擊 Shift + Alt + Z 鍵(適用於 Windows 和 Linux 系統)和 ⌃ + ⌥ + Z 鍵(適用於 macOS 系統)來刪除區塊。

方法 2:在 WordPress 中隱藏區塊

如果你不想完全移除一個區塊,那麼可以使用這個方法。你可以使用 WordPress 的區塊可視性功能隱藏該區塊,並在需要時輕鬆調回。

為此,你必須打開區塊編輯器並點擊屏幕右上角的三點圖標。這將打開下拉菜單,從這裡選擇“偏好設置”選項。

這將在屏幕上彈出一個窗口。在這裡,切換到“區塊”標籤,並只需取消選中你想要隱藏的區塊旁邊的框。你還可以在這裡禁用插件區塊,例如 WPForms 區塊或 Soliloquy 區塊。

完成後,只需點擊“X”圖標以退出提示。你現在已成功隱藏了 WordPress 中的區塊。

要查看結果,點擊左上角的“+”按鈕以打開區塊菜單。在這裡,你會注意到你選擇的區塊不再可見。

當你想要調回這些區塊時,只需再次點擊三點圖標並選擇偏好設置選項。一旦彈出窗口打開,切換到“區塊”標籤,並點擊“重置”連結以使區塊重新可見。

然而,這個方法唯一的缺點是你不能單獨取消隱藏個別區塊。這意味著即使你想讓隱藏的一個區塊可見,點擊“重置”連結會取消隱藏所有選中的區塊。如果這對你來說是一個問題,那麼你可以使用下一種方法。

方法 3:在 WordPress 中刪除核心區塊

如果你想完全刪除 WordPress 編輯器中的默認區塊,如圖片、段落、標題、代碼或預格式化區塊,可以使用這種方法。要刪除核心 WordPress 區塊,你需要在佈景主題文件中添加 PHP 代碼片段,如果出錯可能會導致網站損壞或無法訪問。因此,我們建議使用 WPCode 替代。它是市場上最好的 WordPress 代碼片段插件,也是向網站添加自定義代碼的最安全方法。

注意:你可以在這個教程中使用 WPCode 的免費版本。然而,升級到專業計劃將解鎖更多功能。

首先,安裝並啟用 WPCode 插件。詳情請參見我們的初學者指南“如何安裝 WordPress 插件”。

啟用後,從 WordPress 儀表板訪問 Code Snippets » + Add Snippet 頁面,並在“添加你的自定義代碼(新片段)”選項下點擊“使用片段”按鈕。

這將導引你到“創建自定義片段”頁面,在這裡你必須添加一個代碼片段名稱,來識別你正在創建的代碼片段。然後,從右側的下拉菜單選擇“PHP 片段”作為代碼類型。

之後,需要在“代碼預覽”框中添加以下自定義代碼:

add_filter( 'allowed_block_types_all', function( $allowed_blocks, $editor_context ): array {
    $allowed_blocks = [
        'core/paragraph',
        'core/heading',
        'core/list',
        'core/list-item',
        'core/quote',
        'core/preformatted',
        'core/pullquote',
        'core/table',
        'core/gallery',
        'core/image',
        'core/video',
        'core/spacer',
        'core/separator',
        'core/shortcode',
        'core/embed',
    ];
    return $allowed_blocks;
}, 100, 2 );

一旦你完成這些步驟,你會注意到代碼中列出了一些你網站所需的核心 WordPress 區塊。所有未在此列表中提到的區塊,如“詩歌”區塊,將自動從區塊編輯器中移除。

不過,如果你還希望移除代碼片段中提到的某個區塊,例如“分隔線”區塊,可以將它從代碼片段中刪除。同樣,如果代碼片段中未提到某個區塊,但你不想移除它,可以將其名稱添加到區塊列表中。你可以輕鬆地通過鍵入“core/”並添加區塊名稱來完成這一操作,例如:‘core/verse’

接下來,滾動到“插入”部分,選擇“自動插入”模式。這樣一來,自定義代碼在啟用後將自動執行。

然後,滾動回頂部,將“未啟用”切換為“啟用”。最後,點擊“保存片段”按鈕以存儲設置。

現在,你可以訪問區塊編輯器查看變更。在這裡,你會注意到經典、封面、分隔線、文件和許多其他區塊已從區塊菜單中移除,因為它們並非你的代碼片段列表的一部分。

方法 4:在 WordPress 中移除插件區塊

當你想移除某個插件引入的區塊時,可以使用此方法。許多 WordPress 插件在內容編輯器中添加區塊,這些區塊使得在文章或頁面中添加插件功能變得非常簡單。例如,All in One for WordPress 在內容編輯器中添加了 FAQ、麵包屑、目錄和 HTML 站點地圖區塊。

然而,有時你可能不想使用插件提供的某個區塊,因為你認為它與你的內容無關。在這種情況下,可以使用自定義代碼移除插件的區塊。為此,你需要 WPCode,它是最好的代碼片段插件,也是向網站添加自定義代碼的最安全方法。

首先,你需要安裝並啟用免費的 WPCode 插件。詳情請參見我們的步驟指南“如何安裝 WordPress 插件”。啟用後,從 WordPress 儀表板訪問 Code Snippets » + Add Snippet 頁面,並在“添加你的自定義代碼(新片段)”選項下點擊“使用片段”按鈕。

在“創建自定義片段”頁面上,你可以首先添加代碼片段名稱,以便識別。然後,從右側的下拉菜單中選擇“PHP 片段”作為代碼類型。

之後,將以下代碼片段添加到代碼預覽框中,注意替換插件區塊的名稱為你希望移除的區塊名稱。

add_action( 'init', function() {
    unregister_block_type( 'aioseo/breadcrumbs' );
}, PHP_INT_MAX );

要獲取這個名稱,你必須打開古騰堡編輯器並將插件區塊添加到頁面或文章中。然後,點擊屏幕右上角的三點圖標以打開下拉菜單,從這裡切換到代碼編輯器。

這樣一來,你會注意到代碼編輯器在“wp”之後顯示區塊名稱。將這個名稱複製並返回“創建自定義片段”頁面,在這裡粘貼它。

然後,向下滾動到“插入”部分,選擇“自動插入”模式。這一選項將在啟用後自動執行自定義代碼片段。

之後,將“未啟用”切換為“啟用”。接下來,點擊頂部的“保存片段”按鈕以存儲設置。

現在,打開 WordPress 網站上的區塊編輯器並搜索已移除的區塊。在這裡,你會看到已移除的區塊仍會顯示在菜單中,但一旦將它添加到頁面或文章中,會顯示無效區塊錯誤。

額外:在 WordPress 中創建可重用區塊

除了隱藏不必要的區塊,創建和使用可重用區塊也是節省時間和精力的一種方式。這是一種可以保存並在其他頁面和文章中使用的區塊。例如,你可以為 CTA、反饋表單、聯盟產品等創建可重用區塊。要這樣做,你必須打開區塊編輯器並輸入你想轉換為可重用區塊的內容。

之後,點擊區塊工具欄中的三點圖標以打開下拉菜單,從這裡選擇“創建模式”選項。然後,只需為你的區塊添加名稱並點擊“創建”按鈕以存儲設置。現在,可重用區塊將保存在 WordPress 數據庫中,你可以輕鬆地使用區塊菜單將其添加到頁面或文章中。

更多信息請參見我們的教程“如何創建 WordPress 可重用區塊”。

我們希望這篇文章幫助你學習如何在 WordPress 中輕鬆刪除區塊。你也許會想查看我們的初學者指南“如何使用 WordPress 區塊編輯器”和我們的常見區塊編輯器問題及解決方法列表。

如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 影片教程,你也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 插件

如何在WordPress中创建和管理Ads.txt文件

为什么在WordPress中创建和管理Ads.txt文件?

Ads.txt全称为‘Authorized Digital Seller’,它显示了哪些公司被授权在您的WordPress网站上销售广告,并帮助阻止虚假广告的出现。如果您通过广告赚钱(例如使用Google AdSense),添加ads.txt文件是个好主意。未授权的第三方可能会假装有你的许可在你的网站上销售广告,这可能会显示一些不良或误导性广告,危害你的声誉和用户安全。

ads.txt文件就像一个守卫,阻止未在你的批准名单上的任何人销售广告。这样,您将确保您的网站安全,并确保只有受信任的合作伙伴的广告会出现。接下来,我们将介绍在WordPress中创建和管理ads.txt文件的两种不同方法。

方法1:使用WPCode在WordPress中创建Ads.txt文件(推荐)

创建和管理ads.txt文件需要一点编码。如果你不熟悉添加自定义代码,这个过程可能看起来有些吓人。因此,我们推荐使用WPCode,这是市场上最好的代码片段插件。使用它,您无需直接修改您的WordPress代码,也不必担心破坏您的网站。

首先,安装WPCode,并激活WPCode Pro许可证密钥。进入Code Snippets » Settings并插入您的许可证密钥,然后点击‘Activate Key’按钮。成功激活后,按钮文字会更改为‘Deactivate Key’。

接着,进入Code Snippets » File Editor,插件已经内置了ads.txt管理功能。按照以下格式编写信息:域名,发布商ID,关系类型,广告平台ID(可选)。例如,在这里我们添加Google AdSense为批准的广告平台:google.com, pub-0000000000000000, DIRECT, f08c47fec0942fa0。

填写完所有必要的信息后,点击‘Save Changes’按钮保存。

现在,任何人都可以读取您网站的ads.txt文件。您可以通过在域名后加上ads.txt来查看文件,例如www.example.com/ads.txt。

方法2:使用Ads.txt Manager在WordPress中创建Ads.txt文件(免费)

您也可以使用Ads.txt Manager插件创建ads.txt文件。安装并激活插件,然后进入Settings » Ads.txt页面。在这个简单的代码编辑器中,您可以按行输入所有授权的广告平台和网络。

输入信息后,点击‘Save Changes’按钮保存。

如何修复Google AdSense中的收益风险错误

如果您使用Google AdSense,可能会在AdSense账户中看到以下错误:收益有风险 – 一个或多个ads.txt文件不包含您的AdSense发布商ID。解决这个问题,登录您的AdSense页面,找到与AdSense账户关联的发布商ID。然后,在WPCode的文件编辑器或Ads.txt管理器中找到添加Google AdSense的行,并更改文本以使用正确的ID。保存更改后,错误消息应该消失。

最大化您的WordPress广告潜力

想把您的WordPress广告策略提升到一个新高度?查看这些有用的资源:

希望本文帮助您了解如何在WordPress中创建和管理ads.txt文件。您可能还想了解如何使用AdSanity插件管理WordPress广告,以及我们推荐的高性能Google AdSense横幅尺寸。

Read More
WordPress 教学

如何用WordPress制作单页网站(逐步指南)

为什么创建单页网站?

大多数企业和组织都需要一个网站。即使是面对面的业务,网站也有助于新用户发现您的品牌并采取下一步行动。这可能包括预约请求、获取联系信息或计划访问您的实体店。然而,构建完整的博客或网站可能令人厌烦,您可能没有时间、预算或专业知识来设计并维护多个页面。此时,单页网站是个负担更小的选择。

单页网站也非常适合短期活动,例如会议或研讨会。访客通常有单一的具体目标,因此无需创建他们不会用到的复杂多页网站。活动结束后,您可以轻松地关闭网站,无需担心维护不再需要的东西。

步骤 1: 选择您的网站构建器

有许多网站构建器可以用来创建单页网站,但我们推荐WordPress。首先,它是开源免费的,所以无需付费使用。选择WordPress,您可以在没有高昂费用的情况下获得强大可靠的平台。尤其是一页网站,良好的设计至关重要,因为空间有限,每个像素都很重要。

步骤 2: 为您的单页网站设置主机

要创建单页网站,您需要一个域名和网络主机。域名是您网站在互联网上的地址,而网络主机则是您网站在线存在的地方。虽然WordPress软件是免费的,但主机和域名是费用可能开始累积的地方。

步骤 3: 在您的网络主机上安装WordPress

当您通过指定链接注册Bluehost时,Bluehost会自动在您的域名上安装WordPress。稍等几分钟后,点击‘编辑网站’按钮就可以开始设置新网站。

步骤 4: 安装页面构建插件

我们强烈推荐使用SeedProd,这是一个流行的页面构建插件,具有拖放界面,可以精确控制页面元素的位置。它也集成了DALL-E,可以创建原始图像并直接添加到您的一页网站上。

步骤 5至11: 创建新页面、添加品牌、选择布局等

按照本文中的步骤逐步创建您的单页网站,从创建新页面、添加品牌、选择布局、添加内容块到添加 ‘联系我们’ 表格,最终发布您的网站。

附送提示:如何增长您的单页网站

使用All in One SEO来提高网站的SEO排名。选择独特的域名是关键,建立联系表格以便用户联系您也是必要的步骤。通过使用SeedProd的翻译功能,您还可以创建多语言网站,以便全球受众访问。

我们希望这篇文章能帮助您学习如何用WordPress制作单页网站。欢迎关注我们的社交媒体获取更多WordPress教程。

Read More