WordPress 教学

检查元素基础:DIY用户定制WordPress

检查元素基础:DIY用户定制WordPress

你是否曾想过暂时编辑网页,看看特定样式的效果?利用浏览器自带的检查元素工具,你可以编辑网页的HTML和CSS样式,而无需保存任何更改。在本文中,我们将向你展示如何在WordPress站点上使用检查工具。

什么是检查工具?

现代网页浏览器如Google Chrome、Firefox、Safari和Microsoft Edge拥有内置工具,允许网页开发人员调试错误。这些工具显示网页的HTML、CSS和JavaScript代码,以及浏览器如何执行这些代码。你可以通过访问任何页面并选择右键菜单中的‘检查’来打开这些开发者工具。

使用检查工具,你可以编辑任何网页的HTML、CSS或JavaScript代码,并看到你的更改出现在屏幕上(我们稍后会展示如何操作)。这些更改不会影响原始网页,当你关闭窗口或重新加载页面时,它们会消失。这使得DIY网站所有者和开发人员能够进行测试和调试。

你可以用CSS应用你的样式,看看它们的效果。技术写作者可以编辑HTML以改变屏幕上的文本,隐藏个人身份信息。开发人员可以用它查找常见的WordPress错误、404错误、调试JavaScript问题等。

这些开发者工具功能强大,对高级用户极其有用。在本文中,我们将专注于Google Chrome中的检查工具,因为这是最常用的浏览器。其他浏览器如Firefox、Safari和Microsoft Edge也有自己的开发者工具,可以通过浏览器菜单中的检查元素选项调用。

启动检查工具并定位代码

你可以通过按键盘上的CTRL + Shift + I(MacOS上为Command + Options + I)启动检查工具。你也可以在网页上任意位置点击右键,选择‘检查’。你还可以从浏览器的主菜单中访问该工具。在Google Chrome中,点击右上角的三点菜单,然后依次选择 更多工具 » 开发者工具。

你的浏览器窗口将分成两部分。一边是你正在查看的页面,另一边是HTML代码和CSS规则。检查窗口的位置可以更改,点击三点菜单并选择‘停靠侧边’位置即可。将鼠标移动到HTML源代码上时,网页上受影响的区域会被高亮显示。

在检查元素中编辑和调试代码

检查元素窗口中的HTML和CSS都是可编辑的。你可以双击HTML源代码中的任意位置,随意编辑代码。你也可以双击并编辑CSS面板中的任何属性和样式。要添加自定义的样式规则,点击CSS面板顶部的+图标。随着CSS或HTML的更改,这些更改会立即反映在浏览器中。这些更改只会保存在你浏览器的临时内存中,不会影响你的网站。重要提示:这里进行的任何更改都不会保存。检查元素是一个调试工具,它不会将更改写回到服务器上的文件。如果你刷新页面,所有更改都会消失。要使更改生效,你需要向你的主题中添加自定义CSS或编辑相关模板以保存更改。开始使用检查元素工具编辑WordPress主题之前,请确保创建一个WordPress备份。

轻松查找你网站上的错误

检查工具有一个名为控制台的区域,显示页面加载时发生的错误。在尝试调试错误或请求插件作者的支持时,查看这里是否有错误或警告总是有帮助的。使用控制台标签,你可以排除几种常见问题。例如,你可以做以下几件事:找出为什么你添加的图像没有显示;为什么插件或主题行为异常;哪个插件或浏览器扩展可能导致冲突。即使是非技术用户也可以查看这里,找到问题的线索。比如,如果你是OptinMonster客户,想知道为什么你的Optin未加载,你可以轻松找到问题‘你的页面别名不匹配’。像检查元素控制台和SupportAlly这样的小工具帮助你获得更好的客户支持。技术支持团队喜欢那些主动提供详细问题反馈的客户。

如何在移动设备上使用检查工具(iOS或Android)

移动浏览器默认未启用开发者选项。制造商认为大多数移动用户不会使用它。要在移动设备上排除故障并使用检查工具,最简单的方法是使用桌面浏览器中的移动仿真功能。然后,你可以从顶部选择一个设备或屏幕尺寸。Chrome将模拟该屏幕大小。

常见问题

以下是用户关于如何使用检查工具的常见问题。

1. 我可以在任意网站上使用检查工具吗?

是的,你可以在任意网站上使用检查工具。只需右键点击并从浏览器菜单中选择检查工具即可查看任何网站的代码。研究其他网站的代码是学习和提升你自己CSS/HTML技能的快捷方式。

