WordPress 教学

如何使用oEmbed在WordPress文章中嵌入SoundCloud

为什么在WordPress中嵌入SoundCloud音频?

SoundCloud是一个受欢迎的音乐和播客托管平台,允许你免费上传多达3小时的音频。当你将音频发布到SoundCloud时,所有文件都存储在他们的服务器上,并且会向访问你SoundCloud页面的用户流式传输。不过,通过在自己的网站上提供这些音频,你常常可以增加博客的流量。

幸运的是,你可以通过oEmbed功能使用SoundCloud音频文件的URL将其添加到你的WordPress网站中。

方法一:使用区块编辑器在WordPress中嵌入SoundCloud

WordPress有几个内置区块,允许你嵌入PDF、TikTok视频等内容。它还提供了SoundCloud区块,这样你就可以在不安装插件的情况下嵌入音频文件。如果你在文章内容区域粘贴链接,WordPress会自动添加SoundCloud区块。

首先,打开SoundCloud并找到你想添加到WordPress博客的文件。可以是你自己的音乐,也可以是别人创作的公共曲目,你还可以嵌入整个SoundCloud播放列表和专辑。

打开曲目、播放列表或专辑后,下拉页面并点击“复制链接”图标。接着,切换到WordPress仪表盘,进入要嵌入SoundCloud文件的页面或文章。现在,将URL粘贴到内容区域。当你粘贴SoundCloud URL时,WordPress会获取嵌入代码并显示音频播放器和曲目。

如果你点击“播放”按钮,音频将开始在WordPress编辑器中播放。添加曲目后,你可以使用上方工具栏和右侧菜单中的设置进行调整。

例如,如果你想设置嵌入的最大宽度,可以点击“对齐”按钮并从出现的菜单中选择一个选项。默认情况下,WordPress会在智能手机和平板电脑上缩小嵌入。我们建议保持此功能启用,但如果你愿意,可以在右侧菜单中使用“适应较小设备”开关来禁用它。如果更改此设置,我们建议测试WordPress网站的移动版本以确保SoundCloud文件显示和工作正常。满意后,点击“更新”或“发布”使嵌入的SoundCloud文件生效。

使用自定义HTML区块的方法

另一种嵌入SoundCloud文件的方法是使用SoundCloud的iFrame代码和WordPress自定义HTML区块。这种方法可以让你有更多的方式来定制文件的外观。首先,在SoundCloud音频页面点击“分享”按钮,接着切换到“嵌入”选项卡。在此你会找到SoundCloud的iFrame代码,可以复制此代码。在复制代码之前,你还可以自定义嵌入播放器的颜色和设置,随即代码会根据你的选择更新。

复制代码后,打开你的页面或文章的区块编辑器。点击“+添加区块”按钮并添加“自定义HTML”区块。确保你在HTML标签下。将iFrame代码粘贴到该区块中。要查看嵌入播放器的外观,点击“预览”选项卡。完成后,只需点击“更新”或“发布”使更改生效。

方法二:使用旧版经典编辑器在WordPress中嵌入SoundCloud

如果你仍在使用WordPress经典编辑器,可以以相同的方式嵌入SoundCloud音频。首先复制SoundCloud曲目、专辑或播放列表的链接,然后打开你想嵌入文件的页面或文章,将链接粘贴到内容区域的单独一行行中。如果你使用的是可视化编辑器,将会看到WordPress中的SoundCloud音频播放器的预览。需要注意的是,你无法像在WordPress区块编辑器中那样更改宽度和对齐方式。

嵌入SoundCloud到WordPress的常见问题

自本指南首次发布以来,我们收到了许多读者关于如何将SoundCloud内容嵌入WordPress的问题。以下是一些最常见问题的解答:

1. 我可以在WordPress中嵌入SoundCloud播客吗?

你可以使用内置的SoundCloud区块轻松地在WordPress中嵌入播客。只需将播客集或播放列表的链接粘贴到内容编辑器中,WordPress会自动添加到SoundCloud区块中。

2. 我可以在WordPress中添加多个SoundCloud曲目吗?

你可以在同一个SoundCloud区块中添加任意数量的曲目。只需将整个专辑或播放列表的URL粘贴进WordPress内容编辑器即可。如果要创建一份精选曲目列表,建议将所有曲目添加到SoundCloud的播放列表中并将其设为公开。然后只需通过粘贴播放列表的URL将其嵌入WordPress。

请注意,每个曲目的隐私设置会覆盖你的播放列表设置。这意味着即使你将私人曲目添加到公开播放列表中,也无法将其嵌入你的网站。

3. 我如何将SoundCloud频道添加到我的WordPress网站?

你可以像嵌入曲目或播放列表一样添加SoundCloud频道。只需访问SoundCloud中的频道并复制URL,然后将链接粘贴进内容编辑器,WordPress会展示该频道的全部内容,包括其横幅、总曲目数和“关注”按钮。这样可以鼓励网站访问者在SoundCloud上关注你。

