Web
Analytics

WordPress

How to customize WordPress themes?

Published

on

WordPress themes are the backbones of your websites, right? I mean how your website looks are one of the most important metrics you’d come across. Cause at the end of the day, “User Experience” is what gets you ranked. And that you can solve by knowing How to customize WordPress themes.

I’m not saying that customizing your WordPress themes would get you on the top of Google search results. But yeah they would improve your site’s user experience, which in turn will affect, even if a little, to boost your SERP rankings.

So that’s the reason I’m writing this piece to show you the process of customizing WordPress themes, and explain to you how to edit a WordPress theme. If you are confused about WordPress Themes and what theme you should use, see this post telling you a way to choose the best WordPress Theme.

But before that, let me walk you through some basics on the topic.

What are WordPress Themes:-

WordPress themes are the layouts, the design of your website, coded primarily with PHP in order to enhance or modify the look and feel of your websites.

Now there are two basic kinds of themes:-

  • Parent Themes.
  • Child Themes.

Parent themes are the basic framework, on which the child themes are built. Having a parent theme is specifically beneficial as it allows you to modify your child theme, without the need to make any serious changes to the parent theme.

The child theme can be edited or modified by you, and you don’t need to modify the Parent theme for it, what this does is if something goes wrong, you don’t have to be scared of loosing the layout completely, because you’ll only be modifying the child theme and not the parent theme.

Also the child theme let’s you modify the “looks” of the theme, without compromising on  the other factors of the theme. Like the SEO/ Speed/ Compatibility etc So yeah having a Parent-child theme framework is beneficial. Also take a look at installing Tumblr Theme for Tumblr Blog.

How to Customize WordPress Themes:-

Okay so by now you know how to choose the best WordPress themes, and also what they are, right? Let’s get down to the fun part, the part where I explain to you how to customize WordPress themes.

Most WordPress themes, come built-in with the customizer. What these means is, you don’t need to get into codes or anything to know how to edit WordPress theme. Instead you can do it directly from the dashboard.

So login to your Dashboard, and click over Appearances> Customize button

How-to-customize-WordPress-themes

This would open up the theme customizer.

How-to-customize-WordPress-themes

Now you can customize your WordPress theme from here. All the themes would have a similar layout. Some might have a slightly different options set, meaning the header might be placed inside another option or something, but this is the basic process. It’s always the same.

The Site Identity is what let’s you customize, change, edit the Site Title, Descriptions, and Favicons. (Keep in mind, Favicons are not the same thing as “logos”!)

how-to-edit-wordpress-theme

Once you click on it, you’ll be greeted with the simple options of changing the most basic information about the website.

The Header option comes next. This is what let’s you change the website’s logo, and Description of the header, in short anything that appears in the header can be customized from here. It’s pretty straightforward, you just upload your logo, and click save.

how-to-edit-wordpress-theme

The next is the Layout option. Keep in mind that the contents of this option might vary according to your theme. The layout option will always be there, but maybe the supported layouts might vary.

But the basics remain the same, you click on the layout options, and it’ll let you choose from the available layouts for your website.

editing-wordpress-themes

Social options too is an “optional” option! Means it might or might not be present, but if it is present, it’s what let’s you add your Social media profiles to the website. Like your Facebook Fan page, Google Plus profile etc.

editing-wordpress-themes

So that’s it, just keep clicking the options and they would let you customize your WordPress theme as you wish.

Editing WordPress Themes From The Source Code:

Unless you’ve atleast some experience with PHP and HTML, I recommend you stick to the above method to customize your WordPress themes. But if you do have the experience, I’ll give you a basic insight into the primary files you might want to edit to create your own CHILD THEME!, you can also check out this review on generatepress.

Yeah that’s possible! And it’s not extremely hard!

Files You’re Would Have to Edit:-

  • functions.php
  • Style.css

Once those files are edited, you might want to get your hands on the theme files. The primary theme files, like the index.php, header.php and all the rest of the files.

I can’t “teach” you how to customize a theme from the source codes, but I can show you how to edit those files.

Go to your Dashboard > Editor.

 How-to-customize-WordPress-themes

