Magento Header into WordPress

How to pull the Magento header and footer into WordPress

Update: Notice this post is 5+ years old which means this post is ancient in the online world. Some or all of the solution in this post may or may not work currently for your project.

Recently I had a client that was running a Magento eCommerce store and wanted to use WordPress as their blog CMS. That is all fine and dandy as we just installed WordPress in a subdirectory and had it up and running in no time. The next tasks was to make the WordPress blog look like it is integrated into the Magento store by pulling the Magento header and footer into the WordPress theme.

To do this, I ended up using cURL to fetch the HTML of the Magento header between two comment tags.. For example, here is the header.php of the WordPress theme.

 * The Header for our theme.
 * Displays all of the <head> section and everything up till <div id="main">
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html <?php language_attributes(); ?>>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<?php wp_head(); ?>

//URL of targeted site  
$url = "";  
$ch = curl_init();  
// set URL and other appropriate options  
curl_setopt($ch, CURLOPT_URL, $url);  
curl_setopt($ch, CURLOPT_HEADER, 0);  
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);  
// grab URL and pass it to the browser  
$output = curl_exec($ch);  

//Regular expression to excerpt the targeted portion  
preg_match('/<!-- STARTHeaderContainer -->(.*?)<!-- ENDHeaderContainer -->/s', $output, $matches);  

echo $matches[0];  
// close curl resource, and free up system resources  

<body <?php body_class(); ?>>
<div class="blog-title">
			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="Outdoor Journal" rel="home">Outdoor Journal</a></h1>

<div id="page" class="hfeed site">

	<div id="main" class="wrapper">

You can see around line 36 that I set the URL to fetch to a blank Magento page that was created in Magento. Then around line 48 a regular expression was setup to look for and grab everything between two comment tags.

To setup these comment tags, you will want to edit the .phtml file that the page you are fetching in line 36 is using. To do this, navigate to app/design/frontend/default/themename/template/page/1column.phtml(or whatever page template your page is using in line 36)

 * Magento
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to so we can send you a copy immediately.
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to for more information.
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2012 Magento Inc. (
 * @license  Academic Free License (AFL 3.0)
 * Template for Mage_Page_Block_Html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="<?php echo $this->getLang() ?>" lang="<?php echo $this->getLang() ?>">
<?php echo $this->getChildHtml('head') ?>
<?php $bgColor = Mage::helper('gdtheme')->getThemeColor(); ?>
<body<?php echo $this->getBodyClass()?' class="'.$this->getBodyClass().' '.$bgColor.'"':'' ?>>
<?php echo $this->getChildHtml('after_body_start') ?>
<div class="wrapper">
    <?php echo $this->getChildHtml('global_notices') ?>
    <div class="page">
        <!-- STARTHeaderContainer --><?php echo $this->getChildHtml('header') ?><!-- ENDHeaderContainer -->
        <div class="main-container col1-layout">
            <div class="main">
                <div class="section group">
                    <?php echo $this->getChildHtml('breadcrumbs') ?>
                    <div class="col-main">
    					<div class="col-main-top section group"></div>
    						<?php echo $this->getChildHtml('global_messages') ?>
    						<?php echo $this->getChildHtml('content') ?>
    					<div class="col-main-end section group"></div>
        <!-- STARTFooterContainer --><?php echo $this->getChildHtml('footer') ?><!-- ENDFooterContainer -->

        <?php echo $this->getChildHtml('before_body_end') ?>
<?php echo $this->getAbsoluteFooter() ?>

You can see around line 43, I inserted the two comment tags that cURL is looking for. Now when your WordPress header loads, it will pull the Magento header. Duplicate the above steps to do the same if you need to pull in the Magento footer as well.

Hope this helps anyone out there looking for a quick and easy solution.