希望本文帮助你了解如何将SoundCloud音频嵌入到你的WordPress文章中。接下来,你可以查阅我们关于如何嵌入YouTube直播流或如何将Google Web Stories添加到WordPress网站的指南。

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

Read More
WordPress 教学

如何在 WordPress 中加入水平分隔線(5 種方法)

如何在 WordPress 中加入水平分隔線(5 種方法)

你是否想在 WordPress 的文章或頁面中添加一條水平分隔線?水平分隔線是一種很好的方式,可以將長篇文章分成多個小節、突出特別公告或促銷、並清楚地分開頁面的不同部分。

為什麼你應該在 WordPress 添加水平分隔線?

只需幾秒鐘,訪客就會決定是否離開你的頁面。根據設備的不同,有時瀏覽器會將你的博客文章顯示為長長的文字牆。許多讀者如果覺得內容難以閱讀,即使文章非常有價值,也會選擇離開。

添加水平分隔線可能是提高內容可讀性所需要的一點,這將改善可讀性,並最終提升你的博客文章和頁面的用戶參與度。此外,水平分隔線還可以突出關鍵點。例如,它可以幫助強調內容中的重要引述或過渡段落。

由於這是一個全面的指南,介紹了如何在 WordPress 中添加水平分隔線,你可能會發現使用我們的目錄來找到你想要的方法時很有幫助:

  • 在 WordPress 區塊編輯器中添加水平分隔線
  • 在 WordPress 經典編輯器中添加水平分隔線
  • 在你的文章和頁面中使用其他分隔符
  • 在 WPForms 中的 WordPress 表單添加頁面分隔線

在 WordPress 區塊編輯器中添加水平分隔線

要在 WordPress 區塊編輯器中使用水平分隔線,點擊 (+) 圖標以添加新區塊在你想要的位置。

接下來,從佈局元素部分選擇分隔符區塊。你也可以使用搜索欄來查找它。

添加後,你會在內容區域看到你的水平分隔線。

在 WordPress 區塊編輯器中設計水平分隔線

默認情況下,水平分隔線是貼近文章或頁面中心的淡灰色線條。

你可以通過點擊線條來選擇其區塊來更改其外觀。然後,位於屏幕右側的『區塊』編輯面板將會打開。

要更改線條的樣式,只需點擊樣式旁邊的小箭頭。你將看到不同的選項。

你可以更改水平線為其中之一:

  • 覆蓋你的文章內容全寬的一條寬線。
  • 顯示在文章中心的三個點。

注意:在某些 WordPress 主題中,寬線和默認線條都會覆蓋你的文章的整個寬度。

你還可以在顏色設置中改變水平線的顏色。只需點擊顯示的選項之一或使用『自定義顏色』鏈接來選擇任何顏色。

如果想回到默認的灰色,只需點擊顏色選項下的『清除』按鈕即可。

在這裡,我們的水平線是藍色並使用『寬』樣式。

在 WordPress 經典編輯器中添加水平分隔線

如果你仍在使用經典編輯器,那麼你可以添加基本的水平線。為此,只需編輯現有文章或頁面或創建一個新的。

如果你在文章編輯器上方的工具欄中只看到一排按鈕,點擊右側的工具欄切換圖標:

這將打開第二排按鈕,其中包括水平線選項。

現在,在你希望插入水平線的段落之間放置一個換行符。然後點擊水平線按鈕。它在第二排上的左邊第二個位置:

你的水平線將會是淡灰色並像這樣覆蓋整個文章寬度:

手動使用 HTML 添加水平分隔線

在某些罕見情況下,你可能需要手動在 WordPress 中添加水平分隔線。

如果是這樣,你可以簡單地使用 hr HTML 標籤在內容中添加:

<hr>

這將在文章內容中添加水平分隔線。

在你的文章和頁面中使用其他分隔符

默認 WordPress 區塊編輯器允許你在文章和頁面中添加多種類型的分隔符。

除了水平分隔線,佈局元素區塊組中的其他選項還包括間隔符、「更多」鏈接和頁面分隔塊。

間隔符區塊

間隔符用於在區塊之間添加空白。例如,如果你希望在文章末尾的特別優惠前添加一個細小的間隔,你可以使用間隔符。

在區塊編輯器中創建文章時,它會這樣顯示:

你可以自定義間隔的高度。

這是間隔符在你網站上的顯示方式:

「更多」區塊

如果你的主題在主博客頁面上顯示完整的文章(而不是摘要),那麼添加『更多』鏈接將在此點打斷你的文章。訪客可以點擊以閱讀更多。

上面圖像顯示的是你在內容編輯器中看到的。

下面是在你網站上訪客看到的顯示方式。

你可以在我們的指南中了解更多關於如何輕鬆自定義摘要的內容。

頁面分隔區塊

頁面分隔允許你將長篇博客分割成多個頁面。你無法對其進行任何方式的自定義。在你創建文章時,它顯示如下:

這是它在你網站上的顯示方式。

注意它使用頁碼並允許讀者選擇他們想要前往的頁面。

