WordPress 教学

如何在 WordPress 嵌入 Medium 博文(簡便方法)

如何在 WordPress 嵌入 Medium 博文(簡便方法)

最後更新時間:2024 年 2 月 27 日 | 評論人:Syed Balkhi

編者註:我們從 WPBeginner 的合作夥伴鏈接中獲得佣金,但這不影響我們編輯的意見或評估。了解更多關於我們的編輯流程。

你是否想在 WordPress 中嵌入 Medium 文章?Medium 是一個受歡迎的博客平台,無需技術背景即可輕鬆發佈文章。然而,你可能希望在你的 WordPress 網站上顯示這些文章。

在本文中,我們將向你展示如何簡便地將 Medium 博文嵌入到 WordPress 中。

為何在 WordPress 中嵌入 Medium 文章?

Medium 是一個受歡迎的博客平台,允許你輕鬆在互聯網上發佈文章。然而,使用 Medium 的缺點之一是它沒有 WordPress 網站那麼靈活。例如,在網站設計上,Medium 沒有 WordPress 那麼多的自訂選項,這對於專業博客來說可能是一個問題。

因此,你可能希望在 WordPress 中嵌入你的 Medium 文章,這樣你就可以使用 WordPress 來建立任何類型的網站,並以你認為合適的方式來盈利。

更多詳細信息,請參閱我們的文章“為什麼你應該使用 WordPress 建立網站”以及我們的比較文章“WordPress 和 Medium 比較”。

如何在 WordPress 中嵌入 Medium 博文

通常情況下,WordPress 使用 oEmbed 格式來嵌入 YouTube、Twitter 等支援網站的第三方內容。不幸的是,Medium 不支援 oEmbed 格式,使得在 WordPress 中嵌入 Medium 文章變得困難。

以前有一些插件允許用戶在 WordPress 博客上顯示他們的 Medium 文章,但這些插件已經無法使用或因需求低而不再維護。

所以現在,顯示 Medium 文章在 WordPress 中的唯一方法是使用 RSS 區塊或小工具。

步驟說明

首先,你需要找到你的 Medium 出版物的 RSS 提要。通常,它位於這樣的 URL:

https://medium.com/feed/your-publication-name

如果你的 Medium 出版物使用的是自定義域名,那麼你的 RSS 提要將位於:

https://your-domain.com/feed

接下來,你需要編輯你想要嵌入 Medium 文章的 WordPress 帖文或頁面,並將 RSS 區塊添加到內容區域。

之後,在區塊設置中添加你的 Medium RSS 提要 URL。WordPress 將會抓取你最近的 Medium 文章並顯示它們。在區塊設置中,你可以選擇顯示摘錄、特色圖片、作者和日期選項。

這種方法的問題在於,你無法單獨嵌入具體的 Medium 文章,該區塊只會自動顯示最新的 Medium 文章。

如果你想要更多靈活性和自由度,或許你應該考慮將你的 Medium 文章遷移到 WordPress。

如何將 Medium 文章遷移到 WordPress

將你的 Medium 文章遷移到 WordPress 允許你利用 WordPress 的所有靈活性和功能。

WordPress 是市場上最受歡迎的網站建設工具,驅動了互聯網上超過 43% 的網站。

如果你想將 Medium 文章遷移到 WordPress,可以按照以下步驟操作。你可以使用這些快速鏈接跳過到具體步驟:

步驟 1:建立你的 WordPress 網站

如果你還未這樣做,那麼你需要先建立一個 WordPress 網站。WordPress 網站有兩種類型:WordPress.com(博客平台)和 WordPress.org(稱作自託管的 WordPress)。有關詳細信息,請參閱我們的文章“WordPress.com 與 WordPress.org 的區別”。

我們推薦使用自託管的 WordPress,因為它給你完全的自由來隨心所欲地建立網站。

要開始,你需要一個域名和一個 WordPress 主機帳戶。幸運的是,Bluehost 為 WPBeginner 用戶提供了一個免費的域名和一個優惠的主機折扣。基本上,你可以以每月 1.99 美元開始。

→ 點擊此處申請這個獨家 Bluehost 優惠 ←

註冊後,Bluehost 會將登入資訊發送到你的電子郵件地址。

登入 Bluehost 儀表板後,你可以進入“網站”標籤。你會注意到 Bluehost 已經為你安裝了 WordPress。只需點擊“編輯網站”按鈕登入到你的新 WordPress 儀表板。

更多步驟詳解,可以閱讀我們的文章“如何建立 WordPress 網站”。

步驟 2:導入你的 Medium 文章到 WordPress

在導入你的 Medium 文章到 WordPress 前,你需要將它們轉換為 WordPress 支援的格式。

Medium 不提供默認的工具來實現這一點,但它允許你以不支援的格式匯出內容。

只需登入你的 Medium 帳戶,並點擊你的頭像。從這裡,點擊“設置”鏈接。

這會將你帶到設置頁面,你需要向下滾動到“下載你的資訊”部分。

點擊“下載 zip”按鈕將你的 Medium 數據匯出。

在下一頁,你需要點擊“匯出”按鈕。Medium 會準備你的下載並通過電子郵件發送一個鏈接給你。

下載匯出文件後,你需要訪問 Medium 到 WordPress 匯入工具。這個免費的在線工具將你的 Medium 匯出文件轉換為 WordPress 支援的格式。

首先,你需要提供你的 Medium 個人資料 URL、你的姓名和你的電子郵件地址。

如果你的博客使用的是 Medium 上的自定義域名,則需要輸入自定義域名 URL。

現在,如果你使用的是 Medium 個人資料 URL,那麼你會被要求上傳你之前下載的 Medium 匯出文件。

接下來,點擊“匯出我的 Medium 網站”按鈕繼續。

Medium 到 WordPress 匯入工具現在會準備你的匯出文件。一旦完成,它會顯示一個成功消息並附有下載 WordPress 就緒的 Medium 匯出文件的按鈕。

你現在可以下載文件到你的電腦。

之後,切換到你的 WordPress 網站並轉到 工具 » 匯入 頁面。

你會看到不同平臺可用的匯入工具列表。你需要向下滾動到 WordPress 並點擊“立即安裝”鏈接。

WordPress 現在會抓取並安裝匯入插件。

安裝完成後,你需要點擊“運行匯入工具”來啟動它。

在下一頁,點擊“上傳文件並匯入”按鈕繼續。

WordPress 匯入工具現在會上傳你的 Medium 匯出文件並分析它。

在下一頁,會詢問你要分配給文章的作者。

你可以從你的 Medium 網站匯入作者,創建一個新作者,或者將所有內容分配給你現有的 WordPress 用戶。

不要忘記勾選“下載並匯入附件”選項框。這將嘗試將 Medium 網站中的圖片獲取到 WordPress 媒體庫。

你現在可以點擊“提交”按鈕來運行匯入程序。完成後,你會看到一個成功的消息。

恭喜,你已成功將 Medium 內容匯入 WordPress!

你現在可以進入 WordPress 管理面板中的文章頁面,檢查所有內容是否都在那裡。

步驟 3:將圖片從 Medium 導入到 WordPress

WordPress 匯入工具會嘗試將圖片從你的 Medium 文章匯入到 WordPress 媒體庫。然而,由於 Medium 顯示圖片的方式,可能會失敗。

要查看所有成功導入的圖片,只需轉到 媒體 » 頁面。

如果某些或所有圖片沒有成功匯入,則需要重新匯入它們。

為此,你首先需要安裝並啟用 Auto Upload Images 插件。更多詳情,請參閱我們的逐步指南“如何安裝 WordPress 插件”。

啟用後,你需要更新包含外部圖片的文章。這次更新將觸發插件獲取並存儲文章中的外部圖片。

你也可以一次性批量更新所有文章,以快速導入所有圖片。更詳細的指示,請參閱我們的逐步教程“如何在 WordPress 中導入外部圖片”。

步驟 4:為 Medium 文章設置重定向

如果你的 Medium 出版物使用 medium.com URL,那麼你無法設置重定向。

然而,如果你為 Medium 出版物使用自定義域名,則可以在 WordPress 中設置自定義重定向。

首先,你需要獲取所有 Medium 文章的 URL,並將它們保存在文本文件中。然後,你需要開始為所有文章設置重定向。

在 WordPress 中設置重定向有多種方式。你可以參閱我們的新手指南“如何在 WordPress 中創建重定向”以獲取詳細指導。

步驟 5:決定如何處理你的 Medium 文章

現在,將相同的文章放在兩個不同網站上會影響其搜索引擎優化 (SEO),因為 Google 會將其視為重複內容。這意味著你新的 WordPress 網站可能無法獲得任何搜索引擎流量。

為了避免這種情況,你可以簡單地停用你的 Medium 帳戶。停用帳戶會保留你在 Medium 上的所有數據,但這些數據將不再公開。

只需點擊你的 Medium 帳戶下的個人資料圖標,然後選擇“設置”。

在設置頁面中,向下滾動到安全部分。

然後,點擊頁面底部的“停用帳戶”鏈接。

額外步驟:在 WordPress 上推廣你的 Medium 文章

現在你已將文章從 Medium 遷移到 WordPress,這裡有一些工具可以幫助你推廣這些文章:

  • All in One SEO – 最佳的 WordPress SEO 插件,輕鬆為你的博客文章進行搜索引擎優化。
  • SeedProd – 最佳的 WordPress 頁面建設器,享受無盡的設計選項,輕鬆為你的网站创建美丽的登陆页面。
  • WPForms – 添加美观的联系表单,使网站更加互动。WPForms 是最好的 WordPress 联系表单插件,拥有拖放界面,可以创建任何形式的表单。
  • OptinMonster – 最佳的转化优化和弹窗软件,轻松将访客转为订阅者和客户。
  • MonsterInsights – 从第一天开始跟踪访客,MonsterInsights 是最好的 Google Analytics 插件,查看最受欢迎的内容和访客来访来源。

更多詳情,請參閱我們的專家挑選的所有網站必備的 WordPress 插件。

