WordPress: Get all Categories of a post (both parent and children/sub categories)

<?php the_category(', '); ?>

Do you know of any other way to  fetch both parent and children/sub categories of a post? If yes, please share it with us in your comment below.

How to Redirect Page using jQuery – Examples

Example 1: Redirect Page to another website without any delay using jQuery

var url = "http://www.theextremewebdesigns.com";
$(location).attr('href',url);

Example 2: Redirect Page to a specific page of a website using jQuery

If you would rather redirect to a specific page of a website, use the following code:

var url = "http://www.theextremewebdesigns.com/services.php";
$(location).attr('href',url);

Example 3: Redirect Page after 5 seconds using jQuery

If you would like to redirect to a website after a delay of 5 seconds, use the following code:

var url = "http://www.theextremewebdesigns.com";

//5000 is the number of milliseconds (or 5 seconds) that you want to wait before redirection.
var delay = 5000;
setTimeout(function() {
window.location.href = url;
}, delay);

Example 4: Redirect Page on button click using jQuery

If you would like to redirect to a website after a delay of 5 seconds when a button is clicked, use the following code:

$("#my_button").click(function()
{
var url = "http://www.theextremewebdesigns.com";
//5000 is the number of milliseconds (or 5 seconds) that you want to wait before redirection.
var delay = 5000;
setTimeout(function() {
window.location.href = url;
}, delay);
});

That’s it!

Do you know of any other ways to redirect page using jQuery? Please feel free to share by commenting below.

Examples to Redirect Page using PHP

Example 1: Redirect Page to another website without any delay using PHP

<?php

header( 'Location: http://www.theextremewebdesigns.com' ) ;

?>

Example 2: Redirect Page to a specific page of a website using PHP

If you would rather redirect to a specific page of a website, use the following code:

<?php

header( 'Location: http://www.theextremewebdesigns.com/services.php' ) ;

?>

Example 3: Redirect Page after 5 seconds using PHP

If you would like to redirect to a website after a delay of 5 seconds, use the following code:

<?php

header("Refresh: 10; url=http://www.theextremewebdesigns.com/");

?>

That’s it!

Do you know of any other ways to redirect page using php? Please feel free to share by commenting below.

How to Redirect Page using JavaScript – Examples

Example 1: Redirect without any delay using JavaScript

<script language="javascript">
window.location.href = "http://www.theextremewebdesigns.com";
</script>

Example 2: Redirect Page after 5 seconds using JavaScript

If you want to redirect page using JavaScript after 5 seconds, use the following code:

<script language="javascript">
setTimeout("top.location.href = 'http://www.theextremewebdesigns.com/'",5000);
</script>

That’s it!

Do you know of any other ways to redirect page using javascript? Please feel free to share by commenting below.

How to Center Images in WordPress

Let me illustrate the exact problem by means of the following image:

Solution:

In your theme that you are using for the WordPress, add the following style in the style.css style-sheet:

Alternately, you may copy the following code directly into the style-sheet:

.aligncenter, img.aligncenter {
margin-left: auto; margin-right: auto; display: block; clear: both;
}

As you can see, the images are now aligned perfectly to the center.

Hope this solution helps out the needy.

Your Turn!

If you have any questions, please leave a comment below.

How to fix line break problem in WordPress

I personally came across this problem. In this post, I am going to give you a 1 line solution to solve this problem, all without using any plugin!

Let me illustrate the exact problem by means of the following image:

As indicated by the red arrow, there is no spacing between the paragraphs even though I have manually forced multiple line breaks. I searched Google to see if there is any solution for this. I did come across TinyMCE plugin that forces WordPress to retain the breaks as you enter them. But then I thought. Really? I need to install a whole plugin just to solve this tiny problem? I don’t think so.  I thought to myself.  Then I examined the source code of the page to see how WordPress was treating the line breaks and paragraphs and have come up with a 1 line solution for this, without having to install a plugin. This means that you can implement this solution in your blog right away, without installing any plugins. Ready for the solution? Here it is:

In your theme that you are using for the WordPress, add the following style in the style.css style-sheet:

Alternately, you may copy the following code directly into the style-sheet:

p {
margin-bottom: 20px !important;
}

What this essentially does is adds a margin to every paragraph that WordPress adds/formats. Using !important forces the browsers to obey this rule and apply this rule by overriding any other rules.

Here’s how it looks like after applying the solution:

As you can see, the spacing between the paragraphs appear making it very neat and tidy. Hope this solution helps out the needy. If you have any questions, please leave a comment below.

Notes:

1. There’s one thing you need to remember. If you enter multiple line breaks, say for example, 5 line breaks between 2 paragraphs and Update the post, if you view the post, you will see all these multiple paragraphs intact i.e you will see 5 line breaks. But when you enter some additional text in the post and Update it again, then WordPress will automatically remove all the extra line breaks and will retain only 1 line/paragraph break. So ideally speaking, there would not be any need for anyone to have 5 line breaks between 2 paragraphs. The maximum number of line/paragraph breaks between any two paragraphs, ideally should not exceed more than one for readability purposes. Using the above solution achieves this purpose.

2. If you want, you can adjust the margin-bottom value to any other value other than 20px, as you see fit.

That’s it!

Do you have any suggestions to fix line break problem in WordPress? Feel free to suggest by commenting below.