2. 为什么在我的浏览器中找不到检查工具?

Google Chrome可能会隐藏右键菜单中的检查选项,特别是当多个扩展添加各自的选项时。然而,你总是可以通过点击浏览器屏幕右上角的三点菜单,选择 更多工具 » 开发者工具 打开检查工具。你也可以使用键盘上的CTRL + Shift + I(Mac上为Command + Options + I)打开检查工具。

额外资源

作为一个DIY WordPress初学者,能够对你的网站进行更改是令人兴奋的。多年来,我们见过无数没有网站建设经验的初学者成为该领域的专业人士。

如果你想进一步探索如何利用检查工具在WordPress站点上完成更多操作,以下资源是一个很好的起点:

如何自定义你的WordPress主题 – 本指南向初学者展示了如何一步步自定义你的WordPress主题。

如何正确添加自定义CSS到WordPress – 本教程展示了多种简单方法向WordPress添加自定义CSS。

如何优化WordPress中的CSS交付 – 过多的单个CSS文件可能会降低性能。该教程展示了如何优化CSS交付以提升WordPress速度。

默认WordPress生成的CSS备忘单 – 本指南展示了许多默认情况下WordPress添加到不同元素的CSS类。你可以在自定义CSS代码中使用这些CSS类来改变这些元素的外观。

我们希望本文帮助你了解检查元素的基础知识以及如何在你的WordPress站点上使用它。你也可以查看默认WordPress生成的CSS备忘单,以加快你的主题开发技能。如果你喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何分步创建在线营养业务网站

为什么为您的营养业务创建网站?

如果您是一名营养师或营养学家,那么为您的业务创建WordPress网站是一个明智的选择,不仅仅是为了拥有在线存在。更重要的是,它可以让潜在客户更容易找到您、信任您并联系我们。

通过网站,您可以专业地展示您的服务、资格和成功案例。您对自己的个人品牌拥有完全的控制权,可以突出您的专业知识。如果没有网站,您可能会失去那些更容易在线找到的竞争对手的客户。

不仅如此,网站可以提升您的信誉,还可以让您与本地以外的人建立联系。您可以接触到更大的受众,甚至可以提供在线教练或出售营养计划。此外,您可以轻松更新内容,让客户随时了解有用的提示和建议。

💡 想要创建一个惊艳的网站而无需麻烦吗?我们专业的WordPress网站设计服务可以为您处理所有与网站设计和优化相关的事务,让您专注于发展业务。我们将与您每一步紧密合作,确保您满意最终结果。此外,我们的服务价格合理,满足您的需求。今天就让我们把您的梦想网站变为现实吧!

如何启动在线营养业务网站

首先,您需要为您的网站选择一个网站构建器。根据我们的经验,WordPress是完成这项工作的最佳平台。

WordPress是为营养业务量身定制的平台。它提供了易于使用的界面、无限的自定义选项以及随着您发展而扩展的能力,这对于即使是新手网站建设者也是一个不错的选择。

此外,WordPress允许您安装专为营养网站制作的工具。例如,您可以使用插件添加餐单模板、在线课程平台,用于营养计划和客户咨询表单。如果您想创建与健康饮食和其食谱相关的内容,还有出色的食谱插件可供使用。

在开始之前,重要的是要注意有两种类型的WordPress软件,因此您需要确保为您的业务选择正确的一个。WordPress.com是一个托管的博客平台。而WordPress.org是自托管的WordPress。自托管给您完全的控制权,并且是您需要的创建您的营养网站的平台。

以下是我们将在接下来的部分中涵盖的步骤:

  • 计划您的营养业务网站
  • 设置托管、域名和WordPress
  • 创建您的营养业务网站
  • 找到并使用完美的营养网站主题
  • 自定义主页以反映您的品牌
  • 添加服务页面以推广您的在线营养咨询服务
  • 提供仅供订阅者参加的在线课程
  • 设置一个营养博客展示专业技能并吸引客户
  • 通过推荐和资格建立信任
  • 允许客户联系您
  • 调整导航菜单

准备好了吗?让我们开始吧!

Read More
WordPress 教学

如何在 WordPress 中禁用自動更新電子郵件通知

關於 WordPress 的自動更新通知

WordPress 是一個開源內容管理平台,定期進行維護和更新。

部分更新是自動安裝的,您會收到網站已更新的電子郵件通知。

同樣,WordPress 也允許您為插件和佈景主題啟用自動更新,這樣您就可以節省時間來發展業務。

您可以前往 WordPress 管理面板的插件頁面,單擊您要更新的插件旁的「啟用自動更新」鏈接來啟用插件的自動更新。