如果你喜歡 Medium 平台的簡約風格,也可以查看我們的 Medium 風格 WordPress 主題列表。

希望這篇文章能幫助你了解如何在 WordPress 中嵌入 Medium 文章。你也可能想查看我們的指南“如何獲取免費電郵域名”或我們的專家挑選的最佳商業電話服務。

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

Read More
WordPress 基础知识

Dropshipping 简单易懂:WordPress 的一步步指南

什么是 Dropshipping?

Dropshipping 是一种在线商业模式,电子商务商店不需要保留库存,而是当顾客购买产品时,店主将订单下给原供应商,并由供应商直接发货给顾客。与传统电子商务业务的主要区别在于,dropshipping 不需要你持有任何库存,也无需处理任何物流。

由于运营成本低,设置简便,dropshipping 已成为全球电子商务的新趋势。

如何开始 dropshipping 业务

开始 dropshipping 业务其实并不难。有很多电子商务平台可以让你轻松建立 dropshipping 商店,无需技术技能。我们推荐使用 WooCommerce,因为它的设置成本低,支持多种支付网关,且具有自定义在线商店的灵活性。WooCommerce 是最流行的电子商务软件,尤其适合 dropshipping 商店。

用 WooCommerce 开始 dropshipping 需要的东西

WooCommerce 是一个免费的 WordPress 插件。你需要一个自托管的 WordPress 网站来启动你的 dropshipping 商店。为此,你需要一个域名、一个网络托管账户,以及一个 SSL 证书。幸运的是,Bluehost 提供了一个方便的套餐,包含免费的域名和 SSL 证书,月费仅需 2.75 美元。

为你的 dropshipping 商店选择设计

You 可以从成千上万的 WooCommerce 主题中进行选择,以下是我们的推荐:Astra WooCommerce 主题、Divi、OceanWP 以及 Ultra。你也可以使用 SeedProd 自定义创建 WordPress 主题。

找到适合 dropshipping 的产品

一开始建议选择一个利基市场,这样更容易找到产品和目标客户。你可以利用 Amazon 数据和关键字研究来寻找热门产品。

在哪里找到 dropshipping 供应商

你可以在很多在线市场找到供应商,如 AliExpress、SaleHoo、Doba 以及 Etsy。我们推荐从 AliExpress 开始,因为它易于集成到 WordPress 网站,并且拥有可靠的供应商。

添加产品到 WooCommerce 商店

你可以使用 WooCommerce 的 dropshipping 插件导入产品,如 AliDropship、WooDropship 和 WooCommerce Dropshipping。使用这些插件,你可以轻松导入产品,设置自定义价格,收集订单并发送给供应商。

管理 WooCommerce 中的 dropshipping 订单

订单详情页面显示了已订购的产品、顾客支付信息等。你可以手动或通过插件发送订单给供应商。

扩展 dropshipping 业务的资源和工具

你需要推广业务,吸引流量,转化客户。以下是推荐的工具:eCommerce SEO(使用 All in One SEO 插件),转换优化(使用 OptinMonster),恢复未完成的订单(使用 PushEngage),以及电商分析(使用 MonsterInsights)。

关于 WordPress dropshipping 的常见问题(FAQ)

1. 为什么不使用 Shopify 启动我的 dropshipping 业务?
2. 我可以使用 BigCommerce 吗?
3. 哪家托管公司适合我的 WooCommerce 商店?
4. 我可以在现有的 WordPress 网站上安装 WooCommerce 吗?
5. 我怎么确保供应商按时交货?
6. 寻找 dropshipping 供应商时应注意什么?
7. Dropshipping 合法吗?

Read More
WordPress 基础知识

忘记密码?如何在WordPress找回丢失的密码

视频教程

如果您不喜欢视频或者需要更多指导,请继续阅读。

恢复WordPress密码的步骤

首先,进入您的WordPress博客的登录界面。您的WordPress博客的登录页面位于:

http://www.example.com/login/

用您的网站地址替换www.example.com。您的WordPress登录界面在登录表单的下面有一个“忘记密码?”的链接。请看下面的截图:

点击“忘记密码?”链接。此操作会将您带到另一个页面,在该页面上将要求您提供您的WordPress用户名或电子邮件地址。

输入您用于登录WordPress博客的用户名。您也可以提供您在安装或注册WordPress博客时使用的电子邮件地址。

输入用户名或电子邮件地址后,点击“获取新密码”按钮。

当您输入有效的用户名或电子邮件地址后,WordPress将向与该账号关联的电子邮件地址发送一封电子邮件。它还会显示一个通知,告诉您“请检查您的电子邮件以获取确认链接,然后访问登录页面”。

接下来,您需要检查您的电子邮件收件箱。会有一封主题为[您的博客标题]密码重置的邮件。

如果您在收件箱中没有立即看到邮件,请等待几分钟。如果仍未看到邮件,请检查您的垃圾邮件或垃圾邮件文件夹。

收到邮件后,邮件内容类似如下:

有人为以下账号请求了密码重置:

站点名称:您的站点标题

用户名:YourUserName

