WP-AutoPost采集设置,如何设置CSS选择器

源地址:https://www.ctvol.com/seoomethods/2391.html

我们都知道WP-AutoPost自动采集是wordpress中不错的定时采集插件,只要设置好之后就不需要再去实时观察,给我们网站资料更新增加了不少助力,它不类似软件采集器需要人工开始暂停,只要你设置好后,它就会定点采集更新的文章。下面我们来看看WP-AutoPost如何选择css选择器:

首先要使用WP-AutoPost设置采集规则,只需要掌握基本的CSS选择器知识即可。

WP-AutoPost采集 基础css选择器

选择器示例含义
h1标签选择器,匹配所有使用<h1>标签的元素
a标签选择器,匹配所有使用<a>标签的元素
.infoclass选择器,匹配所有class属性等于info的元素
#infoid选择器,匹配所有id属性等于footer的元素

class选择器前面有 号,如 .some_word

id选择器使前面有 # 号,如 #some_word

例如某篇文章的标题HTML代码如下:

.entry-title-css选择器

因此该文章标题的CSS选择器就是  .entry-title

如果是:

#artibodyTitle-css选择器

该文章标题的CSS选择器就是  #artibodyTitle

例如某篇文章的正文内容HTML代码如下:

.entry-css选择器

该文章内容的CSS选择器就是  .entry

WP-AutoPost采集 后代元素选择器

选择器示例含义
div  p匹配所有在<div>元素内部的<p>标签元素
div  li  a匹配所有在<li>元素内部的<a>标签元素,并且<li>元素又在<div>元素内部
.contList  a匹配所有在 class属性等于contList元素内部 的<a>标签元素
#contList  a匹配所有在 id属性等于contList元素内部 的<a>标签元素
#contList  li  a匹配所有在 <li>元素内部的<a>标签元素,并且<li>元素又在 id属性等于contList元素内部 

后代元素选择器,每个元素之间用空格隔开

例如要设置文章来源选项卡里的文章网址CSS选择器,文章列表网址里每篇文章超链接HTML代码如下:

.contList  a-文章网站选择器

因为每篇文章的网址(a 标签)都在class=“contList”的元素内部,所以该文章网址CSS选择器可以设置为  .contList  a

在上面例子中因为<a>标签也在<li>标签内部,因此也可以设置为 .contList  li  a

同理<li>标签又在<ul>标签内部,因此也可以设置为 .contList  ul  li  a

以上3个设置都是等价的。

只是相关用哪一种,就用那一种,这样的话省时省力,大多都是用第一个逼格搞,如果是健忘的话,就用第三个,这样自己去审查的时候会第一时间定位到错误的地方。比较工作量大的用细一点的,这样排查问题的时候,不至于找不到东西南北。

  • 10
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值