對於佈景主題,可以訪問外觀頁面,點擊佈景主題,然後點擊「啟用自動更新」。

每次更新插件、主題或核心時,WordPress 都會發送電子郵件通知。這可能會讓人感到煩惱,特別是對於管理多個網站的用戶。我們將介紹如何輕鬆禁用這些電子郵件通知。

方法 1:使用代碼禁用自動更新電子郵件通知(推薦)

這種方法需要您向 WordPress 文件添加代碼。如果您之前沒有這樣做過,可以參考我們的初學者指南。

您可以手動將以下代碼添加到主題的 functions.php 文件中,但這可能會有風險,因此我們推薦使用 WPCode 插件。

1. 禁用 WordPress 核心、佈景主題和插件的自動更新通知電子郵件

使用 WPCode 插件可以輕鬆、安全地禁用這些通知。

首先,安裝並啟用免費的 WPCode 插件。啟用插件後,前往 WordPress 管理面板的代碼片段庫頁面,搜索「禁止自動更新電子郵件」片段並點擊「使用片段」按鈕。

WPCode 會自動添加代碼並設置正確的插入方法。片段包含三個過濾器,分別針對核心、插件和佈景主題的自動更新電子郵件。

如果不想使用特定過濾器,只需在過濾器行的開頭添加 //。例如,如果您仍想接收插件的自動更新電子郵件,在插件過濾器行的開頭添加 //。

然後,切換開關從「非活動」到「活動」,並點擊「更新」按鈕。這樣,您就不會再收到自動更新的電子郵件通知。

2. 禁用核心更新的自動更新通知電子郵件

您可以添加以下代碼來禁用核心更新的通知電子郵件:

add_filter( 'auto_core_update_send_email', 'wpb_stop_auto_update_emails', 10, 4 );
function wpb_stop_update_emails( $send, $type, $core_update, $result ) {
if ( ! empty( $type ) && $type == 'success' ) {
return false;
}
return true;
}

3. 禁用插件更新的自動更新通知電子郵件

添加以下代碼禁用插件更新的通知電子郵件:

add_filter( 'auto_plugin_update_send_email', '__return_false' );

4. 禁用佈景主題更新的自動更新通知電子郵件

添加以下代碼禁用佈景主題更新的通知電子郵件:

add_filter( 'auto_theme_update_send_email', '__return_false' );

方法 2:使用插件禁用自動更新電子郵件通知

1. 管理通知電子郵件

首先,安裝並啟用 Manage Notification Emails 插件。啟用後,訪問設置頁面的通知電子郵件選項。

滾動到自動更新選項,取消選中您要禁用的通知旁的框,然後保存更改。

2. WP Mail SMTP

您也可以使用 WP Mail SMTP 插件來禁用自動更新電子郵件通知。該插件通過 Email Controls 功能管理 WordPress 發送的電子郵件,但需要 WP Mail SMTP Pro 版。

安裝並啟用 WP Mail SMTP Pro 插件後,導覽到設置頁面的 Email Controls選項卡,滾動到自動更新部分並禁用所需的電子郵件通知,然後保存設置。

如果更新出現問題,如何回滾 WordPress 更新

如果插件更新導致網站功能問題,可以通過停用所有插件並逐一重新啟用來找出問題插件。找到問題插件後,可以使用 WP Rollback 插件回滾到以前版本。

提高 WordPress 電子郵件可送達性

即使禁用了自動更新電子郵件,您仍可能不想錯過其他重要的 WordPress 通知電子郵件,比如新訂單或新用戶註冊通知。確保這些電子郵件能夠送達用户的收件箱,您需要正確配置 SMTP 服務。

WP Mail SMTP 插件使用 SMTP 服務來發送所有 WordPress 通知電子郵件,可以使用付費或免費的 SMTP 服務提供商。

最佳 WordPress 電子郵件通知指南

  • 如何在 5 分鐘內創建免費的商務電子郵件地址
  • 最佳小企業電子郵件行銷服務
  • 如何設置 WordPress 更新通知電子郵件
  • 如何正確配置 WordPress 電子郵件設置
  • WPBeginner 用於增長電子郵件列表的有效方法
  • 如何使用聯絡表單在 WordPress 中增長電子郵件列表

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

Read More
WordPress 教学

如何修复WordPress中413请求实体太大错误

如何修复WordPress中413请求实体太大错误

当您尝试在WordPress中上传主题或插件文件时,您可能会遇到’413请求实体太大’错误。 这意味着文件超出了您网站允许的最大上传限制。

