To get a specific <div> from a WordPress page, you can use WordPress functions and template tags in your theme's template files or in a custom plugin. Here's a step-by-step guide on how to do it:

  1. Identify the Page ID or Page Slug: First, you need to identify the specific WordPress page from which you want to get the <div>. You can do this by either knowing the page ID or the page slug (a user-friendly URL identifier for the page).

  2. Create a Custom Page Template (Optional): If you want to customize the output of the page or have specific code related to fetching the <div>, you can create a custom page template. To create a custom page template, duplicate your theme's page.php file and name it something like page-custom.php.

  3. Open the Page Template File: Open the template file you want to use for the specific page (e.g., page.php or page-custom.php).

  4. Use get_post_field Function: Inside the template file, use the get_post_field function to get the post content of the specific page. This function allows you to fetch specific fields of a WordPress post, such as the post content.

  5. Parse the Content to Extract the <div>: Once you have obtained the post content using get_post_field, you can use PHP DOM manipulation or regular expressions to extract the specific <div> you want from the content.

Here's an example of how to achieve this using PHP DOM manipulation:

<?php // Template file (e.g., page.php or page-custom.php) // Get the page ID or slug (change 'your-page-slug' to your actual page slug) $page_id_or_slug = 'your-page-slug'; // Get the post object for the specific page $page = get_page_by_path($page_id_or_slug); if ($page) { // Get the post content $post_content = get_post_field('post_content', $page->ID); // Create a DOMDocument and load the post content $dom = new DOMDocument(); @$dom->loadHTML($post_content); // Use "@" to suppress any HTML parsing errors // Use DOMXPath to find the specific div (change 'your-div-id' to the ID of the div you want) $xpath = new DOMXPath($dom); $div_id = 'your-div-id'; $div = $xpath->query("//*[@id='$div_id']")->item(0); if ($div) { // Output the content of the specific div echo $dom->saveHTML($div); } else { echo 'Div not found.'; } } ?>

Remember to replace 'your-page-slug' with the slug of the specific page you want to retrieve the <div> from, and 'your-div-id' with the ID of the <div> you are trying to fetch.

Please note that using regular expressions for parsing HTML is generally not recommended as it can be error-prone. Using PHP DOM manipulation is a safer and more reliable approach for working with HTML content in WordPress.

Have questions or queries?
Get in Touch