WordPress 教学

如何修正 WordPress 中过大的 DOM 大小(11 条专家建议)

过大的 DOM 大小警告意味着什么?

当您在 WordPress 网站上运行速度测试时,是否曾见过‘避免过大的 DOM 大小’警告?这个警告来自 Google Lighthouse、Google PageSpeed Insights 或 GTMetrix,它表明您的网站上有太多元素,可能会降低加载速度。

什么是 DOM,它的大小为何重要?

DOM 是文档对象模型的缩写。可以将您的 WordPress 站点想象成一个大树结构。每个页面上的元素,像文字标题、图片、菜单和按钮,就像是树上的一个分支或叶子。这些单独的元素被称为 DOM 节点。页面上元素越多,DOM 树就越大。

过大的 DOM 大小如何影响网站性能?

大的 DOM 大小会对您的 WordPress 网站性能产生负面影响。每增加一个元素,浏览器就要花更长时间来读取、理解和载入站点的结构。复杂的 DOM 结构需要更多内存和处理能力,这就导致网站加载速度变慢,可能导致用户在看到内容之前就离开您的网站。搜索引擎也优先考虑提供良好用户体验的网站,过大的 DOM 尺寸可能间接影响您的 SEO,最终影响网站转换。

Google 认为多少 DOM 元素是过多的?

Google Lighthouse 会在页面主体元素超过约 800 个节点时发出警告;如果超过 1,400 个节点,则抛出错误。了解这些指的是哪些类型的网站有助于您优化网站。

如何减少 WordPress 中的 DOM 大小(11 个方法)

1. 使用 WordPress 速度优化插件

首推安装强大的 WordPress 速度优化插件。这样的插件可以分析您的网站并以多种方式加速它。我们建议使用 WP Rocket,因为它不仅是缓存插件,还有文件优化、延迟加载和延迟 JavaScript 功能。

2. 检查您的主题和插件

不良编码的主题和插件可能导致 HTML 文档冗长,从而显著增加 DOM 大小。仔细查看网站上安装的内容,通过切换到默认主题或逐个停用插件来识别潜在的罪魁祸首。

3. 使用优化的页面构建器

有些页面构建器会通过增加许多 HTML 元素来增加复杂度。测试时可停用页面构建器,以确定它是否是问题的根源。

4. 优化您的图片和视频

未优化的图片和视频会增加 DOM 大小。使用插件如 Optimole 自动优化图片,或者使用 TinyPNG 这样的在线工具压缩图片。

5. 实施延迟加载

延迟加载可以推迟非关键元素,如图片和视频,直到用户滚动到页面时才载入,从而加快初始页面加载速度。

6. 为内容丰富的帖子或评论分页

长文章或评论可以通过分页分成易于管理的块。有助于避免巨大的 DOM 大小。

7. 最小化 CSS 和 JavaScript 文件

移除代码中的不必要元素,减少文件大小,从而加快加载速度。

8. 减少阻塞渲染的 JavaScript 和 CSS

合并 CSS 和 JavaScript 文件以减少 HTTP 请求,或者延迟加载某些 JavaScript 文件。

9. 启用 WordPress 缓存

缓存不直接减少 DOM 大小,但能显著提高网站的体验性能。

10. 使用 WordPress CDN

CDN 可将网站静态内容放在其他的服务器上,以加快加载速度。

11. 优化您的 WordPress 数据库

定期清理数据库中的不必要数据可以间接提升网站中的 DOM 大小。

Read More
WordPress 教学

如何在WordPress博客中添加站点图标(简单方法)

为什么要为您的WordPress博客添加站点图标?

站点图标对于您的WordPress博客至关重要,因为它有助于用户快速识别您的网站并加强品牌认知度。通过这个小图标,网站访客可以轻松识别您的博客。

当用户打开多个标签时,通过站点图标可以知道他们在哪个网站上并切换到他们想要的页面。如果用户在他们的移动设备上添加了您的博客快捷方式图标,那么站点图标将作为应用图标显示在他们的主屏幕上,使他们可以轻触即可访问您的网站。