是什么导致了WordPress 413请求实体太大错误?

此错误通常发生在您尝试上传超过WordPress网站最大文件上传限制的文件时。 您的Web服务器将无法上传文件,您将看到“413请求实体太大”错误消息。

通常,大多数WordPress托管公司将其服务器配置设置为允许用户轻松上传大图像和其他媒体文件。 然而,有时这个设置不足以上传大主题或插件文件。 服务器配置也可能会阻止您上传大文件到媒体库。在这种情况下,您将看到一条不同的消息,明确指出文件大小超过允许的最大限制。

修复WordPress 413请求实体太大错误的方法

有多种方法可以修复WordPress中的请求实体太大错误。我们将介绍所有这些方法,您可以选择最适合您的方法。

方法1:使用WPCode增加文件上传大小限制(推荐)

您可以直接编辑主题的functions.php文件。但我们并不建议这种方法,因为即使是小错误也可能导致网站崩溃。

因此我们推荐使用WPCode。它是最好的WordPress代码片段插件,无需直接编辑functions.php文件即可增加上传文件大小限制。

首先,您需要安装和激活免费WPCode插件。 激活后,转到WordPress后台的代码片段»添加片段。然后将鼠标悬停在‘添加自定义代码(新片段)’选项上,并单击‘使用片段’按钮。

您可以在顶部输入代码片段的标题,方便查找。然后在‘代码预览’框中输入以下代码:

@ini_set( ‘upload_max_size’ , ‘120M’ );
@ini_set( ‘post_max_size’, ‘120M’);
@ini_set( ‘max_execution_time’, ‘300’ );

确保从‘代码类型’下拉菜单中选择‘PHP片段’。

可以将upload_max_size和post_max_size的值增加到超过您要上传的文件大小。 同时增加max_execution_time,以确保文件上传所需的时间。如果不确定,可以尝试将此值加倍。

最后,确保将代码片段从‘未激活’切换到‘激活’,然后单击‘更新’。 这将执行代码片段。

方法2:通过.htaccess文件增加上传文件大小限制

此方法需要使用FTP客户端或Web托管管理面板中的文件管理器应用程序来访问和编辑您的.htaccess文件。如果您的托管服务提供商使用NGINX而不是Apache服务器,您将无法访问此文件。

然后,只需在.htaccess文件的底部添加以下代码:

php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

您可以将每个数值更改为大于您要上传的文件大小。 然后,确保保存并重新上传.htaccess文件到服务器。

方法3:通过FTP手动上传文件

如果413错误仅在上传某个特定文件时发生,则可以考虑通过FTP手动上传文件。

如果您正在尝试上传WordPress主题,请参阅我们的指南,跳转到‘使用FTP安装WordPress主题’部分。 如果您正在尝试上传插件,请参阅我们的指南,跳转到‘使用FTP手动安装WordPress插件’部分。

对于其他文件,可以查看我们的指南,了解如何使用FTP手动上传WordPress文件。

希望本文能帮助您修复WordPress中的‘413请求实体太大’错误。您也可以查看更多修复WordPress错误的方法,以及我们为您推荐的必须安装的插件来优化您的网站。

Read More
WordPress 教学

如何在WordPress中跟踪和减少表单放弃

什么是表单放弃?

表单放弃是指用户在未提交表单的情况下离开网站。这可能是由于表单故障、不良的用户体验,或者用户改变主意等未知原因。表单放弃适用于网站上的任何表单,包括电子邮件订阅表单、WooCommerce结帐表单、联系表单等。

为什么需要减少表单放弃

表单对于任何网站的成功都非常重要。你需要它们来增长邮件列表、增加电子商务转化率并促进业务增长。然而,超过77%的在线购物者会放弃他们的结帐表单,导致大量潜在收入的流失。

跟踪WordPress中的表单放弃

在WordPress网站上跟踪表单放弃的最佳方式是使用MonsterInsights。它是WordPress的#1 Google Analytics插件,允许你轻松跟踪网站流量。你需要至少拥有他们的Pro计划才能访问表单插件。首先,你需要安装并激活MonsterInsights插件。有关更多详细信息,请参见我们关于如何安装WordPress插件的逐步指南。激活后,你将看到欢迎屏幕和设置向导。只需点击‘启动向导’按钮。

在MonsterInsights中查看表单报告

MonsterInsights使Google Analytics报告变得易于理解。表单插件会显示你网站用户与表单互动的转化和放弃情况。只需转到Insights » Reports页面并切换到表单选项卡。

