#dontshow code

[bychloethemes]

How to hide posts from your blog depending on tags

Tutorial by @dontbrag​

Difficulty: ★★☆☆☆

The only reason this is 2 stars is because you have to know your way around your own theme / be able to find things in your theme.

In this tutorial I am going to explain to you how to hide posts from your main blog page via tags.

WARNING: This only hides posts. Meaning that if you hide 3 posts and your theme has 10 posts per page and you use pagination, only 7 posts will show on that page. It also means that if you use infinite scroll and hide 6 or more recent posts, it could temporarily prevent your infinite scroll from triggering, so don't tag too many things in a row!

Step 1:

Find what your posts are labeled. My themes are wrapped within <article>. However yours might be under <div class=“entry”>, <div class=“posts”> or <div id=“posts”>. Whatever it is, it should be just below {block:Posts}

To this you need to add the variable {TagsAsClasses}. Examples:

<article {block:IndexPage}class="{TagsAsClasses}"{/block:IndexPage}>

<div class="entry {block:IndexPage}{TagsAsClasses}{/block:IndexPage}">

<div id="posts" {block:IndexPage}class="{TagsAsClasses}"{/block:IndexPage}>

If you would like your posts to only show in your archive, go to Step 2a. If you would like your posts to show on search and tag pages, got to Step 2b.

Step 2a:

Add the css that will make the posts hidden everywhere but permalink pages and your archive. For this example I will be making this work for the tag #dontshow (so if you tag a post with #dontshow it won’t show on your blog).

You will need to add this ABOVE </style>

{block:IndexPage} /*dontshow code by @bychloethemes*/ .dontshow{     display:none;     margin:0;     padding:0;     width:0;     border:0;     outline:none; } {/block:IndexPage}

Step 2b:

Add the css that will make the posts hidden on your home page. For this example I will be making this work for the tag #dontshow (so if you tag a post with #dontshow it won’t show on your blog).

You will need to add this ABOVE </style>

{block:IndexPage} /*dontshow code by @bychloethemes*/ .{block:TagPage}x{/block:TagPage}{block:SearchPage}x{/block:SearchPage}dontshow{    display:none;    margin:0;    padding:0;    width:0;    border:0;    outline:none; } {/block:IndexPage}