如果这是一个错误,请忽略此邮件,什么都不会发生。

要重置您的密码,请访问以下地址:

https://www.example.com/wp-login.php?action=rp&key=tKU2jF3cf2U1XaJgrnhc&login=yourusername&wp_lang=en_US

此密码重置请求来自IP地址192.168.1.132。

点击重置密码的链接。该链接将带您回到您的网站,并允许您为您的WordPress账号输入一个新密码。

WordPress会自动生成一个强密码。如果您愿意,您可以更改该密码以使用您自己的强密码。强度指示条还会告诉您密码的强度。WordPress允许您设置一个较弱的密码,但我们建议您选择一个强密码。

一个强密码长度超过8个字符,并包含大小写字母、数字和特殊字符,如!“?$%^&等。

输入密码后,点击“重置密码”按钮。您将看到一个通知,显示“您的密码已被重置。请登录”。

恭喜您,您已成功重置您的WordPress密码。只需点击“登录”链接,使用新密码登录您的WordPress博客。

高级方法:使用phpMyAdmin重置WordPress密码

高级WordPress用户还可以通过phpMyAdmin重置WordPress密码。

奖励#1:确保密码重置邮件的可达性

有时候,即使您请求了密码重置,WordPress也不会发送邮件。这可能是因为您的WordPress托管服务器未正确配置使用PHP mail()函数。

即使您的托管配置正确,许多电子邮件服务提供商(如Gmail等)也会阻止通过WordPress站点发送的邮件进入您的收件箱。

确保WordPress邮件正常发送的最简单方法是使用SMTP插件,如WP Mail SMTP。

与PHP mail()函数不同,WP Mail SMTP使用适当的身份验证,从而提高了邮件的可达性。

奖励#2:创建强且可记忆的WordPress密码

当您重置密码时,WordPress会自动生成一个不容易猜到的强密码。您应当使用密码管理器来存储这个强密码。

否则,您最终会忘记它,下次登录您的网站时必须再次重置密码。或者您可能需要使用一个较弱但易记的密码,这对您的WordPress网站的安全性是不推荐的。

这就是为什么建议使用IsItWP的免费强密码生成工具。它可以帮助您生成强且易记的密码。这是一个免费在线工具,无需登录或下载。

奖励#3:让WordPress不忘记“记住我”

每次登录您的WordPress博客时都需要输入密码可能会很麻烦。

但是,如果您总是通过自己设备使用家庭互联网连接登录WordPress博客,那么您可以使用Always Remember Me插件,让WordPress记住您。

此插件将勾选您登录界面下方的“记住我”选项。所以,一旦您登录到您的WordPress,您将长时间保持登录状态,除非您清除浏览器的cookie。

我们希望这篇教程帮助您了解更多关于重置WordPress密码的知识。您可能还想查看我们的WordPress强密码强制指南或最佳WordPress登录页面插件精选。

如果您喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 基础知识

如何在WordPress区块编辑器(古腾堡)中添加和对齐图片

WordPress编辑器中的图片对齐

以前,WordPress使用带有编辑按钮的文本区域作为默认编辑器。旧编辑器的一个特别问题是图片对齐,很难在WordPress网站上正确调整图片的对齐方式。尽管有将图片左对齐、右对齐或居中对齐的选项,但它们并不总是看起来很好。有时图片不能正确对齐、尺寸不准确或看起来不协调。WordPress 5.0引入了新的WordPress文章编辑器——古腾堡区块编辑器,解决了旧编辑器的几个问题,包括图片对齐问题。

让我们来看看如何在新的编辑器中轻松添加和对齐图片,以创建美丽的WordPress博客文章和页面布局。

在WordPress中添加和对齐图片

编辑器带有以下区块,可以用于将图片添加到WordPress文章和页面中:

  • 图片
  • 内嵌图片
  • 画廊
  • 媒体和文本
  • 封面

首先让我们从一个简单的图片区块开始。点击“添加新区块”按钮或者在编辑器中输入/image来插入一个图片区块。

您将在空白图片区块内看到三个按钮。您可以从计算机上传图片,从媒体库中选择已上传的图片,或通过提供图片文件URL来插入图片。接下来,点击“上传”按钮,然后从您的计算机中选择您要上传的图片。一旦您选择了图片,WordPress会将其上传到您的媒体库,并插入到图片区块中。

现在,您会注意到图片顶部有一个工具栏,右侧栏中有一些图片区块设置。要对齐您的图片,您将使用图片顶部显示的工具栏。图片区块提供了以下图片对齐选项作为工具栏中的按钮:

  • 左对齐
  • 居中对齐
  • 右对齐
  • 宽宽度
  • 全宽度

如果您的图片宽度较小,将其左对齐或右对齐将把文本显示在图片旁边。将其居中对齐将在没有文本的情况下显示图片。

选择宽宽度选项将使图片宽度大于文本区域,全宽度选项将其推到浏览器屏幕的左右边缘。

如何将图片完美对齐到文字旁边