根據你的目標,這些任何一個都可能是添加水平線在 WordPress 中的好替代方案。

在 WPForms 中的 WordPress 表單添加頁面分隔線

如果你想在 WordPress 聯絡表單中插入分隔線而不是在文章或頁面中,也可以做到。我們將使用 WPForms 來進行這個操作。

首先,你需要下載、安裝並激活 WPForms 插件。如果你不確定如何操作,只需查看我們的分步指南,了解如何安裝 WordPress 插件。

接下來,在 WordPress 儀表板中前往 WPForms » 新增。

輸入表單的名稱,然後選擇模板。我們將使用『請求報價表格』模板。

將鼠標光標移至模板上方並點擊按鈕,以創建你的表單。

接下來,向下滾動左側添加欄位選項卡至高級欄位區段。

拖放頁面分隔線到你希望的位置。我們將其放在請求框之前。

你會看到表單現在分為兩部分。 WPForms 自動添加了一個『下一步』按鈕。

你可以更改『下一步』標籤,如果需要還可以在表單的第二頁添加『上一步』按鈕。只需點擊頁面分隔欄位以進行編輯。

完成後點擊右上角的保存按鈕保存你的表單。

現在可以將表單添加到網站中。

首先,你需要創建一個新文章或頁面或編輯現有文章或頁面。

點擊(+)以在文章或頁面中添加新區塊,並找到 WPForms 區塊。可以使用搜索欄或在小部件區段中查找。將該區塊添加到頁面。

現在,你會看到一個選擇表單的選項。

從下拉列表中選擇表單。

完成後,你可以發布文章或頁面。

接下來,檢查你網站上的表單外觀。

希望本教程能幫助你了解如何在 WordPress 中添加水平分隔線。如果你希望在文章和頁面中添加更多設計佈局元素,請查看我們的關於最佳拖放式 WordPress 页面构建器的文章,或閱讀我們的博客文章,了解如何在 WordPress 中創建自定形狀分隔線。

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

Read More
WordPress 教学

13款插件和技巧,提高WordPress管理后台的使用体验

13款插件和技巧,提高WordPress管理后台的使用体验

想要自定义WordPress管理后台吗?也许你想改变默认的配色方案,添加你的品牌,或者为客户增设新的帮助部分?在这篇文章中,我们将分享13种插件和技巧,帮助你优化WordPress管理后台。

1. 更改管理员配色方案

厌倦了WordPress管理后台的默认配色方案?你可以通过访问用户 » 个人资料页面来更改它们。非管理员用户也可以通过访问个人资料页面来个性化自己的体验。

WordPress内置了8种配色方案可供选择。

2. 创建自定义管理员配色方案

不喜欢任何默认的配色方案?不妨试试安装和激活Admin Color Schemer插件,然后访问工具 » 管理员颜色页面来创建自己喜欢的自定义配色方案。

3. 为所有用户设置默认管理员配色方案

如果你想为所有用户提供一致的体验,你可以在主题的functions.php文件或一个特定于站点的插件中添加以下代码段来实现:

function set_default_admin_color($user_id) {
 $args = array(
 'ID' => $user_id,
 'admin_color' => 'sunrise'
 );
 wp_update_user($args);
}
add_action('user_register', 'set_default_admin_color');

你还可以阻止用户更改管理员配色方案。

4. 免费的管理员主题和插件

管理员配色方案只会改变管理后台的颜色。如果你想彻底改变管理后台的外观,可以尝试一些WordPress管理员主题插件。

5. 隐藏管理区域中不必要的项目

不想让用户看到所有的管理员菜单?你可以根据用户角色来隐藏它们。只需安装并激活Adminimize插件,然后访问设置 » Adminimize 进行配置。

6. 向WordPress工具栏添加自定义链接

WordPress工具栏是出现在管理区域顶部的菜单,你可以自定义它以添加自己的快捷方式。只需在主题的functions.php文件或一个特定于站点的插件中添加以下代码段即可:

function custom_toolbar_link($wp_admin_bar) {
 $args = array(
 'id' => 'wpressize-me',
 'title' => '搜索WPressize Me',
 'href' => 'https://example.com',
 'meta' => array('class' => 'wpressize-me', 'title' => '搜索WPressize Me教程')
 );
 $wp_admin_bar->add_node($args);
}
add_action('admin_bar_menu', 'custom_toolbar_link', 999);

7. 限制对仪表盘的访问

默认情况下,所有用户都可以访问管理区域。你可以安装并激活Remove Dashboard Access插件,访问设置 » Dashboard Access进行配置。

8. WordPress管理后台中的秘密选项页面

WordPress在数据库中存储了很多设置,其中一些可以通过设置菜单来更改,但仍有大量选项不能通过管理员界面手动更改。

你可以访问隐藏的选项页面:http://example.com/wp-admin/options.php(替换为你的域名)。

9. 更改管理员底部文字

默认情况下,WordPress管理员底部显示“感谢使用WordPress”。你可以通过在主题的functions.php文件或一个特定于站点的插件中添加以下代码段来更改它:

function remove_footer_admin() {
 echo 'Powered by WordPress | Built by Syed Balkhi';
}
add_filter('admin_footer_text', 'remove_footer_admin');

10. 在管理区域添加特色图片列

WordPress允许你为博客文章添加特色图片,但在查看帖子列表时,你无法一眼看出哪些帖子有特色图片。你可以安装Featured Image Column插件来解决这个问题。

11. 显示或隐藏WordPress仪表盘小部件

默认的WordPress仪表盘屏幕有几个小部件,你可以点击屏幕选项按钮并取消勾选不需要的选项来隐藏它们。

12. 在WordPress管理后台添加帮助部分

如果你为客户建立网站或运行多用户网站,你可能会厌倦重复回答同样的问题。你可以安装并激活WP Help插件,在后台设置一个帮助/资源中心。

13. 如何从工具栏中删除WordPress.org链接

工具栏显示了一些链接菜单,你可以通过在主题的functions.php文件中添加以下代码段来移除这些链接和WordPress logo:

add_action('admin_bar_menu', 'remove_wp_logo', 999);
function remove_wp_logo($wp_admin_bar) {
 $wp_admin_bar->remove_node('wp-logo');
}

我们希望这些插件和技巧能帮助你改善WordPress管理后台的使用体验。

Read More
WordPress 教学

如何在WordPress中嵌入实时Google+ Hangout会话

如何在WordPress中嵌入实时Google+ Hangout会话

Google Hangout是举办实时广播的最佳免费解决方案。它允许您流媒体播放、录制、邀请嘉宾并与实时观众互动。主要问题在于所有这些活动都发生在Google+上,而不是在您自己的网站上。本文将向您展示如何在WordPress中嵌入实时的Google Hangout会话。

步骤1:启动Hangout On Air

首先,您需要访问Google+ Hangouts On Air网站,并点击“开始Hangout On Air”按钮。

步骤2:填写Hangout详细信息

一个新的弹出窗口将会出现,要求您填写Hangout On Air的详细信息。您需要为您的Hangout命名,并添加一个挂会的描述。在姓名和描述下面,您会看到一个标注为“开始”的部分。您需要点击“稍后”,然后选择挂会的日期和时间。

默认情况下,您的Hangout On Air对公众开放,这意味着任何人都可以看到它。如果您不想让它公开或希望它只对特定人群开放,您可以标记那些人或选择一个圈子。

步骤3:分享Hangout链接

完成设置后,点击“分享”按钮。如果您尚未验证您的YouTube账户,系统会要求您进行验证。验证完成后,再次点击分享按钮。

步骤4:嵌入Hangout到WordPress

您将被重定向到您的Hangout页面,该页面会显示有关挂会的详细信息。在挂会详情部分下方,您会找到一个链接图标。点击该图标,系统会显示挂会的链接和嵌入代码。您需要复制YouTube页面的URL。

现在回到您的WordPress网站,创建或编辑一个帖子或页面,在其中嵌入您的Google+ Hangout。您只需将YouTube URL粘贴到页面编辑器中的一个单独的行上并保存您的更改即可。

现在预览您的页面,您将能看到嵌入到您的WordPress页面中的Google+ Hangout On Air。

总结

您的WordPress网站现在已经准备好托管您的实时Google+ Hangout会话了。如果您喜欢这篇文章,请订阅我们的YouTube频道获取更多WordPress视频教程。您还可以在Twitter和Google+上找到我们。

Read More
WordPress 教学

如何在不影响谷歌排名的情况下从Blogger切换到WordPress

为什么要从Blogger切换到WordPress?

Blogger 是由Google创建的一个流行博客平台。任何人都可以使用他们的Google账户创建一个免费的博客。然而,很多初学者很快会发现他们在免费Blogger博客上能做的事情有限。另一方面,WordPress 使你完全拥有自己的网站,并且可以添加必要的功能来增长博客和实现内容盈利。而且,你可以执行所有SEO优化,以获得更高排名。我们已经创建了WordPress与Blogger的详细对比。

注意,当我们提到WordPress时,我们指的是自托管的WordPress.org,而不是WordPress.com。详细了解两者的区别,可以查看我们的文章WordPress.com与WordPress.org的区别。WordPress.org是你可能听说过的那个流行“WordPress”平台,它运行在互联网上43%的所有网站上。话虽如此,让我们看看如何从Blogger正确迁移到WordPress,同时保持你的Google搜索排名和网站流量。

步骤一:注册WordPress主机

要开始使用WordPress,你需要一个域名和一个网站空间。域名是你网站的地址,而网站空间是存储你网站文件的地方。这两者都是创建任何类型博客或网站必须具备的。

我们推荐使用Bluehost。他们是全球最大的托管公司之一,也是官方推荐的WordPress托管合作伙伴。

步骤二:导出你的Blogger博客

首先,你需要导出Blogger博客的内容。登录Blogger网站,进入账号仪表盘,然后到“设置”页面,向下滚动到“管理博客”部分,点击“备份内容”按钮。

