{"id":20223,"date":"2025-02-05T20:31:15","date_gmt":"2025-02-05T20:31:15","guid":{"rendered":"https:\/\/johnjohnston.info\/blog\/?p=20223"},"modified":"2025-12-06T20:38:34","modified_gmt":"2025-12-06T20:38:34","slug":"glow-blogs-site-editing-adventure","status":"publish","type":"post","link":"https:\/\/johnjohnston.info\/blog\/glow-blogs-site-editing-adventure\/","title":{"rendered":"Glow Blogs &#8211; Site Editing Adventure"},"content":{"rendered":"\n<p>Recently I saw a <a href=\"https:\/\/thoughtshrapnel.com\/2025\/01\/30\/column-blog-themes.html\">post<\/a> on Doug Belshaw&#8217;s Thought Shrapnel pointing to a nice 3 column layout for a blog.<\/p>\n\n\n\n<p>Doug wondered :<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>If you\u2019re reading this and know of a similar blog theme, on any platform, could you let me know?<\/p>\n<\/blockquote>\n\n\n\n<p>I thought it would be possible to use the Site Editor on a WordPress block theme and left a comment.<\/p>\n\n\n\n<p>I&#8217;ve been watching quite a few WordPress videos from <a href=\"https:\/\/www.youtube.com\/@jamiewp\">Jamie WP<\/a>. I especially like his <a href=\"https:\/\/www.youtube.com\/watch?v=ERIz3diT9Sk&amp;list=PLiPorWuYVbzuVrydFJZflALOc5rpUuwgs\">Remaking Famous Websites playlist<\/a>. So I thought it might be possible to make a WordPress site that looked a bit like <a href=\"https:\/\/garry.net\/\">garry.net<\/a>.<\/p>\n\n\n\n<p>Jamie does these in 30 minutes. This took me  longer, but I&#8217;ve not a whole lot of experience with the site editor. I decided to use Glow Blogs. It is free and easy for me to set up a site there. I serve as part time <em>product owner<\/em> so this is good practise. The disadvantage is that I can&#8217;t install any extra plug-ins or add any custom css<sup data-fn=\"3a90a67d-0fb4-458a-af5d-3fac0aaab33e\" class=\"fn\"><a href=\"#3a90a67d-0fb4-458a-af5d-3fac0aaab33e\" id=\"3a90a67d-0fb4-458a-af5d-3fac0aaab33e-link\">1<\/a><\/sup>. Glow Blogs also runs a version or so behind WordPress.org.<\/p>\n\n\n\n<p>I only did enough to see where I could go easily. I didn&#8217;t attempt to match styles or other features.<\/p>\n\n\n\n<p>I got as far as <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/threecolumns\/\">Three Columns<\/a>, this is not finished or polised but I managed:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>1. a home page with some static content and a left hand navigation.<\/li>\n\n\n\n<li>a posts page with the same left hand column. A second column listing the posts and loading the latest post in the third column.<\/li>\n\n\n\n<li>finally a single post page with the same first two columns. The post tapped or clicked in the second column showing in the third.<\/li>\n<\/ol>\n\n\n\n<p>To do this I created three page templates<sup data-fn=\"caf6ff4f-6d2c-4692-8203-ada2af3d6f49\" class=\"fn\"><a href=\"#caf6ff4f-6d2c-4692-8203-ada2af3d6f49\" id=\"caf6ff4f-6d2c-4692-8203-ada2af3d6f49-link\">2<\/a><\/sup>. All are inside columns. All have the same first column. So I made that one as a pattern<sup data-fn=\"b1b283a0-ce3c-4e92-b444-ec83c630bf33\" class=\"fn\"><a href=\"#b1b283a0-ce3c-4e92-b444-ec83c630bf33\" id=\"b1b283a0-ce3c-4e92-b444-ec83c630bf33-link\">3<\/a><\/sup>. The second column is used twice, so I made another pattern for that. This stopped me having to fix the same thing in different places. I <em>think<\/em> this is the right approach.<\/p>\n\n\n\n<p>I&#8217;ve ignored mobile and other possible pages. I didn&#8217;t touch archive, views for categories and tags for example . My aim was to spend a couple of hours on this.<\/p>\n\n\n\n<p>I had trouble with a few things.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>I had edited the Front Page Template, which should be used for the posts page. This didn&#8217;t show up. When I edit the posts page and then edit the template I see my 3 column. Unfortunately the live page still uses the old template. So given my time limit I just made another page to act as the posts page and made an &#8216;All posts&#8217; template for that. This has a query loop in the second column, acting as an index for the posts.<\/li>\n\n\n\n<li>The second column on the Posts &amp; single post page should ideally scroll all of the posts. Probably inside a fixed height block with lazy load. <\/li>\n\n\n\n<li>I think I should have used Template parts when I used patterns.  but the result seems the same.<\/li>\n\n\n\n<li>I am not sure how to hilight the posts selected in the second column. garry.net does this nicely.<\/li>\n\n\n\n<li>I enjoyed poking around in the site editor. I can see the potential for creating different types of site. I am not convinced that access to the Site Editor alone would make much differences to busy teachers with a lot on their plate. Most Glow Blogs stick with the default theme. I am beginning to see how patterns and templates could make things easier for folk. <\/li>\n<\/ul>\n\n\n<ol class=\"wp-block-footnotes\"><li id=\"3a90a67d-0fb4-458a-af5d-3fac0aaab33e\">WordPress multi-sites do not automatically support custom css. The Jetpack plugin used to do this but not anymore. I hope it will be added back in. <a href=\"#3a90a67d-0fb4-458a-af5d-3fac0aaab33e-link\" aria-label=\"Jump to footnote reference 1\">\u21a9\ufe0e<\/a><\/li><li id=\"caf6ff4f-6d2c-4692-8203-ada2af3d6f49\">Well I did that finally, I made lots of mistakes first. <a href=\"#caf6ff4f-6d2c-4692-8203-ada2af3d6f49-link\" aria-label=\"Jump to footnote reference 2\">\u21a9\ufe0e<\/a><\/li><li id=\"b1b283a0-ce3c-4e92-b444-ec83c630bf33\">Again I did that a more than a few times. I think this should have been a template part rather than a pattern. <a href=\"#b1b283a0-ce3c-4e92-b444-ec83c630bf33-link\" aria-label=\"Jump to footnote reference 3\">\u21a9\ufe0e<\/a><\/li><\/ol>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recently I saw a post on Doug Belshaw&#8217;s Thought Shrapnel pointing to a nice 3 column layout for a blog. Doug wondered : If you\u2019re reading this and know of a similar blog theme, on any platform, could you let me know? I thought it would be possible to use the Site Editor on a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":20225,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"mf2_syndication":[],"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"webmentions_disabled_pings":false,"webmentions_disabled":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"[{\"content\":\"WordPress multi-sites do not automatically support custom css. The Jetpack plugin used to do this but not anymore. I hope it will be added back in.\",\"id\":\"3a90a67d-0fb4-458a-af5d-3fac0aaab33e\"},{\"content\":\"Well I did that finally, I made lots of mistakes first.\",\"id\":\"caf6ff4f-6d2c-4692-8203-ada2af3d6f49\"},{\"content\":\"Again I did that a more than a few times. I think this should have been a template part rather than a pattern.\",\"id\":\"b1b283a0-ce3c-4e92-b444-ec83c630bf33\"}]"},"categories":[6],"tags":[943,1784,222,1925,11],"post_format":[],"class_list":{"0":"post-20223","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wwwd","8":"tag-doug-belshaw","9":"tag-glow-blogs","10":"tag-glowblogs","11":"tag-site-editor","12":"tag-wordpress","13":"kind-article","15":"h-entry","16":"hentry"},"better_featured_image":{"id":20225,"alt_text":"","caption":"","description":"","media_type":"image","media_details":{"width":1200,"height":639,"file":"2025\/02\/editing-singile-post-template.png","filesize":64472,"sizes":{"medium":{"file":"editing-singile-post-template-620x330.png","width":620,"height":330,"mime-type":"image\/png","filesize":74605,"source_url":"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2025\/02\/editing-singile-post-template-620x330.png"},"large":{"file":"editing-singile-post-template-1024x545.png","width":1024,"height":545,"mime-type":"image\/png","filesize":166488,"source_url":"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2025\/02\/editing-singile-post-template-1024x545.png"},"thumbnail":{"file":"editing-singile-post-template-150x150.png","width":150,"height":150,"mime-type":"image\/png","filesize":9493,"source_url":"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2025\/02\/editing-singile-post-template-150x150.png"},"medium_large":{"file":"editing-singile-post-template-768x409.png","width":768,"height":409,"mime-type":"image\/png","filesize":105443,"source_url":"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2025\/02\/editing-singile-post-template-768x409.png"},"post-thumbnail":{"file":"editing-singile-post-template-668x356.png","width":668,"height":356,"mime-type":"image\/png","filesize":84746,"source_url":"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2025\/02\/editing-singile-post-template-668x356.png"},"sempress-image-post":{"file":"editing-singile-post-template-668x356.png","width":668,"height":356,"mime-type":"image\/png","filesize":84746,"source_url":"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2025\/02\/editing-singile-post-template-668x356.png"},"rpwe-thumbnail":{"file":"editing-singile-post-template-45x45.png","width":45,"height":45,"mime-type":"image\/png","filesize":1693,"source_url":"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2025\/02\/editing-singile-post-template-45x45.png"},"jetpack-portfolio-admin-thumb":{"file":"editing-singile-post-template-50x50.png","width":50,"height":50,"mime-type":"image\/png","filesize":1996,"source_url":"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2025\/02\/editing-singile-post-template-50x50.png"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","keywords":[]}},"post":20223,"source_url":"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2025\/02\/editing-singile-post-template.png"},"jetpack_featured_media_url":"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2025\/02\/editing-singile-post-template.png","jetpack_shortlink":"https:\/\/wp.me\/p57zFQ-5gb","jetpack_likes_enabled":false,"jetpack_sharing_enabled":true,"kind":false,"_links":{"self":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/20223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/comments?post=20223"}],"version-history":[{"count":5,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/20223\/revisions"}],"predecessor-version":[{"id":20243,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/20223\/revisions\/20243"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/media\/20225"}],"wp:attachment":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/media?parent=20223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/categories?post=20223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/tags?post=20223"},{"taxonomy":"post_format","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/post_format?post=20223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}