And on the right side, you’d see all the files listed neatly. You just have to click on the file you want to edit, simple as that.

 How-to-customize-WordPress-themes

Once you click on it, it would open up in the editor at the center of the screen. And this is where you can customize the theme based on your coding and creativity skills.

Final Words:-

So that’s it folks on How to customize WordPress themes, I’d recommend you to stick with the in-built customizer if you’re not a pro level WordPress Dev.

Or if you want to try your hands at the source-code editing, I’d suggest you take a WordPress Backup before proceeding. But the bottom-line is, that’s how solve editing WordPress themes problems! Not a lot of rocket science there, yeah WordPress is advanced enough. In case you are running out of PHP memory in WordPress, see this to increase php memory limit in WordPress.

I’d appreciate if you hit the share button. It might help someone out there.

Evan Derek is the Founder and Chief SEO Analyst @ VebbLabbs. Specialising in Affiliate Marketing and helping newcomers to make it a stable profession in the online world, he boasts 6+ years of experience in the industry. 19 year has he spent on this planet successfully, and plans on spending at least 50 more! He is a frequent readers and a follower on WordPress blogs like: WordPress Templater

Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Security

How to Password Protect WordPress Admin Directory

Published

on

How to Password Protect WordPress Admin Directory

Recently, I have written a tutorial on “How to install WordPress using Fantastico”. Now, I hope that you all know how to install WordPress. After installing WordPress, now it’s the time when we have to think about security.

And how to protect our blog from malicious attacks and deface attacks. WordPress does not provide security automatically, we have to take some measures to prevent our blog/website from being Hacked.

So, today we are traversing towards the first step of security by showing a tutorial on “How to Password Protect WordPress Admin Directory“. WordPress Admin Directory is nothing but a “wp-admin”, which enables you to login into WordPress.

By protecting this directory you will cover an extra layer of authentication for security purposes. So, in this article, we will show you a Step by Step guide on “How to Password Protect WordPress Admin directory“.

Step by Step Guide on:

How to Password Protect WordPress Admin Directory

Step 1:

Login to your cPanel. Scroll down the screen and find a section that includes a title as “Security” and in that section, you will find an icon named “Password Protect Directories“.

Step 2:

Click on that icon and then the screen will be appear asking for directory location. Now, click on the web root and then navigate to the folder where your WordPress is hosted. Then click on the /wp-admin/ folder. You will see a screen similar to the below image:

Step 3:

Afterward, in that open screen you have to simply check the box to Password Protect WordPress Admin Directory and in “Name of the protected directory” – you can put the desired name of your choice and no need to remember that name.

Step 4:

Then, in that open screen only you have to fill “username & password” and you have to remember it. Hurray! You have enabled Password Protect WordPress Admin Directory.

Step 5:

Now, When you try to login in WordPress or when you try to access your wp-admin directory, then you will see an Authentication Required box, shown in the figure below:

To Fix Too many redirects loop error

Sometimes it may happen that after you have the Password Protect WordPress Admin Directory when you try to login into WordPress account then it will show “404 Error or Too many redirects loop error“.

To fix this issue, open your main WordPress .htaccess file (cPanel > File Manager) and add the following code there before the WordPress rules start.

ErrorDocument 401 default

And your problem will be solved, now try to login to the WordPress account.

I hope you have understood and now you can Password Protect WordPress Admin Directory.

If you have any problem then don’t hesitate, just put your problem-related comment via below comment form and we will surely help you resolve your problem.

Continue Reading

Tutorials

How to Install WordPress Using Fantastico

Published

on

How to install Wordpress using Fantastico

New to WordPress? Don’t you know how to install WordPress? Then No Problem at all! You’re at the right place because today I will show a tutorial on “How to install WordPress using Fantastico”.

Yeah! I know Fantastico is a new word for you, so first let’s understand that word. Fantastico – a tool which installs WordPress for your blog/website or its also called “One-Click Installation Tool”.

Nowadays most of all Hosting Provider provides Fantastico for fast installing of WordPress. Its very simple to install WordPress using Fantastico, just you have to enter some information regarding your blog and click on install WordPress.