步骤三:导入Blogger到WordPress

登录你的WordPress管理界面,访问”工具 > 导入“,点击Blogger下面的“立即安装”链接,然后点击“运行导入器”链接,上传你在步骤二中下载的XML文件。

步骤四:设置固定链接

为了确保你的URL结构与旧的Blogger网站尽可能相似,去“设置 > 固定链接”页面,选择“自定义结构”,并在自定义结构字段旁边的框中添加以下文本:
/年/月/文章名.html

步骤五:设置从Blogger到WordPress的重定向

迁移任何网站的最重要步骤就是设置正确的重定向,以确保不丢失任何现有流量或SEO排名。安装并激活Blogger to WordPress Redirection插件,点击“启动配置”按钮,获取并复制重定向代码,然后将其粘贴到Blogger主题编辑器中。

步骤六:迁移其他内容

WordPress的Blogger导入工具只导入Blogger帖子,不包括页面。你需要手动复制每个页面的内容到WordPress中。对于RSS订阅,需要在Blogger设置页面中添加WordPress网站的RSS feed URL。

步骤七:迁移后要做的事情

我们创建了一个在安装WordPress后需要做的最重要事项清单。定期访问WPressize Me获取最新的教程和指南。

Read More
WordPress 教学

如何在點擊連結或圖片時打開 WordPress 彈出表單

如何在點擊連結或圖片時打開 WordPress 彈出表單

更新時間:2024 年 3 月 4 日

編輯人員:Syed Balkhi

什麼是「點擊彈出」表單?

點擊彈出表單是一種在用戶點擊網站上的連結、按鈕或圖片時出現的燈箱彈出視窗。通常,彈出視窗是在用戶到達網站或即將離開時出現。但點擊彈出表單是由用戶互動觸發的。

我們在 WPressize Me 也使用點擊彈出表單來增長電子郵件列表。比如,當用戶點擊側邊欄中所有社交圖標旁的電子郵件圖標時,會出現彈出視窗。

為什麼點擊彈出表單如此有效?

點擊彈出表單利用的是強大的齊格尼克效應,這是一種心理原則,指出用戶自己開始的動作,更有可能完成它。當某人點擊連結或按鈕來觸發你的彈出視窗,他們已經表現出了興趣,因此當表單彈出視窗出現時,他們更有可能使用它。

例如,你可以使用點擊彈出表單來提供領取獎品。這可能是一個免費下載資源,如電子書或 PDF 文件,用戶可以在提供電子郵件地址後獲得它。

然而,在你的网站上使用點擊彈出表單還有其他方法。比如,你可以要求用戶獲取優惠碼,了解更多產品信息,填寫調查表等。

欲了解更多,請參閱我們的指南,了解如何利用彈出窗口心理學提高 250% 的註冊率。

在 WordPress 上創建點擊彈出視窗

創建點擊彈出視窗最簡單的方法是使用 OptinMonster。這是WordPress的彈出插件和潛在客戶生成軟件。欲了解更多信息,請參閱我們的完整 OptinMonster 评测

首先,你需要註冊一個 OptinMonster 帳戶。你需要 Pro 帳戶(或更高版本),因為它包含了 MonsterLinks™ 功能,讓你可以創建點擊彈出窗口。只需訪問 OptinMonster 官網,點擊「現在獲取 OptinMonster」按鈕開始。

連接你的彈出視窗到你的郵件列表

當你對你的彈出視窗感到滿意時,點擊屏幕頂部的「集成」選項卡。你需要將 OptinMonster 連接到你的電子郵件營銷服務,以便你可以將人們添加到你的電子郵件列表中。

如果你需要電子郵件營銷服務或想更換你正在使用的服務,我們推薦 Constant Contact。點擊這個連結可獲取專屬 WPressize Me 讀者的 20% 折扣。

讓你的點擊彈出視窗上線

接下來,你可以前往頁面頂部的「已發佈」選項卡,將你的活動狀態從「草稿」更改為「發佈」。完成這一步後,點擊頂部的「保存」按鈕並關閉活動構建器。

隨後,你會看到活動的「WordPress 輸出設置」。點擊狀態下拉菜單,將其從「待定」更改為「已發佈」。完成後,點擊「保存更改」按鈕。

將你的 MonsterLink 添加到你的 WordPress 網站

現在,你需要將特別的 MonsterLink 添加到你的网站。如果你之前沒有複製這個連結,你可以通過返回活動的「顯示規則」設置來獲取它。首先,你需要創建一個新帖子或頁面,或編輯你想要添加連結的頁面。

MonsterLink 是HTML代碼,所以你需要將它貼入自訂 HTML 區塊。在 WordPress 內容編輯器中,點擊(+)按鈕以添加自訂 HTML 區塊。現在,將你的 MonsterLink 貼入該區塊。應該看起來像這樣:

<a href="https://app.monstercampaigns.com/c/mcqdabfqzia6zdiosiz0/" target="_blank" rel="noopener noreferrer">立即訂閱!</a>

