Archived topic
Is there a way to show post views like this?
26 replies · Started by Heath on December 21, 2021
Ah in that case then you must add the shortcode on the Block Element - Post meta block that adds the post meta to your single posts pages. :D
In your block element - post meta, you basically have:
[dynamic image for author avatar] [dynamic headline for author] [dynamic headline for date]
What you have to do is:
[dynamic image for author avatar] [dynamic headline for author] [dynamic headline for date] [post-views]
I'm lost. Haha. I thought I added it in the block element.
Now it is. Previously it was in the content area. lol.
You can then add this CSS:
.post-views {
margin-top: 0;
}
And then add a border right to the date post meta for the separator. :D
So I think the only thing I'm missing now is the font seems to be a different color. Not sure how to fix that.
It uses the entry meta color set on Appearance > Customize > Colors.
But you can also set it with this CSS:
.post-views.entry-meta > * {
color: black;
}
Last question on this....would I be able to show the view count in the actual post element on the home page? If so, how would I do that?
And I am actually wondering if I can get something more like this to show on the left bottom corner of the home page on each post.
If it's for the main post grid on the home page, you can add it in on the Block Element - Content Template you've added to modify the layout of the post items.
The concept is similar to what you did w/ the Block Element post meta. You basically just add the shortcode block to where you want it to appear on the Content template. :D
Ok. I think I know what you are talking about. How would I get the information to show on the bottom left corner, Basically the opposite of readmore?
Also is there a way to get the icon to show like this?
Ok. I think I know what you are talking about. How would I get the information to show on the bottom left corner, Basically the opposite of readmore?
Yes that's correct.
Also is there a way to get the icon to show like this?
This should be doable w/ custom CSS but you'll need to get the icon from somewhere and have it uploaded to your site for use. :D
I'm not having any luck finding the icon. Is there some Central place to get icons like this?
You can try looking around here - https://fontawesome.com/v5.15/icons - and see if you can find it. You then try to download the SVG icon file and host it on your site. :D