WordPress Archives - Page 3 of 4

tcrewsstuff / February 9, 2015

Domain Authority Guide for Beginner

Although Domain Authority score is not a recent concept in SEO, there are some bloggers who still don’t understand it very well. Now this will provide you with a guideline where you can learn about DA and some more unknown terms.

Domain authority is certainly one of the most important factors to define your website’s rank and performance in search engine. In the last decade, a website used to get priority on the basis of page-rank. But nowadays, DA plays a great role in ranking.

Today I am going to share with you the basics of domain authority.continue reading

Mizanur Rahaman Mizan / January 9, 2015

Build your own WordPress Theme

Hello everybody, I am writing the following post from my client on Code giant with some modification. For more coding related article, you can visit their website.

Okay, to build an WordPress theme, you need to have great knowledge about HTML and CSS. A knowledge of JavaScript and jQuery will be huge advantage. Plus you need to know basic PHP and MySQL querying.

Now at this point, I believe you know all the things mentioned above. We are going to jump into the development now.

To Make a theme you need to make a folder with the name of that theme (Better to have exact name as the theme name). Make sure the name is one word. If not, we have to use the “-” in between words. Then, inside that folder we need to have at least following files in order to make it work as an WordPress theme.

An index.php file
style.css

That’s it. Technically it will work as WordPress theme. But making a real life WordPress theme is not that easy. In fact we need to create more files and split the code into them for various sections. The common files contain in a modern standard themes are:

index.php
style.css
header.php
footer.php
functions.php
archive.php

But before digging inside the header.php file I would like you to know the basic information to set up a design as WordPress theme.

In your style.css, you need to have the following lines to work it as an WordPress theme.

/*Theme Name: Your theme's name
Theme URI: Your theme's URL
Description: A brief description of your theme
Version: 1.0 or any other version you want
Author: Your name or WordPress.org's username
Author URI: Your web address
Tags: Tags to locate your theme in the WordPress theme repository
*/

/*Theme Name: Your theme's name

Theme URI: Your theme's URL

Description: A brief description of your theme

Version: 1.0 or any other version you want

Author: Your name or WordPress.org's username

Author URI: Your web address

Tags: Tags to locate your theme in the WordPress theme repository

Above written lines must reside at the very top of the style.css file. This indicates the name of the theme, URI, a short theme description, version of the theme, Author(s) Name, Author URI and Theme tags. Please remember that you need to keep the comments for this theme to work.

For Reference as the full page design, we will be using the following code:

<!DOCTYPE html>
	<head>
		<meta charset="UTF-8">
		<title>How To Convert HTML Template to WordPress Theme - WPExplorer</title>
		<link rel="stylesheet" type="text/css" media="all" href="style.css"/>
	</head>
	<body>
		<div id="wrap">
			<header class="header">
				<p>This is header section. Put your logo and other details here.</p>
			</header><!-- .header -->
			<div class="content">
				<p>This is the main content area.</p>
			</div><!-- .content -->
			<div class="sidebar">
				<p>This is the side bar</p>
			</div><!-- .sidebar -->
			<footer class="footer">
				<p>And this is the footer.</p>
			</footer><!-- .footer -->
		</div><!-- #wrap -->
	</body>
</html>

<!DOCTYPE html>

<head>

<title>How To Convert HTML Template to WordPress Theme - WPExplorer</title>

</head>

<body>

<p>This is header section. Put your logo and other details here.</p>

</header>

<p>This is the main content area.</p>

</div>

</div>

<p>And this is the footer.</p>

</footer>

</div>

</body>

</html>

Okay now the header.php:

We normally create the full webpage design in one document like index.html / home.html etc. But in WordPress, we split the code that is repetitive for all pages and used for navigation and common linking of various files into the <head> section of a webpage. This files are stylesheets, script file etc.

A typical header portion code will be something like the following:

<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' ); ?>">
	<!--[if lt IE 9]>
	<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
	<![endif]-->
	<?php wp_head(); ?>
</head>

<head>

<!--[if lt IE 9]>

<![endif]-->

<?php wp_head(); ?>

</head>

Then we need to put the code of the repetitive portion of the body section into the header.

That code will be something like the following:

<body>
		<header class="header">
		<p>This is header section. Put your logo and other details here.</p>
	</header>

<body>

<p>This is header section. Put your logo and other details here.</p>

</header>

So the final header.php will be something like the following code:

<html>
	<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' ); ?>">
		<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
		<!--[if lt IE 9]>
		<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
		<![endif]-->
		<?php wp_head(); ?>
	</head>
	<body>
		<header class="header">
		<p>This is header section. Put your logo and other details here.</p>
	</header>

<html>

<head>

<!--[if lt IE 9]>

<![endif]-->

<?php wp_head(); ?>

</head>

<body>

<p>This is header section. Put your logo and other details here.</p>

</header>

Still the theme won’t work because we haven’t finished creating all the files necessary plus the main file that will call all the files like header.php, footer.php etc. That file is the index.php. But as this is a series in next tutorial we will be discussing about the style.css file.

Until next tutorial , I am Mizanur Rahaman Mizan, saying you good bye. Please feel free to leave any comment below. Thanks!

Mizanur Rahaman Mizan / October 14, 2013

Cache Your WordPress Website For Faster Site Load Times

WordPress is a CMS that powers more than 60 million websites (According to the claim of WordPress.org), and it’s by far the most popular blogging CMS platform in the world. The WordPress interface is intuitive and easy-to-use, the platform dynamic and highly extendable, which makes it perfect for developers, webmasters, and end-users.

For all its awesomeness, however, WordPress (like all content management systems) can face issues with the site loading times. Without getting into too much technical issue, that’s primarily because so many objects, functions and other data are being called upon simultaneously whenever a page is loaded. To decrease load times, cache your WordPress site.

Mizanur Rahaman Mizan / October 8, 2013

Top 10 WordPress Magazine Theme of October 2013

As a Freelance WordPress Designer – Developer, I always work with lots of theme from various theme marketplace. Most of them I have to recommend to my clients which I usually charge for choosing for them. But for my reader I am going to share my choice of best WordPress Magazine them- in fact I will share only top 10 WordPress Magazine Theme till October 2013. I am not going to confuse you by sharing over 30-100 themes in a post. I believe you still gonna be confused in choosing which one to choose 😛 . Because this list will be a very neat hand picked one. Okay let us begin.

Mizanur Rahaman Mizan / September 4, 2013

How to Retrieve Hacked WordPress Website

You are sure to get nervous when WordPress like other software’s will break down and trouble. This malfunctions may occur due to improper functioning of plug-ins, issues created by database, corruption if files or other similar problems. Data or any other content won’t be affected but its bad news for the blog discovering he would not be able to maintain his blog until the bug is fixed.

Category: WordPress

Domain Authority Guide for Beginner

Build your own WordPress Theme

Okay now the header.php:

Cache Your WordPress Website For Faster Site Load Times

Top 10 WordPress Magazine Theme of October 2013

How to Retrieve Hacked WordPress Website

Mizanur Rahaman Mizan

For special content , subscribe!

Categories

Recent Posts

Archives

Category: WordPress

Domain Authority Guide for Beginner

Build your own WordPress Theme

Okay now the header.php:

Cache Your WordPress Website For Faster Site Load Times

Top 10 WordPress Magazine Theme of October 2013

How to Retrieve Hacked WordPress Website

Mizanur Rahaman Mizan

For special content , subscribe!

Subscribe to our mailing list

Categories

Recent Posts

Archives