WordPress 教学

如何在视频嵌入中添加iframe边框

在WordPress中的iframe视频添加边框

首先,你需要打开一个包含iframe视频嵌入代码的文章或页面。典型的iframe嵌入代码如下:

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/qzOOy1tWBCg” frameborder=”0″ allowfullscreen></iframe>

你可以通过在代码中添加内联样式来为其添加边框,如下所示:

<iframe style=”border: 3px solid #EEE;” width=”560″ height=”315″ src=”https://www.youtube.com/embed/qzOOy1tWBCg” frameborder=”0″ allowfullscreen></iframe>

只需更改边框的宽度以及颜色,你就完成了。

虽然添加iframe边框可以工作,但实际上有一种更好的方法可以在WordPress中为视频添加边框,那就是使用oEmbed。

在WordPress中的oEmbed视频添加边框

WordPress自带oEmbed支持。基本上WordPress允许你粘贴视频链接,它会自动获取嵌入代码。现在这仅适用于启用了oEmbed支持的网站,如YouTube、Vimeo、DailyMotion、Hulu等。

既然你知道如何使用oEmbed添加视频,以下是在WordPress中为oEmbed视频添加边框的方法:

在使用oEmbed添加视频时,只需将URL包裹在带有内联样式参数的span标签中,如下所示:

<span style=”border:3px solid #EEE;”>http://www.youtube.com/watch?v=qzOOy1tWBCg</span>

如果你想为所有视频iframe添加相同的边框,最好是将CSS类添加到主题的样式表中。

.frame-border {
border:3px solid #EEE;
}

现在你可以在iframe嵌入代码中使用CSS类,如下所示:

<iframe class=”frame-border” width=”560″ height=”315″ src=”https://www.youtube.com/embed/qzOOy1tWBCg” frameborder=”0″ allowfullscreen></iframe>

你也可以在oEmbed视频URL周围的span标签中使用相同的CSS类,如下所示:

<span class=”frame-border”>http://www.youtube.com/watch?v=qzOOy1tWBCg</span>

使用单个CSS类的好处是,如果你以后更改主题,你可以轻松更改颜色,而无需逐个编辑每个视频。

我们希望这篇文章能帮助你在WordPress中为视频嵌入添加iframe边框。你可能还想查看这9个实用的YouTube技巧,以便为你的网站添加视频内容。

Read More
WordPress 教学

如何限制WordPress中显示的归档月份数量

如何限制WordPress中显示的归档月份数量

如果您已经写博客多年,您会注意到您的归档列表会变得太长。在这篇文章中,我们将向您展示如何限制WordPress中显示的归档月份数量。

方法一:使用插件限制归档月份数量

这种方法更简单,适合所有用户。首先,您需要安装并激活Collapsing Archives插件。激活后,访问外观 » 小工具页面,并将Collapsing Archives小工具添加到侧边栏。

小工具菜单将展开以显示其设置。Collapsing Archives小工具使用JavaScript将归档链接折叠为可展开的年度链接。用户可以点击年份来展开查看月度归档。您还可以使月度归档可折叠,并允许用户查看帖子标题。

根据需要调整小工具设置后,点击‘保存’按钮保存设置。现在,您可以访问您的网站查看小工具的效果。

方法二:用紧凑归档替换默认归档

这种方法提供了一个较为简洁且更具展现力的替代方案。首先,您需要安装并激活Compact Archives插件。激活后,访问外观 » 小工具页面,并将‘Compact Archives’小工具添加到侧边栏。

Compact Archives插件提供三种样式:块状、首字母和数字。别忘了点击‘保存’按钮保存您的小工具设置。现在,您可以访问您的网站查看紧凑归档的效果。

您还可以使用Compact Archives插件在您的网站上创建自定义归档页面。更多详情请参见我们的指南。

方法三:手动限制WordPress中的归档月份数量

这种方法需要您向WordPress主题文件添加代码。如果您以前没有这样做过,请参见我们的指南。

将以下代码添加到您的主题的functions.php文件或代码片段插件中:

// 获取有限月份归档列表的函数
function wpb_limit_archives() { 

$my_archives = wp_get_archives(array(
    'type'=>'monthly', 
    'limit'=>6,
    'echo'=>0
));

return $my_archives; 

} 

// 创建一个短代码
add_shortcode('wpb_custom_archives', 'wpb_limit_archives'); 

// 启用文本小工具中的短代码执行
add_filter('widget_text', 'do_shortcode');

建议您使用WPCode插件添加代码,这样可以安全地添加自定义代码,而不必编辑functions.php文件。首先,您需要安装并激活免费WPCode插件。激活插件后,从WordPress仪表盘中转到代码片段 » + 添加片段。然后,点击‘使用片段’按钮。

接下来,您可以为您的片段添加标题,例如‘自定义归档’。然后,将上面的代码粘贴到‘代码预览’框中,并从下拉菜单中选择‘PHP片段’作为代码类型。

之后,将开关从‘未激活’切换到‘激活’,然后点击‘保存片段’按钮。

该代码获取归档列表并将其限制为过去6个月。它还创建了一个短代码,并在文本小工具中启用短代码。

您现在可以转到外观 » 小工具页面,并向侧边栏添加一个‘文本’小工具。在文本模式下添加您的短代码,如下所示:

  • [wpb_custom_archives]

别忘了保存您的小工具设置。现在您可以访问您的网站查看自定义归档列表的效果。

总结

以上就是我们关于如何限制WordPress中显示的归档月份数量的方法。您还可以查看我们关于WordPress函数文件的最有用技巧和如何删除WordPress中归档页面的指南。

如果您喜欢这篇文章,请订阅我们的YouTube频道并关注我们的Twitter和Facebook。

Read More
WordPress 教学

如何在WordPress中查看搜索分析(两种简单方法)

什么是WordPress中的搜索分析?

WordPress中的搜索分析可以帮助您了解访客如何找到并与您的网站进行互动。这些数据可以引导您创建更优质的内容,并改善用户体验。

本指南将涵盖两种主要搜索分析类型:内部搜索分析和外部搜索分析。

简而言之,内部搜索分析让您知道人们在您的网站上搜索了什么。相反,外部搜索分析则展示了访客如何通过搜索引擎找到您的网站。

内部搜索分析示例

搜索词汇:查看用户在搜索栏中输入了什么。他们是否在寻找特定的产品、博客文章或是常见问题的答案?

搜索频率:跟踪特定搜索词的输入频率,以识别最受欢迎的关键词。

搜索调整率:跟踪访客修改其搜索词的次数。若调整次数较高,可能意味着搜索结果未能满足他们的需求。

外部搜索分析示例

热门页面:识别获取最多自然流量的页面。您的产品页面或博客文章有达到预期效果吗?

自然搜索关键词:查看哪些关键词将访客从搜索引擎带到了您的网站。用户是否在找您的博客文章、产品页面或着陆页?

排名位置:跟踪您的关键词在搜索引擎中的排名变动。您的目标关键词是否随着时间提升了排名?

这些洞察至关重要,因为它们让您理解人们在网站外搜索了什么,从而可以优化内容以在搜索结果中获得更高排名。

为什么我需要跟踪我的搜索分析?

跟踪搜索分析可以让您清晰地了解访客如何与您的WordPress博客或网站互动,以及他们如何找到您的网站。最显而易见的一个原因是提升用户体验。了解网站上的常见搜索词可以帮助您改善导航,令内容更容易找到。

跟踪搜索分析的其他原因包括:了解用户意图、优化内容策略、提升SEO、增加互动等。

如何在WordPress中查看搜索分析

结合内部和外部搜索分析,您可以全面了解访客在找什么及他们如何找到您的网站。凭借这些洞察,您可以更聪明地为受众服务。

方法1:如何在WordPress中查看内部搜索分析

想要获得有关访客在您网站上搜索的内容的有价值的洞察,使用SearchWP插件即可帮助实现。SearchWP是最好的WordPress搜索插件,使用起来非常简单。

