Hilman Ali Photoblog: wordpress theme

Tuesday, November 8, 2016

Hide Wordpress header image on specific URL

Objective: Hide Wordpress header image on specific URL

Target URL: All URL except http://hilmanali.com/blog/

Theme: Sorbet (child)

File name: header.php

Original code:

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<?php do_action( 'before' ); ?>
<header id="masthead" class="site-header" role="banner">
<?php if ( get_header_image() ) : ?>
<a href="<?php echo esc_url( home_url( '/blog' ) ); ?>" rel="home">
<img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="">
</a>
<?php endif; // End header image check. ?>
<div class="site-header-wrapper">
<div class="site-branding">
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/blog' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</div>

Modified code:

<body <?php body_class(); ?>>
<?php
global $wp;
$current_url = add_query_arg( $wp->query_string, '', home_url( $wp->request ) );
$is_specific_network = stripos( $current_url, 'http://hilmanali.com/blog/page/' );
?>
<div id="page" class="hfeed site">
<?php do_action( 'before' ); ?>
<header id="masthead" class="site-header" role="banner">
<?php if( $is_specific_network !== false ) { ?>
<?php } else { ?>
<a href="<?php echo esc_url( home_url( '/blog' ) ); ?>" rel="home">
<img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="">
</a>
<?php } ?>
<div class="site-header-wrapper">
<div class="site-branding">
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/blog' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</div>

Screenshots:

Sunday, January 4, 2015

Wordpress theme Tracks - Random background for non thumbnail posts

Just a simple note for myself, unless there is a reader out there :-)

This article is about to modify the Wordpress theme Tracks, which is basically will display a random background in non-thumbnail (featured image) posts. Here we go;

Create images with name "background_1.jpg" to "background_12.jpg" in running numbers and place into "images/" folder in root (example: http://localhost/wordpress/images/)

Insert below style inside <head></head> of "header.php"

<style type="text/css">
.excerpt {
background: url(<?php echo (network_site_url( '/images/background_' )) . (rand(1, 12)) . '.jpg'; ?>) center top;
</style>

Background will be randomized "background_1.jpg" to "background_12.jpg", as per screenshot below:

https://farm6.staticflickr.com/5678/21885487268_95de894406_z_d.jpg

Notes:
- Depending on how many background images, "rand(1, 12)" should be changed accordingly
- This will overwrite the original header.php, in case the theme updated, write the code again
- In my case, each images resized to 1160px width and 1024px height. Not sure what is the ideal resolution thou.

That's it I guess, thanks for reading :-)

Excerpt