Website At 100: Slug

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px;">
Using category slug is the best way to use in <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">wordpress </a>custom query code as the category name does not always work. Rather use ‘category-slug’ instead, in this tutorial I’ll show you how to get <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>slug in Category or in single page view.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px;">
For category view you can use this code snippet.</h3>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae91925c2ad792857780" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae91925c2ad792857780-1">
1</div>
<div data-line="crayon-52ae91925c2ad792857780-2">
2</div>
<div data-line="crayon-52ae91925c2ad792857780-3">
3</div>
<div data-line="crayon-52ae91925c2ad792857780-4">
4</div>
<div data-line="crayon-52ae91925c2ad792857780-5">
5</div>
<div data-line="crayon-52ae91925c2ad792857780-6">
6</div>
<div data-line="crayon-52ae91925c2ad792857780-7">
7</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae91925c2ad792857780-1">
<?php</div>
<div id="crayon-52ae91925c2ad792857780-2">
if(is_category()) {</div>
<div id="crayon-52ae91925c2ad792857780-3">
    $category = get_query_var(‘cat’);</div>
<div id="crayon-52ae91925c2ad792857780-4">
    $current_cat = get_category($cat);</div>
<div id="crayon-52ae91925c2ad792857780-5">
    echo ‘The slug is ‘ . $current_cat->slug;</div>
<div id="crayon-52ae91925c2ad792857780-6">
}</div>
<div id="crayon-52ae91925c2ad792857780-7">
?></div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px;">
For single view or post view</h3>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae91925c2b8770309309" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae91925c2b8770309309-1">
1</div>
<div data-line="crayon-52ae91925c2b8770309309-2">
2</div>
<div data-line="crayon-52ae91925c2b8770309309-3">
3</div>
<div data-line="crayon-52ae91925c2b8770309309-4">
4</div>
<div data-line="crayon-52ae91925c2b8770309309-5">
5</div>
<div data-line="crayon-52ae91925c2b8770309309-6">
6</div>
<div data-line="crayon-52ae91925c2b8770309309-7">
7</div>
<div data-line="crayon-52ae91925c2b8770309309-8">
8</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae91925c2b8770309309-1">
$terms = get_the_terms( $post->ID , ‘category’);</div>
<div id="crayon-52ae91925c2b8770309309-2">
if($terms) {</div>
<div id="crayon-52ae91925c2b8770309309-3">
    foreach( $terms as $term ) {</div>
<div id="crayon-52ae91925c2b8770309309-4">
        $cat_obj = get_term($term->term_id, ‘category’);</div>
<div id="crayon-52ae91925c2b8770309309-5">
        $cat_slug = $cat_obj->slug;</div>
<div id="crayon-52ae91925c2b8770309309-6">
    }</div>
<div id="crayon-52ae91925c2b8770309309-7">
}</div>
<div id="crayon-52ae91925c2b8770309309-8">
echo ‘The slug is ‘. $cat_slug;</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px;">
Still hungry?</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px;">
If in the case you only want to get category slug using category ID don’t worry folks, I’ve provided a solution on it too.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px;">
Step 1:</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px;">
In your <code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">function.php</code> file, put this function.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae91925c2bd946036053" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae91925c2bd946036053-1">
1</div>
<div data-line="crayon-52ae91925c2bd946036053-2">
2</div>
<div data-line="crayon-52ae91925c2bd946036053-3">
3</div>
<div data-line="crayon-52ae91925c2bd946036053-4">
4</div>
<div data-line="crayon-52ae91925c2bd946036053-5">
5</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae91925c2bd946036053-1">
function get_cat_slug($cat_id) {</div>
<div id="crayon-52ae91925c2bd946036053-2">
    $cat_id = (int)$cat_id;</div>
<div id="crayon-52ae91925c2bd946036053-3">
    $category = &get_category($cat_id);</div>
<div id="crayon-52ae91925c2bd946036053-4">
    return $category->slug;</div>
<div id="crayon-52ae91925c2bd946036053-5">
}</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px;">
Step 2:</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px;">
Once done, you can use the function like the below code.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae91925c2c2669498444" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae91925c2c2669498444-1">
1</div>
<div data-line="crayon-52ae91925c2c2669498444-2">
2</div>
<div data-line="crayon-52ae91925c2c2669498444-3">
3</div>
<div data-line="crayon-52ae91925c2c2669498444-4">
4</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae91925c2c2669498444-1">
<?php</div>
<div id="crayon-52ae91925c2c2669498444-2">
echo get_cat_slug(1);</div>
<div id="crayon-52ae91925c2c2669498444-3">
// Where 1 is the category ID, this code will display the slug of the category ID 1.</div>
<div id="crayon-52ae91925c2c2669498444-4">
?></div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px;">
Don’t know how to get <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>Category ID?</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px;">
That’s it happy blogging, you can share your idea below.</div>
</div>

HOW TO GET CATEGORY SLUG IN WORDPRESS

Using category slug is the best way to use in wordpress custom query code as the category name does not always work. Rather use ‘categor...