Category Archives: wordpress

How to add icons to WordPress custom menus without plugins

Icons WordPress Custom Menus

In this article, we are going to illustrate how you can add icons to WordPress custom menus without plugins for any theme.

You must have come across websites that use icons to represent categories and sub-categories in the menu section.

It is a fact that icons beside the menu options look visually more appealing.

It also makes the website looks premium and increases the trust factor massively.

If you are using any free themes, it is certain that there are no options to add icons to WordPress custom menus without plugins.

There are only a few premium themes that provide the option, but you have to be an advanced user to avail it.

add icons WordPress menus

The reason for not using a plugin for it is that it is a very small work and there is no need of using a plugin and waste memory space and processing power when you can use the same on something important.

It does not matter what type of website you have, it is always a good idea to make your website more visual than textual, and hence, you should add icons to WordPress custom menus without plugins using the following mentioned steps.

Steps To Add Icons To WordPress Custom Menus Without Plugins

By custom menus, we mean to say that you can add icons on any menu you have on your website start from the navigation menu to double menu on the top where social media icons and contact icons are placed with call to action options.

The first thing you need to do is upload all the icon images in your media section.

Step 1. Go to Admin Dashboard and move to Media option on the left menu and click on Add New. Select all the icon images and upload them.

After uploading, open a notepad file and paste the URLs of each icon and you can name them so that you can remember which URL is for which icon.

Step 2. Go back to Admin Dashboard and got o Appearance from the left menu and click on Menus.

In the new screen, click on Screen option on the top right corner and then check the checkbox ‘Display CSS Classes in Menu Items’ for the menus where you want to add icons to WordPress custom menus without plugins.

add icons WordPress

Step 3. Now, you need to scroll down and click on any item on the current menu where you want to add icon. It will let you write CSS class name.

The CSS class you mention here should correspond to the CSS class you write in the CSS program later on.

Step 4. Go to Admin Dashboard and go to Appearance again.

This time, click on Editor. Once the Editor opens, locate the stylesheet which is the theme’s CSS file where all the design components are mentioned.

There you have to paste the following code.

