Instant Article Builder - How to select two areas/elements with content for the article?

Asked

Viewed 34 times

1

My page has the abstract of the matter and the content in separate elements, I would need to show both in the Article-Instant, but I cannot change the HTML structure of the page.

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>
  • Translate your post, here is the en stackoverflow will be easier to get someone to help you.

  • Thanks for the tip.

1 answer

0


I found a solution through the tool features:

I added a selector to the common parent and selected all content allowed and not allowed in the rules respectively, Pass Through and Ignore.

Selectors on Pass Through: .Summary-content,. Summary-news,. slot-g,. text

<div class="ia-content">
    <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>
</div>

Browser other questions tagged

You are not signed in. Login or sign up in order to post.