你可以將「立即訂閱!」文字更改為你想在連結中使用的文字。放置連結後,你可以預覽你的頁面或帖子,確保其正常運作。這是我們的連結的運行示例。請注意,我們為文字應用了樣式以創建一個框,並使用更大的文字來幫助推廣領取獎源。

提示:使用 MonsterLinks™ 不僅限於文字連結。你還可以在網站上的呼叫動作按鈕、圖片、橫幅或導航菜單中使用 MonsterLink。

更多幫助

希望這篇教程能幫助你學會如何在點擊時觸發 WordPress 彈出表單。你可能還會想了解我們的如何加速你的 WordPress 網站和我們的終極 WordPress SEO 指南。

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

Read More
WordPress 教学

如何在WooCommerce中添加示例数据(带产品图片)

如何在WooCommerce中添加示例数据(带产品图片)

你是否想在WooCommerce中添加一些示例数据?如果你正在搭建一个新的在线商店,那么添加一些示例产品数据可以帮助你预览上线后的效果。这也有助于在公开之前进行测试。在本文中,我们将向你展示如何轻松在WooCommerce中添加示例数据并附带产品图片。

为什么要在WooCommerce中添加示例数据?

在WooCommerce中使用虚拟数据可以让你看到有实际产品时你的商店的样子。你可以测试你的WooCommerce主题,尝试必需的WooCommerce插件,并在不添加真实产品的情况下设置你的商店。添加虚拟产品可以让你在上线销售真实产品时提供更好的客户体验。

设置WooCommerce商店以进行示例数据

如果你还没有启动你的WordPress网站,那么需要选择合适的WooCommerce托管。我们推荐Bluehost作为WooCommerce托管。我们的读者可以享受每月仅需2.75美元的优惠,且包含一个免费域名!

在WooCommerce中添加示例产品数据

现在你已经安装了WooCommerce,可以开始在你的商店中添加一些示例产品数据。首先,你需要访问WordPress管理员区域中的“产品”»“所有产品”页面,并点击“开始导入”按钮。你会看到产品导入页面。从这里需要点击“高级选项”链接以展开设置,然后将以下路径复制并粘贴到你的服务器上的CSV文件框中:wp-content/plugins/woocommerce/sample-data/sample_products.csv。这个CSV包含在你安装WooCommerce时就有的。

你也可以下载sample_products.csv文件并再次上传。只需访问如下URL:https://example.com/wp-content/plugins/woocommerce/sample-data/sample_products.csv。记得将example.com替换为你的域名。浏览器将自动下载CSV文件,然后你可以在产品导入页面上上传该文件。

上传CSV文件后,你将被提示选择如何将数据映射到WooCommerce中的产品字段。我们建议保留所有默认设置并点击底部的“运行导入器”按钮。WooCommerce导入器可能需要一两分钟来导入虚拟内容。完成后,你将看到“导入完成”消息。然后可以点击“查看产品”按钮查看所有导入的内容。示例产品将像常规产品一样显示。

在WooCommerce中创建示例订单

WooCommerce没有示例订单生成器。创建虚拟订单的最简单方法是自己完成结账过程。只需在没有花钱、没有更改产品价格的情况下,去“WooCommerce”»“设置”»“付款”页面,并启用“货到付款”支付方式。然后点击“保存更改”按钮。接下来,访问你的商店并通过完整的结账过程订购一些虚拟产品。然后你将在“WooCommerce”»“订单”页面上看到你的订单。

你可以创建任意数量的示例订单。

如何移除WooCommerce中的示例数据

使用完示例数据后,你可以删除虚拟产品和订单。要删除订单,请访问WordPress管理区域中的“WooCommerce”»“订单”页面。选择所有订单并使用“批量操作”菜单将它们全部移至垃圾箱。选择“移至垃圾箱”,然后点击“应用”按钮。要删除产品,请访问“产品”»“所有产品”页面,选择所有产品,使用“批量操作”菜单选择“移至垃圾箱”,然后点击“应用”按钮。

希望这篇文章能帮助你学习如何在WooCommerce中添加示例数据。你的商店准备好后,建议查看我们关于如何设置WooCommerce转换跟踪的文章和我们的WooCommerce入门指南,其中涵盖了开始使用WooCommerce商店的所有必要内容。如果喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程。也可以在Twitter和Facebook上关注我们。

Read More
WordPress 教学

如何為您的WordPress網站獲取Facebook洞察

每天有超過10,000個新網站透過使用Facebook的社交插件來整合。然而,我們發現大多數網站並未充分利用Facebook所提供的功能。您知道可以為您的WordPress網站獲取Facebook洞察嗎?這些洞察包含數據,如“讚”按鈕最受歡迎的頁面、發送按鈕、自然分享、評論框等。還包括像是您的Facebook受眾人口統計信息,他們的年齡、性別、國家等。如果您不知道,不要驚訝,因為您並不孤單。我們檢查了一些行業領袖的網站,包括Chris Brogan、Brian Clark、Darren Rowse、John Chow和Jeremy Schoemaker(又名Shoemoney),他們的網站也沒有利用Facebook洞察。

在本文中,我們將向您展示如何為您的WordPress網站獲取Facebook洞察,從而充分利用Facebook所提供的一切。

步驟一:安裝和啟用WordPress SEO插件

首先,您需要安裝並啟用WordPress SEO插件。這是最下載最多的WordPress插件之一。如果您已經安裝了,那麼太好了!如果還沒有,我們有詳細說明如何安裝和設置WordPress SEO插件。

步驟二:設置SEO和社交

在正確設置好插件後,您的網站現在已經準備好連接到Facebook。您只需訪問SEO » 社交頁面,然後點擊Facebook標籤。

步驟三:添加Facebook管理員

接著,您需要點擊“添加Facebook管理員”按鈕。這將帶您到Facebook網站。如果您尚未登錄,則需要使用您想添加為管理員的Facebook帳戶登錄。完成後,您將被重定向回到您的WordPress站點,您將看到用戶名已被添加為管理員。

步驟四:使用正確版本的Facebook 點讚按鈕

下一步,您需要確保您使用的是正確版本的Facebook點讚按鈕。許多網站僅使用iframe版本的點讚按鈕。雖然這樣也能正常運作,但您將無法獲取Facebook洞察。您需要使用本文中顯示的XFBML方法。

步驟五:在Facebook上聲明您的網站

最後一步,您需要在Facebook上聲明您的網站。您需要訪問Facebook洞察頁面。在您的頁面下,尋找“添加域”按鈕。

當您點擊該綠色按鈕時,將彈出一個光箱,如下圖所示。輸入您的域名,確保將其與“您”聯繫起來。

現在,當您訪問Facebook洞察頁面時,您將看到您的網站列在網站分類下。

查看洞察數據

一旦您點擊您的網站,您將能夠訪問各種洞察數據。以下是示例圖片:

這樣,您就能輕鬆地為您的WordPress網站獲取Facebook洞察。如需更詳細的指示,您可能還想查看我們的教程,了解如何在WordPress中添加Facebook開放圖元資料。

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

Read More
WordPress 教学

如何修复 WordPress 429 请求过多错误

您是否在您的 WordPress 网站上看到‘429 请求过多’错误?这种错误消息意味着用户向您的网站服务器发送了过多的 HTTP 请求。解决此错误可能非常令人沮丧,因为很难确定其原因。

导致 WordPress 429 请求过多错误的原因

WordPress 中的‘429 请求过多’错误通常发生在用户、机器人或脚本在短时间内向您的网站发送大量请求时。这类似于一种保护措施,旨在防止对您的网站进行潜在攻击,如 DDOS 攻击。

想象您的网站像一个繁忙的入口,为了保持顺畅运行,每次只能允许有限的用户进入。如果同时尝试进入的人数过多,入口会对其中一些人说“等一下”,这时您就会看到‘429 请求过多’错误。

接下来,让我们看看如何轻松排除和解决WordPress中的‘429 请求过多’错误。

修复 WordPress 中的 429 请求过多错误

由于‘429 请求过多’错误可能由不同因素引起, 我们将展示多种排查和解决方法。

1. 找到并停用有问题的插件

最常见的错误原因是网站上的某个插件有问题。这些插件有时会向您的网站发送多个请求,导致服务器拒绝这些请求并返回429错误代码。

首先,您需要停用所有 WordPress 插件。可以通过访问 WordPress 管理页面中的插件 » 已安装插件页面,选择所有插件,然后选择‘停用’。

如果无法访问 WordPress 管理页面,请参阅我们的指南了解如何通过 FTP 停用所有插件。

现在,重新访问您的网站,看看是否能够重新出现‘429 请求过多’错误。如果看不到错误,这意味着某个插件导致了此问题。您可以逐一重新启用插件,每启用一个就检查一次网站,找出导致错误的插件。

2. 切换到默认 WordPress 主题

许多 WordPress 主题包含通常由插件提供的功能,这些主题也可能导致‘429 请求过多’错误。通过切换到默认的 WordPress 主题(如 Twenty Twenty-One),可以测试这是否是问题所在。

可以通过访问外观 » 主题并点击默认主题下的‘启用’来切换主题。

3. 更改 WordPress 登录 URL

若担心因 DDoS 攻击而出现‘429 请求过多’错误,可以更改 WordPress 登录 URL,防止黑客通过添加 wp-admin 或 wp-login 找到登录页面。

可以使用 WPS Hide Login 插件轻松更改 WordPress 登录 URL。

4. 检查内容混合问题

有时,‘429 请求过多’错误与另一种错误——内容混合有关。这是因为您的网站使用 HTTPS,但部分内容仍通过 HTTP 加载。

如果您使用 WordPress 安全插件,则可能会将这些内容混合问题检测为潜在安全威胁,并实施速率限制以防止潜在攻击。

5. 检查插件的 API 请求限制

有时,429 错误可能是由依赖外部服务的插件或功能引发的,这些服务通过 API 与您的网站通信。这些 API 也有一定的请求限制。

