前言
有时通过搜索或者文章进入到某个网站，一般会大致浏览下，看看网站的其它内容有没有自己感兴趣的。
如果网站的文章数量不多的话还好，如果文章数量比较多，那就wordpress教程得一页页地翻wordpress下载过去，比较麻烦。
这时要是能有一个文章列表就wordpress官网好了！
HTML站点地图
不同wordpress官网于 XML 站点地图是给搜索引擎看的，我们wordpress hosting这wordpress里要添加的是wordpress.com给访客看的 HTML 站点地图。像目录wordpress教程一样，既方便站长自己和访wordpress教程客对网wordpress站内容一览全局，同wordpress website时也wordpress hosting利于搜索引擎爬取收录。
- 网站导航，显示网站wordpress hosting文章列表wordpress hosting，方便访客和站长查看；
- 搜索引擎优化。
WP Sitemap Page 插件
简介wordpress
WP Sitemap Page 可以根据我们的需要把文章、分类、标签等显示是在一个页面上。
它自定wordpress义程度很高，而且显示文章列表时可以按wordpress教程照文章所在的类别，分类显示出来，而非只是按照发文时间顺序排列。可以自wordpress下载己设置 CSS 样式wordpress。具体效果可以看我的站点地图。
特性：（官方介绍译文）
- 显示所有页面，帖子和类别
- 显示wordpress教程自定义帖子类型（如wordpress下载：“wordpress主题事件”，“书”…）
- 显wordpress官网示分类法
- 使用属性
“wordpress官网only”仅显示一种内容 - 使用方便
- 可以自定义通过管理面板显示的方式
- 排除某些页面或某些自定义帖子wordpress类型（CPT）的可能性
- 帖子和类别分层显示
- 有CSS类来定制它，如wordpress website果你想
- 提供多种语言
基本使用
直接在 WP 后台搜索安装即可。wordpress.com启用后进入 “设置”—> “Wwordpress下载P Sitemap Pagwordpress.come” 选项。
- Setting：对插件进wordpress官网行基本设置，包括列表的显示样式、例外wordpress hosting内容；
- Howordpress websitew to use：短代码wordpress官网功能说明。wordpress hosting
保wordpress下载存设置wordpress教程后，新建wordpress教程页面，在文本编辑模式下，输入插件提供的短代码，发布即可。
部分短代wordpress码wordpress website：
|
1
2
3
4wordpress官网
5
6
|
[wp_sitemap_page]// 传统列表页面
[wp_sitemap_page only=“post”]// 只显示wordpress官网文章列表
[wp_sitwordpress websiteewordpress官网map_page only=“page”]// 只显示页面
[wp_sitewordpress下载map_pwordpress教程agwordpress主题e display_category_title_wording=“false”]// 隐藏分类名wordpress主题称前的 category
等等
|
配置
下面是我wordpress官网的站点地图的配置过程，供wordpress教程大家参考。
1.插件设置
How to display twordpress官网he posts：
|
1
|
<span>wordpress.com;{year}/{monthnum}/{day} – <span&wordpress官网gt;<awordpress.com hwordpress websiteref=“https://go2thinkwordpress.com.com/wordpress下载wordpress-html-swordpressitemap-page/{permalink}”target=“_bwordpress官网lank”style=“colowordpress主题r:#wordpress website5f5f5fwordpress hosting;”>{title}</a&gwordpress.comt;
|
其中：
-
twordpress下载arget="_blankwordpress.com"表示在新标签页打开链接，在本wordpress下载页打开可去掉该字段； -
style="color:#5f5f5f;"为标题颜色设置，#5f5f5f 为 16进制颜色值，可以更换为自己喜欢的颜色值；
了解 HTMwordpress教程L 和 CSS 的可以进一步自定义显示样式。wordpress hosting
其他选项无需要wordpress.com保持默认即可。
2.wordpress hosting添加页wordpress教程面
新建一个 “页面”，在文本编辑wordpress.com模wordpress主题式下输入相应短代码，只显示文章和标签列表，并隐藏分类名称前的 category。
|
1
2
|
[wp_sitemwordpress主题ap_page display_categorywordpress教程_title_wording=“false”]
[wp_siwordpress教程temap_pwordpress下载age only=“tag”]
|
发布后，就可以通过页面链接访问文章地图了，可以把这个页面添加到站点菜单中wordpress下载，方便访客查看。
4.高级进阶
以上wordpress主题设置完成后，就已wordpress下载经布置好自己的 HTML站点地图了！
但wordpress website列表的开头还是小黑点的样子，如下图这样的。
想要改成下图样式或自定义样式的继续。
首先，搜索安装 CSS Plus 插wordpress件，它可以让我们给文章、页面添加自定义 CSS。
然后，继续编辑 文章地图 页面，刷新后编辑区下面会出现一个 CSS Editor 框。
添加以下代码（/wordpress官网**/ 中注释去掉）：
|
1
2
3wordpress.com
4
5
6
7
8
9
10
11
12
|
/* 一wordpress主题级标题前的列表样式，图片wordpress主题 */
ul.wwordpress hostingsp–posts–list{wordpress.com
list–stwordpress主题ylwordpress hostinge:url(‘https://i.loli.net/201wordpress hosting8/01/wordpress教程03/5awordpress官网4ca42750b2c.png’);
}
/* 二级标题前的wordpress列表wordpress hosting样式，实心圆点wordpress官网 */
ulwordpress.com.wsp–posts–listul{
list–stylwordpresse:disc;
}
/* 三级标题前的列wordpress website表样式，空心圆点 */
ul.wsp–powordpress websitests–lwordpress.comist ul.wswordpress.comp–wordpress hostingpowordpress hostingsts–list li.wsp–pwordpress.comostwordpress hosting{
list–style:circwordpress.comle;
}
|
其中， list-style:uwordpress.comrl(wordpress下载'URL');wordpress官网 中wordpress的 URL 为要显示的图片的链接，可以在 Iconfwordpress教程ont 获取喜欢的图标，选择 16×1wordpress hosting6 的规格，下载 PNwordpress教程G 格式。
上传至图床（推荐wordpress website SM.MS 等），获得链接地址wordpress.com，替换 URL 即可。
保存发布。完成！wordpress
结语
站点文章列表配置起来很容易，相关插件wordpress hosting也不少，不想折腾的按默认样式就行，感wordpress教程兴趣儿的也可以自定义美化wordpress.com！给自己wordpress.com的博客配置wordpress hosting一个文章列表wordpress hosting，既方wordpress.com便访客快速浏览网站内容，也对搜索引擎友好，博wordpress下载客必备。
Go 2 Think 原创文章，转载请注wordpress主题明来源及原文链接