Penscratch 2: move category in post header?

hikrstan · Member · Oct 7, 2018 at 2:12 pm
Copy link

Add topic to favorites
Hi

I use Penscratch 2 theme, on a post page the link to the category is hidden under the post, after “Realted” and “Sharing” sections.

I would like to make it more visible, to make it appear right after the title. Is that possible?

I have Personal plan and this is an example page

The blog I need help with is: (visible only to logged in users)
yashitamittal · Member · Oct 8, 2018 at 10:22 am
Copy link
Hi there,

I understand you want to display the category on the top to make it more visible to the users.
This is not something we can change as the location is hardcoded in the theme.

But there are a few options by which you can make the category more easily visible on the page.

1. You can hardcode the category on your post page.
Edit the post. You can post this code at the starting of the post.

Posted in Daz3D to UE4

This is not the recommended method as you’ll need to do it for every post.

2. I see you have added a Categories Widget in the sidebar.
You can move it up in the sidebar above other widgets so that it is easily visible.

We can also make use of Category Cloud Widget to display categories in the sidebar.
https://en.support.wordpress.com/widgets/category-cloud-widget/

Let us know if you have questions.
hikrstan · Member · Oct 8, 2018 at 11:04 am
Copy link
Hi, thanks for the answer.

I thought about adding the text “posted in…” at the beginning of the post, but then this text will be visible on the main page too, in the preview of the post, no? Any way to hide it from there?

Categories widget does not shows the current category, does it? Also, I find it’s not really visible either. I’ve put image+text on the right column to point to main categories.

I actually want only the current category to be visible, an the reason is simple: many visitors from search engines arrive on the very old pages and there is no simple way to show them the recent articles in the same category.

Is there maybe another theme similar to this Penscratch 2 that have this feature?
yashitamittal · Member · Oct 8, 2018 at 11:31 am
Copy link
I thought about adding the text “posted in…” at the beginning of the post, but then this text will be visible on the main page too, in the preview of the post, no? Any way to hide it from there?

It is possible to add a CSS class to the code and only display the categories on the single post page. We can hide them on the home page.

Categories widget does not shows the current category, does it?

Categories widget shows all the categories that are attached to the post in your blog’s sidebar.
Currently, I see the categories are showing in a dropdown. If we select the other option like Show hierarchy or Show post counts in the widget settings, then they have more visibility.

there is no simple way to show them the recent articles in the same category.

Setting up Category Pages can help you show the related posts together under a menu.
Check out this thread: https://en.forums.wordpress.com/topic/more-than-one-blog-post-page-on-a-website/

It mentions how we can set up category pages.

Let us know if that helps.
hikrstan · Member · Oct 8, 2018 at 11:37 am
Copy link
It is possible to add a CSS class to the code and only display the categories on the single post page. We can hide them on the home page.

Could you explain please?
hikrstan · Member · Oct 8, 2018 at 11:49 am
Copy link
Also, another question: can I change the right column on the single post page depending on the category? For example, for a page in category “A” a will have an image on the right, and for anoter post in category “B” I will have another image on the right. Is that possible?
hikrstan · Member · Oct 8, 2018 at 5:16 pm
Copy link
It is possible to add a CSS class to the code and only display the categories on the single post page. We can hide them on the home page.

It’s exactly what I need, someone could explain me how I do this?
yashitamittal · Member · Oct 9, 2018 at 5:54 am
Copy link
Hello again!

Please edit the post and add a line like this in the HTML editor (not Visual editor)-
```
<p class="singlepostonly">Posted in <a href="https://myfirstdiary.blog/category/travel/">Travel</a><p>
```
We can add this CSS to display the category only on single post page. It will hide the category from the home page and the category pages.

Go to My Sites-> Customize->CSS to add the CSS
```
.single-post .singlepostonly {
	display: initial;
}

.home .singlepostonly,
.category .singlepostonly {
	display: none;
}
```
Note that-

To change the CSS on your website, you will need to make use of Custom CSS.
Custom CSS is a feature of the WordPress.com Premium and WordPress.com Business plans.

https://en.support.wordpress.com/custom-css/
yashitamittal · Member · Oct 9, 2018 at 6:20 am
Copy link
can I change the right column on the single post page depending on the category? For example, for a page in category “A” a will have an image on the right, and for anoter post in category “B” I will have another image on the right. Is that possible?

No, I don’t think that is possible. We cannot achieve it with CSS. It might be doable with custom code which will involve dynamic checks. But I am not aware of any plugins which can help with it.
hikrstan · Member · Oct 9, 2018 at 8:49 am
Copy link
Like I said, I have Personal plan
yashitamittal · Member · Oct 9, 2018 at 9:54 am
Copy link
There are other options available to make your category more visible like Category Pages:
https://en.support.wordpress.com/category-pages/

Also, there are some themes which display categories on the top.
One of the theme I found for you:
https://wordpress.com/theme/altofocus

You can go to any post and see the category is listed in the right sidebar.

This is just one theme, but you can check other themes at https://wordpress.com/theme/ to see which one fits your requirement.

No items found.