Blog

Kheni – A Free WordPress Theme Based on Story Theme

Kheni is a free WordPress theme created from Story WordPress theme.  This is a nice theme for any type of bloggers.  The tight fit layout gives nice look and feel for blogging.

The Features

  • Kheni has left side bar and content section.
  • It also has got Full Width Page Template.
  • Uses Redux Framework to upload logo.
  • You can add any slider with slider shortcode.

Download And Demo

Kheni WordPress Theme Download

Screenshot

kheni-screenshot

How to remove TwentyTwelve style while creating child theme?

It is general process to remove style of parent theme while creating child theme for any WordPress themes.  In the same way, recently I tried to dequeue style of TwentyTwelve WordPress theme.  But it did not work.

After Googling and with lots of trials and errors, I found that the style needs to be deregistered too.

The following code helped me better in creating child theme for TwentyTwelve WordPress theme.

function ajaxipage_styles() {
		wp_dequeue_style( 'twentytwelve-style' );
		wp_deregister_style( 'twentytwelve-style' );
		wp_enqueue_style( 'twentytwelve-style-2', get_template_directory_uri() . '/style.css' );
		wp_enqueue_style( 'ajaxipage-style', get_stylesheet_directory_uri() . '/style.css' );
	}
	add_action( 'wp_enqueue_scripts', 'ajaxipage_styles', 20 );

This code has to be written in the functions.php of child theme.  The code works in the following way,

  1. First it dequeues the twentytwelve style.
  2. Then it deregisters the same.
  3. Now We are invoking the same twentytwelve theme style in another id called “twentytwelve-style-2”.
  4. After that, we call our own stylesheet of child theme.

The value “20” in add_action gives priority.  I hope it is useful to some developers.

Dellistore Free WordPress Theme

After a very long time, Dellistore is again released in the WordPress Theme format.  Dellistore first released as a free template in smashingmagazine.com site.

We first released Joomla template.  It was a good hit.

Now it is time for WordPress theme.   It is a free WordPress theme.  Please note that this is not a responsive theme.  But we are planning to create responsive one out of it.

Download Dellistore Free WordPress Theme

Screenshot

Dellistore WordPress Theme Demo Screenshot

How to add a full width slider inside Hueman WordPress Theme?

We all know Hueman is one of the best made WordPress theme. And it is free too.  This theme basically does not have slider in it.  So, I created a child theme called “Hueplus” with slider in it.  However, That slider is not full width.

Hence I modified the code a little more on header.php to have a slider in full width.

You just need to replace the header.php of Hueman WordPress theme with the below code. ( DO NOT FORGET TO BACKUP, it will be useful if anything goes wrong).

<!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">

	<title><?php wp_title(''); ?></title>

	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
	
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<div id="wrapper">

	<header id="header">
	
		<?php if (has_nav_menu('topbar')): ?>
			<nav class="nav-container group" id="nav-topbar">
				<div class="nav-toggle"><i class="fa fa-bars"></i></div>
				<div class="nav-text"><!-- put your mobile menu text here --></div>
				<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'topbar','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
				
				<div class="container">
					<div class="container-inner">		
						<div class="toggle-search"><i class="fa fa-search"></i></div>
						<div class="search-expand">
							<div class="search-expand-inner">
								<?php get_search_form(); ?>
							</div>
						</div>
					</div><!--/.container-inner-->
				</div><!--/.container-->
				
			</nav><!--/#nav-topbar-->
		<?php endif; ?>
		
		<div class="container group">
			<div class="container-inner">
				
				<div class="group pad">
					<?php echo alx_site_title(); ?>
					<?php if ( ot_get_option('site-description') != 'off' ): ?><p class="site-description"><?php bloginfo( 'description' ); ?></p><?php endif; ?>
				</div>
			</div>
		</div>
				<div id="slider-wrap">
					<?php //any slider shortcode can go here ?>
				</div>
		<div class="container group">
			<div class="container-inner">
				<?php if (has_nav_menu('header')): ?>
					<nav class="nav-container group" id="nav-header">
						<div class="nav-toggle"><i class="fa fa-bars"></i></div>
						<div class="nav-text"><!-- put your mobile menu text here --></div>
						<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'header','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
					</nav><!--/#nav-header-->
				<?php endif; ?>
				
			</div><!--/.container-inner-->
		</div><!--/.container-->
		
	</header><!--/#header-->
	
	<div class="container" id="page">
		<div class="container-inner">
			<div class="main">
				<div class="main-inner group">