WordPress and This Blog - Helpful Colin

Large Screens

Site, Header, Menu & To Top Icon

Site Width: 1320+px compressable

Header Width: 1200px

Header Height: 280px

Menu Bar, etc. Width: 480px

Menu Bar, etc. Height: 70px

Sub Menu Items, Width: 205px

Sub Menu Items, Height: 42px for a single line of text

To Top Icon: 42px x 42px

Featured Images

Width: 840px max

Height: variable

Aspect Ratio W:H variable

Blog Posts

Left Margin: 60px

Content Maximum Image Width: 840px

Content Maximum Image Height: variable

Content Text Left Border: 240px

Content Text Width: 600px

Content Video Width: 600px

Content Video Height for Aspect Ratio 4:3 : 450px

Content Video Height for Aspect Ration 16:9 : 337px

Content Gutter Width: 60px

Content Sidebar Width: 300px

Content Sidebar Widget Width: 300px = 600 ÷ 2

Right Margin: 60px

Full Width Pages

Left Margin: 60px

Text Width Max: 840px

Content Gutter Width: 60px

Content Sidebar Width: 300px

Right Margin: 60px

Select Posts by Category

My Latest News

6th October 2019: I have in the last few months worked through all my blog posts and pages and converted them from Classic Editing mode to Block Editing mode. While doing this I have found posts that had problems which I fixed. In particular with linked videos which were no longer working. I deleted one post amongst these. I may be tempted to delete more posts which are no longer relevant and just take up space on the server.

Along with the list of contents introduced to longer posts I have added a list of pictures too. I have been able to do this by giving the pictures their own headings. They could be interspersed with the contents but I am keeping them separate at the moment.

On some posts I have introduced a Preface to give a simple description of the post. This enables me to put the contents before the introduction.

The contents are compiled from all the headings in a post and underlined. These can be selected in the normal way in order to navigate straight to them. This should save a lot of scrolling for anyone who is referring to a post and its pictures to help them fix the item described.

NOTE: I have noticed that selecting a heading might not scroll all the way to it at the first attempt. Successive attempts during the same viewing get nearer. I hope to get this fixed in the course of time.

I have found that the reason the headings on small screens aren’t emboldened is because they aren’t set to use a bold font. On large screens there isn’t an issue because the headings look like headings anyway. However I use Jetpack to convert my blog for display on mobiles which displays headings as normal or bold according to how they are set. So I will be emboldening headings to give a better display on mobiles as and when i get around to it.

NOTE: I do expect most people to read my blog on a mobile phone these days. So I will try to keep it looking good for them.

3rd June 2019: I’ve had a go at making testimonials look better. The previous method was a mess so I’ve used the Kadence Testimonials block to produce a testimonials page with two neat columns which are now accessed from the Posts menu since they all originate via Post Comments.

1st June 2019: Continuing to edit using blocks I have changed to a Kadence FAQ block to display Frequently Asked Questions and their answers. I spotted a problem with the accordion block and Ben Ritner has very kindly edited the block to resolve it. There has been some editing of the Qs & As and you might find I mess with it some more.

I have also begun using the Contents Table block by Ultimate Addons for Gutenberg to show the contents of my posts. I am inserting this block after the Introduction. If I put it first, as it would be in a book, it causes some issues:

In my list of posts that is shown in reverse date order I only want the Introduction or part thereof to be seen. If I put the contents block first that will be seen. It will take up a lot of screen space and won’t be very interesting.
The contents block links to all the headings used in the post but that doesn’t work when it’s viewed in the list of post snippets described in 1 above.

Continue to My Latest News Archive.

Site Construction

The site helpfulcolin.com was originally built in September 2011 by Digitalog© now Wolf & Player using the Side Blog theme and handed over to Helpful Colin by his mentors in December 2011. It was changed to a ‘Twenty Fourteen’ child theme in February 2014 by Helpful Colin.

The theme was changed again in December 2015 when WordPress version 4.4 became active and Helpful Colin changed the theme to the ‘Twenty Sixteen’ theme which is designed to look good on all screen sizes. Although this may have improved the blog for mobile users it has removed some functionality available in ‘Twenty Fourteen’.

Helful Colin took on board Gutenberg at an early stage and has since converted all posts to use the block editing format. The current version of WP used at 30/09/2019 is 5.2.3. Jetpack is used to convert the Helpful Colin posts to display correctly on mobile devices.