Within a minute you will get your installation finished and you are ready with your blog. Now, let’s get on the topic: How to install WordPress using Fantastico, below is the step by step guide on this.

How to install WordPress using Fantastico

Step by Step guide:

Step 1:

Login into cPanel with username and password provided by your Hosting Provider at the time buying Hosting. After login, you will see a screen similar to the below image that will be displayed on your computer.

Step 2:

Scroll down the screen and find a section which includes the title as “Software/Services” and in that, you will find a blue smiley icon named as “Fantastico De Luxe

Step 3:

Click on the “Fantastico De Luxe” and you will see a screen similar to the below image on your computer display.

Step 4:

From the appeared screen, see the left panel consisting of many options from that you have to select “WordPress” to start the installation process.

Step 5:

Click on “New installation” from the WordPress Installation Screen. As you click it will display the form as shown in the below image.

Step 6:

Now you have to fill data as per below instruction:

Install in a domain – should always include your domain.

Install in a directory – must leave blank.

Admin access data – enter username and password that you have to remember because you will need to login into your blog. If you can’t remember than better to store it.

Admin access data – put your name instead of the nickname because it will be displayed as the author of any posts that you post on your blog.

Admin e-mail – email linked to the blog, so you can receive a notification like comments, etc.

Site name – the name of the blog.

Description – put a tagline for the blog.

Now, when you have filled all the information correctly then click on the “Install WordPress” button. It will take hardly 1-2 minutes to install and when the installation is being completed you will see a screen similar to the below image.

Step 7:

Yuppie! You have successfully installed WordPress and at last, it will suggest you put your email to send login details. So, that you can refer to it later.

I hope you have understood well and now you can install WordPress using Fantastico. If you face any problem regarding installing using Fantastico then put your comments below via comment form so that we will surely help you!

Continue Reading

Tutorials

How to Display Related Posts in WordPress without Plugin

Published

on

How to Display Related Posts in WordPress witnout Plugin

Owning a blog or a website is not a great thing, but to manage the consistency of the blog or a website that’s a hard task. We all (blogger) familiar about the word – “Bounce Rate”, and this word has great importance in our blogging life. 

Bounce rate essentially represents the percentage of initial visitors to a site who jumps away to a different site, rather than continue on to other pages within the same site. If you have a high bounce rate that means your website isn’t impressive enough to explore it more.

There are many reasons why visitors leave your website without exploring it further such as “Broken navigation links”,  “Irrelevant content”, “Popups” and much more. And this problem will be not solved ASAP then the no. of visitors will decrease.

Our revenue totally depends upon the visitors (exceptions are always there), so to decrease the bounce rate of our blog/website and to increase no. of visitors and revenue you can Display Related Posts in WordPress.

Read: How to Install WordPress Using Fantastico

There are many plugins out which helps you to “Display Related Posts in WordPress“, but every time it’s not necessary to use the plugin. Plugin consumes space in your WordPress database.

It also increases the loading time of your website. That’s why today in this article I will show you “How to Display Related Posts in WordPress without Plugin”.

Display Related Posts in WordPress without Plugin

<?php
//for use in the loop, list 5 post titles related to first tag on current post
$tags = wp_get_post_tags($post->ID);
if ($tags) {
echo ‘Related Posts’;
$first_tag = $tags[0]->term_id;
$args=array(
‘tag__in’ => array($first_tag),
‘post__not_in’ => array($post->ID),
‘posts_per_page’=>5,
‘caller_get_posts’=>1
);
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”><?php the_title(); ?></a>

<?php
endwhile;
}
wp_reset_query();
}
?>

Paste the above code in single.php where you want to Display Related Posts in WordPress. This is the easiest way to Display Related Posts in WordPress without Plugin.

If you face any problem in finding the single.php file or in placing the code then you can surely contact us via comments below.

Continue Reading

Tips

How to Display Recent Posts in WordPress

Published

on

How to Display Recent Posts in WordPress

If you want that reader must stay up to maximum time on your website/blog then provide content as per their choice.

Earlier, to decrease the “bounce rate” of the blog I have written an article on “How to Display Related Posts in WordPress without Plugin” and now if the reader wants some fresh & recent articles then Display Recent Posts in WordPress.

Mostly, we Display Recent Posts in WordPress on the sidebar but there are other users who also want some change. In this article, we will show you the different ways to Display Recent Posts in WordPress.

Display Recent Posts in list format:

We know, the list format is mostly used in sidebars so if you want to display Recent Posts in a sidebar then put the following code in a template file (sidebar.php):

', ''); ?>

I have put the default no. posts at 10, if you want some less or more posts to display then change according to your requirement.

Display Recent Posts with Summary:

To give a small overview of the post to the reader, some people display Recent Posts with a title and a short description. For them, I have found two ways to display Recent Posts.

The First Way:

  • have_posts()) : $the_query -> the_post(); ?>
  • ”>
 

If you put the above code in a template file (sidebar.php) then you have to specify a short description of the post. So, you have to rewrite the excerpt as per the word limit.

So, here is the second way to display Recent Posts in WordPress. First, you have to download this Limit Post plugin and activate it. Once the plugin is activated then paste the following code in your theme files where you want to display Recent Posts.

  • have_posts()) : $the_query -> the_post(); ?>
  • ”>
 

Here I have put the description limit as 250 you can change according to your blog.

Display Recent Posts with Full Content:

If you want to display Recent Posts with Full Content then place the following code in your theme files:

  • have_posts()) : $the_query -> the_post(); ?>
  • ”>
 

Here also you can change the no. of posts.

I hope now you can Display Recent Posts in WordPress blog easily. If you face any difficulty in placing code then connect with via the comments section below.

Continue Reading

Tips

How to Find Duplicate Images Online

Published

on

Finding Duplicate Images online on the internet is not easy!

It may be not of a majorities concern if their pictures or tech pics are being used without there permission but for a photographer, it will be of more concern than even his camera!

Pics are very diplomatic at times they may not even generate a Penney but a few make rootless money out of this!

So why do others let use your hard earned pics rather than just make it available where you think it should be!

As I said it is hard to Find Duplicate Images of your own on the internet, being vast enough over 55 million websites it is actually not hard but impossible to find pics over the internet.

Let’s not talk of the internet just let it be small scale just into Facebook, even then it is impossible to find that who uploaded you priceless possession on FB.

So here we are to Find Duplicate Images easily. Firstly we should be well aware that our image can be anywhere in any format may it be an embedded one or an image uploaded to Rapidshare in zipped format.

The tool we will be using here will always track out every form of an image may it be in any format.

Find Duplicate Images online:-

Finding duplicate pictures can be beneficial in a number of situations. For instance, Find Duplicate Images online can be greatly helpful if you are trying to get the same picture in a different resolution or if you want to see if somebody is reusing your picture.

To Find Duplicate Images online you can use a nifty tool called “Who Stole My Pictures” for Firefox.

Right click on the image to see the searching options!

Who Stole My Pictures is a browser add-on for Mozilla Firefox. The add-on helps you easily search for Duplicate Images online using three websites dedicated to this purpose: Yandex, Tineye, and GazoPa. With the image open in your Firefox tab.

Simply right-click on the image and choose one of the above-mentioned websites. You may choose to Find Duplicate Images online from whichever tool you like.

A new tab will open up with that site’s results for duplicate images displayed with the numbering of the websites using that same image.

This is how the new tab looks like when we search for duplicate images!

The new tab will be having all the images which are close enough to your image with there sizes in which they are available and also their size including the Title, ALT text and the link of the image to the directory where it is uploaded.

That means it is easy to track all the websites which use your images within being in the same tab.

Why do we consider this tool to be the best to Find Duplicate Images online?

  • Lets you search and find duplicate photos online.
  • Lets you use 3 different websites (Yandex, Tineye or Gazopa).
  • Similar sites: MacroGlossa, Similar-Images, Pixolu and GazoPa.

So here we just made you know that how to Find Duplicate Images online with ease with “Who Stole my Pictures”. !

If you have any queries or issues using this add-on or using other search engines comments are always welcome!

Continue Reading

Trending