如何为您的WordPress博客创建站点图标

首先,让我们学习如何为您的博客创建一个好的站点图标。理想的WordPress站点图标大小是一个正方形图像,宽度和高度都为512像素。站点图标图像格式可以是ICO、JPEG、PNG或GIF。SVG也是常见的图标格式,但WordPress默认不支持。您可以配置WordPress允许添加SVG文件。

如果您有一个业务博客,那么您可以使用您的品牌标志作为您的站点图标。如果还没有,可以参考我们关于如何为网站创建标志的新手指南。如果您已经有了标志但想让背景透明,可以使用Photoshop或带有自动背景移除功能的免费图像编辑工具。确保文件格式为PNG以保持图标的透明度。另一种选择是使用免费的图标生成器如Favicon.io,该工具允许您从头开始定制图标并下载PNG和ICO格式的文件。

方法1: 使用WordPress自定义工具添加站点图标

这是在WordPress中更改站点图标最简单的方法。您只需要将站点图标图片上传到WordPress自定义工具,剩下的都将自动完成。

第一步是访问WordPress自定义工具。如果您使用经典主题,可以导航到外观 » 自定义来进行此操作。

步骤:

  1. 单击左侧边栏的“站点标识”标签。
  2. 在这里,您会看到自定义站点标志、站点标题、副标题和站点图标的选项。
  3. 向下滚动到“站点图标”部分,然后单击“选择站点图标”。
  4. WordPress媒体库将出现。您可以选择现有图片或从计算机上传新的自定义站点图标。
  5. 选择图片后,单击窗口右下角的“选择”按钮。
  6. 如果图标比推荐尺寸运,则WordPress将允许您裁剪它。如果尺寸完全匹配,则可直接使用。
  7. 图像合适后,单击“裁剪图像”。
  8. 返回WordPress自定义工具,然后单击左侧边栏的“发布”按钮完成站点图标设置。

方法2: 使用WordPress完整站点编辑器添加站点图标

如果您使用块主题并希望将品牌标志同时用作网站头部的站点图标,可以使用此方法。

步骤:

  1. 从WordPress管理面板转到外观 » 编辑器。
  2. 在此页面,您会找到自定义网站的多个菜单,包括导航和样式。
  3. 单击“模式”以访问您的网站头部块模式。
  4. 滚动下来,您会看到头部、页脚和一般模板部分。
  5. 单击“头部”模板添加站点图标。
  6. 单击头部文本旁边的铅笔按钮进行编辑并插入WordPress站点图标。
  7. 单击添加块“+”按钮并搜索站点标志块。
  8. 将块拖放到头部中您想要的位置。
  9. 在站点标志块中点击上传图标。
  10. 如同前面的方法,选择现有图像或从媒体库中上传新图像。
  11. 导航到页面右侧的块设置边栏,打开“用作站点图标”设置。

方法3: 使用WordPress站点图标插件

如果您更喜欢使用站点图标插件,可以使用免费的Favicon by RealFaviconGenerator插件。

步骤:

  1. 安装并激活插件。
  2. 转到外观 » 图标。
  3. 单击“从媒体库选择”按钮上传新的或使用现有图片。
  4. 选择好图片后,单击“生成图标”按钮,插件将引导您到RealFaviconGenerator网站。

方法4: 手动添加站点图标到WordPress博客

如果您的主题自定义工具没有‘站点标识’部分,或您使用块主题且想要不同于站点标志的站点图标,可以通过手动编辑主题的代码文件来添加站点图标。使用WPCode插件是最安全的方法。

步骤:

  1. 安装并激活WPCode插件。
  2. 准备好图标文件,如使用Favicon.io生成。
  3. 将图标文件上传到站点根目录。
  4. 在WordPress管理面板中,导航到代码片段 » 头部和页脚。
  5. 从Favicon.io复制HTML代码,并粘贴到WPCode页面的‘头部’部分。
  6. 插入网站的完整URL到所有href属性的引号中,确保添加http://或https://。
  7. 保存更改。