使用WPForms恢复放弃的表单条目

WPForms是市场上最好的WordPress联系表单插件。它带有表单放弃插件,帮助你跟踪放弃的表单,并允许你保存部分条目。这样,你可以将那些用户重新作为潜在客户。你需要至少拥有他们的Pro计划才能访问表单放弃插件。

减少WordPress中的表单放弃的技巧

到目前为止,我们已经了解了如何在WordPress中跟踪和恢复放弃的表单。让我们讨论如何减少表单放弃。首先,你需要找出某个表单转化效果不佳的原因。你不必凭直觉猜测,因为有实际的测试可以进行。

1. 改善表单页面速度

2. 创建更好的表单

3. 使用转化优化软件

如果你认真考虑增加表单转化率,那么你需要开始使用OptinMonster。它是市场上最好的转化优化和潜在客户生成软件,帮助你将网站访问者转化为订阅者和客户。

总结

希望本指南能帮助你了解如何在WordPress中跟踪和减少表单放弃。你还可能想看看我们挑选的最佳电子邮件营销服务和小型企业的最佳商业电话服务。如果你喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何禁用已有WordPress文章的引用通知和Pingback

为什么要在WordPress中禁用引用通知和Pingback?

在博客的早期,引用通知和Pingback允许博客相互通知链接。

例如,你写了一篇文章并链接到你朋友博客上的一个重要页面。你的博客会自动向那个人的博客发送一个Pingback。

这个Pingback会出现在他们博客的评论审核队列中,带有你网站的链接。然而,垃圾邮件发送者和内容盗用者也可以利用这一功能发送假引用通知和Pingback,这会影响你的SEO。

你可以通过进入WordPress仪表板中的设置»讨论,然后取消选中“允许其他博客的链接通知(Pingback和引用通知)”选项来禁用引用通知和Pingback。

请记住,这一设置仅会禁用你以后发布的新文章的引用通知和Pingback。所有旧文章仍会启用引用通知和Pingback。

了解这一点后,让我们看看如何轻松地禁用现有WordPress文章的引用通知和Pingback。

禁用WordPress文章的引用通知和Pingback

禁用整个WordPress网站的引用通知和Pingback的最简单方法是使用批量编辑功能。

首先,你需要更改分页设置,以便所有文章都显示在同一屏幕上。为此,进入文章»所有文章,然后点击屏幕右上角的“屏幕选项”按钮。

默认情况下,WordPress每页显示20篇文章。

要更改这一设置,只需在“每页显示条目数量”框中输入一个新数字。由于你希望更新所有WordPress文章,我们建议输入一个较大的数字,如999。

之后,点击“应用”按钮重新加载文章列表。

现在,你可以通过选中“标题”旁边的框来选择所有文章。

然后,打开默认显示“批量操作”的下拉菜单并选择“编辑”。

然后,只需点击“申请”。

现在,WordPress会显示所有这些文章的批量编辑设置。

只需打开“Ping”下拉菜单并选择“不允许”。

最后,只需点击“更新”按钮保存更改,禁用WordPress中的Ping和引用通知。

如果你的WordPress博客有超过999篇文章,那么你需要浏览到下一页并重复这一过程。

我们希望这篇文章帮助你学习如何轻松禁用现有WordPress文章的引用通知和Pingback。你可能还想看看我们列出的每个博主都应该使用的最佳免费工具,或者查看我们关于如何快速生成100+篇博客文章想法的指南。

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

Read More
WordPress 教学

如何通过WordPress联系表单添加谷歌日历事件

为什么要从WordPress表单添加Google日历事件?

通常情况下,你可以在WordPress网站上添加联系表单,并通过电子邮件或WordPress管理面板收到通知。你可以使用联系表单让客户预约、请求回电、获取报价等。然而,手动管理联系表单的潜在客户效率不高,可能会因此失去客户。此时,谷歌日历可以帮助你。它可以在任何设备上运行,你可以为每个日历事件获取即时通知或提醒。自动将表单条目发送到谷歌日历能确保你不会错过任何预约、订单或者呼叫。

连接你的联系表单和谷歌日历

创建WPForms联系表单

首先,你需要安装并激活WPForms插件。激活后,进入WPForms » 设置页面并输入你的许可证密钥。现在是时候创建联系表单了。如果你已经设置了一个联系表单,通过访问WPForms » 所有表单页面并单击表单名称来编辑它,否则,访问WPForms » 新增页面在WordPress管理面板中创建一个新表单。可以使用一个带有日期/时间字段的简单联系表单模板。

