My site has suddenly started not showing featured content graphics or my logo on single post pages, however shows normally on all other pages.
For example this page shows the logo top left: http://totallybigbrother.co.uk/news/
and this page doesn't: http://totallybigbrother.co.uk/big-brother-2014-housemates-first-impressions/
Also, on the second link, the 'Related Posts' area near the bottom was previously 4 images with wording below them.
This has happened on it's own. Does anyone have any suggestions? Thank you in advance.
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<?php global $data ?>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"/>
<title><?php wp_title('«', true, 'right'); bloginfo('name'); ?> - <?php bloginfo('description'); ?> </title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php if(is_rtl()) { ?>
<link rel="stylesheet" href="<?php echo Lioit_URI; ?>/rtl.css" type="text/css" media="screen" />
<?php } else {?>
<?php }?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<?php if(!empty($data['custom_favicon'])) { ?><link rel="icon" type="image/png" href="<?php echo $data['custom_favicon']; ?>" /><?php } ?>
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<?php echo stripslashes($data['code_header']); ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php require Lioit_TM . '/css.php';?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.totallybigbrother.co.uk/wp-content/themes/liomagazine/ddimgtooltip.css" />
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<script type="text/javascript" src="http://www.totallybigbrother.co.uk/wp-content/themes/liomagazine/ddimgtooltip.js">
<?php if(is_front_page()) { ?>
<style> .mainWidgets { margin-top:-363px !important} </style>
<?php }; ?>
/***********************************************
* Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<!-- BEGIN Tynt Script -->
<script type="text/javascript">
if(document.location.protocol=='http:'){
var Tynt=Tynt||[];Tynt.push('dZ977cXJir44ASacwqm_6r');
(function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();
}
</script>
<!-- END Tynt Script -->
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php if($data['theme_width'] == 'fixed') { ?>
<div id="fixedContainer">
<?php } else { ?>
<div id="container">
<?php }?>
<div id="header" class="loadSmooth">
<div id="logo">
<?php if($data['custom_logo'] !='') { ?>
<a href="<?php echo home_url(); ?>/" title="<?php bloginfo( 'name' ); ?>" rel="home">
<img src="<?php echo $data['custom_logo']; ?>" alt="<?php bloginfo( 'name' ) ?>" />
</a>
<?php } else { ?>
<a href="<?php echo home_url(); ?>/" title="<?php bloginfo( 'name' ); ?>" rel="home">
<img src="<?php echo Lioit_IMG; ?>/logo.png" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" />
</a>
<?php } ?>
</div><!--End Logo-->
<div id="banner">
<center>
<script type="text/javascript" language="javascript" src="http://www2.glam.com/app/site/affiliate/viewChannelModule.act?mName=viewAdJs&affiliateId=1648491755&adSize=728x90"></script>
</center>
</div>
<div id="content" class="loadSmooth">
<!--End Banner-->
</div><!--End Main Header-->
</div><!--End Header-->
<div class="topBar loadSmooth">
<div class="inner">
<div id="hmbar">
<div style="padding-left:0px; margin-top: -1px; margin-left: 18px;">
</div>
<div style="margin: -50px auto auto -3px; position: static; width: 990px; ">
<a href="http://totallybigbrother.co.uk/ash-harrison/" rel="imgtip[15]">
<img src="http://totallybigbrother.co.uk/Housemates/ASH%20HARRISON.png" style="margin-top:4px" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/ashleigh-coyle/" rel="imgtip[13]">
<img src="http://totallybigbrother.co.uk/Housemates/ASHLEIGH%20COYLE.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/mark-byron/" rel="imgtip[2]">
<img src="http://totallybigbrother.co.uk/Housemates/MARK%20BYRON.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/helen-wood/" rel="imgtip[3]">
<img src="http://totallybigbrother.co.uk/Housemates/HELEN%20WOOD.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/new-housemate-pavandeep-paul-profile/">
<img src="http://totallybigbrother.co.uk/wp-content/uploads/2014/07/PAVANDEEP-PAUL.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/steven-goode/" rel="imgtip[4]">
<img src="http://totallybigbrother.co.uk/Housemates/STEVEN%20GOODE.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/winston-showan/" rel="imgtip[6]">
<img src="http://totallybigbrother.co.uk/Housemates/WINSTON%20SHOWAN.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/christopher-hall/" rel="imgtip[9]">
<img src="http://totallybigbrother.co.uk/Housemates/CHRISTOPHER%20HALL.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/chris-r-wright/" rel="imgtip[12]">
<img src="http://totallybigbrother.co.uk/Housemates/CHRIS%20R%20WRIGHT.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/tamara-steward-wood/" rel="imgtip[1]">
<img src="http://totallybigbrother.co.uk/Housemates/TAMARA%20STEWART-WOOD%20evicted.png" alt="Housemate"></a>
<a href=" http://totallybigbrother.co.uk/danielle-mcmahon/" rel="imgtip[5]">
<img src="http://totallybigbrother.co.uk/wp-content/uploads/2014/07/DANIELLE-McMAHON-evicted.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/matthew-davies/" rel="imgtip[7]">
<img src="http://totallybigbrother.co.uk/Housemates/MATTHEW%20DAVIES evicted.png" alt="Housemate"></a>
<a href=" http://totallybigbrother.co.uk/kimberly-kisselovich/" rel="imgtip[8]">
<img src="http://totallybigbrother.co.uk/wp-content/uploads/2014/07/KIMBERLY-KISSELOVICH-evicted.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/pauline-bennett/" rel="imgtip[10]">
<img src="http://totallybigbrother.co.uk/Housemates/PAULINE%20BENNETT%20evicted.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/toya-washington/" rel="imgtip[11]">
<img src="http://totallybigbrother.co.uk/wp-content/uploads/2014/06/TOYA-A-WASHINGTON-EVICTED.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/marlon-wallen/ " rel="imgtip[14]">
<img src="http://totallybigbrother.co.uk/wp-content/uploads/2014/07/MARLON-WALLEN-evicted.png" alt="Housemate"></a>
<a href="http://totallybigbrother.co.uk/jale-karaturp/" rel="imgtip[16]">
<img src="http://totallybigbrother.co.uk/wp-content/uploads/2014/07/JALE-KARATURP-evicted.png" alt="Housemate"></a>
</div></div>
<nav>
<?php if ( has_nav_menu( 'mainmenu' ) ) { ?>
<?php wp_nav_menu ( array( 'menu_id' => 'topNavigation','container'=> '', 'theme_location' => 'mainmenu' )); ?>
<?php } else { ?>
<ul id="topNavigation">
<li class="active <?php if (is_home()) {echo "current_page_item";} ?>"><?php _e('Home' , 'lioit' ) ?></li>
<?php wp_list_pages(array(
'title_li' => false
)); ?>
</ul>
<?php } ?>
</nav>
<div class="topRss">
<?php if(!empty($data['social_header'])) { ?>
<?php require Lioit_TM . '/social.php';?>
<?php } ?>
</div><!--End topRss-->
</div><!--End Top Bar Content-->
</div><!--End TopBar-->
<div id="mainNavigation" class="navigation loadSmooth">
<div class="inner">
<nav class="primary container">
<?php if ( has_nav_menu( 'mainnav' ) ) { ?>
<?php wp_nav_menu ( array( 'menu_id' => 'dropmenu','container'=> 'ul', 'theme_location' => 'mainnav' )); ?>
<?php } else { ?>
<ul id="dropmenu">
<li class="<?php if (is_home()) {echo "current_page_item";} ?> home"><?php _e('Home' , 'lioit' ) ?></li>
<?php wp_list_categories('title_li=');?>
</ul>
<?php } ?>
</nav>
</div><!--End Main Menu--></div><!--End Main Menu-->
<div id="pushdown" style="margin:0 auto; width:970px;">
<script type="text/javascript" src="http://www2.glam.com/app/site/affiliate/viewChannelModule.act?mName=viewAdJs&affiliateId=1648491755&adSize=970x66"> </script>
</div>
<div id="content" class="loadSmooth">
<?php if( is_front_page()) { ?>
<?php if($data['disable_top_bar'] != '0') { ?>
<div class="notification ondemand hide">
<?php if(!empty($data['note'])) { ?>
<p><?php echo $data['note']; ?><?php echo $data['note_text']; ?></p>
<?php } ?>
<a class="close" href="javascript:">
<img src="<?php echo get_template_directory_uri(); ?>/images/icon-close.png" />
</a>
</div>
<?php } ?>
<?php } ?>
<?php if($data['newsticker'] != '0') {
require Lioit_TM . '/ticker.php';
} else {
} ?>
<?php require Lioit_TM . '/top.search.php';?>
The code which creates the related content:
<?php if(!empty($data['show_related'])) { ?>
<?php require Lioit_TM . '/related.php';?>
<?php } ?>
The database errors
wp_users: 1 client is using or hasn't closed the table properly
wp_usermeta: 4 clients are using or haven't closed the table properly
wp_posts: 5 clients are using or haven't closed the table properly
wp_comments: 2 clients are using or haven't closed the table properly
wp_options: 8 clients are using or haven't closed the table properly
wp_postmeta: 8 clients are using or haven't closed the table properly
wp_terms: 4 clients are using or haven't closed the table properly
wp_term_taxonomy: 4 clients are using or haven't closed the table properly
wp_term_relationships: 4 clients are using or haven't closed the table properly
wp_commentmeta: 2 clients are using or haven't closed the table properly
Replace everything from id="logo" to <!--End Logo--> with the below if it still does not work then the page is using different template.
<div id="logo">
<a href="http://totallybigbrother.co.uk/" title="Totally Big Brother 2014 UK on Channel 5" rel="home">
<img src="http://totallybigbrother.co.uk/wp-content/uploads/2014/05/logomobile1.png" alt="Totally Big Brother 2014 UK on Channel 5">
</a>
</div>
Related
This question already has answers here:
PHP parse/syntax errors; and how to solve them
(20 answers)
Closed 5 years ago.
I'm new here and I'm not sure how to properly ask this question.My goal is to change href for my logo in wordpress, there's no easy setting within wordpress so I decided to change code itself. error that I got is "Parse error: syntax error, unexpected '<' in /home/gtacontr/public_html/mississaugacardetailing.ca/blog/wp-content/themes/publisherly/header.php on line 38". Below is my code, can someone please tell me why I got this error and how can I fix it
<?php
/**
* The header for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* #link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* #package Publisherly
*/
?><!DOCTYPE html>
<html class="no-js" <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'publisherly' ); ?></a> <!-- add this reference in code -->
<header id="masthead" class="site-header" role="banner">
<div class="header-wrapper">
<div class="site-branding">
<a href="http://www.mississaugacardetailing.ca">
//<?php
// Display the Custom Logo
<img width="2000" height="666" src="http://www.mississaugacardetailing.ca/blog/wp-content/uploads/2017/06/cardetailinglogo.png" class="custom-logo" alt="" itemprop="logo" srcset="http://www.mississaugacardetailing.ca/blog/wp-content/uploads/2017/06/cardetailinglogo.png 2000w, http://www.mississaugacardetailing.ca/blog/wp-content/uploads/2017/06/cardetailinglogo-300x100.png 300w, http://www.mississaugacardetailing.ca/blog/wp-content/uploads/2017/06/cardetailinglogo-768x256.png 768w, http://www.mississaugacardetailing.ca/blog/wp-content/uploads/2017/06/cardetailinglogo-1024x341.png 1024w" sizes="(max-width: 2000px) 100vw, 2000px"></a>
/* if ( has_custom_logo() ) {
the_custom_logo();
} else {
if ( is_front_page() && is_home() ) : ?>
</a>
<h1 class="site-title"> rel="home"><?php bloginfo( 'name' ); ?></h1>
<?php else : ?>
<p class="site-title"> rel="home"><?php bloginfo( 'name' ); ?></p>
<?php endif;
}
?> */
</div><!-- .site-branding -->
<?php if ( has_nav_menu( 'primary' ) ) : ?>
<a id="menu-toggle" class="menu-toggle" href="#"><!-- <i class="fa fa-bars"></i>--> <?php _e( 'Menu', 'publisherly' ); ?></a>
<div id="site-header-menu" class="site-header-menu">
<?php if ( has_nav_menu( 'primary' ) ) : ?>
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'publisherly' ); ?>">
<?php
wp_nav_menu( array(
'theme_location' => 'primary',
'menu_class' => 'primary-menu',
) );
?>
</nav><!-- .main-navigation -->
<?php endif; ?>
</div><!-- .site-header-menu -->
<?php endif; ?>
</div><!-- /header-wrapper -->
</header><!-- .site-header -->
You should comment it this way
<!--?php // Display the Custom Logo -->
<img width="2000" height="666" src="..." sizes="(max-width: 2000px) 100vw, 2000px"></a>
<!-- if ( has_custom_logo() ) {
the_custom_logo();
} else {
if ( is_front_page() && is_home() ) : ?>
</a>
<h1 class="site-title"> rel="home"><?php bloginfo( 'name' ); ?></h1>
<!--?php else : ?>
<p class="site-title"> rel="home"><?php bloginfo( 'name' ); ?></p>
<?php endif;
}
?-->
If you notice I just changed the tags so <?php becomes <!--?php and ?> becomes ?-->. This is just a personal prefrenace because it helps me remember where things are, if you left the PHP tags intact they would work as PHP but the output would be inside a comment. I do the same with HTML such as:
<!-- form id="myfrom" action="" >
</form -->
NOTE That said if this is a live site, I might just leave the PHP alone, as you don't want that code displaced in the source for the page.
Here is a sand box that shows what you have wrong sandbox
Cheers.
You need to change near to "" tag inside anchor() tag and make sure you need to comment it or you need to remove this tag if not need. and also remove anchor tag after image tag. please see below code.
<a href="http://www.mississaugacardetailing.ca">
<!--?php
// Display the Custom Logo
?-->
<img width="2000" height="666" src="http://www.mississaugacardetailing.ca/blog/wp-content/uploads/2017/06/cardetailinglogo.png" class="custom-logo" alt="" itemprop="logo" srcset="http://www.mississaugacardetailing.ca/blog/wp-content/uploads/2017/06/cardetailinglogo.png 2000w, http://www.mississaugacardetailing.ca/blog/wp-content/uploads/2017/06/cardetailinglogo-300x100.png 300w, http://www.mississaugacardetailing.ca/blog/wp-content/uploads/2017/06/cardetailinglogo-768x256.png 768w, http://www.mississaugacardetailing.ca/blog/wp-content/uploads/2017/06/cardetailinglogo-1024x341.png 1024w" sizes="(max-width: 2000px) 100vw, 2000px">
<!--?php /* if ( has_custom_logo() ) {
the_custom_logo();
} else {
if ( is_front_page() && is_home() ) : ?-->
</a>
My website is www.rosstheexplorer.com.
I want to have a separate customer header when the site loads on mobile devices, so below 600px and above 601px.
I have attempted to change my header.php code to accomplish this but nothing I have tried has sorted the problem.
Here is my header.php code
<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="content">
*
* #package Penscratch
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title( 'A|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'penscratch' ); ?></a>
<img src="https://i2.wp.com/www.rosstheexplorer.com/wp-content/uploads/2017/05/Cover-Photo-Mobile-Test.jpg">
<img src="https://i2.wp.com/www.rosstheexplorer.com/wp-content/uploads/2017/02/Cover-Photo-6-2.jpg">
<header id="masthead" class="site-header" role="banner">
<div class="site-branding">
<?php if ( function_exists( 'jetpack_the_site_logo' ) ) jetpack_the_site_logo(); ?>
<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</div>
<nav id="site-navigation" class="main-navigation" role="navigation">
<button class="menu-toggle"><?php _e( 'Menu', 'penscratch' ); ?></button>
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
</nav><!-- #site-navigation -->
</header><!-- #masthead -->
<div id="content" class="site-content">
<?php if ( get_header_image() ) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
</a>
<?php endif; // End header image check. ?>
These are the two key lines
<img src="https://i2.wp.com/www.rosstheexplorer.com/wp-content/uploads/2017/05/Cover-Photo-Mobile-Test.jpg">
<img src="https://i2.wp.com/www.rosstheexplorer.com/wp-content/uploads/2017/02/Cover-Photo-6-2.jpg">
As #Michael Coker noted above in the comments
add a CSS class to the 'img' tag for mobile displays
You can then use the class selector - .mobile-header-img in my example below - To hide the mobile header if the screen is bigger than 660px
Then do the opposite for the other image to hide the large image from small displays
See the code below:
#media screen and (min-width: 660px) {
.mobile-header-img {
display: none;
}
}
#media screen and (max-width: 660px) {
.header-img {
display: none;
}
}
<img class="header-img" src="https://i2.wp.com/www.rosstheexplorer.com/wp-content/uploads/2017/02/Cover-Photo-6-2.jpg">
<img class="mobile-header-img" src="https://i2.wp.com/www.rosstheexplorer.com/wp-content/uploads/2017/05/Cover-Photo-Mobile-Test.jpg">
The easiest way to do this is to have one container element (such as a <div>) to hold the header image. Use CSS to assign the background property of this element to one of the images. You can then use media queries in the CSS to adjust the background property (image) as necessary.
Trying to add an image in the header of a wordpress site and it is displaying in firefox but not chrome. the other issue is safari has it cut off from the side. Could anyone give me some insight? Here is my code for the header.php
the website is http://www.cacaobox.com/
<?php
/**
* #package WordPress
* #subpackage Everything
* #since 1.0
*/
?>
<!DOCTYPE html >
<!--[if lt IE 9]>
<html class="no-js ie lt-ie9 <?php the_field('custom_class'); ?>" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 9]> <html class="no-js ie ie9 <?php the_field('custom_class'); ?>" <?php language_attributes(); ?>> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js no-ie <?php the_field('custom_class'); ?>" <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="<?php bloginfo('charset'); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script>
<script src="<?php echo Everything::getInstance()->template_uri; ?>/data/js/selectivizr.min.js"></script>
<![endif]-->
<title>CacaoBox</title>
<?php wp_head(); ?>
<link rel="icon" href="http://www.cacaobox.com/wp-content/uploads/2015/10/favicon.png" type="image/png" rel="shortcut icon" />
<link rel="shortcut icon" http://www.cacaobox.com/wp-content/uploads/2015/10/favicon.png" type="image/png" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_directory'); ?>/Responsive.css" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_directory'); ?>/style.css" />
<body <?php
if (!is_null($background = Everything::io_('layout/background/background', 'general/background/background', '__hidden_ns', '__hidden'))) {
if ($background instanceof \Drone\Options\Option\ConditionalTags) {
$background = $background->option();
}
echo $background->attrs();
} else {
body_class();
}
?>>
<div class="container">
<div id="wrapper">
<div id="top-bar" class="outer-container edge-bar<?php if (Everything::to_('header/top_bar/settings')->value('fixed') || Everything::to_('header/style/settings')->value('fixed')) echo ' fixed'; ?>">
<?php foreach (array('desktop', 'mobile') as $device): ?>
<?php
$items = Everything::to("header/top_bar/{$device}/items", '__hidden', array());
if ($device == 'mobile' && Everything::to_('header/top_bar/settings')->value('mobile_toggle')) {
array_unshift($items, 'mobile_toggle');
}
if (count($items) > 1):
?>
<div class="container <?php echo $device ?>-only">
<section class="section">
<div class="alignleft fixed"><?php
foreach ($items as $item) {
switch ($item) {
case '_':
echo '</div><div class="alignright fixed">';
break;
case 'tagline':
echo '<span>';
if ($device == 'mobile') {
echo Everything::to(array('header/tagline/mobile/text', 'header/tagline/text'), '__hidden', get_bloginfo('description'));
} else {
echo Everything::to('header/tagline/text', '__hidden', get_bloginfo('description'));
}
echo '</span>';
break;
case 'search':
echo \Drone\HTML::div()
->addClass('search-box', is_search() ? 'opened' : null)
->add(preg_replace('/ placeholder="[^"]*"/', '', get_search_form(false)))
->html();
break;
case 'cart':
echo Everything::woocommerceGetCartInfo('small');
break;
case 'menu':
echo '<nav class="top-nav-menu">';
Everything::navMenu('top-bar-'.$device, null, 1);
echo '</nav>';
break;
case 'lang_menu':
if (count(icl_get_languages('skip_missing=0')) > 0) {
echo '<nav class="top-nav-menu lang">';
Everything::langMenu();
echo '</nav>';
}
break;
case 'mobile_toggle':
if (Everything::to_('header/main_menu/visible')->value('mobile')) {
echo '<a id="mobile-section-toggle" title="'.__('Menu', 'everything').'"><i class="icon-menu"></i></a>';
}
break;
}
}
?></div>
</section>
</div><!-- // .container -->
<?php endif; ?>
<?php endforeach; ?>
">
<div class="usda-wrapper">
<div class="usda">
<img src="http://www.cacaobox.com/wp-content/uploads/2016/03/USDA-Organic-Seal.png" style="width:80px"/>
</div>
</div>
<div class="container">
<div class="section">
<span class="helper">
<?php if (Everything::to_('header/main_menu/visible')->value('mobile') && !Everything::to_('header/top_bar/settings')->value('mobile_toggle')): ?>
<a id="mobile-section-toggle" title="<?php _e('Menu', 'everything'); ?>"><i class="icon-menu"></i></a>
<?php endif; ?>
</span>
<?php if (Everything::to_('header/style/settings')->value('centered')) echo '<div>'; ?>
<h1 id="logo"<?php if (Everything::to('header/logo/shrunken', '__hidden')) echo ' class="shrunken"'; ?>>
<?php $name = get_bloginfo('name', 'display'); ?>
<a href="<?php echo esc_url(home_url('/')); ?>" title="<?php echo esc_attr($name); ?>" rel="home"><?php
if (Everything::to_('header/logo/image')->property('image1x')) {
echo Everything::to_('header/logo/image')->image()->alt($name)->html();
} else {
echo $name;
}
?></a>
</h1><!-- // #logo -->
<?php if (Everything::to_('header/main_menu/visible')->value('desktop')): ?>
<nav class="nav-menu main">
<?php Everything::navMenu('main-desktop'); ?>
</nav>
<?php endif; ?>
<?php if (Everything::to_('header/style/settings')->value('centered')) echo '</div>'; ?>
<span class="helper">
<?php echo Everything::woocommerceGetCartInfo('big', Everything::to('header/cart/visible', '__hidden', array())); ?>
</span>
</div>
<div id="mobile-section">
<?php if (Everything::to_('header/main_menu/visible')->value('mobile')): ?>
<nav class="mobile-nav-menu main">
<?php Everything::navMenu('main-mobile'); ?>
</nav>
<?php if (\Drone\Func::wpAssignedMenu('additional-mobile')): ?>
<nav class="mobile-nav-menu additional">
<?php Everything::navMenu('additional-mobile', null, 1); ?>
</nav>
<?php endif; ?>
<?php endif; ?>
</div>
</div><!-- // .container -->
<div class="container">
<?php Everything::beginContent(); ?>
I am a beginner in WP. I want different logo in each page of word press site like for few page of the site i need different logo and different for other. i tried to use conditional statement but as i am beginner so my overall site crashes and have a blank screen. if there is some plugin that can achieve this kind of functionality it would be really a great help.
Can you guide me how to achieve it.
Here is my header.php code i tried to edit it but all in vain.
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<meta name="viewport" content="initial-scale=1">
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/source/vendor/html5.js" type="text/javascript"></script>
<![endif]-->
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner">
<div class="container">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home" class="site-branding">
<!--Editing start from here and i am gona delete all other code from above span section-->
<?php $header_image = get_header_image(); ?>
<h1 class="site-title">
<?php if ( ! empty( $header_image ) ) : ?>
<img src="<?php echo $header_image ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" />
<?php endif; ?>
<span><?php bloginfo( 'name' ); ?></span>
</h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</a>
<nav id="site-navigation" class="site-primary-navigation slide-left">
<i class="icon-cancel-circled"></i> <span><?php _e( 'Close', 'jobify' ); ?></span>
<?php get_search_form(); ?>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu-primary' ) ); ?>
</nav>
<?php if ( has_nav_menu( 'primary' ) ) : ?>
<i class="icon-menu"></i>
<?php endif; ?>
</div>
</header><!-- #masthead -->
<div id="main" class="site-main">
Thanks
Try using something like this.
if(is_page('Blog')){ // the parameter used here is the post_title
echo '<img src="http://yourwebsite.com/path-to-your-image/blog-logo.png" />';
}elseif(is_page('home')){ // the parameter used here is the post slug
echo '<img src="http://yourwebsite.com/path-to-your-image/home-logo.png" />';
}elseif(is_page('42')){ // the parameter used here is the post id
echo '<img src="http://yourwebsite.com/path-to-your-image/other-logo.png" />';
}else{ // else display default logo
$header_image = get_header_image();
}
You can get more info here:
https://codex.wordpress.org/Function_Reference/is_page
Depending on the theme you are using, it's sometimes build-in feature!
I know Arcade Basic which has this custom header feature:
https://wordpress.org/themes/arcade-basic/
There are probably much more theme's which supports this feature by default, search on the 'featured-image-header' and 'flexible-header' tags on the Wordpress site to find more themes....
https://wordpress.org/themes/tags/featured-image-header/
https://wordpress.org/themes/tags/flexible-header/
And maybe 'custom-header' tag?
https://wordpress.org/themes/tags/custom-header/
Finally, there are indeed a lot of plugins, like "WP Header Images", more can be found here:
https://wordpress.org/plugins/search.php?q=header+image&sort=
My wordpress*(a custom template)* nav is all working on all of the pages but now I found out that the Main nav doesn't show on this pages
All pages e.g. search.php, single.php, index.php, page.php all has <?php get_header(); ?>
I really don't know whats wrong.
Here is the code for my header.php
<?php
/**
* #package WordPress
* #subpackage Default_Theme
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes() ?>>
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/sifr.css" type="text/css" />
<script src="<?php bloginfo('template_url'); ?>/js/sifr.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/sifr-config.js" type="text/javascript"></script>
<script src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script>
<?php wp_head(); ?>
</head>
<?php
$current_page = $post->ID;
$parent = 1;
while($parent) {
$page_query = $wpdb->get_row("SELECT post_name, post_parent FROM $wpdb->posts WHERE ID = '$current_page'");
$parent = $current_page = $page_query->post_parent;
if(!$parent) $parent_name = $page_query->post_name;
}
?>
<body id="<?php echo (is_page()) ? "$parent_name" : ((is_home()) ? "blog" : ((is_search()) ? "other" : ((is_single()) ? "blog" : "blog"))); ?>">
<div id="BGtie">
<!--HEAD WRAPPER-->
<div id="headwrapper">
<!--HEADER-->
<div id="headContainer">
<div id="nameTag">
<?php bloginfo('name'); ?>
</div>
<!--TOP NAV-->
<div id="topNav">
<ul>
<li>Home</li>
<li>Request info</li>
<li>Contact us</li>
<?php do_action('icl_language_selector'); ?>
</ul>
</div>
<!--END TOP NAV-->
<!--MAIN NAV-->
<?php if ( is_page() AND (strtolower(ICL_LANGUAGE_CODE) == 'fr') ) {include("main-nav-fr.php");} ?>
<?php if (is_page() AND (strtolower(ICL_LANGUAGE_CODE) == 'en')) include("main-nav-en.php") ?>
<!--END MAIN NAV-->
</div>
<!--END HEADER-->
</div>
<!--END HEAD WRAPPER-->
</div>
<!--MAIN NAV-->
<?php if ( is_page() AND (strtolower(ICL_LANGUAGE_CODE) == 'fr') ) {include("main-nav-fr.php");} ?>
<?php if (is_page() AND (strtolower(ICL_LANGUAGE_CODE) == 'en')) include("main-nav-en.php") ?>
<!--END MAIN NAV-->
is_page() returns false when in blog post. Remove the is_page and you should be fine.
Further reading - http://codex.wordpress.org/Conditional_Tags