检查插件或服务的文档,看看是否提到 API 请求限制及如何遵守这些限制。

6. 使用调试模式检查错误日志

如果愿意,可以启用 WordPress 调试模式,它提供详细的信息,记录网站发生的任何错误,包括可能导致429错误的问题。

可以参看我们的指南以了解如何启用和查看 WordPress 错误日志。

7. 恢复网站备份

如果仍然不确定导致‘429 请求过多’错误的原因,并且有备份,可以恢复到出现错误之前的备份。

8. 联系您的托管服务提供商

有时候,您会在需要访问网站的第三方服务中看到‘429 请求过多’错误。在这种情况下,需要请求托管服务提供商不要阻止这些请求。

9. 安装 WordPress 缓存插件

或许您已经解决了‘429 请求过多’错误,但想知道如何防止它再次发生。我们建议安装 WordPress 缓存插件。

缓存插件存储经常访问的文件和信息的副本,从而减少服务器需要处理的请求数量,这有助于防止429错误。

了解更多解决常见 WordPress 错误的方法

希望本文能帮助您解决 WordPress 网站上的‘429 请求过多’错误。您可能还想查看我们关于如何修复 500 内部服务器错误的指南,以及其他常见 WordPress 问题的相关文章。

Read More
WordPress 教学

如何在WordPress RSS源中添加文章缩略图

什么是WordPress RSS源?

RSS,或者称为真正简单聚合(Really Simple Syndication),允许用户和应用程序通过网络订阅接收网站或博客的定期更新。通过RSS源,您可以从已选择的网站获取更新,而无需手动访问它们。这不仅节省时间,还可以在邮箱、订阅阅读器和其他设备上看到最新内容。

如果您有一个WordPress博客,RSS源可以帮助您推广内容并为您的博客引流。您可以让新文章更容易被读者发现,并保持他们回访您的网站以获取最新内容。然而,WordPress RSS源的问题是,它们不会显示您博客文章的特色图片。

添加文章缩略图有助于自定义RSS源。它还有助于增强RSS源,提供更好的用户体验。

使用插件在RSS源中添加文章缩略图(简单方法)

在RSS源中显示特色图片的最简单方法是使用 Featured Images in RSS for Mailchimp & More 插件。这是一个免费的WordPress插件,可以帮助您将图片添加到RSS源中,以便它们在您的RSS邮件活动和其他使用RSS源的地方显示。首先,您需要安装并激活插件。如果需要帮助,请参阅我们的指南,了解如何安装WordPress插件。

激活后,您可以从WordPress仪表板中进入 Featured Images in RSS。插件允许您更改RSS图片大小、对齐方式、文本间距,并选择是否要将图片设为可点击的。当您完成所需的更改后,别忘了点击 ‘保存更改’ 按钮。

手动添加文章缩略图到RSS源(需要编程)

另一种在WordPress RSS源中显示文章缩略图的方法是将代码片段添加到主题的functions.php文件中。然而,我们不建议直接编辑functions.php文件,因为最小的错误也可能导致您的WordPress网站崩溃。相反,使用WPCode插件可以更简便地添加代码。

通过WPCode,您可以在不出错的情况下安全地在WordPress中添加代码片段。该插件允许您即使在更新或更改WordPress主题后也能保留自定义代码。WPCode的免费版本包含所有添加自定义代码所需的功能,包括预制代码片段库。WPCode Pro则包括高级功能,如代码修订、计划片段、转换像素等。首先,您需要安装并激活WPCode插件,您可以按照我们的教程了解如何安装WordPress插件。

添加自定义代码片段

插件激活后,您可以从WordPress仪表板中前往Code Snippets» + Add Snippet。接着,选择‘添加自定义代码(新片段)’选项并点击‘使用片段’按钮。然后,您需要复制以下代码:

function rss_post_thumbnail($content) {global $post;if(has_post_thumbnail($post->ID)) {$content = '

' . get_the_post_thumbnail($post->ID) .'

' . get_the_content();}return $content;}add_filter('the_excerpt_rss', 'rss_post_thumbnail');add_filter('the_content_feed', 'rss_post_thumbnail');

接下来,给您的片段一个标题,然后将之前复制的代码粘贴到‘代码预览’框中。不要忘记从右侧的下拉列表中选择‘PHP片段’作为代码类型。

然后,向下滚动到‘插入’部分。对于这段代码,您应该保留‘自动插入’选项,以便代码片段自动插入并在您的网站上执行。最后,切换开关从‘不活跃’到‘活跃’。然后,别忘了点击‘保存片段’按钮。

您可以参考我们的教程,了解如何轻松地在WordPress中添加自定义代码。要了解更多在博客文章中添加特色图片的技巧,您可以参阅我们关于如何在WordPress中添加文章缩略图的指南。

希望本文章帮助您了解如何在WordPress RSS源中添加文章缩略图。您也可以浏览我们的指南,了解最好的免费企业名称生成器以及如何选择最佳网站构建器。如果您喜欢本文,请订阅我们的YouTube频道以获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More