设置好表单后,将其添加到WordPress网站。在你希望包含表单的页面(或文章)中,点击‘+’图标添加一个新块,然后搜索WPForms块并将其添加到内容区中。

准备连接WPForms和Zapier

我们将使用Zapier将WPForms和Google Calendar连接起来。这意味着你需要安装并激活WPForms Zapier插件。安装后,进入WPForms » 设置 » 集成页面,点击Zapier徽标获取API密钥。

创建将数据从联系表单发送到Google Calendar的Zap

现在,前往Zapier网站,登录后点击‘创建Zap’按钮。首先,搜索WPForms并选择它作为应用和事件。然后登录到你的WPForms账户,选择联系表单,测试触发器,确保Zapier找到了你创建的测试条目。

接下来,选择Google Calendar作为你第二个应用,选择创建详细事件。登录你的谷歌账户,并设置事件详情,如选择日历、输入事件摘要、使用表单中的字段作为事件描述等。

最后,测试Zap,确保测试事件成功添加到谷歌日历中。

在WordPress中使用日历的专家指南

现在你已知道如何将Google Calendar事件从WordPress联系表单中添加,你可能还想了解其他关于日历、事件和预订的指南。

  • 如何在WordPress中添加Google日历
  • 如何在WordPress中添加Facebook事件日历
  • 如何用Sugar Calendar创建一个简单的事件日历
  • 如何在WordPress中创建用户提交的事件日历
  • 如何在WordPress中创建预订表单
  • 最佳WordPress日历插件比较
  • 最佳WordPress预约和预订插件
  • 最佳WordPress事件插件比较
  • 如何在WordPress中添加酒店房间预订系统
  • 如何在WordPress中添加漂亮的事件时间轴

希望本文能帮助你学会如何从WordPress联系表单添加Google Calendar事件。你可能还想查看我们的最佳商务电话服务推荐,以及如何获得免费商务电子邮件地址的详细指南。

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

Read More
WordPress 教学

如何在WordPress中创建翻转框覆盖和悬浮效果

什么是翻转框?

翻转框是一种当你将鼠标悬停在其上时会翻转的盒子。你可以将这种悬浮效果添加到像图片和文本框这样的内容中。类似于其他动画内容(如GIF和响应式滑块),翻转框效果可以使网站更加互动和吸引人。例如,你可以展示作者的照片和名字,并且在读者悬停时使用翻转框动画展示他们的简介。作为WordPress自由职业者,你可以展示你客户的标志,并使用翻转动画显示每个项目的链接。

虽然这些动画效果可以提升你网站的用户体验,但重要的是不要过度使用。大量的动画效果可能会显得繁杂和混乱,甚至影响你网站的性能。话虽如此,让我们来看看如何向你的网站添加翻转框覆盖和图片悬浮效果。

如何在WordPress中创建翻转框覆盖和悬浮效果

有很多种向WordPress添加动画效果的方法,包括使用SeedProd页面构建器或编写自定义代码。然而,最好的方法是使用“翻转框 – Awesomes翻转盒子图片覆盖”插件。这个免费插件提供了多种不同的翻转框样式,包括图片、文本和行动按钮的组合。

创建一个新的翻转框

首先,你需要安装并激活“翻转框 – Awesomes翻转盒子图片覆盖”插件。有关详细信息,请参见我们的分步指南如何安装WordPress插件。插件安装并激活后,你可以通过转到Flip Box » Create New来创建你的第一个翻转框。

这会显示所有你可以使用的不同模板。如果你不想使用这些设计,那么单击‘Import Templates’。

如果看到你想要使用的模板,那就继续点击‘Import’将其添加到你的WordPress博客或网站。选择设计后,你需要点击其‘Create Style’按钮。

在出现的弹出窗口中,输入翻转框设计的名称。这仅供你参考,所以可以使用任何你想要的名称。你还可以通过点击1st、2nd或3rd选择要使用的布局。完成后点击‘Save’。

向你的翻转框添加内容

你可以通过使用General、Front和Backend选项卡来更改翻转框的外观。你可以更改字体、填充和边距。大多数这些设置都是不言自明的,所以值得通读一遍,看看可以创建哪些不同的效果。对显示结果满意后,可以添加一些内容。简单地向下滚动到屏幕底部的翻转框预览,并将鼠标悬停在其上。当出现时,点击‘Edit’按钮。

若要更改前翻转框显示的标题,可以将其键入‘Front Title’字段。接着,你可以通过点击‘Font Icon’字段更改前图标,并选择弹出窗口中出现的新图像。