为什么我的WordPress站点图标不显示?

一个原因可能是浏览器缓存。您需要清除缓存,或试用隐身模式。此外,也可能是使用CDN服务,需清除CDN缓存来更新网站内容。

如果上传失败,可以重命名图片再上传。检查是否有混合内容错误,并确保主题没有特定上传工具。

我们希望本文能帮助您成功添加站点图标。如果有帮助,欢迎订阅我们的YouTube频道观看更多WordPress视频教程。

Read More
WordPress 基础知识

如何在WordPress侧边栏显示最新评论

当你刚开始写博客时,你可能会期待每一个新的评论。评论是访客欣赏你内容并希望与之互动的良好标志。一个活跃的评论区可以让你围绕你的博客建立一个社区。访客可以反馈、提问、提供自己的观点和回复其他评论。

不幸的是,仅仅浏览首页的访客不会看到这些互动。但是,你可以通过在博客的侧边栏中显示最新评论来让他们了解当前的讨论。

为什么要在WordPress侧边栏显示最新评论?

展示最新评论可以让读者更容易发现和参与讨论。以下是两种方法来实现这一目标:

方法1:使用WordPress默认的最新评论区块

默认情况下,WordPress提供一个显示最新评论的区块,可以添加到你的网站侧边栏。 只需进入“外观 » 小工具”页面,然后点击屏幕顶部的加号“+”图标来添加新小工具。搜索“comments”并将“最新评论”区块拖动到侧边栏即可。

点击屏幕顶部的“更新”按钮。然后你可以访问你的网站查看新的最新评论部分。

注意到区块显示评论者的Gravatar和名字、评论的文章链接、评论日期以及评论摘录。因为它是一个区块,而不是传统小工具,所以可以更简单地将最新评论添加到你的页面和文章中。

与经典的“最新评论”小工具相比,新的最新评论区块是一个巨大的改进。

因此,大多数用户不再需要使用第三方插件来在侧边栏显示最新评论。不过,如果你想要更多控制最新评论的显示方式,可以查看方法2。

方法2:使用插件来显示侧边栏最新评论

首先,你需要安装并激活Decent Comments插件。激活后,只需访问“外观 » 小工具”页面并将“Decent Comments”小工具添加到侧边栏。

起初,“Decent Comments”小工具看起来有点类似于方法1中的最新评论区块,但它提供了很多选项,可以按照你的喜好进行自定义。

例如,你可以输入小工具的标题,决定显示的评论数量,选择显示的顺序。

你还可以选择包含哪些文章类型,决定是否显示摘录以及摘录的长度。

还有许多其他可用选项供你探索。

自定义完成后,别忘了点击“更新”按钮来保存设置。现在,你可以访问你的网站查看“Decent Comments”小工具。

我们希望这个教程帮助你了解如何在WordPress侧边栏显示最新评论。你可能还想了解如何获取免费电子邮件域名或查看我们增加博客流量的实用技巧。

Read More
WordPress 插件

如何跟踪WordPress部件历史(简便方法)

为什么要跟踪WordPress部件历史?

在默认情况下,WordPress提供了一种名为修订的功能用于帖子和页面等内容类型。这使得用户能够轻松查看哪些更改是由哪个用户进行的,以及在需要时撤销这些更改。然而,对于WordPress小工具没有内置修订功能。

跟踪小工具历史可以让您记录在WordPress网站上对小工具所做的更改。您可以查看哪个用户添加、移除或更改了小工具,然后通过编辑小工具保留或撤销这些更改。此外,所有这些数据都可以通过您的WordPress管理面板查看。

如何轻松跟踪WordPress部件历史

跟踪WordPress部件历史的最简单方法是使用免费的Simple History插件。

首先,您需要安装并激活Simple History插件。

请注意,此插件只会跟踪激活后所做的更改。

安装插件后,请对WordPress小工具进行一些更改。只需转到外观»部件页面并对现有小进行一些更改。

