Download Computer Mouse Stock image
The mouse is on the shiny table with some clothes behind it.
A Computer Mouse
- Post author By Rajeshkannan
- Post date
- Categories In Free Stock Images, Freebies
- No Comments on A Computer Mouse
A Computer Mouse
Yellow Flower
A Green Plant
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,
- First it dequeues the twentytwelve style.
- Then it deregisters the same.
- Now We are invoking the same twentytwelve theme style in another id called “twentytwelve-style-2”.
- 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
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">
How to get the current page id of post or page outside loop?
Use the below code to get the current page id or post id, but outside loop,
global $wp_query;
echo $wp_query->post->ID;
HuePlus – Hueman Child Theme With Slider Widget
Those who have read and used the Hueman WordPress theme know how much the theme is efficient and awesome in its functionality. We have created a child theme called “HuePlus” and it provides option to add slider inside the Hueman theme.
You can see the screenshot below how a sample screenshot looks in the theme,
How to insert slider inside this HuePlus Theme?
Download the theme from this page and install it. You will automatically get Hueman theme in parent. Install “Meta Slider”. You can try any slider like Layer Slider, Royal Slider or Revolution slider. Create a slider with the image size of 1309 pixels width and 300 pixels of height. Height can vary. However, the width should be around 1309 only. Once installed, Go to the widgets section, you can see Slider shortcode Widget section there. Just add any slider shortcode. We recommend using “Meta Slider” The screenshot displays meta slider only.
I can’t find any slider menu item in the admin?
Please note that the child theme HuePlus does not provide slider in-built. So, you need to install any slider plugin first to generate slider shortcode.
Where to download your HuePlus Child Theme?
Starter Layout 1 – A Free Responsive WordPress Theme for Developers
Starter Layout 1 is a starter theme created from _S (underscores.me) and Bootstrap. If you are a developer, you can use this as a base to create any WordPress Theme.
A Free Health Care Responsive WordPress Theme
VRYN-HealthCare is a free responsive WordPress theme made for health care industry. Hence it can be used for doctors, Health charities, Medical equipment sellers.
Features of VRYN-HealthCare Responsive WordPress Theme
- Free 🙂
- Fully Responsive.
- Custom Homepage layout.
- Responsive slider.
- Works with Meta Slider now.
- Can be made to work with premium sliders like Layer Slider or Revolution Slider.
[su_row][su_column size=”1/2″][su_button url=”http://pixelthemes.com/?ddownload=61″ target=”blank” size=”5″ icon=”icon: arrow-circle-down”]VRYN-Healthcare WordPress Theme Download[/su_button][/su_column] [su_column size=”1/2″] [/su_column] [/su_row]
[su_heading]Screenshots[/su_heading]
