WordPress 教学

如何自动发布WordPress文章到LinkedIn

为什么在LinkedIn上发布内容?

你可能将LinkedIn看作是以前同事为你的微软技能背书,或者你祝贺老朋友工作周年纪念的地方。但LinkedIn不仅仅是这些。

它已经成为一个强大的网络平台。与其无休止地向陌生人推销,不如让你的目标受众主动找你。

如何实现呢?正如所说,“砌好舞台,他们会来”。创建一个品牌可以建立信任并确立你在行业中的专业地位。与常规的社交帖子不同,LinkedIn博客文章没有字符限制。通过博客文章,你可以充分展开你的想法,展示你的见解。

此外,LinkedIn有超过875百万用户,遍布200多个国家。当你发布优质内容时,你的读者群体会增长。人们会点赞和分享你的内容。当你的网络与内容互动时,较弱的连接(如二度、三度连接)也会看到你的帖子。

总而言之,LinkedIn是一个宝藏。如果你在你的WordPress网站上已经发布了受欢迎的文章,为什么不通过在LinkedIn上发布来吸引更多的眼球到你的业务呢?它可能会吸引新客户或提供帮助你发展的联系。不论如何,在LinkedIn上发布几乎没有缺点。

接下来我们将展示一些具体方法。可以使用以下链接进行跳转:

方法1:使用插件自动发布WordPress文章到LinkedIn

方法2:使用IFTTT自动发布WordPress文章到LinkedIn

方法1:使用插件自动发布WordPress文章到LinkedIn

使用WP LinkedIn Auto Publish插件是将WordPress文章自动发布到LinkedIn最简单的方法。

首先,你需要安装并激活这个插件。有关详细信息,请参阅我们关于如何安装WordPress插件的分步指南。激活后,插件会在你的WordPress管理菜单中添加一个名为“LinkedIn Auto Publish”的新菜单项。点击它将带你到插件的设置页面。

在这里,点击“Connect with LinkedIn”按钮。你将被重定向到LinkedIn登录页面。输入你的登录信息后,它会询问你是否希望将LinkedIn设置与插件同步。只需点击“Allow”。

在“Profile Selection”选项卡下,你将看到你希望发布的LinkedIn个人资料。你可以连接多个LinkedIn个人资料。如果你为品牌拥有多个LinkedIn个人资料,这将是一个很好的功能,因为你可以选择要发布到的LinkedIn个人资料。选择你要连接的个人资料,检查你的个人资料名称旁边是否有复选标记。然后,点击“Save All Settings”按钮。

接下来,转至“Sharing Options”选项卡。这是你可以选择要在LinkedIn上分享的文章元素的地方。只需点击每个元素,它们就会出现在右侧的框中。你可以分享整个文章,或者仅仅是标题和文章链接,以增加博客流量。

你还可以选择不想分享的类别类型。还可以选择要分享的帖子类型、页面和自定义帖子类型。完成后,点击“Save All Settings”按钮保存更改。

如果你有大量旧文章想要在LinkedIn上发布,你也可以轻松实现。在WordPress仪表盘中,转到你的文章页面。

在WordPress编辑器中,插件会在右侧面板添加一个小型元框。准备好分享文章后,选择你要发布到的LinkedIn个人资料,然后点击“Share Now”按钮。

现在,你可以进入你的LinkedIn个人资料,查看文章是否已发布。它应该会出现在你的个人资料和时间线上。

到此为止,你已经知道如何使用WP LinkedIn Auto Publish插件自动发布WordPress文章到LinkedIn。

方法2:使用IFTTT自动发布WordPress文章到LinkedIn

IFTTT是“If This, Then That”的缩写。这是一项允许你连接其他在线账户并使其为你工作的网络服务。有关更多信息,请查看我们关于如何使用IFTTT自动化WordPress和社交媒体的指南。

首先,你需要注册一个IFTTT账户。访问IFTTT网站,创建一个免费账户。输入你的帐户详细信息并点击“Get Started”按钮。

注册后,IFTTT会向你展示它的工作原理。按照屏幕上的说明操作,直到你到达IFTTT仪表盘。

之后,需要转到“Explore”选项卡。

在搜索栏中,输入“WordPress to LinkedIn”。向下滚动,你会找到一系列卡片和可能的集成选项。选择“WordPress to LinkedIn”卡片。

接下来,你需要提供访问你的LinkedIn和WordPress账户的权限。点击“Connect”按钮。

然后,你需要授权IFTTT访问你的LinkedIn帐户信息。点击“Allow”按钮。

连接后,你将被提示将WordPress帐户连接到IFTTT。输入你的博客URL,用户名和密码,然后点击“Connect”。

IFTTT现在会向你展示你的配方摘要。在这种情况下,每次你在WordPress网站上发布新文章时,它会自动在你的LinkedIn个人资料上分享一个链接。

你可以自己测试这个连接,看它是否工作。发布一篇新博客文章,然后查看你的LinkedIn帐户。它应该是这样的…