很多时候,您可能需要将图片完美对齐到一些文字旁边。WordPress区块编辑器通过添加“媒体和文本”区块使这一点变得很容易。此区块基本上添加了一个两列区域。一列用于图片(媒体),另一列用于文本内容。只需上传您的图片,然后您可以添加要显示在其旁边的文本。添加图片和文本后,您会注意到区块有更多选项。您可以使整个区块更宽或全宽,也可以切换图片和文本的侧边。图片的对齐将自动根据下一列中的文字高度进行调整。

如何在WordPress中对齐画廊图片

WordPress区块编辑器还带有一个用于添加图片画廊的区块。这允许您轻松在网格中显示图片。画廊区块有类似的对齐选项。您可以使整个画廊区块左对齐、居中对齐或右对齐。您也可以使其宽度加大或更改为全宽行。WordPress的默认画廊功能相当不错。然而,如果您经常在WordPress文章和页面中添加照片画廊,请考虑使用像Envira Gallery这样的照片画廊插件。这些插件将为您提供更多选项,以在您的照片画廊中对齐图片,在弹出框中显示它们,并不同风格地展示它们。

如何在WordPress中并排显示两张图片

在WordPress文章中并排显示两张图片的最简单方法是将两张图片添加到画廊区块中。只需为画廊区块选择两列布局,即可并排显示两张图片。您也可以选择“裁剪缩略图”选项,以确保两张图片的大小一致。

在WordPress中添加和对齐图片的更多方式

除了图片、媒体和文本以及画廊区块外,您还可以使用封面区块添加封面图片。在现代网页设计中,封面图片被用来创建高度吸引人的内容布局。这些图片用于突出页面的不同部分。封面区块具有与图片区块相同的对齐选项。您可以在图片上添加文本,并从区块设置中选择覆盖颜色。最好的部分是,您可以选择“固定背景”选项,这会创建一个视差背景效果。

到目前为止,我们谈到了将图片直接添加到您的文章和页面中。那么来自第三方网站的图片呢?区块编辑器也使这变得很容易。您可以添加来自热门社交分享网站的图片,包括Instagram、Facebook、Flickr、Imgur、Photobucket等。例如,如果您想添加一张Instagram照片,只需将Instagram区块添加到文章编辑器,并输入您要分享的文章的URL。然后,您只需点击工具栏中的对齐选项即可。嵌入区块也允许您在WordPress中轻松嵌入视频。

希望这篇文章能帮助您了解如何在WordPress区块编辑器中轻松添加和对齐图片。您可能还想查看我们的指南,了解如何优化图片以加快WordPress的速度和最佳设计软件。

Read More
WordPress 插件

如何在WordPress表单中添加保存及继续功能

何时在WordPress表单中使用保存及继续功能?

通常情况下,如果表单填写时间过长,用户可能不会提交表单。为WordPress表单添加保存及继续功能可以解决这一问题。此功能允许用户保存表单进度,并从停止的位置继续填写,这为访问者提供了灵活性,不用一次性完成表单,从而减少表单流失并增加提交量。

在WordPress表单中添加保存及继续功能

在WordPress中添加保存及继续功能的最简单方法是使用WPForms。WPForms是最好的WordPress联系表单插件,超过600万个网站在使用它。使用WPForms,您可以创建各种类型的WordPress表单,例如联系表单、支付表单、订阅表单等。该插件提供了拖放式的表单构建器,初学者也能轻松使用。

首先,您需要在网站上安装和激活WPForms。激活后,进入WordPress仪表板中的WPForms » 设置页面并输入您的许可证密钥。

然后,您需要通过导航到WPForms » 插件页面激活“保存及继续”插件。点击“安装插件”按钮即可。插件激活后,您可以为现有表单添加保存及继续功能或创建新表单。进入WPForms » 新建页面,选择一个预设模板为表单命名并开始创建。使用拖放构建器编辑表单字段,设置保存及继续选项以允许用户保存并继续他们的表单。

完成设置后,您可以将表单添加到任何博客文章或页面中。编辑现有页面或新增页面,在页面编辑器中添加WPForms模块并选择您创建的表单进行发布。现在,用户可以看到提交按钮旁边的“稍后保存及继续”选项,并可选择通过电子邮件获取此链接。

我们希望这篇文章能帮助您学会如何在WordPress表单中添加保存及继续功能。您或许还希望阅读我们的指南,了解如何自定义您的WordPress表单,或查看我们为商业网站精选的最佳WordPress插件和工具。

Read More
WordPress 插件

如何在 WordPress 中使用短碼添加 Twitter Bootstrap CSS

如何在 WordPress 中使用短碼添加 Twitter Bootstrap CSS

為您的內容添加 CSS 元素如工具提示、多彩按鈕和滾動效果,可以幫助您的網站更具吸引力。問題在於大多數人並不知道如何使用 CSS 來添加多彩的按鈕,表格,標籤等。我們已經向您展示了如何在 WordPress 中添加多彩的 widgets 和表格。在這篇文章中,我們將展示如何使用短碼在 WordPress 中添加 Twitter Bootstrap CSS。

