在即时文章fb的内容中添加相关文章
add related articles inside content of an instant articles fb
我需要在即时文章的内容中添加一些相关的帖子。
我使用这个 WordPress 插件:
https://github.com/Automattic/facebook-instant-articles-wp
我的帖子有:
<ul class="related-article">
<li>
<a href="http://example.com/"></a>
</li>
</ul>
我将其添加到我的转换器规则中
{
"class": "RelatedArticlesRule",
"selector": ".related-article"
},
{
"class": "RelatedItemRule",
"selector": ".related-article li",
"properties": {
"related.url": {
"type": "string",
"selector": "a",
"attribute": "href"
}
}
}
但在 transformer 标记中,相关的 ul 不存在。
我需要这样的东西:
<ul class="op-related-article">
<li>
<a href="http://example.com/"></a>
</li>
</ul>
看起来相关文章项目只在 RelatedArticlesRule
中检查,所以您的选择器是错误的。
这应该有效:
{
"class": "RelatedArticlesRule",
"selector": "ul.related-article",
"properties" : {
"related.title" : {
"type" : "string",
"selector" : "ul.related-article",
"attribute": "title"
}
}
},
{
"class": "RelatedItemRule",
"selector": "li",
"properties": {
"related.url": {
"type": "string",
"selector": "a",
"attribute": "href"
}
}
}
我需要在即时文章的内容中添加一些相关的帖子。 我使用这个 WordPress 插件:
https://github.com/Automattic/facebook-instant-articles-wp
我的帖子有:
<ul class="related-article">
<li>
<a href="http://example.com/"></a>
</li>
</ul>
我将其添加到我的转换器规则中
{
"class": "RelatedArticlesRule",
"selector": ".related-article"
},
{
"class": "RelatedItemRule",
"selector": ".related-article li",
"properties": {
"related.url": {
"type": "string",
"selector": "a",
"attribute": "href"
}
}
}
但在 transformer 标记中,相关的 ul 不存在。 我需要这样的东西:
<ul class="op-related-article">
<li>
<a href="http://example.com/"></a>
</li>
</ul>
看起来相关文章项目只在 RelatedArticlesRule
中检查,所以您的选择器是错误的。
这应该有效:
{
"class": "RelatedArticlesRule",
"selector": "ul.related-article",
"properties" : {
"related.title" : {
"type" : "string",
"selector" : "ul.related-article",
"attribute": "title"
}
}
},
{
"class": "RelatedItemRule",
"selector": "li",
"properties": {
"related.url": {
"type": "string",
"selector": "a",
"attribute": "href"
}
}
}