就是这样。你的IFTTT连接现在已激活。它会自动检查你的WordPress网站是否有新帖子,并将其作为状态更新分享到你的LinkedIn个人资料。

我们希望这篇文章能帮助你自动发布WordPress文章到LinkedIn。你可能还想查看我们的LinkedIn WordPress插件列表以赢得新客户,以及你应该使用的最佳WordPress SEO插件和工具。

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

Read More
WordPress 教学

如何在 WordPress 中添加其他文件类型进行上传

WordPress 为安全起见,只允许上传最常用的文件类型到你的网站或 WooCommerce 商店。默认情况下,允许的文件类型和扩展名包括:图片(.jpg, .jpeg, .png, .gif, .ico, .webp)、文档(.pdf, .doc, .docx, .ppt, .pptx, .pps, .ppsx, .odt, .xls, .xlsx, .PSD, .XML)、音频(.mp3, .m4a, .ogg, .wav)、视频(.mp4, .m4v, .mov, .wmv, .avi, .mpg, .ogv, .3gp, .3g2)。尽管你可以在 WordPress 中上传视频,我们建议使用视频托管网站,以保护你的网站速度和性能。

如何添加其他文件类型进行上传

某些教程会建议你编辑 functions.php 文件并在其中添加 PHP 代码片段。然而,我们认为最简单和最安全的方法是使用一个简单的插件。首先,你需要安装并激活免费插件 File Upload Types by WPForms。激活后,进入设置 » 文件上传类型页面。你可以滚动通过预设文件类型列表或在搜索框中输入文件类型,勾选你想启用的文件类型旁边的框,点击“保存设置”按钮保存更改。

添加自定义文件类型

如果你想添加的文件类型不在预设列表中,你可以将其作为自定义文件类型添加。在文件上传类型页面底部,有一个标签为“添加自定义文件类型”的部分,你可以通过输入描述、MIME 类型和文件扩展名来添加新的文件类型。

举例来说,如果你想添加 YAML 文件类型,你可以在描述中输入‘YAML file’,在 MIME 类型字段中输入‘text/yaml’,并将文件扩展名设为‘.yaml’。MIME(多用途互联网邮件扩展)是一种标准的方式来标识网页上的文件。了解文件 MIME 类型的最简单方法是使用 MIME 文件类型检查器。

希望这个教程能帮助你学习如何在 WordPress 中添加其他文件类型。你可能还想了解如何在 WordPress 中创建文件上传表单,或者查看我们推荐的最佳 WordPress 主题。如果你喜欢这篇文章,请订阅我们的 YouTube 频道,我们在 Twitter 和 Facebook 上也有提供 WordPress 教程。

Read More
WordPress 教学

12个最有用的WordPress自定义文章类型教程

自定义文章类型是一种在WordPress站点上创建不属于默认文章和页面的内容。这些通常通过自定义代码或插件添加。例如,你可以为作品集、推荐书和产品创建自定义文章类型。许多WordPress插件也使用自定义文章类型来存储网站数据。

自定义文章类型的优点包括:提升可读性、更好的内容管理和SEO优化。对于运行在线商店的网站,你可以使用自定义文章类型来管理产品、订单和客户评论。在评论网站上,自定义文章类型让你可以分离不同类型的评论,如书籍、电影或技术产品评论,保持网站的有序性。对于美食博客,自定义文章类型可以让你轻松在单独的部分组织食谱。

1. 决定是否需要自定义文章类型

在开始创建自定义文章类型或分类之前,评估你的需求非常重要。内置的WordPress文章和页面通常能处理你的内容需求,而无需额外的自定义类型复杂性。如果你不确定,请参考我们的指南,了解何时需要在WordPress中使用自定义文章类型或分类法。

2. 在WordPress中创建自定义文章类型

一旦你决定需要自定义文章类型,可以使用插件或手动代码来创建。Custom Post Type UI插件让创建自定义文章类型变得非常简单,并且推荐给大多数用户。

3. 创建自定义文章类型的存档页面

虽然Custom Post Type UI插件让在WordPress中添加自定义文章类型变得非常容易,但许多初学者在显示它们时遇到麻烦。要添加自定义文章类型的存档页面,首先需要确保为你的自定义文章类型启用了存档。在大多数情况下是已启用的,但如果没有,可以在Custom Post Type UI的高级选项中或通过代码启用这些功能。

4. 将自定义文章类型添加到你的主RSS Feed中

默认情况下,WordPress只会在主RSS feed中包含你的博客文章。这意味着你的自定义文章类型内容不会显示在主要RSS feed订阅者中。可使用WPCode插件,通过添加自定义代码片段而无需直接编辑主题文件,这样更简单和安全。

5. 为每个自定义文章类型创建单独的RSS Feed

WordPress会自动生成网站不同存档页面的单独RSS feed,包括自定义文章类型。你只需在自定义文章类型存档URL后面添加/feed/,即可查看RSS feed。

6. 在搜索结果中包含自定义文章类型

默认情况下,WordPress不会在站内搜索结果中显示自定义文章类型。你可以使用SearchWP插件轻松将自定义文章类型包括在搜索结果中,以确保访客不会错过好的内容。

