Sort Page Content by DIV ID

I’m currently working on a WordPress website that has pages with content populated by a API plugin.

I’m trying to rebuild each page using YOOtheme templates. Yootheme has created a page Builder that supports Dynamic Content. The method I’m using is to create a new page that will load dynamic content from an API page. For example, About US (API page) feeds content to About US (YOOtheme Builder page).

The API page breaks down content using DIV ID’s. For example:

API About US page
<div id="aboutus-content-main">
<h1>About Us</h1>
<h2>Who Are We?</h2>
At [rp_store_info key='store_title'], we are dedicated to the provision of innovative...
</div>
<div id="aboutus-sidebar">
<h3>Contact Details</h3>
US Toll Free Phone: <strong>[store_phones number="us_toll_free"]</strong>
US International: <strong>[store_phones number="us_international"]</strong>...
</div>

My method is working to load the entire API page content but I want to break it up by loading content based only by the DIV ID.

Is there a plugin or javascript that can help sort content by the DIV ID’s? That way I can display certain content from a page to a widget or content block.

• This topic was modified 4 years, 3 months ago by aepwp.
• This topic was modified 4 years, 3 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic