If you’re using Ghost as your blogging platform and want to hide specific posts based on tags, you can do so by modifying your theme files.<\/p>\n
I use Ghost.org managed ghost platform with doks theme for one of my blogs and I had to hide few posts from the blog listing page.<\/p>\n
This guide will walk you through the simple steps to achieve this using the There can be many reasons to hide a post on a specific page. For example, I had a use case where I needed to hide a few posts that were off-topic for my audience, while still keeping them accessible on my Ghost blog.<\/p>\n Also, for example, if you have posts tagged as \u201c#deals\u201d or \u201c#promos\u201d that you don’t want visible to all visitors, you can filter these out with a small code tweak.<\/p>\n The need to hide posts varies depending on user requirements<\/p>\n To implement this, you need to modify your theme files because Ghost does not have built-in functionality for this.<\/p>\n Note: If you dont know how to modify your theme files, I would suggest you to get help from developers.<\/p><\/blockquote>\n First you need to locate you theme file where it contains the code for the homepage, blog page or the section where you display posts.<\/p>\n For example, for me the blog page code was located in If you have doubts, you can contact the theme owner to understand the file that has the post display logic.<\/p>\n Once you locate the file, look for the You can use a code editor to search effectively.<\/p>\n Add the Lets say your origial code block looks like the following.<\/p>\n Now lets say you want to hide posts with multiple tags. For example, #tag1, #tag2, #tag3 etc.<\/p>\n You need to modify the code as given below by adding the The The If you need to hide posts with certain tags on other pages, like author or tag pages, you can apply the same method to After updating your code, save the file.<\/p>\n Ensure you have the backup of your website.<\/p>\n Now, Zip your theme folder and upload it back to Ghost via Refresh your homepage and check to ensure that posts with the specified tags are hidden. If you have enabled caching, ensure you clear the cache.<\/p>\n Using the This simple customization can help tailor the visibility of your content and create a more refined user experience.<\/p>\n If you need any help \u00a0or facing any issues, drop a comment and we will help you out.<\/p>\n{{#has}}<\/code> helper which I used in my setup to hide the posts.<\/p>\nWhy Hide Posts by Tag?<\/h2>\n
Steps to Modify Your Theme Files<\/h2>\n
Step 1: Locate Your Theme File<\/h3>\n
blog-grid.hbs<\/code>.<\/p>\nStep 2: \u00a0Find the {{#foreach posts}} Block<\/h3>\n
{{#foreach posts}}<\/code> block, which is responsible for looping through and displaying your posts.<\/p>\nStep 3: Modify the Code<\/h3>\n
{{^has}}<\/code> helper to check for specific tags and hide posts that match.<\/p>\n{{#foreach posts}}\n <div data-pagination-post class=\"{{post_class}}\">\n <!-- Post content -->\n <\/div>\n{{\/foreach}}<\/code><\/pre>\n{{^has}}<\/code> \u00a0helper.<\/p>\n{{#foreach posts}}\n {{^has tag=\"#tag1, #tag2, #tag3, #tag4, #tag5, #tag6, #tag7\" }}\n <div data-pagination-post class=\"{{post_class}}\">\n <!-- Post content -->\n <\/div>\n {{\/has}}\n{{\/foreach}}<\/code><\/pre>\n{{^has}}<\/code> helper checks if a post does not<\/strong> have any of the specified tags in a single list. This ensures that posts with any of the listed tags are excluded<\/strong> from rendering.<\/p>\n^<\/code> symbol is used for negation, meaning \u201cnot\u201d in this context.<\/p>\nApplying This to Other Templates<\/h2>\n
author.hbs<\/code> and tag.hbs<\/code> templates.<\/p>\nFinal Steps<\/h2>\n
Settings > Theme<\/code>.<\/p>\nConclusion<\/h2>\n
{{^has}}<\/code> helper in Ghost makes it easy to control which posts appear on your site based on tags.<\/p>\n
\n