首先,安装并激活SearchWP,并且需要使用Pro计划及以上版本那个内的Metrics扩展来查看网站的内部搜索分析。

方法2:如何在WordPress中查看外部搜索分析

使用All in One SEO插件,您可以在搜索统计面板中查看网站在Google上的表现。此插件从Google Search Console直接导入数据,因此需要先在那里设置账户。

在All in One SEO中,您可以通过SEO统计、关键词排名追踪、内容排名等功能获取全面的搜索分析数据,并据此采取相应的内容优化措施。

Read More
WordPress 教学

如何使用 WordPress 建立 Amazon 聯盟商店

什麼是 Amazon 聯盟商店?

Amazon 聯盟商店是一個在線商店,用於推廣可以在 Amazon 購買的產品。與運營自己的在線商店不同,你無需處理產品採購、訂單和退款管理、產品運輸和庫存跟踪等繁瑣的工作。

在建立聯盟商店時,你只需在網站添加聯盟鏈接,Amazon 會處理其餘工作。當訪客訪問你的网站时,他们会看到可以使用你的唯一聯盟引用鏈接在 Amazon 購買的所有產品。如果訪客點擊你的聯盟鏈接並在 Amazon 網站購買該產品,你就能從這筆交易中賺取佣金,這被稱為聯盟佣金,是利用 WordPress 經營博客賺取線上收入的好方法。

Amazon 聯盟商店受到歡迎,原因在於其啟動和運營成本低。Amazon 也銷售大量產品,通過建立 Amazon 聯盟商店,你將獲得超過 7500 萬種不同產品的訪問權。無論你創建的網站是美食博客、攝影網站、時尚博客還是其他網站,你都可以找到訪客可能感興趣的特定產品。需要注意的是,Amazon 不允許在主要面向 13 歲以下兒童的網站上添加聯盟鏈接。

步驟一:開始使用 WooCommerce 和 WordPress

有許多不同的 WordPress 電子商务开源插件可以用来建立 Amazon 聯盟商店,但我们推荐使用 WooCommerce,因为它功能強大、靈活且免費。WooCommerce 是市場上最受歡迎的電子商务插件,全球有數以百萬計的在線商店使用它。

在開始建立你的 WordPress 网站之前,你需要使用 WordPress.org 平台(请参阅 WordPress.com 与 WordPress.org 之間的差異)。你還需要一个 WordPress 主機帳號和域名。當你在網站上推廣 Amazon 產品时,Amazon 将负责处理客户的信用卡信息。但未來,當你扩展业务並开始销售自己的产品时,你可能需要购买 SSL 证书,以便在 WordPress 网站上安全地接受信用卡支付。

Bluehost 是官方推薦的 WordPress 和 WooCommerce 主機供应商,為我們的读者提供了免费域名、免费 SSL 证书和超过 60% 的主機折扣。基本上,你可以用每月 $1.99 啟動一個 Amazon 聯盟業務。

步驟二:注册 Amazon 聯盟計劃

现在你已經安裝了 WordPress 和 WooCommerce,接下来需要注册 Amazon 聯盟計劃。Amazon 會自動接受所有申請他們的聯盟營銷計劃的人。但根据 Amazon 的指導方针,你必须在申請的前 180 天內促成至少三笔合格的销售,也就是說,至少三个人點擊你的聯盟鏈接並在 Amazon 網站上購物,否則 Amazon 將會將你从計劃中移除,你將無法再从你的 Amazon 聯盟鏈接中賺取佣金。

步驟三:如何找到適合你 Amazon 聯盟网站的最佳產品

注册 Amazon 聯盟計劃后,你可以开始創建聯盟鏈接。你可以为大多数在 Amazon 商店销售的實物和數位產品获取聯盟鏈接,但有些产品你不能得到聯盟鏈接,比如任何由 Amazon Pharmacy 銷售的產品。

要開始,進入 Amazon 聯盟帳戶,在页面底部,你会看到一些 Amazon 推荐你添加到网站的產品。這些推薦基于你网站訪客以前购买或显示出兴趣的產品。

