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 (Once you activate the theme, find the topic titled “A Quiet Desert Sunset” in the blog category)
Place the image you would like to use as the first thing in the post
You can use
<big></big>tags around the first letter of a word to create an initial effect
If you don’t want to use any images, just add a
-as the first line of the post, followed by line break, then the rest of your content:
. This is my blog post content
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