完成后,转到仪表盘» Simple History页面。您将看到您对小工具所做的更改显示在顶部。

除了小工具更改,Simple History还可以跟踪以下更改和用户活动:

  • 主题更新
  • 插件安装
  • 侧边栏小工具历史
  • 评论历史
  • 用户登录
  • 用户资料

总结

拥有活动日志非常重要,因为它帮助您确保网站安全。Simple History可以做到这一点并支持许多其他插件。

如果您需要全面的WordPress网站活动日志解决方案,我们推荐WP Activity Log插件。

Read More
WordPress 教学

如何将 WordPress 备份到 Amazon S3(免费和付费方法)

为什么使用 Amazon S3 备份 WordPress?

我们帮助了成千上万的 WordPress 用户备份和恢复他们的网站。Amazon S3 提供了一些独特优势,使其在云备份存储选项中脱颖而出,比如 Google Drive 或 OneDrive。对于需要企业级备份可靠性的网站,Amazon S3 显得尤为合适。无论您何时运行备份,它都可以一致地处理大型备份文件。对于那些不能承受备份失败的企业网站来说,这无疑是一个完美的选择。此外,S3 的安全功能超越了基本的文件共享。服务如 Google Drive 和 OneDrive 提供简单共享选项,而 S3 通过 IAM(身份和访问管理)提供企业级安全性。这样,您可以创建特定的安全规则,例如限制访问某些时间段或为备份文件应用自动加密。

配置您的 Amazon S3 账户

在我们可以将您的 WordPress 网站备份到 Amazon S3 之前,我们需要正确设置您的存储空间。
您需要创建一个 Amazon S3 Bucket。这是一个为您的文件准备的容器,想象成一个特别的文件夹用来保存您所有的 WordPress 备份。通过Amazon的免费层,您在第一个年度可获得5GB的存储以及2000次PUT请求和20000次GET请求。用来存储几个完整的小型WordPress网站备份是绰绰有余的。

方法1:使用 Duplicator 备份 WordPress 到 S3(更具定制性)

在我们经验中,Duplicator 是最可靠的 Amazon S3 备份解决方案。其功能强大的特性集(CMS Code自带…)使其特别突出。您可以安排自动备份,从仪表盘连接多个云存储服务,并迁移您的整个 WordPress 网站。而且其与 Amazon S3 的集成经过充分的测试,表现稳健。需要注意的是,您需要 Duplicator Pro版才能使用 Amazon S3 集成,但您可以从免费版开始熟悉基础功能。

方法2:使用 UpdraftPlus 备份 WordPress 到 S3(免费)

尽管 Duplicator Pro 是我们的首选,但我们理解有时您可能需要一个免费的解决方案。这就是 UpdraftPlus 的用武之地。虽然 UpdraftPlus 免费版有一些限制,比如无法安排自动备份或创建跨多个位置冗余备份,但它在基本 S3 备份需求时能够胜任。让我们在您的网站上设置 UpdraftPlus 免费版,首先需要通过管理区域安装 WordPress 插件。

提示:让专家处理您的 WordPress 维护

运营一个成功的 WordPress 网站不仅仅是创建优质内容。您需要处理很多技术工作:定期备份、安全检查、速度优化和无止境的 WordPress 更新。我们了解,作为企业主,您的时间更应该花在业务增长上,而不是技术维护上。我们创建了 WPressize Me 专业服务,就是为了减轻您的技术负担。快来联系我们,咨询了解我们如何为您提供无忧的 WordPress 网站维护服务。

Read More
WordPress 教学

如何在不使用插件的情況下將 WordPress Feed 重定向到 FeedBurner

如何在不使用插件的情況下將 WordPress Feed 重定向到 FeedBurner

最後更新於 2014 年 6 月 17 日,由編輯團隊撰寫 | 審閱者: Syed Balkhi