步驟四:在 WooCommerce 中添加 Amazon 聯盟產品

WooCommerce 是建立 Amazon 聯盟商店的最佳插件。它允許你導入第三方網站上销售的产品,然後将这些產品显示为你自己商店的一部分。

要开始從 Amazon 导入产品,請轉到 Products » Add New 页面,輸入你希望推广的產品名稱,填寫詳盡的產品描述。然後,在 ‘Product data’ 框中打開下拉菜单,选择 ‘External/Affiliate product’,並粘貼 Amazon 聯盟 URL。

接下來,添加吸引人的產品圖片,然後點擊 ‘Publish’ 按鈕。現在,如果你访问你的聯盟商店的商店页面,你將會看到你的 Amazon 產品已上線。

步驟五:自訂你的 WordPress Amazon 聯盟商店

Themes 控制你 Amazon 聯盟商店的外观,包括颜色、佈局和字體。默認情況下,WordPress 帶有基本設計,對 WooCommerce 支援有限。但有许多不同的免費和高級 WooCommerce 準備良好的主题供你選擇,選擇一个看起來不錯、能夠展示你產品的主题,将帮助你獲得更多銷售。

還有一些插件可以添加强大的新功能到你的電子商務网站。查看我們推薦的一些最好的 WooCommerce 插件吧。

資源:成長你的 Amazon 聯盟商店

現在你已經建立了 Amazon 聯盟商店,是時候專注于發展你的新聯盟業務了。幸運的是,有许多工具、插件和資源可以帮助你獲得更多銷售並从你的 Amazon 聯盟商店中賺取金錢。例如,透過 SEO 優化你的內容可以增加訪客,這意味着更多潛在的聯盟鏈接点击。

你也可以利用分析工具瞭解訪客行為,運用這些數據进行改進。MonsterInsights 是最佳的 Google Analytics 插件,可以帮助你找到最畅銷和最不畅銷的 Amazon 聯盟產品。

關於在 WordPress 上運營 Amazon 聯盟商店的常見問題

1. 我可以添加其他聯盟网络的產品嗎?
是的,這是一個很好的增加收入和創建更多元化的聯盟業務的方法。

2. 我居住在美国境外,可以加入 Amazon 聯盟計劃嗎?
是的,Amazon 聯盟計劃目前在 17 個以上的國家可用。但你需要分别申請你想加入的每個國家的計劃。

3. 我需要披露我的聯盟合作夥伴關係嗎?
是的,根據 Amazon 的政策和美国法律,你必须披露当用戶購買產品时你會賺取佣金。確保你的網站包含合规的披露声明,显示你作為 Amazon 聯盟的身份。

4. 我可以在沒有建立聯盟商店的情況下推广 Amazon 產品嗎?
是的,如果你運營博客,你可以在博客文章中添加聯盟鏈接,無需安裝 WooCommerce。

5. Amazon 聯盟佣金率是多少?
佣金率因產品類別和位置而異,詳細佣金率請參閱你所在地區的「聯盟計劃標準佣金收入聲明」。

希望這篇文章帮助到你利用 WordPress 開始 Amazon 聯盟商店。你可能還會想看看我們的 WordPress 安全指南和專家推薦的小型企業最佳即時聊天軟體。

Read More
WordPress 教学

如何在 WordPress 添加自定义管理员通知(两种简单方法)

为什么要在 WordPress 添加自定义管理员通知?

管理员通知是 WordPress 管理区内的通知,向用户提供重要信息。例如,涉及 WordPress 核心、插件或主题的错误、警告、警报或成功消息。

虽然这些通知是 WordPress 内建的功能,您也可以为仪表盘创建自定义管理员通知。

例如,假设您正在为不熟悉该平台的客户开发一个 WordPress 网站。您可以添加管理员通知,在他们的 WordPress 管理区中显示有用的信息。

一些使用自定义管理员通知的其他示例包括:

  • 通知团队成员网站将在维护模式下不可用。
  • 如果您运行一个多作者网站,可以引导作家或编辑在仪表盘中导航编辑流程。
  • 提醒用户在管理任务、内容和媒体时需要注意的事项。

