CODEWITHSUNDEEP
phpwordpress
user1652997
user1652997

Reputation:

Parent pages not display on Wordpress site

I have made three pages on the back end of Wordpress (Work, Studio, CTHM+) but they don't seem to appear on the front end of the site:

http://www.cthm.co.uk/work/

The header.php file has been edited but I'm not sure if I am missing something vital.

<?php
/**
 * 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(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<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>
<![endif]-->
<?php wp_head(); ?>

    <script type="text/javascript" src="http://www.cthm.co.uk/wp-content/themes/child/scripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="http://www.cthm.co.uk/wp-content/themes/child/scripts/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="http://www.cthm.co.uk/wp-content/themes/child/scripts/jquery.coda-slider-2.0.js"></script>

    <script type="text/javascript">
        $().ready(function() {
            $(".slider1").codaSlider({dynamicArrows: false, dynamicTabs: false} );          
            $(".slider1 .coda-nav-right-wrapper").mouseover(function(){ $(".nav1").css("display", "block"); });     
            $(".slider1 .coda-nav-right-wrapper").mouseout(function(){ $(".nav1").css("display", "none"); });
            $("#coda-nav-right-1 > a > .coda-nav-right-wrapper")
        }); 
    </script>   
</head>

    <body>

    <div id="header">

        <h1>
            <a href="http://www.cthm.co.uk/work">
                <img src="http://www.cthm.co.uk/wp-content/uploads/2013/02/logo2.png" alt="CTHM Logo" id="logo" width="140" height="44" />  
            </a>

<div id="contact-details">
26 Queen Anne Road, <br />
London, E9 7AH<br />
<a href="mailto:[email protected]">[email protected]</a>
</div>

        </h1>

    </div>

    <div id="content">

Upvotes: 0

Views: 144

Answers (1)

Robert Lee
Robert Lee

Reputation: 1561

Your header is showing but your code is wrong. You need to add your script inside of a no conflict wrapper for it to work properly. And if you are going to add any type of javascript I would consider adding it to the functions.php section so that it enqueue's appropriately.

Reference: http://codex.wordpress.org/Function_Reference/wp_enqueue_script#Link_a_Theme_Script_Which_Depends_on_jQuery

How to enqueue script: http://codex.wordpress.org/Function_Reference/wp_enqueue_script

Also if you plan to make a ton of changes to the twenty twelve theme, I would also consider understanding how to create a child theme based on the twenty twelve theme http://codex.wordpress.org/Child_Themes

Upvotes: 1

Related Questions