編輯註:我們通過 WPBeginner 的合作連結賺取佣金。佣金不影響我們編輯的意見或評價。了解更多關於編輯流程的資訊。更新:我們不再推薦使用 FeedBurner,因為它已經是一個充滿漏洞的過時產品。請閱讀此文章以瞭解為什麼您不應該使用 FeedBurner,並瞭解替代方案。

最近我們發表了一篇文章,展示了設置 FeedBurner 的分步指南,並分享了您可以用來重定向的插件。在本文中,我們將向您展示如何在不使用插件的情況下將 WordPress RSS 供稿重定向到 FeedBurner(此提示適合中級到高級用戶)。

首先,打開位於根目錄中的 .htaccess 文件(提示:與 wp-config.php 位於同一文件夾)。然後粘貼以下代碼:

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !FeedBurner [NC]
RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
RewriteRule ^feed/?([_0-9a-z-] )?/?$ http://feeds.feedburner.com/wpressize-me [R=302,NC,L]
</IfModule>

另外,不要忘記將供稿 URL 更改為您的 Feed URL,否則您將重定向用戶到我們的供稿。

Read More
WordPress 插件

如何在您的WordPress博客上添加旧文章通知

为什么向WordPress博客文章添加旧文章通知

内容衰退(过时的博客文章)对于增长中的WordPress博客来说可能是个问题。

根据您的细分市场,您的内容可能会随着时间的推移变得不相关、不准确或不合适。这可能导致糟糕的用户体验、更高的跳出率和更低的搜索排名。

理想情况下,您将编辑这些文章并用更有用、准确和最新的信息更新它们。

但这并不总是可能的,因为您的网站可能有太多旧文章,而您可能没有足够的资源来更新它们。在这种情况下,为用户添加旧文章通知可能会有所帮助。

这将让他们知道内容有点旧,在使用页面上提供的信息时应牢记这一点。

许多博客使用的另一种解决方案是简单地添加“最后更新日期”而不是发布日期。

如何在WordPress中添加旧文章通知

方法一:使用插件显示旧文章通知

此方法更简单,适合所有希望显示旧文章通知的用户。

首先,您需要安装并激活DX Out of Date插件。有关详细信息,请参阅我们关于如何安装WordPress插件的分步指南。

激活后,您需要访问“设置”»“过期”页面以配置插件设置。

在这里,您需要选择时期和持续时间。这是插件将文章视为旧的时间。

您可以在下面提供要在较旧文章上显示的自定义消息,并启用通知以显示所有旧文章。别担心,您可以通过编辑特定文章来隐藏它。

在设置页面上,您还可以选择帖子类型、通知框颜色,并根据需要添加自定义CSS。

别忘了点击“保存更改”按钮以保存您的设置。

方法二:在WordPress中显示最后更新日期

许多WordPress网站会显示其博客文章的最后更新日期。有些还会用最后更新日期替换发布日期。

此方法的优点在于它可以向用户显示文章上次更新的时间,而无需显示旧文章消息。

首先,您需要安装并激活WP Last Modified Info插件。有关详细信息,请参阅我们关于如何安装WordPress插件的分步指南。

方法三:使用代码添加旧文章通知

此方法要求您手动将代码添加到WordPress主题文件中。如果您以前没有这样做,请查看我们的指南,了解如何在WordPress中添加自定义代码片段。

简单地将以下代码复制并粘贴到您主题的single.php模板中。

// 将旧文章的持续时间定义为一年
$time_defined_as_old = 60*60*24*365;

