Instant Article Builder - Как выбрать две области/элемента с контентом для статьи?

На моей странице есть сводка статьи и содержание в отдельных элементах, мне нужно было бы показать и то, и другое в мгновенной статье, но без изменения структуры HTML страницы.

https://developers.facebook.com/docs/instant-articles/builder

<div class="summary-news">
    <div class="summary-content">
        <h3>Summary</h3>
        <ul>  
            <li> Item 1</li> 
            <li> Item 2</li>
            <li> ... </li>
        </ul>
    </div>
</div>

<div>
    <!-- Other content -->
</div>

<div class="text">
    <!-- Main content -->
</div>

facebook facebook-instant-articles
person Giovanni Oliveira    schedule 03.03.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете изменить GlobalRule в своих настройках, чтобы он относился к любому тегу-оболочке этой полной страницы.

Допустим, у вас есть тег <body> вокруг вашей структуры:

<body>

<div class="summary-news">
<div class="summary-content">
    <h3>Summary</h3>
    <ul>  
        <li> Item 1</li> 
        <li> Item 2</li>
        <li> ... </li>
    </ul>
</div>
</div>

<div>
<!-- Other content -->
</div>

<div class="text">
<!-- Main content -->
</div>

</body>

Затем вам просто нужно изменить свойство article.body в настройках GlobalRule, чтобы получить этот контейнер-оболочку:

{
            "class":"GlobalRule",
            "selector":"html",
            "properties":{
                "article.title":{...},
                "author.url":{...},
                "author.name":{...},
                "author.role_contribution" : {...},
                "author.description" : {...},
                "article.canonical": {...},
                "article.publish": {...},
                "article.body":{
                    "selector":"body",   // Or whatever selector that grabs your container
                    "type":"element"
                },
                "image.url":{...}
            }
        }

Это должно помочь вам.

person Everton Fernandes Rosario    schedule 04.03.2019
comment
Спасибо, это сработало, мне нужно было добавить селекторы в правило Pass Through. '.summary-content,.summary-news,.slot-g,.text' - person Giovanni Oliveira; 06.03.2019
comment
Просто отметьте этот рабочий ответ для дальнейшего использования, @GiovanniOliveira. - person Everton Fernandes Rosario; 30.03.2019