接下来你可以添加图像到前翻转框。简单点击‘Upload Image’,然后从媒体库中选择文件或从你的计算机上传新图像。如果你还没有想要使用的图像,可以使用Canva等网页设计软件创建一个图像。

对前翻转框满意后,就可以设计背面。开始时,将你想要显示的内容键入‘Backend Info’框。通常,你将使用行动呼吁来把访问者引导到相关页面,例如热门产品的列表、价格信息或其他某些内容。

若要更改行动按钮上显示的文本,只需键入‘Backend Button Text’。然后,可以将目标URL添加到‘Link’字段。最后,点击‘Upload Now’更改背景图像。当你对翻转框背面的设置满意时,就可以点击‘Submit’。预览将显示你的所有更改。

创建多个翻转框

此时,你可能想要通过点击‘+’按钮在‘Add New Flip Boxes’部分添加更多盒子。这样你可以创建多个具有相同风格的翻转框,然后将它们组织成列和行。

你现在可以按照上述步骤创建更多翻转框。例如,你可以为每个价格计划创建一个翻转框。

将翻转框添加到你的WordPress网站

当你对翻转框满意后,可以使用插件自动提供的简码将其添加到你的WordPress网站。只需复制屏幕右侧‘Shortcode’框中的值。

现在可以使用简码将翻转框添加到任何页面、帖子或支持小工具的区域。有关如何放置简码的分步说明,请参见我们如何在WordPress中添加简码的指南。插件还有一个翻转框小工具,你可以将其添加到WordPress主题的任何小工具支持区域。若你创建了多个翻转框动画,你将需要知道ID。若要获取此信息,可以转到Flip Box » Flip Box并查看‘ID’列。

当你有了这个信息后,转到Appearance » Widgets。这里,你需要点击‘+’按钮。然后输入‘Flipbox’。当看到合适的小工具时,只需将其拖放到侧边栏、页脚或类似部分。默认情况下,Flipbox小工具将显示你的一个动画。若要显示其他翻转框,只需在字段中键入其ID。

当你对小工具的外观满意时,点击‘Update’。有关更多信息,请参见我们如何在WordPress中添加和使用小工具的指南。我们希望这篇文章帮助你学习如何向你的WordPress网站添加翻转框覆盖和悬浮效果。你还可能想查看我们的如何创建图像库指南,或查看我们专家推荐的最佳WordPress滑块插件的列表。如你喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何修复WordPress中“缺少临时文件夹”错误

什么导致WordPress中“缺少临时文件夹”错误?

您的WordPress网站是否显示“缺少临时文件夹”错误?这个常见的WordPress错误是由WordPress托管环境中的PHP设置不正确引起的。特定PHP设置定义了一个临时文件夹,像WordPress这样的应用程序可以用来临时存储数据。当您上传图片、安装或更新插件或主题、或更新WordPress核心时,WordPress需要访问这个临时文件夹。如果这个文件夹的位置在服务器的PHP配置中没有定义,那么WordPress将无法执行这些操作并显示“缺少临时文件夹”错误。

您可以联系您的托管服务提供商并要求他们为您修复这个问题。如果您对技术支持不满意,可以考虑更换为更好的WordPress托管公司。

话虽如此,您也可以通过一些操作自己修复此错误。让我们看看如何轻松修复WordPress中的“缺少临时文件夹”错误。

如何修复WordPress中“缺少临时文件夹”错误

在本教程中,您将需要编辑WordPress配置文件wp-config.php。如果您以前没有这样做过,请参阅我们关于如何在WordPress中编辑wp-config.php文件的指南。

首先,您需要使用FTP客户端或在您的虚拟主机账户的cPanel仪表板中找到的文件管理器连接到您的网站。接着,找到wp-config.php文件并编辑它。

在‘That’s all, stop editing! Happy publishing.’这行之前插入以下代码:

define('WP_TEMP_DIR', dirname(__FILE__) . '/wp-content/temp/');

保存您的更改并将wp-config.php文件上传回您的网站。

接下来,您需要进入/wp-content/文件夹并在其中创建一个新文件夹。您应将该新文件夹命名为temp。

就这样。现在您可以访问您的WordPress管理区域并尝试上传图片。

如果您仍然看到“缺少临时文件夹”错误消息,那么您需要检查wp-content文件夹的权限。使用您的FTP客户端,进入您的WordPress站点的根目录。然后,右键单击wp-content文件夹并选择“文件权限…”

这将弹出文件权限对话框。现在,您需要在数字值字段中输入755,然后点击‘OK’按钮继续。

