wordpress网站地图_如何在WordPress中创建可视站点地图

wordpress网站地图

Ever wanted to display a visual sitemap in WordPress? A visual sitemap allows you to present a hierarchical layout of your different pages and sections. In this article, we will show you how to create a visual sitemap in WordPress without writing any code.

是否曾经想在WordPress中显示可视站点地图? 视觉站点地图可让您呈现不同页面和部分的分层布局。 在本文中,我们将向您展示如何在WordPress中创建可视站点地图而无需编写任何代码。

Adding a visual sitemap
WordPress中HTML,XML和可视Sitemap之间的区别 (Difference between HTML, XML, and Visual Sitemaps in WordPress)

An XML sitemap is generated for machines and search engines. It uses XML markup language to represent the contents of your site.

将为机器和搜索引擎生成XML网站地图。 它使用XML标记语言表示您网站的内容。

Search engines can use these sitemaps to prioritize and adjust crawling rate for your website. See our guide on how to add an XML sitemap in WordPress.

搜索引擎可以使用这些站点地图确定优先级并调整网站的爬网率。 请参阅我们的指南, 了解如何在WordPress中添加XML网站地图

On the other hand, a HTML sitemap is intended to be used by your website visitors (real people). It simply displays a list of your pages and different sections of your website on a single page. See our guide on how to add an HTML sitemap in WordPress.

另一方面,您的网站访问者(真实的人)可以使用HTML网站地图。 它仅在单个页面上显示页面列表和网站的不同部分。 请参阅我们的指南, 了解如何在WordPress中添加HTML网站地图

While the HTML sitemap is great to show your site’s structure, sometimes it isn’t the ideal option to display the hierarchy of your website.

尽管HTML网站地图可以很好地显示网站的结构,但有时并不是显示网站层次结构的理想选择。

This is where a visual sitemap comes in handy. It allows you to show items, child-items, sibling items in a tree-like structure.

这是视觉站点地图派上用场的地方。 它允许您以树状结构显示项目,子项目,同级项目。

Having said that, let’s take a look at how to easily add a visual sitemap in WordPress.

话虽如此,让我们看一下如何轻松地在WordPress中添加可视站点地图。

在WordPress中添加可视站点地图 (Adding Visual Sitemap in WordPress)

To make it easy, we have created a video tutorial on how to visual sitemap that you can watch below.

为简单起见,我们创建了一个有关如何可视化站点地图的视频教程,您可以在下面观看。

演示地址

However if you just want to follow text-instructions, then you can follow our step by step tutorial on how to How to create a visual sitemap in WordPress.

但是,如果您只想按照文本说明进行操作,则可以按照有关如何在WordPress中创建可视站点地图的分步教程进行操作。

First thing you need to do is install and activate the Slick Sitemap plugin. For more details, see our step by step guide on how to install a WordPress plugin.

您需要做的第一件事是安装并激活Slick Sitemap插件。 有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

Now before you setup the plugin, you need to create a navigation menu in WordPress. Take a look at our beginner’s guide to learn how to add navigation menus in WordPress.

现在,在设置插件之前,您需要在WordPress中创建一个导航菜单。 看看我们的初学者指南,了解如何在WordPress中添加导航菜单

Using the WordPress navigation menus, you can create menus with sub-menus, and sub-menus can have their own sub-menu items.

使用WordPress导航菜单,您可以创建带有子菜单的菜单,并且子菜单可以具有自己的子菜单项。

Creating your visual sitemap with navigation menus in WordPress

This navigation menu will have all the pages or posts that you want to display in your visual map. You can name this menu Visual Sitemap and save it.

该导航菜单将包含您要在可视地图中显示的所有页面或帖子。 您可以将此菜单命名为Visual Sitemap并保存。

You can also create another menu or use an existing menu with just the few important pages. This menu will be used as the utility menu on top of your visual sitemap.

您还可以创建另一个菜单或仅使用几个重要页面使用现有菜单。 该菜单将用作可视站点地图顶部的实用程序菜单。

Once you have created the menus, it is time to setup your visual sitemap. Visit Settings » Slick Sitemap page to configure the plugin.

创建菜单后,就该设置视觉站点地图了。 访问“设置”»“平滑站点地图”页面以配置插件。

Slick sitemap settings

In the default sitemap menu option, you need to select your main visual sitemap menu. Choose the number of columns you want to be displayed.

在默认站点地图菜单选项中,您需要选择主视觉站点地图菜单。 选择要显示的列数。

Lastly, you need to choose the utility menu and click on the save changes button to store your settings.

最后,您需要选择实用程序菜单,然后单击保存更改按钮以存储您的设置。

在WordPress网站上显示视觉站点地图 (Displaying Visual Sitemap on Your WordPress Site)

Now that you have successfully created and setup a visual sitemap, the next step is to display the sitemap on a page in your WordPress site.

现在您已经成功创建并设置了可视站点地图,下一步是将站点地图显示在WordPress站点的页面上。

Simply create a new page in WordPress and add this shortcode in the content area.

只需在WordPress中创建一个新页面并将此短代码添加到内容区域。

[slick-sitemap]

[slick-sitemap]

After that click on the save or publish button to store your changes. You can now visit this page and see the visual sitemap in action.

之后,单击保存或发布按钮以存储您的更改。 现在,您可以访问此页面并查看实际的站点地图。

Example of a visual sitemap in WordPress

We hope this article helped you add a visual sitemap in WordPress. You may also want to see our list of 25 most useful WordPress widgets for your site.

我们希望本文能帮助您在WordPress中添加可视站点地图。 您可能还想查看我们的网站25个最有用的WordPress小部件列表。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube频道 WordPress视频教程。 您也可以在TwitterFacebook上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-create-a-visual-sitemap-in-wordpress/

wordpress网站地图

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值