Wloff Blog

Catalog

2024. March 31.

Things to adjust

The first lengthy post is up, gained some insights. Should put some thoughts to paper since this is a dev blog as well, isn't it. It is.

The aforementioned post contains images and a video. The media loads well but needed to edit the post a bit more heavily to make them look good, especially with captions. Okay, kept the video's size low, converted to webm to make sure so. In case of images perhaps should implement some thumbnailing practice - basically wrapping the smaller image (thumbnail) with a link pointing to the normal sized image. I don't think such facility is needed for the blog engine itself, everyone can include images in an html however they want. Also thumbnailing might not needed for all the images or all the posts.

Now that we are at thumbnailing... shared the post on various platforms, and it could be worth it to make the individual posts "shareable friendly". For me it's not a priority, but for others, and for general convenience it could be a good idea. Perhaps chance to help with search engines too. The meta tags are needed to be edited in the heading - not in my head, but the <head> element -, present them dynamically. However this can only done programmatically with variables, can't do with pure html which makes me sad. I wished to make this thing as simple as possible with the use of as much pure html as I can.

So the plan is to break up the head.html in two parts where the necessary meta tags go, and insert those with php - in case of pages of individual blog entries. A title is needed whith is the title of the article in the 'h3' element, and a preview text, the first 'p' element should do the trick.

What meta attribute to use? The title-description might just work, but those Open Graph tags are also an option, namely property="og:title" and property="og:description" attributes, maybe rounded out with an image, depending. WordPress surely uses them, and seem more convenient, although not convenience was in mind when we begin this project.

To make the metadata change dynamically, the GET request is needed to get handled earlier, before anything renders to the page. Probably it's the better practice anyway. Why show anything from a webpage if there is an error.

So need to change some stuff quite a bit. That's okay. Rome wasn't built within a day.