This theme component will allow you to designate a blog category and will alter the look and feel of all topics within that category to appear more like a traditional blog post. This is essentially a theme component adaptation of the Blog post plugin.
Preview at Discourse Theme Creator
For an image to display above the post, the image code must be the first line of the post.
You can use
<big></big>tags around the first letter of a word to create an initial effect
You may wish to enable the category setting
Navigate to first post after topics are readto always highlight the blog post when first entering a topic.
The main image is centered within the available space. You may need to edit your photo for it to display the way you’d like.
The height of the blog image container is
440pxand the width is 100% of the main container. The image is centered within the available space, so if your image has
30pxwill be cropped from the top, and
30pxfrom the bottom. Horizontal cropping starts at
1100px(the max-width of the main content on a Discourse site) and will increase as the window narrows. The ideal scenario is to use an image that either has a centralized subject, or one that has a generalized subject such as a pattern or a nature shot like the one I show in my example.
There is support for multiple categories. This can be accomplished by comma separating the category slugs, making sure to omit any spaces before of after the commas. Subcategories can be added by following these steps:
Get the link to the subcategory and isolate the part after
-so that you get support-wordpress
Add the result to the theme setting
There are currently a few limitations. Hopefully these can be overcome in future updates, but for now, these are the important things to note:
- Desktop view only for now
- When you first create the blog post topic, you will need to refresh the page to see the main image appear above the content. This only happens right after it is posted and only for the author of the topic.
- The main image must be large enough to lightbox. By default, an image must be over
690pxwide to trigger lightboxing.
Suggestions on how the component can improve are welcome. I can’t promise I’ll be able to add the feature, or make the change, but it will certainly be considered