Twitter Bootstrap 是一個幫助快速提升網站設計和功能的 CSS 和 JavaScript 框架,它由 Twitter 的 Mark Otto 和 Jacob Thornton 開發,作為鼓勵內部工具一致性的框架。後來它被釋放為一個開源工具。它是漂亮的,簡單的,並且兼容所有瀏覽器。

安裝和激活插件

首先,您需要安裝並啟用 WordPress Twitter Bootstrap CSS 插件。啟用後,插件會在您的 WordPress 管理後台添加一個 Twitter Bootstrap 菜單項。點擊它將進入插件的儀表板。

在儀表板上,您會看到許多插件作者添加的廣告。瀏覽過它們,您會看到可以添加到文章中的短碼。每個短碼都鏈接到插件的支持頁面,您可以在那裡查看這些短碼的更多用法示例。

配置 Bootstrap CSS 設置

在管理後台的 Twitter Bootstrap 菜單項下,有一個鏈接來配置 Bootstrap CSS 設置。點擊該鏈接將進入配置頁面,您可以根據需要更改設置。您可以選擇要使用的 Bootstrap CSS 版本。下面的選項更適合進階用戶。

在文章中添加 Bootstrap CSS 元素

現在我們已經了解了配置,讓我們將一些 Bootstrap CSS 元素添加到博客文章中。只需將如下短代碼粘貼到您的文章或頁面內容中:

[TBS_BUTTON id="mySpecialButton" color="primary" class="btn-large" link="http://example.com"]下載[/TBS_BUTTON]
[TBS_BUTTON id="mySpecialButton" color="danger" link="http://example.com"]取消[/TBS_BUTTON]
[TBS_BUTTON id="mySpecialButton" color="success" link="http://example.com"]了解更多[/TBS_BUTTON]
圖標:
[TBS_ICON class="icon-globe"]
[TBS_ICON class="icon-globe"]
[TBS_ICON class="icon-chevron-right"]
[TBS_ICON class="icon-music"]
[TBS_ICON class="icon-film"]
[TBS_ICON class="icon-user"]
[TBS_ICON class="icon-wrench"]
[TBS_LABEL class="warning"]警告:標籤[/TBS_LABEL]
[TBS_LABEL class="danger"]危險:標籤[/TBS_LABEL]
[TBS_LABEL class="success"]綠色:標籤[/TBS_LABEL]
[TBS_ALERT class="success"]設置已保存[/TBS_ALERT]

這些短碼在博客文章中將顯示如下:

還有更多的 CSS 元素可以添加到您的文章中。工具提示、手風琴菜單、彈出框、進度條等。這個插件的網站有更多關於如何使用這些功能的文件。如果您對圖標感到好奇,可以查看 Twitter Bootstrap 的官方網站,該網站上有完整的圖標集,您可以使用。

我們知道像 Genesis 和其他主題框架包含他們自己的選項。您在文章中使用 CSS 元素嗎?請在下面留言告訴我們。

Read More
WordPress 教学

如何修复WordPress中的无效JSON错误(初学者指南)

什么导致WordPress中的“不是有效的JSON响应”错误?

未能从服务器接收到预期的响应会导致WordPress中的“不是有效的JSON响应”错误。基本上,您在编辑博客文章时,WordPress需要与服务器进行通信。在后台,此响应通常是以JSON格式传输的数据。如果由于某种原因WordPress未能收到响应或响应不是JSON格式,那么您将看到“不是有效的JSON响应”错误。

修复WordPress中无效JSON错误的方法

以下方法可以帮助您轻松修复WordPress中的无效JSON错误。请在进行重大更改之前备份您的WordPress网站。

选项1:检查WordPress设置中的URL

首先,确保您的WordPress地址和站点地址设置正确。前往设置»常规页面,检查“WordPress地址(URL)”和“站点地址(URL)”字段。大多数情况下,这两个字段应具有相同的URL。保存更改后,编辑博客文章,检查是否仍出现错误。如果错误仍然存在,继续阅读下一步。

选项2:修复WordPress固定链接结构

有时,用户可能会弄乱固定链接设置,从而导致WordPress块编辑器无法获得有效的JSON响应。简单访问设置»固定链接页面,选择一个默认格式并保存更改。然后编辑博客文章或页面,查看错误是否已消失。

选项3:重新生成WordPress .htaccess文件

使用FTP客户端或文件管理器应用程序连接到您的网站,找到并下载.htaccess文件作为备份。编辑此文件,删除其中的所有代码并替换为以下代码:

