Use WP Display Header plugin with animated home page header

  • I am trying to use an html5 animated header (created with Sencha Animator) on the Home page and use the WP Display Header plugin to display different headers on all other pages. I am using the presswork theme.

    So far I can either use the animated header by putting it in an iframe or use WP Display Header to display different headers on each page.

    Here is the html file I’m using in pastebin.

    This is the code in the header.php file for presswork theme:

    <?php
/**
 * The template for displaying the header.
 *
 * Displays all of the <head> section and everything up till <ul id="main-wrapper">
 * Includes all the action blocks for the header.
 *
 * @since PressWork 1.0
 */
 ?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<!--[if IE]><![endif]-->
<!--[if lt IE 9]>
<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<title><?php wp_title('|',true,'right'); ?><?php bloginfo('name'); if(is_front_page()) { echo ' | '; bloginfo('description'); } if ( $paged > 1 ) { echo (' | Page '); echo $paged; } ?></title>
<link rel="profile" href="https://gmpg.org/xfn/11" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php pw_header_css(); ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php $favicon = pw_theme_option('favicon'); if(!empty($favicon)) echo '<link rel="shortcut icon" type="image/x-icon" href="'.$favicon.'" />'."\n"; ?>
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width" />
<?php wp_head(); ?>
</head>

<!--[if lt IE 7 ]> <body <?php body_class("ie6"); ?>> <![endif]-->
<!--[if IE 7 ]>    <body <?php body_class("ie7"); ?>> <![endif]-->
<!--[if IE 8 ]>    <body <?php body_class("ie8"); ?>> <![endif]-->
<!--[if IE 9 ]>    <body <?php body_class("ie9"); ?>> <![endif<]-->
<!--[if (gt IE 9)|!(IE)]><!--> <body <?php body_class(); ?>> <!--<![endif]-->

<?php pw_actionCall('pw_body_top'); ?>
<div id="body-wrapper" class="clearfix">

<!--	<iframe src="https://localhost:8888/karentestweb.com/wp-content/themes/presswork-child/headerframenew.html" height="390" width="930">Alice Teeter Poetry</iframe> -->

    <header id="header-main" role="banner"> <!-- begin header -->

		<?php pw_actionBlock('pw_header'); ?> 	

    </header> <!-- end header -->

    <ul id="main-wrapper">

    Please help, I have no hair left on my head. I have scoured wp codex and support pages to no avail.

  • The topic ‘Use WP Display Header plugin with animated home page header’ is closed to new replies.