您现在应该能够在您的WordPress站点上上传图片并执行更新。

我们希望本教程帮助您了解如何修复WordPress中“缺少临时文件夹”错误。您可能还愿意查看我们关于如何加速WordPress站点的指南或我们精选的最佳社交媒体插件。

Read More
WordPress 教学

如何找到你WordPress网站上最重要的页面

为什么要找到你网站上最重要的页面?

当你运行一个WordPress博客时,随着时间的推移,你会产生越来越多的内容。然而,有些页面会比其他页面更重要。这些页面不仅会获得大量流量,还会有较高的用户参与度。通过优化你最重要的页面,你可以获得更多的流量,并将这些访问者转化为订阅者和客户。

你还可以创建类似的页面以吸引更多的访问者并提高用户参与度和转化率。尽管如此,很多内容管理员和企业主并不知道哪些页面对他们网站的成功至关重要。

在WordPress仪表盘中查看最重要的页面

最简单的方法之一是使用MonsterInsights。这是WordPress上最好的Google Analytics插件,有超过300万的专业人士信任MonsterInsights来自信地发展他们的业务。MonsterInsights使得使用Google Analytics变得异常简单,可以在不需要编辑代码或创建报告的情况下,从WordPress仪表盘中查看你最重要的页面。

首先,你需要在网站上安装并激活MonsterInsights插件。如果你需要帮助,请参阅我们有关如何安装WordPress插件的指南。激活后,你将被带到WordPress管理面板中的Insights页面。接下来,点击“启动向导”按钮,并按照向导将你的Google Analytics账户与WordPress网站连接。

一旦你在WordPress中设置了Google Analytics,现在你可以通过WordPress管理面板中的Insights » Reports来查看你网站上最重要的页面。接下来,前往概览标签,然后向下滚动到“Top Posts/Pages”(热门文章/页面)报告。在报告中,你将看到你网站上最重要的页面和帖子。

如果你升级到MonsterInsights Pro版本,你可以解锁更多的仪表盘报告,这些报告提供了如何与最重要的页面进行互动的更多见解。例如,如果你想更仔细地查看你的热门登陆页面,只需前往顶部的“Publishers”标签,然后查看“Top Landing Pages”(热门着陆页)报告。

在Google Analytics中查看你最重要的页面

尽管MonsterInsights使得在WordPress仪表盘中找到你网站上最重要的页面变得非常简单,你也可以使用Google Analytics来查看你的热门页面。

在Google Analytics 4中查看最重要的页面

在Google Analytics 4最新版本中,你可以通过前往报告页面来查看你的热门登陆页面。之后,从左侧菜单中前往Engagement(互动)» Pages and screens(页面和屏幕)。在报告中,你可以看到你的热门页面获得了多少浏览量,还显示查看这些页面的用户数和新用户数。

在Universal Analytics中查看最重要的页面

注意:Universal Analytics已经停用,并且不再处理你网站的数据。但是你仍然可以访问报告并查看历史数据以进行比较。只需从左侧菜单中前往Behavior(行为)» Site Content(网站内容)» All Pages(所有页面)。在报告中,你可以看到你的热门页面以及每个页面的总浏览数。

找到热门页面后该怎么办?

找到WordPress网站上最重要的页面后,下一步是优化它们以获得更多流量并将这些流量转化为订阅者和客户。

提升热门页面的SEO排名

搜索引擎优化(SEO)是一种通过时间来增加热门页面访客的聪明方法,因为它帮助你随着时间的推移增加流量。你应该检查你网站上热门页面的关键词排名。它们可能已经排名在第一页了,但你可以进一步优化它们,以提高它们在Google中的排名。

将访客转化为电子邮件订阅者

你知道吗,平均来说,超过75%的热门页面访客永远不会回到你的网站?这就是为什么建立电子邮件新闻通讯非常重要。它允许你在访客离开网站后与他们进行沟通。转换访客为订阅者的最佳地方是你网站上的热门页面。

优化你的销售漏斗

你是否在你的热门页面上销售产品或服务?在这种情况下,你可以通过优化这些页面来提供更好的用户体验,减少干扰,并推动用户完成购买,从而增加销售。例如,你可以在热门页面上添加浮动公告栏来让用户加入你的邮件列表,查看你其他的热门帖子,查看你的产品等。

我们希望这篇文章能帮助你了解如何找到你WordPress网站上最重要的页面。你也可以看看我们的指南,了解如何选择最佳的网站建设者或我们对小企业最佳电子邮件营销服务的比较。

Read More