# BEGIN WordPress
RewriteEngine On
RewriteRule .* – [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /
RewriteRule ^index.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
# END WordPress

保存更改并将文件上传回您的网站,然后编辑帖子或页面查看错误是否复现。

选项4:查看REST API调试日志

访问工具»站点健康页面,查看“The REST API遇到意外结果”问题的详细信息,可能会提供有关哪个插件或第三方服务导致问题的线索。

选项5:禁用所有WordPress插件

访问插件»已安装插件页面,选择所有插件并在批量操作下拉菜单中选择“禁用”,然后点击“应用”。如果错误消失,则表示某个插件导致了问题。逐个启用插件,直到找到问题插件,然后联系其作者或寻找替代插件。

选项6:暂时切换到经典编辑器

安装并激活经典编辑器插件,禁用Gutenberg编辑器,然后继续工作。之后返回进行故障排除。

选项7:切换到默认WordPress主题

在外观»主题中激活默认主题,移除自定义代码或功能,隔离问题是否由当前主题引起。

选项8:暂时关闭网站应用防火墙

暂时禁用WordPress防火墙插件或服务,检查是否阻止了合法请求。

选项9:启用WordPress调试

在wp-config.php文件中添加以下代码:
define(‘WP_DEBUG’, true);
define(‘WP_DEBUG_LOG’, true);
然后,WordPress会在/wp-content/文件夹中创建debug.log文件,提供错误日志线索。

选项10:检查混合内容错误

当HTTPS网站尝试加载来自不安全HTTP源的资源时,会触发混合内容错误。解决此问题并防止无效JSON错误出现。

最后一步:寻求专家帮助

如果所有方法都无效,可能是您的WordPress托管服务器配置错误。联系托管服务商,他们可能能够帮助您解决问题。

希望本文能帮助您修复WordPress中的无效JSON错误。如果您喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程,您还可以在Twitter和Facebook上找到我们。

Read More
WordPress 基础知识

如何在 WordPress 中创建私人文章

什么是 WordPress 中的私人文章?它是如何工作的?

WordPress 网站中的私人文章不会对公众可见。只有具有正确权限的登录用户才能在你的博客文章中看到它。WordPress 自带的用户角色系统会将权限和能力分配给不同的用户角色。每个 WordPress 用户都有一个分配给他们的角色,使他们能够在网站上执行特定任务。

任何有权限发布文章的用户都可以撰写并发布私人文章。该文章将对用户和以下用户角色可见:

管理员

可以创建、编辑和删除由任何用户在 WordPress 网站上创建的任何私人文章。

编辑

可以创建、编辑和删除由任何用户创建的任何私人文章。

作者

可以创建、发布、编辑、查看和删除自己的私人文章,不能查看其他用户创建的私人文章。

在区块编辑器中创建私人文章或私人页面

首先,你需要创建一个新的文章或页面。你也可以编辑现有的文章,将其设为私人文章。一旦进入 WordPress 内容编辑器,进入右侧的设置面板。接下来,你可以点击“可见性”选项,默认情况下该选项设置为“公开”。

然后你可以选择“私人”选项。这样,你的文章或页面将只对你的 WordPress 博客上的编辑和管理员可见。完成后,保存文章或页面。

在经典编辑器中创建私人文章或私人页面

如果你使用的是经典编辑器,也可以将博客文章或页面设为私人文章。首先,你需要编辑或创建一个新文章。

在文章编辑屏幕上,点击“发布”元框中的“可见性”选项旁边的“编辑”链接。

你现在将看到将文章设为置顶、密码保护或私人文章的选项。选择“私人”,然后点击“确定”按钮继续。

你可以继续编辑文章,或者保存或发布文章。如果你访问你的网站,将会看到你的私人博客文章被标注出来:

没有权限查看私人文章的用户将看不到它们。

注意:添加到私人文章中的图片不是私有的,可以在媒体库中由其他作者查看。任何有图片 URL 的人也可以查看图片。

我们希望这篇文章能帮你学会如何在 WordPress 中创建私人文章。你可能还想看看我们的终极指南,了解如何在 WordPress 中创建会员网站以及企业网站的必备 WordPress 插件。

如果你喜欢这篇文章,请订阅我们的 YouTube 频道获取 WordPress 视频教程。你也可以在 Twitter 和 Facebook 上找到我们。

Read More
WordPress 教学

如何輕鬆將 Shopify 與 WordPress 整合(逐步指南)

為什麼要將 Shopify 與 WordPress 結合使用?

WordPress 是全球最出色的網站建設工具,為互聯網上的超過 43% 的網站提供支持。它易於使用,並且可以訪問數千個免費和付費的 WordPress 主題和插件(應用程式)。

另一方面,Shopify 是一個流行的電子商務平台,幫助您輕鬆在線銷售產品。儘管您可以使用 WordPress 與 WooCommerce 來創建您的在線商店,但一些用戶可能希望用 Shopify 來經營他們的在線商店,同時使用 WordPress 來運營其網站。

結合 Shopify 和 WordPress 可以讓您享受到兩個平台的優勢。您可以使用 Shopify 進行產品銷售,同時享受 WordPress 提供的靈活性和自由度來管理您的網站。

現在,讓我們來看看如何輕鬆地將 Shopify 與 WordPress 結合使用。您可以使用以下快速鏈接來導航本教程:

步驟 1:設立您的 Shopify 商店和 WordPress 網站

如果您還沒有 Shopify 商店,那麼您現在可以創建一個 Shopify 商店。您可以快速添加幾個產品,然後回到這裡。

接下來,您需要設立您的 WordPress 網站。有兩種類型的 WordPress。首先是 WordPress.com,它是一個網站托管服務。然後您有 WordPress.org,也稱為自託管 WordPress。您需要使用 WordPress.org,因為它能夠立即訪問所有的 WordPress 功能。

步驟 2:將 WordPress 連接到您的 Shopify 商店

接下來,需要將您的 WordPress 網站連接到您的 Shopify 商店。為此,您需要使用 ShopWP 插件。這是一個 Shopify 的 WordPress 插件,允許您輕鬆地將 WordPress 連接到您的 Shopify 帳號。

首先,您需要在您的 WordPress 網站上安裝並激活 ShopWP 插件。激活後,訪問 ShopWP Pro » 連接頁面並點擊「開始連接過程」按鈕以啟動連接向導。

然後,系統將要求您輸入您的 myshopify.com 網域名稱。點擊「連接您的 Shopify 商店」按鈕繼續。

步驟 3:在 WordPress 中顯示 Shopify 產品

ShopWP 允許您在 WordPress 網站的任何地方輕鬆顯示您的 Shopify 產品。您可以使用默認設置,這樣插件將為您創建一個 ShopWP 產品頁面。

同樣,您還可以在任何 WordPress 帖子或頁面中顯示產品,只需編輯該帖或頁,然後添加產品模塊。

步驟 4:自定義您的 WordPress 網站

現在,您已將您的 Shopify 商店連接到您的 WordPress 網站,下一步是繼續正確設立您的 WordPress 網站。首先,您需要為您的 WordPress 網站選擇一個主題。您的 WordPress 主題控制著您的網站的整體設計和佈局。

接下來,您將需要為您的 WordPress 網站創建內容。您可以使用頁面來創建您的網站結構,添加首頁、博客、商店、聯繫和關於頁面。

步驟 5:拓展您的 WordPress 網站和 Shopify 商店

使用 WordPress 最好的部分是它有數千個插件,並且可以與所有您需要的市場營銷工具一起工作。以下是您可能會想安裝的一些必備工具和插件:

  • OptinMonster – 最佳的轉化優化軟件,OptinMonster 允許您將網站訪客轉化成客戶。
  • WPForms – 最佳的 WordPress 表單生成插件,允許您輕鬆創建聯繫表單、調查表、民意調查和基本上任何種類的表單。
  • All in One SEO – 市場上最好的 WordPress SEO 插件。它允許您輕鬆優化您的網站以適應搜索引擎,並為您的網站帶來更多流量。

我們希望這篇文章幫助您學會如何輕鬆整合 Shopify 與 WordPress。您也許還想看看我們的專家選擇的最佳電子郵件行銷服務和最佳即時聊天軟件來拓展您的業務。

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

Read More
WordPress 插件

2024最佳WordPress PDF插件推荐(查看、嵌入和下载)

9款WordPress最佳PDF插件推荐

测试与评审

默认情况下,WordPress不支持PDF嵌入或将博文下载为PDF。一个好的WordPress PDF插件可以帮助您在文章中显示这些文件,访问者可通过PDF查看器在您网站内查看。此外,它也能让用户将任意博文或页面下载为PDF文件。在测试热门PDF插件时,我们特别注意以下几点:使用简便性、功能性和可靠性。

1. PDF Embedder

PDF Embedder是WordPress最佳的PDF插件,它可以轻松将移动友好的PDF文件嵌入到WordPress博文和页面中,且提供下载功能及点击超链接等强大功能。

2. EmbedPress

EmbedPress是一款功能全面的插件,能让您在WordPress文章和页面中添加并显示PDF文件,还能支持其它媒体类型,如视频或Google Maps。

3. E2Pdf

E2Pdf是一款简单清洁的WordPress PDF插件,让您可以创建、编辑和展示PDF文件,既支持静态也支持动态PDF。

4. WPForms

WPForms是超过600万网站主使用的WordPress接触表单插件,您可以通过文件上传表单让用户提交PDF文件。

5. PDF & Print

PDF & Print插件能为您的WordPress文章、页面和自定义文章类型添加PDF下载和打印按钮。

6. WooCommerce PDF Invoices & Packing Slips

此插件帮助您在WooCommerce商店中生成、下载并发送PDF发票,且能根据业务需求自定义模板。

7. PDF Poster

PDF Poster通过简码使您能在WordPress网站嵌入PDF文件,并为用户提供下载按钮。

8. PDF.js Viewer

PDF.js Viewer通过简单的简码或Gutenberg区块在您的文章和页面中显示PDF文件,并允许密码保护PDF文档。

9. MonsterInsights

MonsterInsights是WordPress最佳分析插件,能帮助您监测PDF下载次数,提供实时分析、页面级分析等功能。

最佳PDF插件选用建议

最佳WordPress PDF插件根据您的需要而不同。如果您需要轻松嵌入PDF文件及其它媒体文件,推荐使用PDF Embedder;如果想让用户提交PDF文件,WPForms是最佳选择;想在WordPress中创建和编辑PDF文档,则推荐E2Pdf;若想要监测PDF的下载数据,推荐使用MonsterInsights。

结论

希望本文能帮助您找到WordPress的最佳PDF插件,您也可以查看更多我们的WordPress指南以助力网站成长。

Read More