总的来说,自定义管理员通知对与您自己或其他在网站上工作的用户传达信息非常有用。不过,需要明智地使用它们,因为过多的通知可能会令人厌烦。

方法1:使用插件添加自定义 WordPress 管理员通知

使用 WP Custom Admin Interface 插件。它让您根据个人喜好自定义您的 WordPress 仪表盘,包括显示自定义管理员通知。

首先安装并激活 WP Custom Admin Interface 插件。有关分步说明,请参阅如何安装 WordPress 插件指南。

接下来,转到 Custom Admin Interface » Admin Notice。插件设置页面与经典编辑器相似。

您需要向下滚动并插入您的管理员通知消息。您可以使用纯文本和/或可用的 shortcode 选项,它们位于可视编辑器上方。

如果使用第二种方法,根据提供的 shortcode 动态生成内容。例如,使用 shortcode [WEBSITE_URL],该 shortcode 将被替换为您网站的域名。

此外,您可以随意添加图片或其他媒体文件,或使用工具栏上的工具美化文本。

您可以选择自定义管理员通知的颜色。默认选项包括:

  • 绿色表示成功信息
  • 蓝色表示非紧急但重要的信息通知
  • 黄色表示警告信息
  • 红色表示错误信息

您还可以自定义通知的结束日期或取消通知的时间。如果没有到期日期,可以留空。

您还可以让消息可解除,这对于使用绿色或蓝色颜色的通知是推荐的。对于警告或错误,您可能希望在问题解决之前继续显示它们,具体取决于问题的严重性。

最后,您可以让通知对所有人可见,或仅对某些用户可见。如果选择后者,您可以点击“+”按钮指定哪些用户角色不可见此通知。

满意新通知后,只需点击“保存所有设置”。

完成后!要查看自定义管理员通知的样子,只需转到 WordPress 仪表盘中的任何页面。消息应显示在屏幕顶部。

方法2:使用代码添加自定义 WordPress 管理员通知

虽然 WP Custom Admin Interface 插件易于使用,但它包含许多与您需求无关的附加功能。如果您只对创建自定义管理员通知感兴趣,这可能显得多余。

此外,WP Custom Admin Interface 仅允许一次显示一个自定义通知。如果您想在 WordPress 管理仪表盘的不同页面显示多个通知,插件可能不适合。

相反,您可以手动使用代码在 WordPress 中添加通知。这允许您仅专注于添加自定义通知而无需多余内容,如果需要,您可以显示多个通知。

如果在 WordPress 中编写代码听起来令人害怕,不用担心。我们将向您展示一种简便且安全的插入自定义代码的方法,即使用 WPCode。这是市场上最友好初学者的自定义代码片段插件。

使用 WPCode,您可以轻松插入和管理代码,而无需直接操作 WordPress 核心文件。这样,几乎不会破坏你的网站。

要了解有关 WPCode 的更多信息,您可以查看我们的 WPCode 评测。

注意:要遵循本教程,您可以使用 WPCode 的免费版本或高级计划。使用 WPCode Pro,您将获得更多高级功能以管理您的代码,如测试模式,以便在进行任何永久更改之前查看代码的工作情况。

使用 WPCode 的第一步是安装并激活插件。如果需要指导,请参阅如何安装 WordPress 插件的文章。

接下来,只需转到 Code Snippets » + Add Snippet。在 Add Your Custom Code (New Snippet) 下,点击“Use snippet”。

现在,继续插入自定义代码片段的标题,以便以后可以轻松识别和编辑。如果需要,可以像“Custom Admin Notice”一样简单。

然后,将代码类型更改为“PHP Snippet”。

完成后,只需复制并粘贴以下代码到代码预览框中:

function wpb_admin_notice() {
echo // 根据需要自定义以下消息
'
'
echo '

重要!假期期间我们不会发布任何新文章。请暂时将您的文章保存为草稿。

';
echo '