7. 为自定义文章类型创建搜索表单

你也可以为自定义文章类型创建一个仅显示该类型结果的搜索表单。这样能帮助访客查看更多页面并在你的网站上停留更长时间。

8. 为自定义文章类型添加分类

默认情况下,WordPress分类只能用于组织文章,而不能用于自定义文章类型。你可以使用Custom Post Type UI插件将自定义文章类型与分类关联。

9. 为自定义文章类型添加置顶文章

置顶文章功能默认只适用于博客文章。你可以通过安装Sticky Posts – Switch插件来为自定义文章类型启用这个功能。

10. 为自定义文章类型添加用户提交内容

你可能希望允许用户为自定义文章类型提交内容,例如电影评论或食谱。你可以使用WPForms插件在网站上添加提交表单。

11. 切换或转换自定义文章类型

你可能会遇到需要合并或转换自定义文章类型的情况,例如将项目从一种文章类型移动到另一种。你可以使用Post Type Switcher插件来实现这一点。

12. 为文章类型添加自定义元数据框

自定义元数据框允许你在WordPress文章编辑器屏幕中添加自定义字段。最简单的方法是使用Advanced Custom Fields插件。

希望本教程能帮助你在WordPress中学到一些自定义文章类型的实用技巧。你可能还想查看我们关于如何创建自定义主页的指南或最好的相关文章插件列表。

Read More
WordPress 教学

如何在WordPress中更改背景颜色(初学者指南)

为什么要在WordPress中更改背景颜色?

WordPress主题自带默认背景颜色。更改背景颜色可以个性化网站设计并提高可读性。例如,你可以使用不同的背景颜色使页面中特定部分更加突出。这有助于强调你的号召性用语(CTA)并增加转化率。你还可以根据作者、评论或类别为WordPress博客中的不同文章使用不同的背景颜色。这有助于区分你网站上的内容。

此外,你还可以添加视频背景,立即吸引访问者的注意力,提升互动度。

如何在WordPress中更改背景颜色

使用WordPress主题定制器更改背景颜色

根据你的主题,你可以使用WordPress主题定制器更改背景颜色。它允许你实时编辑站点外观,而无需编辑代码。要访问WordPress主题定制器,请登录网站,然后前往外观 » 定制。

这将打开主题定制器,你会发现多个选项可以修改你的主题设置,包括菜单、颜色、首页、小部件、背景图像等。具体选项取决于你使用的WordPress主题。本教程中,我们使用的是默认的Twenty Twenty-One主题。要更改网站的背景颜色,请点击左侧菜单中的“颜色和深色模式”设置选项卡。

接下来,点击“背景颜色”选项并为你的网站选择一种颜色。你可以使用颜色选择器工具或输入背景颜色的Hex颜色代码。

完成更改后,不要忘记点击“发布”按钮。现在你可以访问WordPress网站查看新的背景颜色。

使用整站编辑器更改背景颜色

整站编辑器(FSE)是一个基于区块的WordPress主题编辑器,可用来编辑站点背景颜色。它提供了不同的区块来定制网站设计,类似于使用WordPress区块编辑器。整站编辑器目前适用于部分WordPress主题,如Twenty Twenty-Two主题。要更改背景颜色,你可以从WordPress仪表盘前往外观 » 编辑器。

进入整站编辑器后,你可以更改每个单独区块的背景颜色。先选择你想编辑的区块。然后在右侧设置面板中,找到“颜色”部分,点击“背景”选项并选择颜色。

完成后,点击“保存”按钮。如果你想添加一个出现在所有区块后的背景颜色,可以添加一个封面区块。首先,点击顶部的“+”号并添加“封面”区块。

接下来,你会在主题模板中看到封面区块,并提供几种背景颜色选项可供选择。或者,你也可以在右侧设置面板中的叠加部分,点击“颜色”选项。

选择颜色后,下一步是将其应用到整个页面。在开始之前,点击顶部三个短横线的列表视图图标。这将打开你的主题大纲并显示不同部分。

接下来,你可以在列表视图中将所有主题元素拖放到封面区块下。当你这样做时,封面区块颜色将显示为整个网站的背景颜色。

不要忘记点击顶部的保存按钮以保存更改。

通过添加自定义CSS更改背景颜色

你可以通过在WordPress主题定制器中添加自定义CSS来更改网站的背景颜色。首先,前往外观 » 定制,然后进入“附加CSS”选项卡。

接下来,输入以下代码:

body { background-color: #FFFFFF; }

将背景颜色代码替换为你想在网站上使用的颜色代码。之后,输入代码到附加CSS选项卡中。

完成后,不要忘记点击“发布”按钮。现在你可以访问你的网站查看新的背景颜色。

在WordPress中随机更改背景颜色

你可以添加平滑的背景颜色变化效果,以自动在不同颜色之间过渡。要添加此效果,需要向你的网站添加代码。首先,使用浏览器的检查工具找到你想要添加平滑背景颜色变化效果的区域的CSS类。然后,记录下你想要定位的CSS类。接下来,在你的计算机上打开一个纯文本编辑器,如记事本,并创建一个新文件。将文件保存为‘wpb-background-tutorial.js’。

完成后,可以将以下代码添加到你刚创建的JS文件中:

jQuery(function($){ $('.page-header').each(function(){ var $this = $(this), colors = ['#ec008c', '#00bcc3', '#5fb26a', '#fc7331']; setInterval(function(){ var color = colors.shift(); colors.push(color); $this.animate({backgroundColor: color}, 2000); },4000); }); });

完成JS文件后,需要使用文件传输协议(FTP)服务将其上传到WordPress主题的JS文件夹。接着,需要在主题的functions.php文件中输入以下代码:

function wpb_bg_color_scripts() { wp_enqueue_script( 'wpb-background-tutorial', get_stylesheet_directory_uri() . '/js/wpb-background-tutorial.js', array( 'jquery-color' ), '1.0.0', true ); } add_action( 'wp_enqueue_scripts', 'wpb_bg_color_scripts' );

上传后,你可以访问你的网站,查看目标区域是否有随机变化的背景颜色。

为个别帖子更改背景颜色

你也可以为WordPress中每个单独的博客文章使用自定义CSS更改背景颜色,以个性化文章背景。首先,在主题的CSS中找到帖子ID类,在“附加CSS”选项卡中输入自定义CSS并发布。

在背景中使用视频

使用视频作为网站背景是一种捕捉访问者注意力和增加用户互动的好方法。最简单的方法是使用mb.YTPlayer等插件添加视频背景。

创建自定义着陆页

使用SeedProd创建自定义着陆页,完全控制背景颜色和设计。

希望本文能帮助你了解如何在WordPress中更改背景颜色。

Read More
WordPress 教学

如何在WordPress中添加自定义数据库错误页面

如何在WordPress中添加自定义数据库错误页面

你是否曾在你的WordPress网站上看到过“建立数据库连接时出错”的错误页面?此消息可能由多种原因引起,但它不美观且容易混淆你的访问者。此外,只有当你访问网站并看到消息时,才会意识到网站已经宕机。

在本文中,我们将向你展示如何在WordPress中自定义数据库错误页面。我们还将告诉你如何设置通知,当你的网站因数据库错误而宕机时,你会收到通知。

引起“建立数据库连接时出错”的原因是什么?

“建立数据库连接时出错”是最常见的WordPress错误之一。它可能是由于WordPress设置中的数据库信息不正确、数据库损坏或数据库服务器无响应等原因引起的。

解决这个错误对于初学者来说可能比较棘手,因此我们在指南中列出了一些解决该错误的方法。

你的访问者最不想看到的就是WordPress显示的通用错误消息。错误页面缺乏细节、不美观,也没有包含任何你的品牌信息。看起来就像你的网站消失了一样。

添加自定义数据库错误页面

首先,你需要在文本编辑器(如记事本)中打开一个新文件,并在其中粘贴以下内容。

<?php // custom WordPress database error page
  
  header('HTTP/1.1 503 Service Temporarily Unavailable');
  header('Status: 503 Service Temporarily Unavailable');
  header('Retry-After: 600'); // 1 hour = 3600 seconds
  
  // If you wish to email yourself upon an error
  // mail("[email protected]", "Database Error", "There is a problem with the database!", "From: Db Error Watching");
  
?>
  
<!DOCTYPE HTML>


Database Error

body { padding: 20px; background: red; color: white; font-size: 60px; }



  You got problems.

接下来,将文件保存为“db-error.php”。然后,使用FTP程序将该文件上传到你的网站的/wp-content/目录中。

现在,当你的网站无法建立数据库连接时,你将看到以下屏幕上的错误消息,网页浏览器标签也会显示“Database Error”的标题。

自定义数据库错误页面

现在是时候自定义你的数据库错误页面,使其看起来更好并匹配你网站的主题。你还应该在页面上添加你的品牌Logo和标语。

你可以在消息中使用一些幽默。尽管你的访问者可能无法访问你的网站,但你至少可以让他们保持愉快。

例如,你可以参照我们最佳WordPress 404页面设计示例列表中的一些设计,将其修改为数据库错误页面。

创建自定义数据库错误页面设计的最简单方法是使用SeedProd插件。这是最流行的登陆页面构建器,具有拖放功能,允许你无需编辑任何代码即可自定义错误页面。

发送数据库错误的邮件通知

如果你的网站宕机了,你希望能收到通知,以便及时处理。

我们之前使用的代码片段包含将向你发送邮件通知的代码,每当你的网站出现数据库错误时,该部分代码当前处于非活动状态,因为它被两个斜杠注释掉了。

// If you wish to email yourself upon an error
// mail("[email protected]", "Database Error", "There is a problem with the database!", "From: Db Error Watching");

要接收通知,你需要删除mail函数前的两个斜杠。

// If you wish to email yourself upon an error
mail("[email protected]", "Database Error", "There is a problem with the database!", "From: Db Error Watching");

你还需要将“[email protected]”替换为你自己的电子邮件地址。不要忘记保存编辑后的db-error.php文件,并将其上传到你的网站的/wp-content/目录中。

我们希望这篇教程帮助你学会如何在WordPress中添加自定义数据库错误页面。你可能还想了解常见的WordPress块编辑器问题及其解决方法,或查看我们增长网站必备的WordPress插件列表。

Read More
WordPress 教学

如何在Windows电脑上安装WordPress(2种方法)

为什么要在Windows上安装WordPress?

在本地电脑上安装WordPress可以创建一个测试环境,不会影响到你实际运营的网站或博客。通常,开发者会使用本地安装的WordPress来开发插件和主题。初学者也可以在本地电脑上安装WordPress来学习、测试新主题和插件以及进行实验,而不会影响到实际网站。

注意:如果你在Windows上本地安装了WordPress,只有你自己可以看到该站点。如果你想创建一个公开的网站,那么你需要有一个域名和网络托管服务。推荐查看我们关于如何开始创建WordPress博客的指南。

接下来,我们将展示如何在Windows电脑上正确安装WordPress。我们会介绍两种简单的方法,你可以点击下面的链接跳转到你感兴趣的部分:

方法1:使用Local WP在Windows上安装WordPress

Local WP,前身为Local by Flywheel,是一种让你在本地电脑上托管网站的软件。首先,你需要下载并安装Local WP软件。在Local WP网站上点击‘免费下载’按钮。

之后会出现一个弹窗,你需要选择你的操作系统。选择‘Windows’,然后输入你的信息如姓名、工作邮箱和电话号码以下载软件。

下载完成后,启动安装向导,选择安装用户然后点击‘下一步’。在下一步中,选择安装文件夹,然后点击‘安装’按钮。

安装完成后,勾选‘运行Local’,点击‘完成’按钮启动软件。接下来,添加一个新的本地网站,点击左下角的加号(+)按钮。

选择‘创建新网站’选项并点击‘继续’按钮,输入本地网站的名称如wordpresslocalsite,选择默认设置然后点击‘继续’按钮。

选择环境配置,可以使用‘推荐’环境,或选择‘自定义’并输入环境详情。选择‘继续’,之后输入WordPress的用户名和密码,并输入接收通知的邮箱地址,点击‘添加站点’按钮。

Local WP软件会安装WordPress并配置网站,点击‘WP Admin’按钮启动本地网站,输入之前设置的用户名和密码,点击‘登录’按钮即可开始编辑你在Windows电脑上的本地网站。

方法2:使用WampServer在Windows上安装WordPress

WampServer或WAMP是Windows上的一套包含Apache服务器、PHP和MySQL的软件。首先,下载并安装WampServer。在WampServer网站上点击‘开始使用WampServer’按钮。

选择适合你的操作系统类型的WampServer版本。下载安装后,选择安装语言和条款,然后继续安装设置,直到完成安装。

启动WampServer,从图标中进入phpMyAdmin创建一个新的MySQL数据库。下载最新版本的WordPress,解压并复制‘wordpress’文件夹到WAMP的www目录下。重命名文件夹为你喜欢的名称,打开浏览器,访问http://localhost/文件夹名/。

选择语言并继续配置数据库,输入数据库信息然后点击‘提交’按钮,运行安装程序,填写网站信息,点击‘安装WordPress’按钮。安装成功后可以登录后台开始编辑本地站点。

启用WAMP中的友好URL

新版本的WordPress不会因为更改固定链接设置而中断本地站点,但如果你遇到页面未找到错误,可以查看我们关于在WAMP中启用自定义固定链接的指南。

额外奖励:将WordPress从本地迁移到线上

我们提供了一份单独的指南,教你如何将WordPress从本地服务器迁移到线上网站。学习和测试本地服务器环境是很有用的,但如果你想让其他人查看你的WordPress博客,你需要安装在WordPress托管服务上。

希望这篇文章帮助你学会如何在Windows电脑上安装WordPress。你可能还需要查看我们的WordPress SEO指南和如何开始一个在线商店的教程。如果你喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何在WordPress中创建下拉菜单(初学者指南)

如何在WordPress中创建下拉菜单(初学者指南)

为什么在WordPress中使用下拉菜单?

WordPress配备了内置的菜单管理系统,允许您轻松地将导航菜单添加到您的网站。导航菜单是指向您网站最重要页面的链接,通常位于您网站徽标旁边的一行中。

如果您正在启动一个WordPress博客或创建一个只有少数页面的网站,创建一个单行菜单可能是合理的。访问者可以一目了然地看到所有重要页面。然而,如果您经营的是一个在线商店或大型网站,可能会有很多内容。将所有这些链接添加到菜单中可能会让人难以应付,使您的站点看起来杂乱无章。

下拉菜单解决了这个问题,当访问者将鼠标悬停在父项上时,这些菜单仅显示链接。它们还允许您按主题、类别或组来组织内容。您甚至可以为菜单添加标题。类似于垂直导航菜单,它们非常适合在小空间内展示大量内容。

步骤1:选择支持下拉菜单的主题

WordPress有一个内置的菜单管理系统,但菜单的外观会因您的WordPress主题而异。几乎所有的WordPress主题默认都支持下拉菜单。然而,有些主题可能没有恰当的下拉支持。首先,确保您的主题支持下拉菜单。

您可以从官方WordPress库下载该主题,然后访问其页面并点击“预览”按钮以查看实时演示。如果使用的是高级WordPress主题,开发者可能会在其网站上提供实时演示。您还可以查看该主题的文档获取更多信息。如果仍不确定,可以随时向开发者寻求帮助。

步骤2:在WordPress中创建导航菜单

让我们开始创建一个简单的菜单。如果您已经在网站上设置了导航菜单,则可以跳过此步骤。首先,前往WordPress仪表盘中的外观 » 菜单,然后点击“创建新菜单”链接。

接下来,您需要为导航菜单输入一个名称。这只是为了您的参考,您可以使用任何有助于在WordPress管理区域识别菜单的名称。输入标题后,点击“创建菜单”按钮。WordPress现在会为您创建一个空菜单。

步骤3:向菜单添加子项

接下来,我们需要添加将出现在下拉菜单中的子项。在左侧列中,选择要添加为子项的所有页面,然后点击“添加到菜单”按钮。这些页面现在会出现在右侧列的“菜单结构”下。

默认情况下,这些链接都显示为常规菜单项,这意味着它们将被添加到顶行。我们需要将它们变为父项的子项。只需拖动一个菜单项并将其放置在所需的父项下。然后稍微向右移动,它将成为子项。

步骤4:发布下拉菜单

如果您正在编辑一个已经在线的菜单,访问者将立即看到您的更改。如果创建的是新菜单,则需要为该菜单选择一个位置。每个WordPress主题都有自己的菜单位置,您可以在右侧的“菜单设置”部分中找到它们。勾选您希望使用的位置,然后点击“保存菜单”按钮。

使用全站编辑器创建下拉菜单

如果使用的是基于块的主题(如Hestia Pro),则可以使用全站编辑器将下拉菜单添加到网站的任何部分。要开始,请转到WordPress仪表盘中的主题 » 编辑。在默认情况下,全站编辑器将显示您的主题主页模板。要在网站的其他部分添加下拉菜单,请点击“模板”或“图案”。然后,编辑器将显示构成您的WordPress主题的所有模板或模板部分的列表。选择要添加下拉菜单的区域,然后点击小铅笔图标进行编辑。

创建互动的下拉菜单的提示

导航菜单很重要,因为它们是访问者寻找有趣内容或特定信息的首选地。正确使用它们将帮助访问者在您的网站上找到路,增加转换率和销售额,同时增加页面浏览量和降低跳出率。以下是创建有用且用户友好型下拉菜单的一些提示:

1. 创建多级下拉菜单

在本指南中,我们展示了如何创建顶行和一组子项。然而,您还可以在另一个子项下添加子项,创建多级下拉菜单。对于有大量内容或多种内容类别的网站,这可能会非常有用。

2. 创建多个下拉菜单

您可以创建任意数量的下拉菜单,然后在网站的不同区域展示它们。例如,您可能会创建一个仅显示产品类别的下拉菜单。这对于产品页面很有用,但您可能还想为主页创建一个独特的下拉菜单,让购物者可以找到网站的不同区域,如联系表单和博客。

3. 创建大型菜单作为下拉菜单

如果您有大量内容,可能会发现使用标准下拉菜单很难整齐地组织这些内容。相反,您可以展示网站的完整结构作为一个大型菜单,只有当用户将鼠标悬停在主菜单上时才会显示。大型菜单类似于下拉菜单,但它们可以显示更多链接、子菜单和其他项目。

Read More
WordPress 教学

如何轻松地将WordPress迁移到新域名(不损失SEO)

如何轻松地将WordPress迁移到新域名(不损失SEO)

您想将WordPress站点迁移到新域名吗?更改网站的域名会显著影响您的SEO排名,因此需要非常小心地进行这个过程。虽然在将网站迁移到新域名时无法避免短期的SEO波动,但您可以通过一些步骤来尽量减少影响,并快速恢复搜索流量和排名。本指南将向您展示将WordPress迁移到新域名而不损失SEO的正确方法。

将WordPress站点迁移到新域名可能会让人感到恐惧,但其实并不需要那么紧张。我们将引导您完成每一步。您可以点击下面的任何链接,进入将WordPress站点迁移到新域名的特定步骤:

  • 更改域名前需要了解的事项
  • 预备步骤:开始需要的东西
  • 步骤1:创建WordPress站点的Duplicator包
  • 步骤2:为新域名创建数据库
  • 步骤3:在新域名上解包WordPress
  • 步骤4:设置永久301重定向
  • 步骤5:通知Google您的新域名
  • 通知用户新域名

更改域名前需要了解的事项

在开始之前,有几件事情需要了解。将网站迁移到新域名的过程会暂时影响您的搜索引擎排名,因为Google和其他搜索引擎需要时间来调整这些变化。是的,这也会暂时影响您的搜索流量。请记住,这是正常的,所有网站在切换到新域名时都会发生这种情况。不过,您可以通过遵循本指南来显著减少这种SEO影响。我们将向您展示将WordPress站点迁移到新域名的正确方法,设置适当的301重定向,并通知搜索引擎。请注意,本指南并不适用于将WordPress站点迁移到新主机。这仅适用于更改域名,虽然过程相似,但有一些额外步骤。这些额外步骤将帮助您保护您的SEO排名和流量。最后,如果您的旧网站在WordPress.com上,那么您需要遵循我们的《从WordPress.com迁移到WordPress.org的指南》中的指示。

预备步骤:开始需要的东西

在本指南中,我们假定您已在oldsite.com上设置了WordPress网站,并且您正打算将其迁移到newsite.com。我们还假定您已经有了一个WordPress托管帐户,并且您熟悉您的网络托管控制面板。您还需要知道如何使用FTP客户端(例如FileZilla)或如何使用托管帐户控制面板中的文件管理器应用来编辑文件。万一您没有网络托管提供商,或者打算切换到新托管提供商,我们推荐使用Bluehost(适合小型站点,且提供免费域名)和SiteGround或WP Engine(适合大型站点或在线商店)。准备好这些东西后,您就可以开始了!

步骤1:创建WordPress站点的Duplicator包

首先,您需要创建WordPress站点的完整备份。然后使用该备份创建网站的副本,以便您可以正确地设置从旧域名到新域名的重定向。虽然有许多WordPress备份插件可用,但我们将使用Duplicator,这是最好的WordPress备份和迁移插件。

注意:Duplicator也有一个免费版本,您可以用来进行这次迁移。但是,我们建议升级到付费计划,以解锁更多功能,如自动云备份、一键网站恢复、更简单的迁移等。让我们从在您的旧域名上安装和激活Duplicator插件开始。如需更多详细信息,请参阅我们的逐步指南《如何安装WordPress插件》。激活后,插件将在您的WordPress管理后台添加一个Duplicator菜单项。您需要点击Duplicator菜单,然后点击“Create New”按钮,以创建新包或WordPress站点的副本。

Duplicator现在将初始化备份向导,并自动为该包指定一个名称。点击“Next”按钮继续。Duplicator现在将运行一些测试,以查看一切是否正常。如果插件发现问题,您将看到带有指示的警告信息。如果所有项目标识为“Good”,请点击“Build”按钮。

插件现在将开始创建网站文件的Duplicator包。整个过程可能需要几分钟,具体取决于您的站点大小。完成后,您将看到一个‘下载’选项。点击它会显示下载两个文件或分别下载安装程序和存档(zip)文件的选项。选择“Both Files”下载到您的计算机。

存档文件是您WordPress文件的完整副本,其中包括您的WordPress主题、永久链接设置、插件、上传文件,以及任何其他WordPress插件创建的文件。安装脚本是一个PHP文件,它将通过解包存档文件来自动运行WordPress迁移。

步骤2:为新域名创建数据库

在将WordPress站点迁移到新域名前,您需要一个新的SQL数据库,以便在新域名上解包WordPress。如果您已经创建了一个数据库,则可以跳过此步骤。要创建一个数据库,您需要访问您的托管帐户的cPanel控制面板,滚动到“Databases”部分,然后点击“MySQL Databases”图标。我们将向您展示如何在Bluehost上找到它,但基本指示适用于所有托管提供商。登录到您的Bluehost帐户控制面板,然后点击网站下的“Settings”按钮。在您的站点设置下,切换到“Advanced”选项卡。向下滚动一点到cPanel部分,然后点击“Manage”。这将打开cPanel控制面板。向下滚动到Databases部分并点击“MySQL Databases”选项。

注意:您的托管控制面板可能与截图有所不同。不过,您仍应该能找到一个“Databases”部分并有创建新数据库的选项。只需提供数据库的名称,然后点击“Create Database”按钮。cPanel现在将为您创建一个新数据库。之后,您需要向下滚动到“MySQL Users”部分。接下来,为您的新用户提供用户名和密码,并点击“Create User”按钮。确保将用户名和密码记在一个安全的地方。您刚创建的用户仍没有权限在数据库上操作。让我们来更改这一点。向下滚动到“Add User to Database”部分。首先,从‘User’字段下拉菜单中选择您创建的数据库用户。然后选择您刚创建的新数据库并点击“Add”按钮。接下来,您将需要为用户选择权限。选择“All Privileges”并点击“Make Changes”按钮继续。您的数据库现在已准备好,可以用于将WordPress迁移到新域名。确保记下数据库名称、用户名和密码。您将在下一步中需要这些信息。

步骤3:在新域名上解包WordPress

现在,您需要将之前下载的Duplicator文件上传到您的新域名。Duplicator包也包括您的WordPress安装文件。这意味着您不需要在新域名上安装WordPress。首先,使用FTP客户端连接到您的域名。一旦连接,确保您的网站根目录是完全空的。之后,您可以将存档和安装程序文件上传到根目录(通常称为public_html)。

两个文件上传完成后,您就可以开始解包WordPress了。打开一个新浏览器标签,访问以下URL:http://example.com/installer.php 别忘了用您的新域名替换example.com。这将启动Duplicator迁移向导。安装程序会查找存档文件,然后自动为您选择屏幕上的选项。向下滚动一点,以输入您在上一步创建的数据库的信息。下面,Duplicator会自动显示您的旧域名和新域名的URL。如果一切正常,请点击“Validate”按钮继续。Duplicator现在将尝试使用您提供的信息连接到数据库。成功后,它会向您显示Validation Pass。否则,它将显示警告,告诉您如何修复。点击‘Next’按钮继续。Duplicator将开始导入您的WordPress网站。完成后,您将看到一个带有Admin Login按钮的成功消息。Duplicator将自动更新您的新域名的URL。现在您可以点击“Admin Login”按钮完成接下来的步骤。

步骤4:设置永久301重定向

下一步是将访问旧域名的用户指向新域名。这是通过设置301重定向来完成的。301重定向对于SEO和用户体验非常重要。添加它们可以让您自动将用户和搜索引擎重定向到您的新域名。换句话说,每当有人访问您旧域名上的某个帖子或页面时,他们会被自动重定向到新域名上的相同帖子或页面,而不会看到404错误。为了保持重定向,您需要保持旧的WordPress安装处于活动状态,以便继续重定向到您刚创建的新站点。有两种方法可以设置重定向。第一种方法简单,只需点击几下即可。第二种方法需要手动编辑文件。

方法1:使用AIOSEO设置301重定向

对于这种方法,您需要使用All in One SEO(AIOSEO)。这是市场上最好的WordPress SEO插件,允许您轻松优化您的WordPress网站以提高SEO。首先,您需要在旧域名上安装并激活All in One SEO插件。如需更多详细信息,请参阅我们的逐步指南《如何安装WordPress插件》。注意:您需要至少购买插件的Pro版本才能访问重定向管理器附加组件。您还可以在您新的WordPress网站上设置AIOSEO,以进一步提升搜索引擎排名和流量。在旧域名上激活后,您需要访问All in One SEO » Redirects页面,然后点击“Activate Redirects”按钮。接下来,切换到“Full Site Redirect”标签并打开“Relocate Site”切换开关。之后,在“Relocate to domain”选项旁输入您的新域名。别忘了点击“Save Changes”按钮保存您的设置。

方法2:手动设置到新域名的重定向

这种方法需要您编辑旧域名上的WordPress .htaccess文件。首先,您需要使用FTP连接到您的旧站点,并编辑.htaccess文件。它将位于与wp-includes或wp-admin文件夹相同的目录中。打开.htaccess文件,并在最顶部粘贴以下代码行:

#Options +FollowSymLinks
RewriteEngine on
RewriteRule ^(.*)$ http://www.newsite.com/$1 [R=301,L]

确保在代码中将newsite.com替换为您的新域名。应用这些更改后,访问您的旧域名。它应自动重定向到新域名。如果没有,则表示重定向未正确设置,您的服务器可能不支持重定向规则。您需要联系您的网络托管公司支持团队,启用RewriteEngine。

步骤5:通知Google您的新域名

现在您已经将WordPress迁移到新域名并设置了重定向,是时候通知Google您的地址变更了。这将帮助Google快速找到您的新网站域名并在搜索结果中显示。首先,您需要确保新旧域名都作为两个不同的属性添加到Google Search Console中。详见我们Google Search Console指南中的步骤1。接下来,您需要选择旧域名作为您Google Search Console帐户控制面板中的活动属性。之后,从左侧菜单中点击Settings。现在,您可以点击“Change of address”工具。现在,您需要从Update Google部分选择您的新域名。然后,您应该点击“Validate & Update”按钮。

仅此而已。Google现在将验证您的旧域名是否重定向到新域名并保存您的更改。在接下来的屏幕中,Google Search Console将显示一个逐步向导,指导您提交地址变更请求。

通知用户新域名

虽然301重定向可以完成工作,但最好公开宣布这一迁移。您可以通过在新站点上写一篇博客文章并在社交媒体账户上分享来实现这一点。如果您有电子邮件新闻通讯或推送通知订阅者,您也应该向他们发送通知。这有很多好处。首先,您的用户在阅读之后更有可能记住新域名。其次,您可以请求用户告知您他们是否看到任何错误。您一个人不能测试您的网站在每种不同类型的浏览器或系统环境中的表现。新视角的帮助总是有用的。我们希望这篇教程能帮助您将WordPress站点迁移到新域名。您也可以查看我们的指南《如何获得免费电子邮件域名》或我们专家挑选的《最佳商务电话服务》。如果您喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。您也可以在Twitter和Facebook上关注我们。

Read More
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