//检查文章是否超过一年
if((date('U')-get_the_time('U')) > $time_defined_as_old) {

$lastmodified = get_the_modified_time('U');
$posted = get_the_time('U');

//检查文章在发布后是否更新
if ($lastmodified > $posted) {

//显示最后更新通知
 echo '

此文章最新更新于 ' . human_time_diff($lastmodified,current_time('U')) . ' 前

'; } else { //显示最后发布时间通知 echo '

此文章发布于 ' . human_time_diff($posted,current_time( 'U' )) . ' 前

'; } }

此代码将任何至少一年前发布的文章定义为旧文章。

然后它检查文章是否超过一年。如果是,它会检查文章是否在发布后更新。然后根据这些检查显示通知。

我们在屏幕截图中使用了以下自定义CSS来自定义旧文章通知。

p.old-article-notice {
 background: #fbffd8;
 padding: 10px;
 border: 1px solid orange;
 font-size: small;
 font-weight: bold;
}

我们希望这篇文章能帮助您轻松地在WordPress博客上显示旧文章通知。您可能还想查看我们的WordPress SEO指南,或者查看我们为WordPress精选的最佳热门文章插件。

Read More
WordPress 插件

如何建立 WooCommerce 比賽以提升忠誠度與參與度

為何要舉辦 WooCommerce 比賽?

舉辦 WooCommerce 比賽有多重益處。首先,它可以給人們一個回到您商店的有趣理由,並且能夠挽回那些被遺棄的購物車銷售。如果您經營一家新電商商店,WooCommerce 比賽也是收集電子郵件地址以進行潛在客戶開發的好方法。這不僅有助於接觸新潛在客戶,還能讓您向他們發送即將到來的折扣等信息。您甚至可以利用比賽來提升客戶參與度。如果您給客戶提供一個激勵措施,他們更有可能再次從您的網上商店購物。這樣可以將一次購物者轉變為忠誠客戶。

步驟 1:安裝 RafflePress 並創建 WooCommerce 比賽

最簡單的創建 WooCommerce 贈品的方法是使用 RafflePress。這是最好的 WordPress 贈品插件,讓您可以使用簡單的拖放編輯器創建各種比賽。它擁有豐富的功能,使您的比賽看起來與您的網站設計相匹配。您可以參閱我們的完整 RafflePress 評測了解更多細節。

步驟 2:為您的 WooCommerce 比賽添加獎品

讓我們從設置您的 WooCommerce 比賽獎品開始。簡單點擊選擇標題區域,預設顯示“我的超棒獎品”。現在您可以繼續在“名稱”字段中輸入標題。通常您會介紹您的獎品,但您也可以使用任何標題。完成後,輸入描述,這會顯示在標題下方。例如,您可以添加一些有關您 WooCommerce 比賽的信息,例如參賽者為什麼會想贏得這個獎品或它的價值是多少。

步驟 3:添加用戶需履行的動作以參加比賽

贈品動作是用戶參加比賽的方式,例如訂閱您的播客或在您的 WordPress 博客上留下評論。RafflePress 提供了許多不同的動作,您可以將它們添加到您的比賽中。您應該使用一些有助於您接觸新客戶並保持現有客戶參與度的動作。例如,如果您經營一家網上精品店,您可能希望使用一些動作來增加您的 Instagram 追隨者。然後,您可以向這些新的追隨者展示您的最新服裝產品的照片和故事。

步驟 4:自定 WooCommerce 比賽設計

現在您的贈品已經設置好,您會想讓它在訪問您的網上市集或商店的人們中脫穎而出。要更改比賽的外觀,只需點擊左側欄的“設計”部分。然後,您可以更改字體,選擇新的按鈕顏色,改變背景顏色等。您甚至可以使用自定 CSS 來自定贈品模板。RafflePress 會顯示您在進行更改時比賽的即時預覽。當您對預覽滿意後,按下‘保存’按鈕以保存進度。

步驟 5:配置 WooCommerce 比賽設置

RafflePress 擁有許多控制您的贈品運行的設置,包括顯示和隱藏選項、設置跟踪等。要開始,首先切換到左側菜單中的“設置”選項卡,然後點擊“常規”選項卡。在這裡,您可以設置贈品的基本選項,包括顯示獲勝者和總參賽人數,限制每個 IP 的註冊次數等。

步驟 6:發布並將比賽添加到您的 WooCommerce 商店

現在您的比賽已經準備好了,該是時候將它添加到您的 WooCommerce 商店了。RafflePress 給您提供了幾種不同的選項:

方法 1:將比賽區塊添加到博客文章/頁面

您可以通過點擊“+”圖標來添加新的區塊,將比賽添加到任何 WordPress 文章或頁面。然後,只需輸入“RafflePress”,並在出現時選擇正確的區塊。RafflePress 區塊現在會出現在編輯器中。接下來,只需打開下拉菜單並選擇我們之前創建的 WooCommerce 贈品。之後,只需更新或發布頁面,比賽就會出現在您的網站上。

方法 2:使用短碼添加比賽

短碼允許您將比賽添加到任何小工具區、文章或頁面。如果您使用支持 WooCommerce 的頁面構建插件,例如 SeedProd,您甚至可以將短碼添加到您的商店的其他區域,如您的 WooCommerce 結帳頁面或購物車頁面。要找到這個短碼,打開贈品編輯器中的“發布”選項卡。在這裡,點擊“WordPress 短碼”,RafflePress 會顯示您可以使用的短碼。

方法 3:在 WooCommerce 中創建比賽頁面

RafflePress 也允許您將贈品發布為登陸頁面。如果您想在社交媒體上分享贈品或將其添加到您的電子郵件營銷通訊中,這是一個很好的選擇。

步驟 7:推廣您的 WooCommerce 比賽

創建贈品後,您會希望在您的 WordPress 網站進行推廣,以便更多人參加。盡可能在發布比賽之前開始推廣,以便您可以建立期待和興奮。首先,您可以在您的電子郵件通訊中宣布比賽,並在您的社交媒體資料上傳播消息。您還可以與行業內的影響者聯繫,並在相關的在線社區和論壇中宣傳比賽。接下來,您會想確保訪問您的商店的人們知道這場比賽。最好的方式是使用 OptinMonster。它允許您通過創建光箱彈出窗口、浮動橫幅、倒計時計時器等來推廣贈品。

步驟 8:選擇 WooCommerce 比賽獲勝者

一旦您的贈品結束,RafflePress 可以幫助您挑選隨機獲獎者。在您的 WordPress 儀表板中,導航到 RafflePress » 贈品,將鼠標懸停在比賽上方。出現時,點擊“需要獲勝者”鏈接。在下一頁,RafflePress 會顯示所有參與比賽的人,包括他們參加的方式、總參賽次數等。這裡,簡單輸入您想要挑選的獲勝者數量。完成後,點擊“現在選擇獲勝者”按鈕。RafflePress 將會在列表頂部顯示突出顯示的獲勝者。

Read More
WordPress 插件

如何导出所有WordPress URL为纯文本

如何导出所有WordPress URL为纯文本

最后更新于2024年3月18日,由编辑部编辑 | 评论者:Syed Balkhi

最近,一位用户询问我们是否可以将所有WordPress URL导出为纯文本或CSV文件。 有时,您可能需要这些URL来迁移网站或设置重定向。

在本文中,我们将向您展示如何导出所有WordPress URL为纯文本。

为什么您可能需要导出所有WordPress URL为纯文本?

WordPress自带工具可以将内容导出为XML文件。 您可以使用该文件将内容导入到另一个WordPress网站。这些工具允许您将WordPress迁移到新域名或从本地服务器转移到在线网站。

但是,有时您可能需要列出URL的列表,原因有很多。 您可能需要设置重定向到新网站,与SEO团队共享URL,或使用一些SEO工具进行跟踪。

现在您已经了解了用例,我们来看看如何轻松地将所有WordPress网站的URL导出到文本文件中。

以文本和CSV格式导出WordPress URL

首先,您需要安装并激活Export All URLs插件。有关详细信息,请参阅我们的分步指南,了解如何安装WordPress插件。

激活后,您需要访问设置»导出所有URL页面。该插件允许您导出所有帖子、页面和自定义帖子类型的URL。您也可以选择限制导出特定的帖子类型。

您还可以选择要导出的数据。该插件允许您导出WordPress URL、标题和分类。还有一个“导出类型”选项,允许您将这些数据导出为CSV文件或直接显示在设置页面上。

单击“导出”按钮继续。

根据您的设置,插件将显示导出的数据在插件的设置页面上或将其导出为CSV文件格式。

CSV文件是带有逗号分隔值的纯文本文件。 您可以在纯文本编辑器中打开这些导出的文件。 您也可以在电子表格软件中打开它们,例如Microsoft Excel、Numbers或Google Sheets。

我们希望这篇文章能帮助您学习如何将所有WordPress URL导出为纯文本。 您可能还想看看我们的指南,了解如何创建免费企业电子邮件地址,以及我们专家挑选的最佳WordPress备份插件,以确保您的内容安全。

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

Read More
WordPress 主题

如何在WordPress主題中添加滑動面板菜單

為什麼在WordPress主題中添加滑動面板菜單?

設計良好的菜單可以幫助訪客在您的WordPress網站中找到他們需要的內容。許多訪客將使用移動設備,因此預覽WordPress網站的移動版本來查看導航菜單在較小屏幕上的外觀非常重要。幸運的是,許多WordPress主題自帶內置樣式,當在小屏幕上查看時,自動顯示適合移動設備的菜單。然而,您可能希望進一步自定義您的移動導航,並添加全屏響應式菜單或動畫滑動面板菜單。

如何在WordPress主題中添加滑動面板菜單

第一步是安裝並激活Responsive Menu插件。更多詳細資訊,請參閱我們的逐步指南,了解如何安裝WordPress插件。
 啟用後,導航到Responsive Menu » Menus頁面。在此,您應該點擊屏幕頂部的Create New Menu按鈕。

然後,您將看到四個可以用於新響應式菜單的主題,有更多樣式可供購買。對於本教程,我們將使用自動選擇的主題。然後點擊「下一步」按鈕。這將帶您進入菜單設置頁面。在此,您可以為響應式菜單輸入名稱,然後選擇要顯示在面板中的WordPress菜單。為了演示,我們選擇了“導航”菜單。如果需要創建新菜單,可以參考我們的指南,了解如何在WordPress中添加導航菜單。

您還可以隱藏WordPress主題自帶的普通菜單,這樣,您的用戶只會看到新的滑動面板菜單。您可以在Hide Theme Menu字段中輸入CSS代碼來完成這一步。 需要輸入的代碼因主題而異,具體資訊可點擊「了解更多」鏈接。 Pro 版用戶有一些額外的設置。例如,Pro 用戶可以選擇在哪些設備和頁面上顯示菜單。配置好設置後,應點擊頁面底部的Create Menu按鈕。這將帶您進入可以完成菜單自定義的頁面。

您會看到網站預覽位於屏幕的右側,底部有按鈕切換手機、平板和桌面視圖。左側有自定義選項。請注意,菜單上方顯示一些文本,這是菜單的標題文本和插件稱為“附加內容”的一行文字。您可以通過點擊Mobile Menu,然後在頁面左側菜單的Container中進行編輯或隱藏。

您可以在Title Text字段中輸入任意文字,例如“主菜單”或“導航”。如果不想顯示標題,則只需將Title開關滑動至關閉位置。接下來需要向下滾動到「附加內容」設置。可以將此設置關閉或鍵入替代內容。在下面的截圖中,您會注意到開關已關閉,因此“在此處添加更多內容…”的文字被隱藏。

配置好菜單設置後,確保點擊頁面底部的Update按鈕來保存設置。Responsive Menu插件有很多選項可以改變滑動面板菜單的行為和外觀。您可以在插件的設置頁面上探索這些選項並根據需要進行調整。

現在可以訪問您的網站來查看菜單效果了。以下是我們演示網站上的效果。如果當前頁面在菜單中,那麼它將用彩色帶突出顯示。

希望這個教程能幫助您了解如何在WordPress主題中添加滑動面板菜單。您可能還想了解如何跟蹤網站訪問者,或查看我們的必備插件列表以促進網站的成長。如果您喜歡這篇文章,請訂閱我們的YouTube頻道以獲取WordPress視頻教程。您還可以在TwitterFacebook上找到我們。

Read More