Sign Up!

Features
MLS Coverage
Pricing
FAQ
News
Signup

Search the Knowledgebase

Loading
Getting Started Guide
Email Support
Add IDX Synchronization Tags to the TwentyEleven WordPress Theme
Article Details

Last Updated
4th of May, 2012
Would you like to...
Print this page Print this page
Email this page Email this page
Post a comment Post a comment
Subscribe me
Add to favorites Add to favorites
Remove Highlighting Remove Highlighting
Edit this Article Edit this Article
Edit this Article Quick Edit
Export to PDF
User Opinions (563 votes)
100% thumbs up 0% thumbs down
How would you rate this answer?
Helpful
Not helpful
Synchronization Tag implementation is intended for advanced developers familiar with PHP and WordPress development.
Because of the vast amount of WordPress themes available, we are unable to provide detailed support for each. The following article is only intended as a reference, due to the changing nature of themes and WordPress itself. For further assistance, please contact the theme developer.

If you are using the Thesis theme, click here.
If you are using the AgentPress theme, click here.
If you are using the Arjuna theme, click here.
If you are using the Atahualpa theme, click here.

Note: If you don't already have the IDX Broker plugin installed, you may download it here. If you decide not to use the plugin, click here to view the code that you will need to add to your custom-functions.php file.

The Synchronization Tags tell our servers where to extract the header and footer content from your website.

  1. To add your start and stop tags, first go to your Wordpress Theme Editor:

  2. Next, click on the Main Index Template (index.php) page to open your Theme file in the WordPress Editor. If you plan to use a page other than the home page, you will need to add the Synchronization Tags to Page Template (page.php) as well. The rest of the steps below work for both the  Main Index Template and the Page Template.

  3. In this example, we are using the default Twenty Eleven theme. The Twenty Eleven theme uses an id called "content" to determine placement of content on the page. Find the HTML tag called <div id="content" role="main"> . This tag is sometimes referred to as the "opening wrapper" because it wraps the content area of the page in a way the separates the content from the header and footer content of the site. It's usually located shortly below the "get_header();" function.

  4. For the Twenty Eleven theme, add <div id="idxStart" style="display:none;"></div> DIRECTLY BELOW the tag shown above. This script tells our servers to pull the HTML from everything above the placement of this tag.


  5. Place <div id="idxStop" style="display:none;"></div> directly above the closing </div> tag. Twenty Eleven makes it easy to identify the closing </div> tag, because they've included <!-- #content --> behind it.

  6. Next, follow these instructions to tell IDX Broker which page to use for the dynamic wrapper. Our servers will automatically detect the tags on this page, and wrap your IDX pages with the design of your site - instant integration on every page load!
Related Articles
No related articles were found.
Attachments
No attachments were found.

Continue