.homepage {
background-image: url('http://www.example.com/wp-content/uploads/2014/12/home.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 5px;
}

This is just for adding one particular icon to one particular menu option. Here, ‘homepage’ is the CSS class name that you mentioned in Step 3 and URL here is the corresponding URL you copied from the Notepad file where you pasted the URL.

For example, your menu has seven categories on your menu. So, you have to paste the above-mentioned code seven times with corresponding CSS classes for different options names you set in Step 3 and then replaced the URL of the images accordingly.

Alternative Way To Add Icons To WordPress Custom Menus Without Plugins

In case you do not want to upload the icons and want to use some professional and stunning icons that will increase the branding of your website, you have to take a different route to add icons to WordPress custom menus without plugins.

There is a library available named Font Awesome where all the different types of icons are available. All you need to do is add the CSS classes after activating this Font Awesome library, and the appropriate icons will be placed beside the menu options.

add icons WordPress custom menus

Step 1. Go to Dashboard>Appearance>Editor. Open functions.php and add the following.

<?php
function wmpudev_enqueue_icon_stylesheet() {
    wp_register_style( 'fontawesome', 'http:////maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' );
    wp_enqueue_style( 'fontawesome');
}
add_action( 'wp_enqueue_scripts', 'wmpudev_enqueue_icon_stylesheet' );
?>

What this code does is that it registers Font Awesome stylesheet from the external link mentioned. You could have placed inside header.php but that is not a good practice.

Step 2. This step is similar to what you have already done before which is going to Dashboard>Appearance> Menus. Then click on Screen Options in the top right corner and check the checkbox next to CSS Classes.

Step 3.
It is important to use the correct class name so that appropriate icons are placed beside menu options. The following is a list of class names that comes with Font Awesome and you should use them accordingly.

add icons WordPress menus

For Home: fa fa-lg fa-home
For News: fa fa-lg fa-newspaper-o
For Gallery: fa fa-lg fa-camera-retro
For About: fa fa-lg fa-info-circle
For Contact: fa fa-lg fa-envelope-o

Where fa stands for the main class, fa-lg stands for large icons and then the rest part according to requirements. For example, you go to Dashboard> Appearance> Menus and select Primary menu.

The home option will be the very first option, and for that, you should use fa fa-lg fa-home as the class name so that when you save it and refresh your homepage, you could see the change.

If you have knowledge of CSS, you can easily change the Font Awesome CSS and make necessary changes as per your requirement.

What Is The Best Plugin Available To Add Icons To WordPress Custom Menus?

This is just for knowledge and for new users who do not want to use code and stylesheet due to lack of knowledge and prefer a plugin for everything. The most popular plugin to add icons is

Menu Icons

add icons WordPress

download

After installing and activating the plugin, you have to go to Dashboard> Appearance> Menus.

For every menu option, you will find a field named Icon where you can select the icons for the library provided and make your website more visual.

How to Add Sticky Posts in WordPress Custom Post Type Archives

add sticky posts WordPress

You can add sticky posts in WordPress custom post type archives and make your post different and worth reading.

Every website owner should look forward to making their content quality better along with better content representation.

Content is always the king but if it is not well presented, even good quality content does not make it big.

The best way to represent content different from others is by using UL elements that are not common but very attractive. One of such thing is sticky posts.

You can highlight important points or show affiliate links through stick post.

It instantly makes your web content different and better than others and it will help you create a complete brand by using it in most of the content page you have on your website and your readers will get into a habit as well which will help to in the long run.

add sticky posts

How To Add Sticky Posts in WordPress Custom Post Type Archives Using Plugin –

Step 1. To add sticky posts, you need to install and activate the plugin named Sticky Custom Post Types.

Go to Admin Dashboard and from the left menu, select Plugins and click on Add New from the dropdown menu.

Search for the plugin by its name and install and activate it.

Once done, you have to come back to the Dashboard and go to Settings from the left menu and click on Reading from the dropdown.

add sticky posts

In the new screen, you have to scroll down and you have to select the position where you want Stick This Option to be enabled. It could be homepage or any particular post type as well.

By default, WordPress shows sticky posts only on the home page and therefore, you have to enable in for other post types as per your requirement.

For example, if you have movie review custom post type or coupon code custom post type, you can select where the sticky post will appear.

Step 2. Now, it is time to add sticky posts in WordPress custom post type archives on different positions and make them appear differently.

For that, you have to create an archive template for your custom post type already present on your website.

Create a file named archive-post-type.php and then go to theme’s archive.php file and copy the entire code inside it and paste it in your archive-post-type.php file.

Then if you know coding, you can modify the code as per your requirement to create any template you need. Then upload the file to your theme’s directory where archive.php file is.

sticky posts

Step 3. Then you have to edit the important file functions.php and paste the following code there. You have to go to Dashboard, Appearance and click on Editor. File the functions.php file there and add it.

function wpb_cpt_sticky_at_top( $posts ) {
    // apply it on the archives only
    if ( is_main_query() && is_post_type_archive() ) {
        global $wp_query;
        $sticky_posts = get_option( 'sticky_posts' );
        $num_posts = count( $posts );
        $sticky_offset = 0;
        // Find the sticky posts
        for ($i = 0; $i < $num_posts; $i++) {
            // Put sticky posts at the top of the posts array
            if ( in_array( $posts[$i]->ID, $sticky_posts ) ) {
                $sticky_post = $posts[$i];
                // Remove sticky from current position
                array_splice( $posts, $i, 1 );
                // Move to front, after other stickies
                array_splice( $posts, $sticky_offset, 0, array($sticky_post) );
                $sticky_offset++;
                // Remove post from sticky posts array
                $offset = array_search($sticky_post->ID, $sticky_posts);
                unset( $sticky_posts[$offset] );
            }
        }

        // Look for more sticky posts if needed
        if ( !empty( $sticky_posts) ) {
            $stickies = get_posts( array(
                'post__in' => $sticky_posts,
                'post_type' => $wp_query->query_vars['post_type'],
                'post_status' => 'publish',
                'nopaging' => true
            ) );
            foreach ( $stickies as $sticky_post ) {
                array_splice( $posts, $sticky_offset, 0, array( $sticky_post ) );
                $sticky_offset++;
            }
        }
  
    }
  
    return $posts;
}
add_filter( 'the_posts', 'wpb_cpt_sticky_at_top' );
// Add sticky class in article title to style sticky posts differently
function cpt_sticky_class($classes) {
            if ( is_sticky() ) :
            $classes[] = 'sticky';
            return $classes;
        endif;
        return $classes;
                }
    add_filter('post_class', 'cpt_sticky_class');

The above code makes sure that your sticky post stays on the top of the custom post type archives.

If you know coding, you can change the position as per your requirements.

Step 4. Now, a sticky post does not look good without color and for that, you have to open Stylesheet from the Editor and paste the following.

.sticky {
background-color:#ededed;
background-image:url('http://example.com/wp-content/uploads/featured.png');
background-repeat:no-repeat;
background-position:right top;
}

As you can see, there is an image which you have to upload as per your wish as to how you want your sticky post to appear.

That is how you add sticky posts in WordPress custom Post Type Archives and now, it will appear on the top of every custom post type archives.

Cool Things You Can Do With Sticky Posts In WordPress –

Now that you know how to add sticky posts in WordPress Custom Post Type Archives, you can extend your knowledge to apply in different areas and here are the things you can do with the sticky post.

sticky posts

1. Expiring Sticky post

If you are using to highlight a special event or to show affiliate links and coupon codes, you can create a hype by automatically disabling the sticky posts.

For that, you need to install the plugin Expire Sticky Posts and set the expiry date.

This will come really handy.

2. Displaying Latest Sticky Post

You must be using sticky posts only for a few featured posts.

But with time, your featured posts disappear under the burden of new featured posts. To revive them, you can have custom archive pages.

Paste the following code in the functions.php file. This will create a shortcode and paste the shortcode anywhere you want to display them.

function wpb_latest_sticky() {
/* Get all sticky posts */
$sticky = get_option( 'sticky_posts' );
/* Sort the stickies with the newest ones at the top */
rsort( $sticky );
/* Get the 5 newest stickies (change 5 for a different number) */
$sticky = array_slice( $sticky, 0, 5 );
/* Query sticky posts */
$the_query = new WP_Query( array( 'post__in' => $sticky, 'ignore_sticky_posts' => 1 ) );
// The Loop
if ( $the_query->have_posts() ) {
    $return .= '<ul>';
    while ( $the_query->have_posts() ) {
        $the_query->the_post();
        $return .= '<li><a href="' .get_permalink(). '" title="'  . get_the_title() . '">' . get_the_title() . '</a><br />' . get_the_excerpt(). '</li>'
   
    }
    $return .= '</ul>'
} else {
    // no posts found
}
/* Restore original Post Data */
wp_reset_postdata();
return $return;
}
add_shortcode('latest_stickies', 'wpb_latest_sticky');

3. Styling Sticky Posts

If you want to make your sticky post stand out, you need to make it stylish. Here is the code you need to paste in stylesheet for decoration.

.sticky {
background-color:#ededed;
border:1 px solid #f5f5f5;
color:#272727;
padding:5px;
}
.sticky:before {
  content: "Featured";
  color: #FFF;
  background: #f20000;
  padding: 10px;
  display: inline-block;
  text-align: right;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}

There are various things you can do with sticky post and you need it to make your custom posts stand out.

How to Redirect 404 page to the Home Page in WordPress

redirect 404 page WordPress

This article discusses why and how to redirect 404 page to Homepage of WordPress websites.

The HTTP 404 error is basically page not found error.

It can either be client side error or server side server.

In client side error, a user types an URL that is not valid or wrong.

In such a scenario, the response from the server side will be null and hence, the user will see a 404 page not found error.

On the other hand, when a client types an URL or goes to an URL from social media pages or search engine to your website but somehow that page is missing from your server, he will see page not found 404 error for no fault of the person.

In such a scenario, it is important to redirect 404 page to the home page in WordPress so that the person can browse other things.

Why Does 404 Error Happen?

There are various reasons why 404 error can happen.

It could be due to the typing mistake of the user when he manually types an URL.

It is important to note that the user must type the domain name and extension correctly else you will not be able to redirect 404 page to the home page in WordPress.

The most likely occurrence of 404 error from server side is when you migrate a website from one domain name to another or when you migrate it from one web server to another.

The chances are more in the second case due to different permalinks structure and other factors.

There are likely to be many broken links that you have to find out and fix, but in the meantime, you can redirect 404 page to the home page in WordPress so that users do not leave disappointed.

This is a better approach than showing the users a customized redirect page which does not serve your purpose, and the users are likely to leave your site and check the same topic on your competitor’s site.

How To Redirect 404 page To The Home Page in WordPress Using Redirection Plugin

The first thing you need to do is install Redirection plugin.

Redirection Plugin

download

You have to go to the Dashboard and from the left menu, select Plugins and then click on Add New option. Search the plugin by its name and install and activate it.

Then go to Tools from the Dashboard and click on Redirection to set it up perfectly.

redirect 404

In the screen shown above, you have to enter the 404 error pages’ URLs one by one in Source URL and add the corresponding new URLs to target URL which could be the home page.

Apart from that, it comes with various options to redirect people according to the source by changing the Match option to URL only, URL and user agents (only for registered users and subscribers) and URL and referrer (only for referring sites).

The last two options will help subscribers, site members or referring sites to go to target URL which may not be the home page and can be something similar to the old page that has got deleted or broken.

Once everything is done, you can check yourself by going to the broken URLs and see the expected result.

The drawback of this method is the fact that you have to know the broken URLs so that you can redirect to home page or any other page for that matter.

404 redirect WordPress

There is a solution for that too. Redirection provides a tab to check the URLs which people are typing wrong and the pages where people are getting 404 error. Accordingly, you can copy those URLs and set the target URLs. As a matter of fact, you can also detect bots that are trying to access each and every page to get a loophole to access your website from this list of 404 URLs. You can block such bots by IP address and take necessary security actions.

One of the best features of this plugin is that fact that if you happen to modify the URL of an existing and published post, the plugin automatically sets a redirection for the old URL which might have been crawled by the search engine.

Another plugin which redirect 404 pages to directly homepage is

All 404 Redirect to homepage plugin

All redirect 404 to homepage WordPress

download

How To Redirect 404 page To The Home Page in WordPress Using Code

If you do not want to take the headache of knowing the URLs of the broken links and then fixing it and just want to redirect your 404 page to home page in WordPress, you have to write the following code.

But before that, you need to connect your FTP to your web server and in the theme’s folder, you will find a file named 404.php. In case you do not find it, you can create one with the same name. Open the file and paste the following.

<?php
header("HTTP/1.1 301 Moved Permanently");
header("Location: ".get_bloginfo('url'));
exit();
?>

Save the file and disconnect FTP with the web server. Now, whenever a user types a wrong URL, or he lands in a 404 error web page on your website, he will be redirected to the home page.

Why Should You Fix 404 Error At Earliest?

If your website has 404 error or broken links, Google crawlers will downgrade your website because it is directly impacting user experience.

For example, the search engine result page is showing a post link to the users from your website. When the user clicks on it and reaches your website, he finds out that the page does not exist.

This is what leads to bad user experience. If you could redirect the user to a similar article URL on your website through Redirection plugin or at least send him to your homepage, it would have been better.

Even having a 404 redirect page that will appear for every broken link will do instead of showing an error.

404 redirect WordPress

Furthermore, it creates a bad impression to your subscribers, and they are likely to unsubscribe you if they get too many 404 errors after you have moved your site from one domain to another or from one web host to another.

Therefore, redirect your 404 page to the home page in WordPress at earliest.

Steps to have productive blogging and tools to help you with

What does it make be a successful blogger and which are steps to have productive blogging? These are questions with which every starter blogger have across.

Irrespective of the nature, origin and denomination of your blog, bringing it into action and keeping it results generating all the time can be a daunting task. But your blogging efforts will worth it if you understand the basic tools, tips and technics in order to succeed as a blogger.

Particularly, if you are using a WordPress platform to realize your blogging goals, you are lucky enough to have access to an avalanche of blogging tools and systems to work with and maintain the smooth performance of your blog around the clock. They will also let you stay consistent with all the modern technics and strategies to reach more with pretty little costs and energy spent.

In this article, we are going to put together some useful steps and tools to have productive blogging and don’t let obstacles stand in your way to success. So, sit back and enjoy our guidance!

1. Choose the right theme

There are tons of prebuilt WordPress templates which are ready made to steer in any direction you want. However, it will take you more time and efforts to customize and style them to be a perfect blogging platform for you. Therefore, we strongly advise you to scan the WordPress repository of blogging ready templates to write your profitability scenario easily.

SKT Perfect:

perfect commercial WordPress theme

download

Well thought out and professionally developed, SKT Perfect is the one to meet all your needs and requirements as a blogger. It shares the maximum flexibility and versatility so that you can customize it to get a lot of eyeballs on it. This template is wonderfully easy in usage and is packed with all the primary features, including responsiveness and mobile friendliness, SEO and plugin compatibility, preloaded shortcodes and much more.

Photodock:

download

Photodock is another blogging and portfolio centric WordPress template powered by SKT Themes. Add and manage as many sections as you may find expedient for your online profile and make the most out of it. If you are looking for an ecommerce ready template to run a commercial blog or online store to sell your products, Photodock is a reliable tool as well.

2. Write and publish a unique content

Be sure that the content you are going to publish is unique so that it can deliver a true value. Content is the king of your blog and one of the main ingredients of it communicating your message to your potential readers or blog visitors. Take care of producing original content and avoid duplications so that your blog can function well in search rankings as well.

3. Speed up your blog and make it SEO optimized

SEO optimization is one of the effective steps to have productive blogging and be more visible online.

While generating a high quality content and serving it to your audience, you should process and check it to be easy to digest for your readers on the one hand, and easy to crawl and rank for the major search engines.

To put it short, if you want to win in the ranking battlefield, you should adjust your blog and its content for search inquiries as well. Apart from well managed and keywords armed content, you should also keep your blog speed and performance at peak, as well as optimize your blog tags and meta descriptions, architecture and functionality to be SEO friendly.

Speed Booster Pack:

Speed Booster pack

download

It is one of the powerful tools to make your blog blisteringly fast. Boost the performance and loading speed of your site and you will be scored higher when people search for relevant information through search engines.

Yoast SEO:

Yoast SEO

download

Yoast SEO is unspeakably one of the most popular SEO plugins to make your online rankings enviable. This plugin will help you write better content, make use of page analysis, manage meta and links elements for better SEO results.

Semrush: https://www.semrush.com/

Semrush is another powerful blogging and marketing tool designed for Pro users. From technical SEO audit to tips for more organic traffic, from position tracking to backlinks analysis, this wonderful tool offers tons of useful options.

4.Publish your content on a regular basis

Consistency is the key to traffic and blogging. It’s up to you to fix the optimal posting schedule for your blog, but it’s a must to follow it. Publish your posts with a precision of textbook, so that your blog visitors can find what they are looking for all the time.

Even if you are off for some time, there are post scheduling plugins which will keep your blog fresh and up to date during your absence.

WP Scheduled Post:

WP Scheuled post

download

WP Scheduled Post and Auto Post Scheduler are useful tools to make sure you’ll have a regular content for your audience to enjoy. Of course, it does not mean that you can’t write and publish spontaneous posts and breaking news. But keeping the predictable frequency of posting and serving the content your readers are expecting from you is one of the important steps to have productive blogging.

Auto Post Scheduler:

Auto post schduler

download

WP Scheduled Post and Auto Post Scheduler are useful tools to make sure you’ll have a regular content for your audience to enjoy. Of course, it does not mean that you can’t write and publish spontaneous posts and breaking news. But keeping the predictable frequency of posting and serving the content your readers are expecting from you is one of the important steps to have productive blogging.

5. Build social distribution channels

Expanding the distribution and communication horizons to reach more audience is another important step to follow. Focus on ensuring your presence across social media platforms and other fields where millions of people are present. Make your blog social friendly and create social media profiles so that you can enjoy boundless benefits of being socialized.

6. Use tools to help you be organized and focused

Asana https://asana.com/

Anasa is one of the best project management tools to help you keep everything organized and easy to access. Monitor and analyze all your projects and tasks to boost your blogging productivity.

Trello: https://trello.com/

Trello is another trusted and results driven tool to keep the track of your online projects and works. Manage and prioritize your blog in an effective and entertaining manner with this tool.

How to Add a Custom Database Error Page in WordPress

custom database error page

How to Add Custom Database Error Page in WordPress and why is explained in this article.

After syntax and 404 error, database connection error is the most frequent error you are likely to see on your WordPress site.

There are various reasons for its occurrence and unlike 404 error, you may not know about the web pages showing database connection error unless someone reports you.

As a matter of fact, database connection error can make your entire website down.

The user will down the error page which looks quite ugly and if they happen to see very often, they are likely to stop visiting your website and unsubscribe you.

In such a scenario, it is important to add a custom database error page in WordPress.

It is also important from your side to get a notification every time your website gets down with database connection error so that you can approach your technical team or web host to fix the issue immediately and for the time being, you can run your website from another backup server if you have one.

One of the common reasons for database connectivity error is when you migrate your website from one web server to another.

WordPress interact with MySQL database through the scripting files and once the connection is established and data are fetched, the webpage appears for the users.

If there is any problem, your user will see “Error Establishing a database connection” and the script from the file.

error establishing database connection

Why Should You Add A Custom Database Error Page In WordPress?

There is always a big chance that the script displayed due to database connectivity error could help the attackers to find loopholes.

It is generally not the case but there is a possibility. Therefore, you should never risk it and show a custom database error page where no script or details are displayed.

Furthermore, your normal users will be completely pissed to see an ugly database error page shown by WordPress.

He can unsubscribe your newsletter, notifications and unbookmark you.

Why piss them off when you can show something else to keep them engaged and promise them to comeback soon.

Moreover, every time your custom database error page is used in WordPress, you will be notified and you can take actions immediately. In this article, we will show you how to add a custom database error page in WordPress.

Steps To Add A Custom Database Error Page In WordPress –

If you are wondering how it works, you should know that it works automatically.

In other words, whenever WordPress fails to connect to the database, your custom database page will be displayed automatically.

If your custom database error page is not available, it will show the default ugly one.

Step 1. You have to create a file and name it db-error.php. You have to paste the following code in it.

<?php // custom WordPress database error page
  header('HTTP/1.1 503 Service Temporarily Unavailable');
  header('Status: 503 Service Temporarily Unavailable');
  header('Retry-After: 600'); // 1 hour = 3600 seconds
  // If you wish to email yourself upon an error
  // mail("your@email.com", "Database Error", "There is a problem with the database!", "From: Db Error Watching");
?>

<!DOCTYPE HTML>
<html>
<head>
<title>Database Error</title>
<style>
body { padding: 20px; background: red; color: white; font-size: 60px; }
</style>
</head>
<body>
  You got problems.
</body>
</html>

If you want notification to your email every time this file gets executed on your server which in other words mean that you have database connectivity error on your website, you need to remove the comment symbol about the mail function written above.

custom database error message

Step 2. You have to connect your FTP to your web server and inside wp-content, you have to place the file. That is it and you can customize your custom database error page as per your liking to make it interesting and creative.

Here is another example of lines of code that you can be used instead of the above-mentioned one.

<?php // custom WordPress database error page tutorial @ digwp.com

    header('HTTP/1.1 503 Service Temporarily Unavailable');
    header('Status: 503 Service Temporarily Unavailable');
    header('Retry-After: 3600'); // 1 hour = 3600 seconds
    mail("spamless@domain.tld", "Database Error", "There is a problem with teh database!", "From: Montgomery Scott");

?>
<!DOCTYPE HTML>
<html dir="ltr" lang="en-US">
    <head>
        <title>503 Service Temporarily Unavailable</title>
        <style type="text/css">
            h1, p {
                font-family: Helvetica, sans-serif;
                font-size: 24px;
                color: #333;
                }
            p {
                font-size: 14px;
                }
        </style>
    </head>
    <body>
        <h1>Captain, the ship can&rsquo;t take much more of this!</h1>
        <p>Hard workers are currently working on the issue &mdash; Please check back soon!</p>
    </body>
</html>

This is how you can show funny messages so that the users do not get users and eliminate you. If you know CSS coding, you should make it more visually appealing so that it means something rather than just unappealing plain white background.

If you see the code, there are three different headers present. The first and second one is 503 server and status response which will ask the users to try back. But the third one Retry-After will show the users after how much time, they should try back.

Tips On How To Add A Custom Database Error Page In WordPress?

1. You should definitely add your brand logo and tagline to make it look good.

2. You can also add URLs of some of the best articles on your other website or some static pages you have on your website that are not dependent on database connectivity. You can also paste the link of your social media channels so that your loyal visitors that check them out to see the updates when it comes live.

3. You can cover up by not displaying it as a database error and say that it is down for some upgrades.

4. If the issue will take some time to resolve, you can forward an email to your subscribers regretting the fact and notifying them when it is likely to come back.

seedprod coming soon

Lastly, there are various custom database page templates available for free on the internet that are very amusing, interesting and attractive.

Download the best one from them and use the same of your site to amuse your visitors while your site is down due to database connectivity error.

Steps taken to move your http blog to https and effect on rankings

This time we’ll shed light on the importance of taking reasonable steps to move your http blog to https.

In recent years, Google started using https by default for Gmail and encrypted search. It was followed by the active usage of this https encryption by other major communication websites and not only.

As a result, those sites adopting https or switching from http to https started to meet higher security standards, record higher ranks on search ranking algorithms, not to mention other benefits.

Hence, Google started using https or secure http as a ranking signal and encouraging blogs and websites to join a community of https.

Well, if Google gives preference to https for search engine optimization rankings, then, it is simple to assume, that migrating from http to https will do no harm to your blog’s SEO rankings and will even increase it.

Yes, if we try to be fair, we’ll confess that it takes https based websites more loading time which, as you can guess, is not so preferable for SEO.

But there is a wise solution not to suffer a lot from heavy loading.

You can choose to encrypt only those blog pages which transfer confidential or sensitive data.

Alternatively, you can use a high quality and performance host to solve the issue.

In addition, search engines, including, of course, Google, love trusted and secured websites.

And since https is a way to keep your blog or website secure using SSL for secure data transfer, your chances are higher to appear in the top positions of search engine rankings.

Now, if you are influenced by “https everywhere campaign” of Google and are looking to move your http blog to https, we’ll help you to go through the required steps to do it.

Backup your blog

Whenever you are making a considerable change in your blog or website, be sure to have a reserved backup of it to make the process smooth and secure. This is one of the important steps to move your http blog to https without any unexpected losses in the future.

Setup and activate SSL certificate

Buy and activate SLL if you have not any yet.

SLL or Secure Sockets Layer is a modern security technology responsible for the encryption link between a server and a browser. It guarantees the confidentiality and security of the data transmitted.

Sometimes, it’s the hosting you are using that offers you a free or paid certificate. We recommend you to buy a certificate from your hosting company so that you will not need to get stuck in complicated installation and other processes required to make SLL certificate go smooth with your site.

However, you are free to look for a convenient solution among other certificate providers as well. Acquire a certificate matching your needs and let SSL work on the top of your https for more security.

Update your blog URL

n order to update your WordPress blog or site URL, you need to go to Settings, General, where you will find WordPress address (URL) and Site Address (URL).

Now, if you have already installed SSL certificate, you need to take care of WordPress SSL redirection from http to https. You can do this manually, by copying and adding the below mentioned code in .htaccess file.

RewriteEngine On
RewriteCond %{SERVER_PORT} 80 
RewriteRule ^(.*)$ https://www.mywebsite.com/$1 [R,L]

Be sure to add your own site or blog’s URL instead of www.mywebsite.com.

If your blog is powered by Nginx which does not share .htaccess type potential, you need to use the code below:

server {
listen 80;
server_name yoursite.com www.yoursite.com;
return 301 https://mywebsite.com$request_uri;
}

Use https redirection plugins

If you are clueless about WP related coding controls and want a simpler way around to move your http blog to https, you can rely on multiple redirection plugins available in WordPress repository of plugins.

Easy HTTPS Redirection:

Easy HTTPS Redicrect

download

Easy HTTPS Redirection is one of the easy to use plugins compatible with any WP based blog or website. It can be one of the successful steps to move your http blog to https and redirect your blog visitors when they try to access non http version. For example, if they type http://yourblog.com in their browsers, it will automatically take them to https://yourblog.com so that you will not lose a single potential visitor.

WordPress Force HTTPS:

download

WordPress Force HTTPS is another lightweight and simple plugin that literally forces your site to use https protocol all the time. This plugin is used to keep things as simple and accessible as possible.

WordPress HTTPS/SLL:

WordPress HTTPS/SLL

download

It is one of the trusted and actively installed https and SSL plugins ready to help you along the redirection process. It comes with a proper installation guide to follow so that you can make the needed redirection effectively.

WP Force SSL:

WP force SSL

download

It is another reliable yet lightweight and admin optimized redirection plugin that does not expect you to take the initiative at coding and development. You will be able to organize the transfer of http traffic to https without complex coding procedures behind.

All you need to do in order to make this plugin work for you is to acquire SSL certificate and adjust your URLs from WP Admin Dashboard, Settings, General.

Select the pages you want to redirect

Choose the plugin that grants you with the total control to use redirection for specific or exclusive pages which require higher security. It can be a login page, checkout page, user account page, shopping cart, etc.
You will be able to find the needed functionality with some of the above discussed plugins, including WordPress HTTPS/SLL and Easy HTTPS Redirection.

Update your SSL certificate whenever needed

If your SSL certificate appears to be old dated, it will result in https marked with a red line through it. Hence, your blog will be showcased as an untrusted resource in the user’s browser.

Creating a custom WordPress messaging system

Do you want a custom WordPress messaging system in your WordPress site where users can send you private messages?

It does not matter what type of website you have, it has become important for a website to have a custom message system.

Any author can send private messages to admin or forum users can send direct messages for instant reply instead of contacting through the contact form.

Hence, creating a custom WordPress messaging system is absolutely important for websites where user interaction is the driving factor.

There are various ways available for creating a custom WordPress messaging system such as using codes or plugins.

If you go the coding route, it could be difficult as a lot of codes are needed.

Instead, plugins are a better alternative.

Creating a custom WordPress messaging system Using

Front End PM

download

Installing –

Go to Admin Dashboard and select the option Plugins from the left menu. Then click on Add New and search the plugin by its name.

Install and activate it after which the option Front End PM will appear on the left menu of the Dashboard.

Setting Up –

For creating a custom WordPress Messaging System Go to Dashboard and place your mouse pointer on Front End PM from the menu.

Click on Instruction from the drop down. In the next screen, you will see a shortcode given to you which is default messaging page.

You can use this shortcode to place it anywhere in a post so that users or readers can contact you instantly.

Alternatively, you can create your own message page by proving title and slug and click on Create Page button. You can go for a preview to see how it looks.

Configuration –

Go to Dashboard and click on Settings from the drop down of Front End PM menu option. A new screen will appear on the right side where you can set the parameters as per your requirement.

You can determine the messages a user can keep in his inbox. Note that an Admin can have unlimited messages in the inbox by default and this setting is applicable only for all the users other than Admins.

You can also set the number of messages with will appear at once per page as well as the number of users in the directory. It is important to note that you should never set them to zero else nothing will show up.

The next parameter is very important where you can set the time delay between two messages. It is useful when you received many private messages in a day so that they do not overlap and you get timely notifications.

Another important parameter is blocking usernames separated by space. This is mainly for abusing users and spammers.

You can also set the capability power of the users(editors, authors, etc.) like you can set it to read so that users can only read the messages received while you only as an admin can reply to the messages received.

Users Settings –

A user can message you directly through the private message without even logging into your website. He or she would be able to avail various settings like settings mail notification when messages or replies arrive from the admin or other users.

Creating a custom WordPress messaging system Using Private Messaging plugin

This is a premium plugin through you can try it before hand for a month. If you have a big community in your website, it is natural for you to invest in private messaging. The reason for using private messaging over social media or contact page is very simple. First, people do not like the concept of contact page anymore and only do it when there are no social media accounts support on the website. Instead of driving your users to social media, you can drive them on your website, and it will increase page views and a better engaging community.

You cannot install the plugin directly from your Dashboard for searching and installing it. Instead, you have to download and then upload. Go to Private Messaging Plugin official site and sign up for a month’s free service. Download the plugin on your hard drive. Go to your Dashboard and move to Plugins on the left menu. Click on Add New and in the new screen, click on Upload button and select the file where the plugin is on your hard drive. Once the uploading is done, activate it. After activation, the menu option Messaging will appear on the left menu of the Dashboard.

Features –

As it is a premium plugin, it is fully secure, and you will get notifications and even popups when you receive a private message. You can attach a file with your message just like email, and the admin can have fully control and monitoring power for every user. Most importantly, he can restrict any feature for any user, and the front end interface is simple and intuitive.

You can send instantly as an icon is available on the top menu containing View Inbox and Send New Message. The Inbox screen has options like Read, Unread, Sent, Archive and General Settings.

Settings and Add-ons –

bbPress Integration
– There are unlimited settings and add-ons available for creating a custom WordPress messaging system. You can integrate Private messaging system with your forum as it has bbPress integration add-on. Users on the forum can message you instantly, and it can help you take prompt actions like deleting a thread, banning a user and likewise.

Shortcodes and Broadcasting – You can use various shortcodes available with which you can write faster and dynamic messages which will increase your brand value and robust factor. There is a useful option of broadcasting messages to all users to notify when about a deadline or a common task.

Group Conversation – You can create group conversation which is highly important for discussing measures, assigning common tasks, proving feedback and likewise. You can also create your own compose box for your betterment and available all the tools that you require very often.

Whether you have a blog or a business website, communication with your users should be your highest priority. You should do all that you can such as creating a custom WordPress messaging system or having an online chat system and engage your audience to turn them into long-term subscribers, clients and customers.

How To Install WordPress Theme for any kind of WordPress websites


One of the reasons why WordPress is so popular is because of its themes. There is literally unlimited number of free and premium themes. Even the free themes have all the awesome designing components and advanced functionalities. Premium themes have all the security measures and advance customization options that set them apart from free ones. If you want to build a WordPress theme from scratch, buy a WordPress hosting plan from a popular web host. Install WordPress on the server and log into your admin dashboard.

How To Install Free WordPress Themes?
First thing first, installing a theme and activating an installed theme are two different aspects. You can install as many themes as you want and have them in your possession. But among those installed themes, the one that you activate will be the theme which your website will show. Therefore, activating a theme will replace your existing theme and hence, it is better to take a backup of the existing theme before installing and activating a new theme.

Step 1.
The first step is to go to Appearance option of the left menu on your dashboard. On placing your mouse point, you will see a drop down menu where you have to click on Themes option. In the next screen, you will see all the themes that are already installed by your web hosts or you previously.

Step 2.
On the top, you will see a button labeled Add New, click on that. The next screen will show you the marketplace of free themes. On the top bar, you will find different options like-

Featured – themes which are either hand-picked by your web host or sponsored by the developers,

Popular – themes which get maximum installations and has high ratings and reviews,

Latest – themes which are new and yet to get enough number of installs.

Note that, you should always go for the popular section because latest themes can have lots of glitches and security loopholes and featured themes can be a trap by hackers and are not totally trustable. On the other hand, popular themes have ratings and reviews which you can check before installing them to understand the pros and cons beforehand.

Featured Filter – This is a great tool to find themes according to the layout that you desire to have, features that are necessary for your website, and subjects to suit your business category.

Step 3.
Place your mouse pointer on the theme that appeals to you on the first glance and click on Preview button to see how the theme looks on your website. Make sure your website has some sample text and posts for the theme to show its true potential. In case you like the preview, click on the theme and it will show you all its details. Check the ratings of the theme. Anything below four stars is not worth installing. You can check the features as well. Once you are convinced, click on Install button on the top.

Similarly, install a handful of themes so that you can have multiple options, later on, in case you need one. You can activate a theme instantly after installing it by clicking on the Activate button where Install button was present previously to make the theme as your current theme.

How To Install A Premium Theme From WordPress Admin?
You can only install the free themes provided by WordPress or your web host through the previous method we stated above. But with this method, you can install Premium themes you buy from premium WordPress theme sellers like ThemeForest, iThemes, Elegantthemes and likewise. Again, when you buy a premium theme from those sites, make sure the theme has all the features you are looking for and the reviews and ratings should be above 4.5 at least. The higher the rating, the better is the theme because in a premium theme you expect all the features and no glitches at all.

Step 1.
Once you purchase a premium theme, you have to download the theme from the seller’s website. After that, you have to upload that in your WordPress. Make sure you have downloaded the theme in a ZIP file. Go to Appearance from admin dashboard and click on Themes option. Click on Add New button in the next screen. Find Upload Theme button on the top of the next screen and click on it.

Step 2.
Then you have to select the ZIP file containing the premium theme from your HDD by clicking on Choose File button. Once it is done, click on Install Now button and wait a few moments to get the theme installed.

Step 3.
In the next screen, you will see two options – Live Preview and Activate. You should have a live preview before activating it. You can also activate it later by selecting Themes option from Appearance, exactly the same way as free themes.

How To Install A Premium WordPress Theme Using FTP
Sometimes, the premium theme maybe too advanced to install it properly from WordPress Admin as stated above. It is always recommended to install premium themes using FTP like Filezilla.

Step 1.
Unzip your download premium theme. Open FTP software and login to your WordPress web server. You will see various folders among which you have to go to public_html and inside it, you will find wp-content. Inside wp-content, you will find themes, click on that. Now, directly upload the unzipped folder containing the premium theme in it. As soon as you upload a theme there, it is considered as installed.

Step 2.
Go to admin dashboard and then to Appearance from the left and finally click on Themes as usual. In the next screen, you will see all the installed themes as always. Find you the premium theme that you uploaded and click on either Live Preview or Activate as per your requirement. It is better to have a preview first to make sure that the theme is installed correctly and ready to become the theme for your website.

In case it is not installed properly, you should contact the seller of the theme and ask their dedicated support team to help you out.

Video Tutorials on How to Install WordPress theme:

Optimize your WordPress blog using Google search engine console

We have good news for you! Optimizing your WordPress blog using Google search engine console to monitor your site’s achievements and dominate over search rankings is pretty simple.

It’s a well known fact that search engines see our websites, blogs and web pages differently than you and we together. And you might thing that making your website or blog equally attractive and understandable both for the major search engines and your website guests can be a daunting task.

Although WordPress by default comes with prebuilt stats to give you valuable information about your online presence, sometimes it’s not enough and you need additional sources of information to boost your presence and generate more revenue online. Google search engine console can be one of such sources to arm you with all the necessary data about your blog’s and its user’s performance so that you can optimize it for boosted traffic and results.

What is Google Search Console?

It is one of the free Google services ready to provide you with a bulk of useful information about your blog and its users. Whether you want to see your daily visits, the ways people reveal your site or blog and come from, proportion of mobile and desktop users of your site, Google Search Engine will grant you with. All in all, the functional capacity of this service is rather wide, letting you also find and fix errors, submit and check a sitemap, write and check robots.txt file and much more.

As you can see, the advantages of optimizing and supervising your WordPress blog using Google search engine console are boundless.

Why do you need to manage your WordPress blog using Google search engine console?

1.Monitor how your blog is crawled by Google
2.Check whether your blog content is properly indexed by Google
3.Generate and publish a content that gets the ranking you desire for your blog or website
4.Detect and fix a number of issues, including spam and malware related
5.Get the overall view of your site that appears in search inquiries
6.Check whether your blog’s mobile version functions well enough

Now, let’s pass on to a technical part of setting up your WordPress blog in Google search engine console and noticeably benefit from it.

First, you need to visit Google search console websitehttps://www.google.com/webmasters/tools/ and sign in to your Google account. You’ll see a red labeled button named Add a Property. Click on that button and add your blog’s URL in the box. Click add and move on to Alternate Methods tab to verify your ownership of the blog. Choose the first one, which is HTML tag to add a meta tag to your site’s homepage.

Copy the given meta tag following meta name=google-site-verification; content=". It should be something like:

meta name=google-site-verification; 

content=Z3McSfldqOEZ9bkoJsdgsahwfdjjej6Rolv7tWmt62o_gGZ88".

Once you are done with this part, you need to take care of using the code you have copied.

SEO Yoast: https://wordpress.org/plugins/wordpress-seo

SEO
download

One of the useful and practical plugins in this relation is the one launched as SEO Yoast.

Install and activate this plugin that can be found in WP library of WordPress. Then head over SEO Settings for additional options. Click on Dashboard, then open up Webmasters tool subsection to copy the code you already have at your disposal in the box next to Google Search Console.

Save the changes you have done in your WP Dashboard and move back to Google Search Console to verify.

Well done! Now you can start optimizing your WordPress blog using Google Search Engine Console.

Insert Headers and Footers:

Inser Header and Footer

download

Insert Headers and Footers is another useful tool to help you get connected with Google Search Console.

The first step of finding and copying the HTML meta tag is the same as in the case of SEO Yoast plugin. Once you have copied the code from, visit Settings, Insert Headers and Footers and add the meta tag to the header field.

All in One SEO Pack:

All in One SEO

download

When you are on the Google Search Console website trying to verify your site, you can find also Google Analytics under Alternate Methods. Based on the experience of tons of WP users, Google Analytics method works perfectly and is easy to follow, especially when working with All in One SEO Pack plugin.

If you choose to use this method, you need to go to your Google Analytics account and add your blog or website as a property. Head over the Admin area and find Property column. Click on Create new property and start adding your details, including website name, URL, choose Industry Category and Reporting Time Zone. When finished, click on Get Tracking ID button.

Now, Google Analytics will generate the tracking ID for your site, which you need to copy.
Afterward, install and activate All in One SEO Pack. If you already have it installed on your blog, go to General Settings, Google Settings. Scroll down to the Google Analytics ID and paste the code you have copied previously.

Once the code is added, check the box Use Universal Analytics and click on Update Options.

This will add the tracking code to your site’s HTML. Now, go back to Google Search Console website and click on Verify.

That’s it! You should receive a congratulation message from Google, stating that you have successfully verified your ownership of your site or blog.

After the verification of your WordPress blog using Google Search Engine Console, you would like to add XML sitemap. Basically, a sitemap is a list of pages on your blog or website that is reachable for all your users. They enable you to let major search engines to index and crawl your website for the available URLs on your site or blog.

Google XML Sitemap: https://tah.wordpress.org/plugins/google-sitemap-generator/

If you are thinking about which plugin to use, look no further than this plugin. Google XML Sitemap is a world class sitemap plugin with more than 2 million active installs. It is one of the best WordPress tools to generate XML sitemaps for the relevant search engines.

Guide to Stop Comment Spam in WordPress commenting system

spam comment
Comment spam is one of the most common problems faced by many WordPress users and site owners.

There are many WordPress websites that receive hundreds of spam comments every week.

This is a situation where spammers try to destroy your online reputation by posting spam or irrelevant comments on your blogs.

And the worst part is that there aren’t too many concrete solutions to completely stop the spammers from attacking your site.

Even if you disable your comments, they still can find a way to post spam at your site. But, still, you can reduce spam comments if you configure your WordPress site correctly.

Most of the site owners, especially beginners find problems in managing such comments and keep on losing their potential web visitors. If you really want to tackle this situation, you need to think something out of the box and enhance the security of your site.

Fortunately, WordPress comes with some security measures that can let you protect your site from spammers and other security threats. All you need to do is to follow the best tactics and strengthen the security of your WordPress site.

In this blog post, we will share some of the robust tips that will help you stop or reduce comment spam on your WordPress website. If you are a WordPress site owner, then you should spare some time to read out this blog post.

Here we go!

1. Moderate Comments
moderate comments
When you access your WordPress admin area, you will see a section in the WordPress discussion settings page, which is known as “Before a comment appears”. This particular section will help you manage which comments are sent to the moderation queue and which are automatically posted on your website.

You can manually approve all of your comments by enabling “Comment must be manually approved”. It means you have a full control over what comments are published on your website. By enabling this setting, you can stop spammers from publishing spam comments on your site.

Despite being a great solution, some of the experts find this option quite frustrating. There could be a chance that a website owner checks the comment moderation queue either in few hours or even in few days before a comment is published – this can slow down the discussions on your website.

A more effective way is to manually approve the first comment of a person. You can enable the option entitled as “Comment author must have a previously approved comment” to review each commenter who is trying to post a comment on your site. With this option, you can send a commenter’s first comment to the moderation queue and once they are approved, all their subsequent comments will be published automatically.

It is a good technique because spammers never waste their time in writing good comment and therefore their attempt at spamming your site can be demolished with ease.

2. Disable Comment Options from Your Older Posts
You can stop spammers from attacking your site by disabling the comment option from your older posts. This can protect your WordPress site from spam comments.

Luckily, WordPress comes with an inbuilt option right on the Settings >> Discussion page that enables you to turn off your comments on the older posts. For that, scroll down to “Other Comments Settings” > click the checkbox next to ‘Automatically close comments on articles older than 15 days’. Here, you can change the number of days as per your convenience.

After that, click on the save changes button to disable comment functionality on your previously posted blogs.

3. Use of Comment Blacklist
WordPress is a robust platform that offers security capabilities that can help you prevent site against hackers, spammers and other security threats. The platform allows website owners to blacklist spam comments quite easily.
comment blacklist
This is an ultimate feature of a WordPress that empowers you to blacklist those IP addresses that are continuously attacking your site. With the use of name, email address, content, and URL, you can blacklist those commenter’s who try to do something suspicious on your site.

You can easily find the comment blacklist option in the same Discussion Setting Page when you enabled comment moderation. Here, you will see an empty text area where you can submit the IP addresses, and other key information to blacklist unwanted comments or suspicious commenter from your site.

4. Use Anti-Spam Plugin
You can stop spammers from posting spam comments on your site just by installing the best anti-spam plugin on your WordPress site. You can strengthen the security of the site and keep the spammers away from attacking your site.

Although there are tons of anti-spam plugins, Akismet is considered to be the best solution that lets you check your comments against Akismet Web Service to determine whether your site contains spam comments or not. The plugin allows you to identify spam comments before they reach your site in real time.

Note: Akismet comes pre-installed with both free WordPress themes as well as paid themes. It means you just need to activate it on your site to automatically detect spam comments on your site.

5. Customize .htaccess file
This is a crucial tip that can help you protect your site from spammers. You should edit the .htaccess file if you really want to restrict spammers from posting comment spam on your site. You can add the following code into your .htaccess file:

# Protect from spam bots
RewriteEngine On
RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{REQUEST_URI} .wp-comments-post\.php*
RewriteCond %{HTTP_REFERER} !yoursitename.com.* [OR]
RewriteCond %{HTTP _USER_AGENT} ^$
RewriteRule (.*) ^http://%{REMOTE_ADDR}/$ [R=301,L]

Conclusion
Stopping spam comments on WordPress sites become crucial if you want to create a unique presence on the web. With the help of these tips, you can strengthen the Discussion Settings of your site and restrict hackers, spammers from illegal attacks and threats.

These tips will help you reduce spam comments on your WordPress site or blog with ease. Keep fighting with spammers until you completely secure your site.

Author Bio: Catherrine Garcia is an experienced Web Developer at Hosting Facts and a passionate blogger. She loves to share her knowledge through her articles on web development and WordPress.

How to Install WordPress on Your Site Step by step Guide

Step by step guide on how to install WordPress on your website

.

WordPress is the most popular platform for creating a content management websites.

It is also popular for having a professional business website with blog section for companies selling products and services.

The reason for its popularity is that it is too easy to design, create and manage a WordPress website without technical knowledge.

Another reason is its functionalities through plugins which let you have any feature on your website with a few clicks. When a newbie wants to start a website, it becomes a concern for him to install WordPress on the purchased web server space and create a website based on it.

Here are the steps on how to install WordPress on your site. Note that different web hosts have different tools to install WordPress from the cPanel.

How To Install WordPress On GoDaddy Hosted Website

GoDaddy is one of the popular web hosts for hosting WordPress websites. If you have bought GoDaddy’s managed WordPress plan, it would be a cake walk to install WordPress. Simply log in to your account and go to My Products. In the next screen, find web hosting just below domains. Click on Manage button there. Find your website in the next screen where you want to install WordPress and click on Manage button corresponding to that. Note, you can have multiple websites under one account and hence, you have to select the website where you want to install WordPress.

The next page is the cPanel where you need to head over to Web Applications section. There you will find WordPress. Double click on that and in the next screen, click on Install This Application button. Next, you have to provide Admin username and password through which you will be able to access the dashboard of your WordPress website.

How To Install WordPress On BlueHost Hosted Website

BlueHost is the officially recommended web host of WordPress. Naturally, it has the most number of WordPress websites hosted on its servers. Installing WordPress on a website that has BlueHost as its server is super simple. It uses MOJO marketplace which requires a few clicks to complete the installation process. Simply login into to your BlueHost account. On the top menu, you will find Hosting menu option. Click on that and below that, click on cPanel where MOJO marketplace tool is waiting for your attention.

On the cPanel screen, find Install WordPress option under Website tab. There is another option named One-Click Install. Both of them take you to MOJO marketplace. In the next screen, click on Install button, and you would be asked to select the domain name of the website where you want to install WordPress. Moving on, it will ask for the site name, admin username, and password. After providing those, click on Install Now button.

It would take a few moments to install WordPress as you would be able to see through a progress bar. Once the installation is over, you will see its notification on the screen. Then you can go to the Admin URL and login to your WordPress website’s dashboard.

How To Install WordPress On InMotion Hosting and SiteGround Hosted Websites

Both InMotion Hosting and SiteGround web hosts are quite popular and host a large number of WordPress websites, and the count is always increasing. Because of various security features, people go for them ditching BlueHost which is the officially recommended web host for WordPress. InMotion and SiteGround use Softaculos tool available in the cPanel for letting its user install WordPress for their website. Just like MoJo Marketplace, it is also an auto-installer.

Login to your cPanel account directly and find the heading Auto-Installers. There you will find two options – Softaculous and WordPress. Click anyone and in the next screen, select Install tab. Then provide your domain name, site name, site description, admin username, password and email address.

There are other options like language, themes to install and other advanced settings which you can opt to omit and click on Install button directly. Even if you select a theme or language, you will be able to change it later on.

Once all is done, the installation will start and you will see a progress bar and when it reaches 100%, you will receive Admin URL to login to your dashboard.

How To Install WordPress On HostGator Hosted Website

How To Install WordPress On HostGator Based Website

HostGator is undoubted the cheapest web host for WordPress websites. People who have a low budget generally opt for HostGator. Furthermore, there are always some huge seasonal discounts going on the site, and you can also find coupon codes on the coupon sites to cut down you price significantly. HostGator uses QuickInstall tool to let its user install WordPress effortlessly.

To install WordPress on your site, log into your HostGator’s account. Go to cPanel and scroll downwards to find Software and Services heading. Below that, you will find QuickInstall is listed. Click on that, and you will reach QuickInstall Page where you have to click on WordPress option on the top menu. Finally, you will get to see a button named Install WordPress, click on that and fill in the details of the site and admin credentials and wait for the installation to get completed.

How To Install WordPress Manually Using FTP

Advanced users upload WordPress manually after making a few changes in the original files of WordPress for technical reasons. This technique is applicable for all web hosts. To install manually, you would need FTP software. FileZilla is the most popular, and you need to down the latest version of WordPress from the official site of WordPress.

Open the FTP software and login to the cPanel. You will have to go to the web directory and be inside public_html folder where you need to transfer the downloaded WordPress files. Then you have to go to the cPanel through the browser ad create a default database by providing required credentials.

Once the uploading WordPress files and creating the database are complete, type the URL of your website and press enter on the address bar of the browser. You will be asked to select language, enter database details which you created earlier and provide site details like site name, admin username, and password and finally, you have to click on Install WordPress button to finish the installation. Then go to your admin login page, and login successfully to land on your site’s dashboard and start designing your website.

Video Tutorials on How to Install WordPress on Your Site:

Animal Rescue WordPress themes for helping save animal websites

animal rescue WordPress themes

A comprehensive assemblage of Animal Rescue WordPress Themes for animal shelters and rescue groups, animal care services and pet adoption organizations, pet grooming and walking, training and other services, pets hotels and other animal centric activities online.

Animal shelters and protection centers do an important job in taking care of stray pets and animals and keeping them under their roofs before they are adopted. In this spectrum, relevant websites and blogs are essential in linking two sides of this kind of activities.

Websites are the main connection links unifying animal and pet lovers, animal shelter groups and workers, animal trainers, veterinary experts and other specialists, who all have one primary aim. To save, rescue, recover or turn animals back to their normal lives.

We have put together the best of the Animal Rescue WordPress Themes to serve as the basis of suchlike websites, blogs, NGOs, charitable funds and communities catering to animal needs, salvation and protection.

All of the pet rescue and Animal Rescue WordPress Themes we are going to discuss here are designed for the most demanding client.

In a nutshell, they are more resourceful and functionally stable than you would expect. In addition to that, they are also pocket friendly for small or low budget companies and organizations so that any NGO or pet rescue center will be able to craft an online platform with less financial means.

animal wordpress theme

1. Pet Care:

download

Pet Care is by far one of the most trusted and frequently used Animal Rescue WordPress Themes ready to tailor to any pet and animal related websites and blogs.

No matter what your online plans are in connection to your profile, this template is ready made to serve all your needs. Instead of commissioning designers to take care of the look of your site, you will be able to pre choose from the given layouts, templates and styles and make your unique site in no time.

With template color switching controls and fonts management options, with custom post types and widget friendly footer, header and sidebar areas, Pet Care is also 100 % responsive and cross mobile compatible to bring you more traffic from mobile users. It is also totally commercial ready for trading online, selling pet related goods and accessories for donation or animal charitable funds.

local business WordPress theme

2. Local Business Pro:

download

If you want to use the virtual platform for making your local community more famous, Local Business Pro can be your best partner. Get the website you need with less cost and make sure you receive the best results. Instead of getting your hands dirty in coding and other complex processes, you will merely enjoy working from the backend of the theme, since the hard part is already done by the dedicated authors of the theme.

By the application of Local Business Pro you will also get additional pages which will certainly contribute to your web traffic increase. Blog, gallery, services, contact and other areas, widgetized footer and header parts with summary of your community or local business, recent posts, contact details, phone numbers and more will make your profile more ergonomic and easy in usage.

chiropractor WordPress theme

3. Bony:

download

Bony is clear and eye catchy template supported by an entirely dynamic basis and strong HMTL5 coding. As one of the tried and tested veterinary and Animal Rescue WordPress Themes, it economizes your financial means and nerves. You are going to pay almost next to nothing for the theme but receive tons of useful features and customization controls which even more expensive templates lack.

Your website based on this wonderfully robust template will easily respond to any mobile or gadget size or resolution which your website user has in hand at the moment. It has also been checked for its error free cooperation with multiple plugins, such as WooCommerce, SEO, gallery and contact form plugins.

marketing WordPress theme

4. SKT Dual:

download

Serious looking and well formatted, SKT Dual is irreplaceable when it comes to taking your animal centric content and serves it to your potential audience, donators, partners and others. Fully responsive design, unique homepage structure, gallery and portfolio options for controllable albums and imagery and much more are what put SKT Dual at the top of competition and make it one of the most productive Animal Rescue WordPress Themes.

Whether you provide professional services for animals and their care, sell your products and services, offer veterinary services or animal shelters, this template knows the shortest path to the online success.

Receive more flows of website visitors and let them quickly get in touch with you by following your quick guidance through contact details, location, contact form, social media profiles and more.

non profit WordPress theme

5. SKT Trust:

download

SKT Trust is a multifunctional and multidimensional template designed for religion and charity related communities, activities and organizations and as such is wonderfully fitting to any animal care and animal charity programs, events, protection campaigns and more.

The theme has a nice looking and motivational appearance, however, you are the one to play with color and font combinations, selection and deployment of social media icons, fix sidebar area, arm header and footer with the right elements and links, etc.

Once your web visitors are landing on your homepage, greet them with unique imagery that will also adapt to any mobile or device screen and will keep its pixel perfect look, since SKT Trust is seamlessly mobile optimized.

education WordPress theme

6. Play School:

download

Play School is clever and ambitious, visually captivating and commercially coherent template created ad launched with convenience and precision in the developers’ mind.

Take Play School and craft the online profile that will become the meeting place of your community partners, animal lovers and owners, volunteers, foster care specialist, donators and charitable funds and more.

The smooth and sleek navigation of your site together with fast response time and beautiful environment will make your website an enjoyable experiment for all the parties and sides.
The theme also shares dozens of customization and management options, compatibility with the most useful online tools and plugins, shortcodes based performance, etc.

Beautiful Implementations of Material Design in Mobile Apps

Many people these days look for beautiful implementations of Material Design in mobile apps for inspiration.

Yes, Material design came and changed design history and during recent two years it was quite popular in mobile apps design and there is a great number of beautiful implementations of Material Design in mobile apps.

But before that, let us understand what Material Design is and why it has become the most popular and successful design language.

What is material design?

Material Design is a design language developed in 2014 by Google. Expanding upon the “card” motifs that debuted in Google Now, Material Design makes more liberal use of grid based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows.

As of 2015 most of Google’s mobile applications for Android had applied the new design language, including Gmail, YouTube, Google Drive, Google Docs, Sheets and Slides, Google Maps, Inbox, all of the Google Play-branded applications, and to a smaller extent the Chrome browser and Google Keep. The desktop web-interfaces of Google Drive, Docs, Sheets, Slides and Inbox have incorporated it as well.

The canonical implementation of Material Design for web application user interfaces is called Polymer.
It consists of the Polymer library, a shim that provides a Web Components API for browsers that do not implement the standard natively, and an elements catalog, including the “paper elements collection” that features visual elements of the Material Design.

The system, which focuses on grid-based layouts, transition effects, and depth, soon made its way into Android apps and brought the system up to the design standard of iOS.

The principles of Material Design

Visual cues inspired

Google uses the term “tactile reality” to describe their design philosophy, because the surfaces and edges within material design are inspired by real life paper and ink studies. This helps users to visually understand the digital interface on their screen without any difficulty. Design that’s grounded in reality makes objects on the screen recognizable and easy to interact with.

Bold aesthetics

Color choices in material design are bold and deliberate. Eye-catching color schemes work with foundational print-based design techniques to immerse the user in the experience. Intentional white space, edge-to-edge imagery and large typography are used to place an emphasis on user actions. This way, the user quickly understands the purpose and functionality of the interface on their screen.

Meaning made through motion

Instead of animations that are artificial and mechanical, motion in material design appears fluid and natural. Google recommends doing this in a few different ways:

  • Natural acceleration and deceleration: To avoid unnatural motion, elements on a page should accelerate and decelerate smoothly. Abrupt starts, stops and changes in direction are jarring and distracting to the user.
  • Visual continuity: A transition between two visual states should be smooth and effortless so the user is not sidetracked. Too many bells and whistles as a website or app moves from one page to the next are unnecessary.
  • Hierarchical timing: Elements that contain the most important content should be emphasized by being placed on the easiest path for the eye to follow. In other words, it’s important to draw attention to important elements.
  • Consistent choreography: Animated elements shouldn’t transition randomly, since that can be distracting. Instead, they should travel in orderly paths that make sense.

Material Design doesn’t just create order, it creates order with purpose and meaning. It’s a sensory expression of Google’s brand. If it finds purchase, it could be the first serious threat to Apple’s apparent monopoly on sublime user experience. As an iPhone devotee, I have to confess that for the first time I’ve begun casting sidelong glances Android’s way.

The mind numbing specificity of Material Design is a response to two facts:

  • If it’s possible for a developer to ruin a UI, they will.
  • The alternative to good design isn’t no design, it’s bad design.

Now, here are some of the most beautiful implementations of Material Design in mobile apps.

Who can implement Material Design better than those who created it. Google Calendar is one of the most beautiful implementations of Material Design in mobile apps. With more than 1.000.000 downloads, it surely rocks the party.

Google Calendar

For starters, Google’s app finally did away with the conventional skeuomorphic design most calendar apps use that mimics the layout of a physical planner.

There is no more restriction by the need to write down our schedule on paper. Google’s calendar gives you a vertical layout and places the current day at the top of the page. This way, you only see the upcoming days and events. Days where nothing is happening are condensed and this further streamlines the experience to show you only what’s actually useful.

This single change to the interface simultaneously allows the user to remain at the center of the experience so that the UI moves around them. Throw in some parallax scrolling and you have a really great looking app that combines.

Evernote

Evernote is often praised for its take on material design and is an eye catchy example of the beautiful implementations of Material Design in mobile apps

The app has a strong and consistent color scheme throughout and is as well-designed as it is functional.  Icons clearly and efficiently denote whether it’s a text note, a hand-written note or a photo you’ll be taking. The Elephant icon is simple and elegant, while the website, iOS and Windows 10 apps are also just as thoughtfully designed and laid out.

Microsoft Health

Microsoft Health is actually one of the best examples on the Play Store.

The app is designed to work with the Band fitness tracker and shows all your stats in a simple vertical layout along with plane white icons. When clicked on one of these headings and the panel will ‘open out’ to reveal your stats. The UI is great for letting you get an overview at a glance while having the option to go deeper if required, which is a hallmark of good app design.

Fabulous: Motivate Me 

Many people think, that Fabulous: Motivate Me is the most precise and deeply thought Material design implementation in mobile apps. The app explores new material design principles in all the normal ways with its crisp, flat images and bold colors but it also has some of the most attractive animations on the Play Store.

The list wouldn’t be complete without Facebook Live’s mobile application.

The app  is a very minimal, yet effective example of Material Design. It uses shadowing in a way that is not typically seen; by using light shadows instead of dark to provide depth.

It makes interesting use of iconography, animation, and interaction design – key aspects of Material.

Building a WordPress CMS Powered Front end application or project

Building a WordPress-powered front end requires the knowledge of WP REST API and AngularJS. You can build any application with WordPress as the backend. You can break free of the conventional theme and admin model which is popular in WordPress. In this article of building a WordPress-powered front end, we are going to create an interface containing featured post, categories, and users listing pages. You will need the help of wireframes for building a WordPress-powered front end.

The Overview Of The Project

It is time to understand the requirement and planning out the entire project. The first thing we need is listing pages and singles pages for posts, users, and categories. Therefore, we would require templates for those pages. The listing page will show a certain number of posts with pagination. The following is how a listing page should roughly look like.

The following is how a single post template should look like.

Most of the features we have in the wireframe are available with WP REST API, but there are some additional features which we have to add on our own like featured image link, category names and author names. Let us take a step further and analyze how the categories and posts wireframes should look like. This is how categories template should look like.

This is how the users template should look like.

To have some of these features, you would require a companion plugin. You would also notice that some of the features are common in all of these templates and hence, we should create common AngularJS directive so that the common features can be shared and there is no repetition.

The Requirements

Before you can start with the project, you need some applications installed.

1. Node.js for working with certain commands.

2. GulpJS for optimization and Git for cloning

3. WordPress installation with WP REST API plugin

In Github command line, you have to write the following to clone the HTML package repository –


$ git clone https://github.com/bilalvirgo10/quiescent-rest-api-html.git

$ cd path/to/cloned/repository

The following line will install Node.js modules.

$ npm install

The installation will take some time and then execute the source using $ gulp command. This will create a folder named ‘dist’ where all the compiled source files are kept.

Time To Build The Companion Plugin –

As we stated earlier that we require building a companion plugins for building a WordPress-powered front end. The following are the things we are going to achieve by building a companion plugin. The features are the featured image for a post, the author name for a post along with author image from Gravatar account and finally the list of categories for each post.

Go to your wp-content/plugins folder and name it the same as your plugin. For example, we are going with quiescent-companion. Go inside the folder and create a php file with the same name as the folder. Open it and paste the following code which is just a formal beginning to creating a plugin.

/**
 * Plugin Name: Quiescent Companion
 * Description: Plugin to work with the Quiescent WP REST API theme
 * Author: Bilal Shahid
 * Author URI: http://imbilal.com
 */

Building The Custom Field For The Featured Image

Paste the following code which is meant to create a featured image for a post. Basically, it will create a custom field, and you can add featured image just like the way you do.

/**
 * Modifying the response for the Post object
 */
function quiescent_modify_post_response() {
    // adding a field for the featured image
    register_rest_field( 'post', 'quiescent_featured_image', array(
        'get_callback'      ='quiescent_get_featured_image',
        'update_callback'   = null,
        'schema'                = null
    ) );
}
add_action( 'rest_api_init', 'quiescent_modify_post_response' );

The following code is for giving a name to the custom field for featured image and for retrieving the image.

/**
 * Function to retrieve featured image link
 */
function quiescent_get_featured_image( $post, $field_name, $request ) {
    $attachment_id = $post['featured_media'];
    $attachment_info = wp_get_attachment_image_src( $attachment_id, 'quiescent_post_thumbnail' );
    return $attachment_info[0];
}

Using the last created method, you can retrieve a lot of information about a post like its ID, title, content and likewise.

The following code is for creating a custom size for the featured image. The size has been kept at 712 x 348 pixels.

**
 * Adding image size for the featured image
 */
function quiescent_add_image_size() {
    add_image_size( 'quiescent_post_thumbnail', 712, 348, true );
}
add_action( 'init', 'quiescent_add_image_size' );

Save the file because the first custom field is added, two more to go.

Building The Custom Fields For Users and Categories

The following is the code to add the field to show author name.


// adding a field for author name
register_rest_field( 'post', 'quiescent_author_name', array(
    'get_callback'      = 'quiescent_get_author_name',
    'update_callback'   = null,
    'schema'            = null
) );

/**
 * Function to retrieve author name
 */
function quiescent_get_author_name( $post, $field_name, $request ) {
    return get_the_author_meta( 'display_name', $post['author'] );
}

The following code is for adding the categories names.

// adding a field for categories
register_rest_field( 'post', 'quiescent_categories', array(
    'get_callback'      = 'quiescent_get_categories',
    'update_callback'   =null,
    'schema'            = null
) );

/**
 * Function to retrieve categories
 */
function quiescent_get_categories( $post, $field_name, $request ) {
    return get_the_category( $post['id'] );
}

Save the field and now we have quiescent_featured_image, quiescent_author_name, quiescent_categories as the three different custom fields for the features that are not present tin readymade form.

Fetching The Gravatar Image Pn 207 x 207 Pixel Format

The last thing missing is the author photo from Gravatar. The following code is meant just for that.


/**
 * Modifying the response for the User object
 */
function quiescent_modify_user_response() {
     
}
add_action( 'rest_api_init', 'quiescent_modify_user_response' );

/**
 * Modifying the response for the User object
 */
function quiescent_modify_user_response() {
    // adding a field for 207 X 207 avatar
    register_rest_field( 'user', 'quiescent_avatar_url', array(
        'get_callback'      ='quiescent_get_user_avatar',
        'update_callback'   = null,
        'schema'            = null
    ) );
}
/**
 * Retrieving the avatar for the user
 */
function quiescent_get_user_avatar( $user, $field_name, $request ) {
    $args = array(
        'size'  = 207
    );
     
    return get_avatar_url( $user['id'], $args );
}

Now, all you need to do is to create templates, routes and services for the resources and complete building a WordPress-powered front end easily.

Tips to Help You Keep Your WordPress Database Squeaky Clean

how-to-clean-database
You can replace your WordPress core files and even install a completely new theme but one thing you cannot change is the database. This is the soul of your website and you have to keep it as secure and smooth running as possible. However, how exactly do you achieve this objective? The answer is to keep it well maintained.

If you have been using WordPress for a while, there is a good chance your website is in dire need of a cleanup. This might be the solution you need to speed up the load speed of your website and to do away with the periodic crushes. Chances are your database is filled with unnecessary tables that make your website both sluggish and bloated. Regular cleanups will help reduce the size of the database, which will result speedy backups and load speeds.

This post focuses on some of the key things you have to do to keep your WordPress database as clean as possible. The post focuses on the use of plugins and SQL queries.

Backup Your Database
Before installing any database maintenance tool or doing any form of cleanup, make sure that you start by backing up your database. Computer systems have a brain of their own and the last thing you would want is to lose your valuable data simply because you were in a hurry to make it better.

System problems and human errors are common. You must always start by creating a backup before starting any maintenance work. You need a fresh copy available to restore everything in case anything goes wrong. Don’t gamble with the soul of your online business.

Delete the Unused Plugins
The more the number of plugins you have on your WordPress website, the longer it will take for your site to load. This is because each plugin is a different line of code that a browser has to call-up when loading a page. Often times, webmasters forget to delete the unused plugins. This ends up bloating their website.

One of the best ways of removing clutter from your WordPress database is to search for the unused/disabled/unnecessary plugins and delete them. If you are like most people, you love to test out plugins and there is a good chance you forget to delete most of these plugins. Other times, you end up installing plugins that serve the same purpose.

No matter the case, it is good to take some time to go through your list of plugins and delete the ones you never use. Plugins take up space in the database and getting rid of the unnecessary ones will be a huge step towards a squeaky, clean house.

Delete Plugin Data
Once you delete the unnecessary plugins, there is a good chance that most of these plugins will not go away with their data. You have to purge the database from this data if you want it to run faster. This data is in the 2p_postmeta table. Most database services providers will guide you through this process. However, you should not do anything you are unsure of.

Delete Spam Comments
One of the worst things about allowing your audience to comment is that you will always have to deal with spam comments. This might be negative comments or promotional content posted by online marketers. The good news is that there are queries that can help you delete spam comments easily.

Here is a simple query

DELETE FROM wp_#_comments WHWRW comment_approved = ‘spam’;

With the above query, all you need to do is replace the ‘#’ with the site ID you want to purge of spam comments.

Clear Comments Awaiting Moderation
You always have to moderate the type of comments that appear on your website. However, if most of the comments you are getting are spam and you do not have the time to weed through all of them, you can use a simple query to delete all the comments that are awaiting moderation. However, it is always good to go through the comments to search for genuine ones before using this query.

DELETE FROM wp_#_comments WHERE comment_approved = ‘0’;

Again, replace ‘#’ with the target site ID.

Optimize Database Tables
There is no need for you to install plugins to optimize your database. In just a couple of clicks, you can easily optimize your database tables to get more from them. Go to the phpMyAdmin and click on the database then scroll to the bottom of the page. Click ‘Check All’ checkbox and select ‘Optimize Table’. You have to repeat this if you have multiple pages of tables. The process may take longer if you have a large website. However, at the end of it all, you will get a success message.

Install Database Maintenance Plugins
So far, the post has looked at the DIY techniques you can employ to get more from your WordPress database. You should not stop there. You can automate the process with plugins. There are numerous database management plugins you can count on to automate backups and schedule cleanups. All you need is to do is review individual plugins and install the most recommended ones. You must also never overdo this else, you will end up with poor results.

Some of the best WordPress plugins you can consider for database maintenance include the following:

  • WP-Optimize
  • Revision Control
  • Optimize Database after Deleting Revisions
  • WP-Sweep
  • WP-DBManager
  • Simple Revision Delete
  • UpdraftPlus Backup & Restoration

 
Some of the aforementioned plugins play the same role. Be careful not to install similar plugins. You should also only install plugins from reputable publishers.

Conclusion
The aforementioned tips will get you ready to clean out your database and improve the performance of your entire network. Do not be too reluctant to maintain your database regularly. The longer you wait the higher the risk of suffering a total failure. Such failures are bad since they often involve tremendous data loss and lost business. If you feel you are incompetent or don’t have the time to properly maintain your database, enlist the help of a DBA expert.

Author Bio
Sujain Thomas is a data IT professional who works closely with DBA experts to provide her clients with fantastic DBA services to solve their data problems. If you need data IT solutions, she is the person for the job. She enjoys writing on database administration services and other topics in the IT field.

How to customize your site design using child themes?

You should definitely know how to customize your site design using child themes.

Creating child themes is considered to be the best way for customizing a site design. It is the safest way because if you create any grave issue during customization of the site design, you can re-upload the parent theme and get back the original site again.

A child theme also helps you to work offline and makes any required modifications and experimentations. But first, you need to know how to create a child theme.

How to customize your site design using child themes?

A child theme retains the design and functionalities of the parent theme. If you do not make a child theme and make changes directly to the parent theme, if you make some mistakes, the changes will be irreversible. Furthermore, if you take an update of the parent theme when it is made available, all the changes will be completely wiped out.

Creating a child theme

The first step is to create the child theme from any parent theme. On your hard drive, create a folder with the meaningful name of the child theme. Inside the folder, create a file named style.css. Open the file using any text editor and paste the following.

/*
Theme Name: My Child Theme
Theme URI: http://mysite.com/
Description: This is a custom child theme I have created.
Author: My Name
Author URI: http://mysite.com/
Template: parenttheme
Version: 0.1
*/

@import url("../parenttheme/style.css");

You need to change the above lines and replace them with appropriate information. Theme name should be the name of the folder you just created within which the file resides. You have to give the authentic URL of your existing website and similarly, the author name and its URL. The template name has to be the name of the parent theme. Similarly, in the last line, the name of the parent theme has to be provided. Make sure you take care of the case sensitive letters else it might not work. Save the file and exit.

Transferring The Folder

It is time to transfer the file from hard drive to web host WordPress installation folder. For that, you need to use an FTP like Filezilla and connect to your server and enter the folder WP-content and within it, you will find Themes folder, double click on that. Upload the child folder theme. Make sure the ultimate address should be wp-content/themes/childfolder/style.css.

Activating The Child Theme

To activate the child theme, you have to go to Admin Dashboard and go to the left menu option Appearance. From the drop down, click on Themes. You will see your Child Theme already installed. It is time to activate by clicking on the button. It is important to note that at this point, the child theme will be exactly the same as the parent theme as you have not made any change so far.

Customization Process

Most of the themes come with multiple CSS files, but the main one stays in the main folder, and it is the ultimate file to customize your site design using child themes. If you want to make any functional change, you have to customize functions.php file.

It is important to understand that different parent themes have different class and identifier names in CSS style file and to change them, you have to know the names to overwrite them and customize your site design using child themes.

How To Get The Code Of The Parent Theme To Overwrite Them?

If you are using Google Chrome, you must be aware of the fact that it comes with code inspector which shows the code of any section of a website. So, what you need to do is to visit your web’s homepage from the web browser and press F12. The box will appear at the bottom and show codes. Now, place your mouse pointer on the ‘Elements’(code lines) whose style you want to change.

Specific Changes

For example, you want to change the of the navigation menu. So, place your mouse pointer on the code lines inside Elements tab of the Inspector and find out which code represents the style of the navigation. Once you find it, you have to note the ID. In most of the cases, the ID and Class are going to be same, and in this case, it is ‘navbar’. So, all you have to do is go back to the style.css file of the child theme and add the following piece of code.

.navbar {

background-color: #e8e5ce;
}

It is important to note that since the ID was ‘navbar’, we used the same identifier on the style.css. On some other parent theme, it could be something else instead of ‘navbar’ and accordingly you have to make changes. Save the file and visit your website again to see it.

Similarly, you can make changes to the footer background color or ever widget background color by writing the following piece of code.


.site-footer {background-color: #d8cdc1;}

.widget {background-color: #e8e5ce;}

Universal Changes

There are some elements which are universal for a website. For example, the anchor text color is same throughout the website. It has a particular color and style to make them noticeable. It changes its color when you hover your mouse pointer over it or click on it. Making universal change is easy as they are same for all parent themes as they are general syntaxes of CSS. To change the color of anchor text, you have to use the following.

a:link – this is for link displaying.

a:hover – this is for the changing of color when you place your mouse pointer over the link.

a:visited – this is for changing the color for the already visited links.

Therefore, the code in the style.css file of the child theme should be like the following in case you want to change their colors.

a:link {
  color:#ff0000;
  text-decoration:none;
}

a:hover {
  color:#ff0000;
  text-decoration:underline;
}

Hope the process is clear and to customize your site design using child themes, you need to start learning about CSS and different attributes. Thank you.

Manually Migrating Your Static Site To WordPress In 3 Easy Steps

WordPress easy migration
There are a lot of reasons to use WordPress, especially as a designer. But how do migrate your content into the CMS?

Let’s say you’ve already got an established website coded in static HTML, but you want to move it to WordPress. There are plenty of reasons why this is something worth doing, after all – easier management of your content, for one, and greater freedom where design customization is concerned. Better yet, with the right tools, it’s actually a relatively painless process.

Let’s talk about what you need to do for it.

Before You Begin
First thing’s first, you’ll need to make sure you’ve the proper tools. There are only two pieces of software you’ll really need for this process. One of them’s freeware, the other’s a plugin:

  • HTTrack: This utility allows you to download your entire website in static HTML format. This allows you to easily import it to WordPress.
  • HTML Import 2: This WordPress plugin is designed to transfer static HTML files into a WordPress installation, allowing them to be managed through the CMS.

 

Once you’ve downloaded both – and before you actually start the transfer process – there are a few questions you need to ask yourself (courtesy of Smashing Magazine):

  • How much content needs to be imported (number of pages, number of images, etc.)?
  • Can the content be categorized into the standard “posts” and “pages,” or does it call for custom post types?
  • Does extra content need to be stored for certain pages (custom fields, taxonomies, etc.)?
  • Will the URL structure change? If so, will the old URLs need to be redirected?
  • Does the old website integrate any third-party services (data collection, reservations, etc.)?
  • Do any forms need to be migrated (contact forms, application forms, etc.)?
  • Is access to any content restricted (such as members-only content)?
  • Does the website sell products (digital or physical)?
  • Do any administrative tools need to be carried over?

 

Step One: HTTrack
First, you’re going to want to open up HTTrack. While you can run it from the command line, I’d recommend the graphical user interface for simplicity’s sake. You shouldn’t need all that much guidance for this phase – since you’re importing an HTML site without any dynamic elements, you can simply download it (you’d have to use the “mirror” option if it contained dynamic elements).

How long this takes depends mostly on how large your site is. Go grab yourself a coffee or make a sandwich, and it should be done by the time you get back. By then, you should have a folder that contains everything on your site in static HTML format.

Now, you’re ready to transfer it over to WordPress.

Step Two: The Import Process
Note: It’s EXTREMELY important that for this stage, you’re working with a fresh installation of WordPress. Otherwise, you could be dealing with a chaotic sitemap and duplicate pages, if the process doesn’t fail outright.
Open HTML Import 2. Now, here’s where things get a little complicated. You need to instruct the plugin on how to recognize the content on your site that you want to import (and ignore the content that you don’t). Look for common HTML tags surrounding your content for example

Those’ll be your identifiers.

Once you’ve figured out how to import the stuff you need, start the process. Before too much longer, you’ll have everything up and running.

Step Three: The Follow-Up
With the tough steps out of the way, all that’s left is beautification and follow-up work. In no particular order, here’s what you’re going to need to do:

  • Redirect visitors from your old site to the new one (HTML Import 2 provides a list of Apache redirects to allow you to do this).
  • Modify the design template of your old site into a WordPress theme – though it may be easier to simply come up with a new design altogether.
  • Make sure everything you wanted to import is present on your new site.

 

And that’s pretty much it! You’ve now got a fully-functional, easy-to-manage WordPress site. Pretty cool, right?

Bio: AJ Morris is the Managed WordPress Product Manager for Liquid Web, a fully managed hosting company. He has extensive experience both developing WordPress sites and speaking at WordPress events. AJ leads product and go to market strategy for Liquid Web’s Managed WordPress product line. Liquid Web’s Platform as a Service solution for WordPress hosting allows you to seamlessly host multiple sites and access top-quality 24/7 Heroic Support®.

Wix Vs WordPress: Ultimate Comparison for Website Builder

wix vs wordpress

Wix vs WordPress presented here for your reference and to choose among them.

Being a part of this ever-evolving digital world, we value a great digital presence for the businesses around us. It has become imperative for a business to have a strong social presence in order to impress its potential customers and retain the existing ones. To achieve this, a great website is the most important requirement after the pursuit of delivering satisfactory service to the users. So, a great website builder has to be in the space to make things happen.

Are you feeling confused which one to choose between Wix vs WordPress? Well, you are not the only one out. There are several people who feel the same confusion. Getting in detail, we can say that WordPress is not the only content management system in the world. Though WordPress is much popular but Wix is also another option. Most of the people have not come across Wix. The only place one gets to hear about Wix is in the Wix TV commercials.

If you are of starting off website building, then this is not at all an easy thing to do. Suppose, you have completed your designing part only to find out that website builder you picked is not the right one. You have to rebuild again. Would you like that to happen? It would definitely be a “No”. So, take a look at this article to find out which one is ideal for your use.

Lets see the points of difference in this Wix vs WordPress article.

Flexibility
flexibility
WordPress being an open source platform the source codes can be used by anybody. Anyone from coders to programmers can change it according to their needs. This is downloadable for free. Purchasing it for a fee is also possible. This has led to the expansion of the WordPress community with 60 million websites (in 2012). With the increase in the number of websites online, WordPress will continue growing. But so much usability can pose to be a problem. There is a centralized support system that monitors all these things.

What is more, a person with little knowledge of coding can also create a plugin or a theme. That can be a dangerous issue. A darker side of this fact is that such a vast community of WordPress has very lesser control. If you are using Wix here then it not being an open source cannot be modified easily. Thus, there is a control that ensures the work is done in a proper way. Wix vs WordPress first point goes to WordPress.

Design
design
The design is very much important for any website. It can be a great reason for the success. One has to make sure that the design of the website should be a good one. Along with that, it should be an easy one too. The person using the website should be easily able to understand it no matter what age he or she might be.

While working with Wix website builder, one gets to choose from 500+ pre-designed templates. Those are also responsive. They are written using HTML5. So, one can customize their sites using the built-in tools. One can find a template for every kind of sites. But a limitation one faces in Wix is after selecting a template one cannot change it. On the other hand, in WordPress, the paid themes have several features. The free themes have less support though they have to undergo a strict review process. One can also customize the themes according to their needs. As because there are no design restrictions so choosing WordPress designing will be helpful if you need great design templates.

This can be said as a tie between Wix vs WordPress in this case.

Price & The Cost
price
This can be a strong factor while you choose anything, not only just a website builder. The cost of the website depends majorly on your needs. Then also you have to keep in mind your budget. Then only you will be free to use what you like.

The website builder in Wix is basically free. So, automatically when you design a website that will have Wix advertisements in the top and bottom. The next bad thing is that there will not be a custom domain. There are also no add-ons except in the basic plan. If you want to remove the advertisements you have to upgrade it to the premium version. The applications that you use are not included in any of the costs you pay for the platform. On the contrary, WordPress is free. Anyone can use it. The only thing is that you will need a domain and hosting to install it. There are several hosting providers of WordPress.

If your needs are minimum you can choose the basic plan. If you need added features then prefer choosing the premium pack. In this regard, WordPress is quite impressive than Wix. So, prefer that if your budget is low. Wix vs WordPress this also can be said as a tie considering long time investments.

Ease Factor

No one is too much interested in learning the codes. Thus, brighter side of both Wix and WordPress is that one can design the websites without learning the codes. Wix is very easy. It has several easy tools. By selecting and dragging a part of website one can start editing it. The interface is commonly WYSIWYG. The contents of the page can also be rearranged. Even Wix is user-friendly. It allows adding of media.

WordPress has a visual editor. In it, one can write his or her content. One can also customize the themes as already discussed above. To use WordPress in a better way one has to be familiar with its sections. For the beginners, it requires little learning.

So, in this point of Wix vs WordPress, Wix wins clearly. This is possible only because the users do not have to waste their time learning the platform. Neither the users have to understand the basics (like WordPress does), nor do they need the plugins for help.

E-commerce
ecommerce
When you are making a website you should involve selling your articles online. On Wix, one can use ecommerce in the paid versions. The free plan users are not free to run ecommerce on their sites. The payments can be made using Authorize.net and PayPal. Third party stores are also there for selling the things online. If you are taking the monthly schemes then you would have to pay much less.

WordPress has plugins that are free. These can be used to create your online shopping store. The plugins that are used can be paid through any of the leading payment getaways. So, if you are thinking of making the website then you can enjoy much freedom. There would also be added comfort in terms of flexibility and choice.

Plugins and Apps

These are the third part software. This can be used to add more features to the platform. Now, do you want to know the difference between the two? Well, it is not at all a complex matter. Wix has apps. WordPress has plugins. There are more than 200 apps with Wix. Most of the apps are free. Some do require monthly payments. The prices of the apps may vary.

There are more than 38000 plugins in WordPress. Other plugins are also available. In this area, WordPress is a sure winner. The Wix library is also showing growth. The growth is limited when compared to WordPress.

To sum up, it can be said that Wix has several limitations in it. This, WordPress is undoubtedly better than others. A lot more opportunities are available with WordPress than with Wix. You can thus avail WordPress than anything else for designing your website. You can also choose Wix of your needs are in keeping with Wix platform. So, don’t wait, start designing your platform today. This one in Wix vs WordPress WordPress would win hands down.

Author Bio:
Catherrine Garcia is a passionate blogger and a freelance Web Developer. She along with her group of freelance developers, are experts of creating Websites on CMS.

How to Setup a WordPress CDN step by step guide

WordPress CDN

CDN is the acronym for Content Delivery Network – a system of interconnected servers located all around the world. The role of CDN is to distribute cached web content and web pages to internet users.

This is why a CDN is a must-have. It speeds up the website’s loading time by distributing bandwidth across multiple servers, and increasing the speed of your website will allow it to rank higher in search engine results. You may also analyze your website and discover how it performs by using various online tools before you decide which CDN to use.

If you are using WordPress CMS platform, you have the option of setting up a CDN. It’s not that complicated or time-consuming actually – the entire CDN implementation process takes approximately 15 minutes. Here is how to configure WordPress to use a CDN.

Choosing the Best CDN Service for Your Website

Before you can start the configuration process, you will need to choose a CDN service provider. In order to get the best price-to-quality balance, you have to get informed on how to choose the right CDN. Some of the items that you have to check off your list are: cost, functionality, performance and location of the CDN servers.

Make sure that the CDN you are about to choose has analytics and testing features. With these you will be able to measure response time and evaluate the strength of the CDN. Good CDN service providers have well-designed and easy to read custom-granular reports that allow users to get access to full global metrics (cache hit/miss ratio percentage, deliveries/requests by data centre, transfer/request miss ratio, average end-user transfer rate, etc.).

It is important to do an online research into users’ experiences about using the CDN service in question. Choosing the right CDN is an important task and you should get as much information before making a decision.

Configuring WordPress with CDN

Creating the Pull Zone

For the purposes of this tutorial, we have chosen the MAXcdn CDN service provider. Once you have gotten your CDN account, login to gain access to the control panel. In the navigation bar on top of the screen, click on the “Zones” tab. Then find the “Pull Zones” tab and click on the “Create Pull Zone”. The Pull Zone automatically pulls the data from a location specified after the first request for the file. You have to fill three fields:

  • Name – Simply name the Pull Zone
  • Origin Server URL – Here you enter the root domain name to be distributed over the CDN (http://yourdomainname.extension). If your website already redirects to a “www” domain, make sure to add “www” before the site name and extension.
  • Label – Here you enter the description of the zone you are creating.

After clicking, the process of zone creating starts and it usually lasts for couple of minutes. After it is completed, you will have to create a CNAME record for the “cdn.yourdomainname.extension” to “nameofthepullzone.yourdomainname.netdna-cdn.com”.

Creating a CNAME record

CNAME is a standard part of a DNS record. When website visitors try to access a website, CNAME will tell them where the recourses are located. In order to create CNAME record, you will have to log in to your domain’s Control Panel. In the Search Box accessible through the Control Panel type “DNS ZONE” and select the “Simple DNS Zone Editor” option. Go to the box named “Add a CNAME Record” and fill the two fields:

  • Name – Here you should only enter the prefix of your custom domain (in this example, it is CDN), the Control Panel will autocomplete the “yourdomainname.extension”
  • CNAME – Here you should enter the “nameofpullzone.yourdomainname.netdna-cdn.com”
    Make sure to check the complete guide on how to create a CNAME DNS Record published by the CDN service provider you have picked. This way you can avoid setup errors that can cost you a lot of your time.

Installing and Setting the WordPress CDN plugin

W3 Total Cache with CDN

The most popular WordPress caching plugin is “W3 Total Cache”. It is very easy to setup and it is compatible with many CDN service providers. Before installing this plugin, you will have to uninstall any other caching plugins that you might have active on your website. This is very important, because it will make sure that W3TC runs without any issues.
Once you access your WordPress admin panel, click on the Plugins and then click on Add New. Enter “W3 Total Cache” in the search box, then click on the “Install Now” link supplied right under the “W3 Total Cache” plugin name.

After you have installed the plugin, go to “Performance” and select “General Settings”. When you scroll down, you will find the CDN configuration box, click on it. Check the “Enable” box. Select the NetDNA/MaxCDN option in the CDN Type dropdown menu and click the “Save all Settings” button.

In the next step you will have to provide “Authorization Key” and enter the replacement for the default host name. If you click on the red link “Specify it here”, the plugin will take you to your CDN provider page. In this example we are using MAXcdn provider. Once you’ve logged in to your account on MAXcdn, you should click on Manage Account, then choose the API tab where you can get your API key.

Go back to the plugin settings that you have open in the first tab and enter this API key. In the “Replace Site’s Hostname With” field enter “cdn.yourdomainname.extension”. Now click on “Save all Settings” and then Test NetDNA. If you have done everything alright, you will get the “Green Test Passed” report next to the “Test NetDNA” button. For troubleshooting, check the WordPress forums.

Before setting this all up, make sure to check the metrics on the performance panel, so that you can compare the page loading speed values before and after the CDN implementation.

Setting up a WordPress CDN doesn’t take a lot of time. But, as you can see, to successfully set it up, you will need to have at least some technical skills. In order to make sure that everything goes over smoothly, feel free to go through this guide several times and to take one step at a time, so that you don’t forget to set up any of the options we have addressed here.

Author Info:

MarkoMarco Mijatovic is a blogger and WordPress enthusiast. He’s one of the guys behind FirstSiteGuide so make sure to check out his other work, including in-depth guides and posts where he features latest WordPress insights.

Why Use WordPress As A CMS For Your Business Website

banner

In today’s digital arena, WordPress powered business websites are needed to connect the business to an extended number of audience. Remaining professional in this approach matters and what could serve the purpose better than WordPress as your CMS. WordPress wins the race in a number of aspects if compared with other content management systems in the similar category.

The popularity of WordPress needs no mention. Right from the launch of the platform in the year 2003, this content management system has attracted the attention of developers across the globe. Here are the stats to support the fact.

  • WordPress is a dynamic platform, available for free and covers almost 59 % ofCMS market share, which sums up to 26% of all the websites.
  • The best of all the news is that 46 million downloads of WordPress.org have already been done since its release and the number is still growing.
  • 40 different translations of WordPress have been done to provide a familiar dashboard to the users in their own languages.

 

thumbnail-1
Let us offer you some more reasons on why WordPress serves as an ultimate CMS for the business websites.

Reason 1 – WordPress is free
We have a special place for the things that come for free right in the core of our heart. Everyone adores freebies and it gets valuable enough if a bunch of benefits is waiting to amaze you. This is the advantage with WordPress. You need not spend a single penny to get the registration. All that is required is to set your own WordPress account by providing the necessary details. The ultimate WordPress features have the potential to take your business to the next level altogether.

Reason 2 – A series of free plugins and templates
Yes, you heard it right. WordPress has a whopping 29,000 (and still growing) of plugins among which some are available for free. You could use these templates and plugins to enhance the looks of your websites and track important information. Running a website is correlated with providing an exceptional user experience and there is no better way than utilizing the free plugins from WordPress to accomplish the task with utmost ease. From WordPress repository, you can download a series of plugins and templates suited to the websites.

Reason 3 – Search Engine Friendly
Developing your WordPress websites is not going to help the business until the platform has visibility over the web. Here comes the role of SEO or search engine optimization. Search engines love WordPress websites, thus providing them increased visibility. The codes behind WordPress sites are easy and clean, thereby making it an effortless task for the search engines to read and index the web content. Additionally, the meta tags, descriptions and titles on the images, and the posts could be optimized with the specific keywords for better ranking.

thumbnail-2

Reason 4 – A customizable platform
WordPress customization has reached to a whole new level because of the availability of the plugins and templates. The easy to install plugins are just awesome to offer an enhanced browsing experience to the users. This counts for making any frequent visitor to potential business client. Do keep in mind, internet surfers wish to experience something new and fascinating every time. This could only get possible if you have customized the platform to offer an exceptional experience for the users. With WordPress, customization is easy and effortless as well.

Reason 5 – A Secured Platform
The prospering technology has given a way to the unethical hacking practices but all thanks to WordPress, your business websites are secured. If compared with other similar platforms, WordPress is way better and a protected platform. The powerful WordPress coding structure assures security against hacking. No website owner could afford to lose the credentials of the business websites that have been earned with so much difficulty. Thus, try using WordPress as your ultimate business websites. Customization can also be done regarding the security of your WordPress websites.

thumbnail-3

Reason 6 – An open source platform
Being an open source platform, WordPress has been developed by talented professionals to come up with this great content management system and making it available for free to everyone. Technical geeks who hold expertise in PHP and MySQL coding could also manipulate the platform with ease for better solutions. Additionally, WordPress in evolving and improving with the community support that it has in the form of various technical professionals joining the platform regularly. The best of all benefits is that it can be used by anyone and everyone.

Conclusion
With all the above-explained features, WordPress has a number of others too in the form of support and upgrades, an easy to use platform, and also becoming responsive with the use of certain themes. The platform saves time when it comes to designing business websites because of the availability of the secured features. Hence, it is recommended to use WordPress as your business website if you are looking for a robust platform for developing the site.

Author Bio: Tom Hardy works and holds years of experience in utilizing WordPress websites for business platforms. He keeps sharing the robust features of the platform through engaging write-ups.

How to migrate a WordPress Website to another Domain Name

Even though it is not a good idea to migrate a WordPress website to another domain name, but sometimes it becomes necessary.

You may have multiple reasons to change the domain name which could be a legal problem, a better domain name for better SEO and web traffic or another company taking over your website.

Most people are scared to migrate a WordPress website to another domain name because they feel all the hard work they put in SEO will be lost.

Essentially, all off-page SEO works get reflected by your domain name and when you change it, it is quite logical to think that SEO value of your website will vanish.

But it is not the case as we are going to show you to migrate a WordPress website to another domain name without losing any SEO value.

Preparation

The first thing to note is the fact that when you migrate a WordPress website to another domain name, you are not changing the web host. You can have the same web host and all you have to do is to point your website to another domain name which could be from the same web host or a different one.

The second thing is your SEO value will get affected temporarily and over the time, it will get recovered and will be back to its old value. There will be some negative SEO value when you migrate a WordPress website to another domain name. You can reduce this negative SEO effects significantly with various measures.

How To Migrate A WordPress Website To Another Domain Name

1.Take A Complete Backup –

Assuming that you have already bought the new domain name, the first thing to do is to take a full backup of your website. There are many plugins available for this job like VaultPress or BackupBuddy.

To install the plugin BackupBuddy, go to Dashboard and Plugins from the left menu and then click on Add New. Search the plugin, install and activate it. A menu option BackupBuddy will appear on the left menu of the Dashboard. Go to that and click on Backup from the drop down. You may have to fill up some fields in a wizard. Once the actual screen comes, click on Complete Backup button.

Creat Backup

You have a wait a few moments for it to take a full backup and a button will appear with label Download BackupFile. Click on that and download the backup on your hard drive and store it safely.

2. Migrating The Website –

For migrating the domain name, you would need a plugin named Duplicator. Go to Dashboard and Plugins from the left menu and click on Add New. Search the plugin by name, install and activate it. After activation, menu option Duplicator will appear on the Dashboard’s left menu. Click on that option and you will see a screen that will read No Packages Found.

No package found

The Process Begins –

Click on the Create Button present and it will start the internal process of duplicating your website. Basically, it creates a compressed(ZIP) package file comprising your WordPress website files and database. You may be asked to provide the name of the package file which you can specify as you wish or just leave it in its default name. The process might take a few minutes depending on your file structure and volume. Once done, you have to download the package and associated files(installer.php) on your hard drive.

Uploading In New Site –

Now, it is time to upload the compressed package and associated files. Connect your FTP software(preferably FileZilla) to your new domain name settings. Go to the root directory and make sure there is no file. Start uploading the package and files there. Once done, you need to open your web browser and type in www.newdomainname.com/installer.php and press enter.

Upload new site

Install The Website –

A new screen will appear on the web browser where you will be asked to provide the details of your database settings. Provide the details and enable the checkbox table removal and tick mark “I have read all messages & notices”. Then click on Run Deployment.

The installer will un-package and install your database from the old website. Once done, you will reach the Update page. Check the fields containing old and new URLs and paths. If any modification is required, do so manually and click on Update button.

Post Installation Tasks –

Once the installation process is over, you need to do some modifications. The first thing to modify is the permalink. Go to Dashboard and then to Settings and click on Permalink. Modify the structure of the permalink to be the same as the old permalink you had and click on Save button.

Go to FTP software, refresh it and remove the files installer.php and other files starting with ‘installer’ name. This is for the safety of the website.

Technically speaking the process of migration is complete here. But there are a few things you need to do to avoid negative SEO effects. You need to set up 301 redirects and notify search engines about the change.

3.Permanent 301 Redirects –

With permanent 301 redirects, you will be able to send your users from old website to the new one. As a matter of fact, ever search engine crawlers will get redirected. For that, you need to go to the .htaccess file located in wp-admin folder in your web host. Edit that using FTP and write the following code.
#Options +FollowSymLinks
RewriteEngine on
RewriteRule ^(.*)$ http://www.newdomainname.COM/$1 [R=301,L]
Replace the ‘newdomainname’ with your new domain name for your website. Once done, save the file and go to your old domain name through the web browser. You will see that you are getting redirected to the new domain name.

4. Notify Google and Users

Go to Google Webmaster Tools and go to Configuration from the left menu. In the drop down option, click on Change of Address. You have to write the new domain name and verify it.

Apart from that, you must notify your users a few weeks before the change through social media, email newsletter and various other means. Hope you found the article useful, if you face any problem during migration, let us know. Thank you.