{"id":306,"date":"2025-09-21T07:40:21","date_gmt":"2025-09-21T07:40:21","guid":{"rendered":"http:\/\/localhost:8888\/wp_stories\/?p=381"},"modified":"2026-09-22T08:11:51","modified_gmt":"2026-09-22T08:11:51","slug":"design-notes-for-blogs","status":"publish","type":"post","link":"https:\/\/www.whufu.com\/wpgreen\/?p=306","title":{"rendered":"Design Notes for Greenblog (and more?)"},"content":{"rendered":"\n<ul class=\"wp-block-list\">\n<li><a href=?p=765'>techie<\/a><\/li>\n\n\n\n<li>techie<\/li>\n\n\n\n<li><a href=\"https:\/\/colorhunt.co\/\">https:\/\/colorhunt.co\/<\/a><\/li>\n\n\n\n<li>10\/11\/25 &#8211; Suddenly obsessed with fonts for the blog\n<ul class=\"wp-block-list\">\n<li>goto: <strong>Appearance > Customize > <\/strong>Fonts\u00a0or\u00a0<strong>Appearance > Editor > Styles > Typography<\/strong>\n<ul class=\"wp-block-list\">\n<li>currently: Platipli and <strong>Ysabeau<\/strong> Office\n<ul class=\"wp-block-list\">\n<li>body text:  Ysabeau Ofice light<\/li>\n\n\n\n<li>headings:  Platipli regular<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>I think I want this plugin:  \n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/font-type-tester\/\">https:\/\/wordpress.org\/plugins\/font-type-tester\/<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>also <a href=\"https:\/\/wordify.com\/blog\/wordpress\/wordpress-fonts\/\">https:\/\/wordify.com\/blog\/wordpress\/wordpress-fonts\/<\/a>\n<ul class=\"wp-block-list\">\n<li><strong>roboto<\/strong> &#8211; largely geometric, with open curves that look friendly and futuristic.<\/li>\n\n\n\n<li><strong>Poppins<\/strong> &#8211; geometric, clean design. .. each letterform looking almost monolinear<\/li>\n\n\n\n<li><strong>Merriweather<\/strong> &#8211; good on screens<\/li>\n\n\n\n<li><strong>Montserrat<\/strong> &#8211; geometric sans-serif &#8230; the official font of Mexico!<\/li>\n\n\n\n<li><strong>Open Sans<\/strong><\/li>\n\n\n\n<li><strong>Lato<\/strong> &#8211; semi-rounded strong letterforms\u2009\u2014 a \u201cserious but friendly\u201d vibe<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>October thought: Since you&#8217;re doing smaller posts &#8211; one per review &#8211; it would be really cool to thread them in cool ways:\n<ul class=\"wp-block-list\">\n<li>mysteries \/ city \/ country \/ parts of country \/ other countries \/ other books!<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>GOALS\n<ul class=\"wp-block-list\">\n<li>Make wptest more interesting<\/li>\n\n\n\n<li>Make wptest a health-only blog and move other stuff to green blog<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Post to build!\n<ul class=\"wp-block-list\">\n<li>Reviews!!\n<ul class=\"wp-block-list\">\n<li>One review per wp post.\n<ul class=\"wp-block-list\">\n<li>title \/ date \/ author \/ what \/ review date \/ summary<\/li>\n\n\n\n<li>type list &#8211; title \/ uthor \/ <\/li>\n\n\n\n<li>date list &#8211; most recent<\/li>\n\n\n\n<li>genre list &#8211; detectve \/ westers<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li> do them while I&#8217;m reading the book. <br>Also, tv series &#8230; there&#8217;s always another!<\/li>\n\n\n\n<li>Books, Movies, Series, other?, Puzzles, Sports games \ud83d\ude42<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Related but different is  basketball courts, cars, foreign places, <\/li>\n\n\n\n<li>Random, loving road trips (let&#8217;s me link to all the road trips\n<ul class=\"wp-block-list\">\n<li>east coast, florida, colorado, northwest, southwest<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Sort of like a Category except more so, there are &#8220;areas&#8221;, and each member post links to all the others.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Cool images I might use:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.whufu.com\/?page=pic&amp;type=id&amp;key=4334\">https:\/\/www.whufu.com\/?page=pic&amp;type=id&amp;key=4334<\/a><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.whufu.com\/wpgreen\/wp-content\/uploads\/2025\/11\/IMG_3804.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.wix.com\/blog\/blog-design#viewer-f6q6a\">10 cool blogs<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.wix.com\/blog\/blog-design#viewer-f6q6a\">Bella and Bloom<\/a>  ok<\/li>\n\n\n\n<li><a href=\"https:\/\/www.wix.com\/blog\/blog-design#viewer-eg0r5\">All the Food<\/a>     maybe<\/li>\n\n\n\n<li><a href=\"https:\/\/www.wix.com\/blog\/blog-design#viewer-b4sgh\">Seasons in Colour<\/a>   maybe<\/li>\n\n\n\n<li><a href=\"https:\/\/www.wix.com\/blog\/blog-design#viewer-contl\">The Ultimate Photographer<\/a>   maybe<\/li>\n\n\n\n<li><a href=\"https:\/\/www.wix.com\/blog\/blog-design#viewer-1et3e\">britdotdesign<\/a>    maybe<\/li>\n\n\n\n<li><a href=\"https:\/\/www.wix.com\/blog\/blog-design#viewer-b5equ\">Life As We Explore<\/a>  travel blog<\/li>\n\n\n\n<li><a href=\"https:\/\/www.wix.com\/blog\/blog-design#viewer-bhrlo\">Urban Roots<\/a>      maybe<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">from here: <a href=\"https:\/\/www.wix.com\/blog\/blog-design#viewer-f6q6a\">https:\/\/www.wix.com\/blog\/blog-design#viewer-f6q6a<\/a><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Design an eye-catching homepage<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>your homepage needs to convince visitors that your blog is worth exploring. It should grab their attention and inform people immediately what the core purpose of your website is.<\/li>\n\n\n\n<li>you\u2019ll also need to think about how to best navigate visitors to it from the homepage using a menu bar.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>Utilize a header on both your homepage and your blog page. <\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A header is the top strip of each page on your site. It helps set the tone and conveys what readers can expect from their experience. <\/li>\n\n\n\n<li>You can even customize your headers for each page if you wanted to.<\/li>\n\n\n\n<li>You should include the name of your website, your logo and even a high quality image if it\u2019s in keeping with the tone of your site. <\/li>\n\n\n\n<li>You may also want to use a navigation menu so visitors can easily make their way from page to page.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>Incorporate empty space<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Too much text and an abundance of images can appear messy and unorganized. <\/li>\n\n\n\n<li>Your blog should flow seamlessly so visitors can easily navigate from one page to the next. <\/li>\n\n\n\n<li>Empty space allows readers\u2019 to make sense of the components on each page, guides their eyes and helps frame the written content.<\/li>\n\n\n\n<li>ALSO: <strong>Bold typography<\/strong>: Using bold fonts for headers and key sections to create a strong visual impact and improve legibility of your posts. Make your headings pop in the right places.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>Display article thumbnails<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The page that houses your articles needs to be engaging, colorful and easy to explore. <\/li>\n\n\n\n<li>Displaying thumbnails of each article in a grid or listicle format is the best way. <\/li>\n\n\n\n<li>It keeps all of your content organized and accessible, and readers can quickly scan the various titles<\/li>\n\n\n\n<li>Make sure to include a title, date and an image that goes along with each post.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>Show related posts<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To keep site visitors engaged on your site include a <em>Related Posts <\/em>section. <\/li>\n\n\n\n<li>You can include this in <strong>the middle of an article<\/strong>, so readers will scan past it, or at the bottom.<\/li>\n\n\n\n<li>Including your most popular articles is a strategic way to leverage this section because this is the content in which readers find the most value. You\u2019re therefore more likely to get the attention of new visitors from these same posts.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>Tips to increase sharing<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Write more long-form content, referring to blog posts with 1,200 words or more. <\/li>\n\n\n\n<li>These articles generate <a href=\"https:\/\/www.impactplus.com\/blog\/long-form-content-vs.-short-form-content\">three times more social media shares<\/a> than shorter content, and enabling sharing capabilities allows you to leverage this opportunity.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>Add an <em>About Me<\/em> page<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Your blog design should include an <em>About Me<\/em> section. <\/li>\n\n\n\n<li>It will inform your visitors who you are so they can know who is authoring your content. <\/li>\n\n\n\n<li>Include a picture of yourself and a short bio, including the motivation behind your blog. <\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Notes:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"viewer-7pcm2\">When designing a blog <a href=\"https:\/\/www.wix.com\/blog\/blog-design\">we recommend<\/a> focusing on the following parts:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Homepage<\/li>\n\n\n\n<li>Headers<\/li>\n\n\n\n<li>Logo<\/li>\n\n\n\n<li>Empty space<\/li>\n\n\n\n<li>Simple navigation<\/li>\n\n\n\n<li>Article thumbnails<\/li>\n\n\n\n<li>Related posts<\/li>\n\n\n\n<li>Social media sharing<\/li>\n\n\n\n<li>About page<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I think this is a great list.  I don&#8217;t care about &#8220;Social media sharing&#8221; (and maybe not &#8220;thumbnails&#8221;), but the others are very good.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>cohesive visual style<\/li>\n\n\n\n<li>search-friendly &#8211; include meta tags, keywords, and other SEO-friendly onpage content optimizations<\/li>\n\n\n\n<li>Then comes ten examples&#8230;<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">The hints in the wordpress book about doing stuff with the title were great!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/block-pattern\/\">Block patterns<\/a> explained.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/patterns\/\">Block Pattern Directory<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cool images I might use: 10 cool blogs from here: https:\/\/www.wix.com\/blog\/blog-design#viewer-f6q6a Notes: When designing a blog we recommend focusing on the following parts: I think this is a great list. I don&#8217;t care about &#8220;Social media sharing&#8221; (and maybe not &#8220;thumbnails&#8221;), but the others are very good. The hints in the wordpress book about doing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-306","post","type-post","status-publish","format-standard","hentry","category-techie"],"_links":{"self":[{"href":"https:\/\/www.whufu.com\/wpgreen\/index.php?rest_route=\/wp\/v2\/posts\/306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.whufu.com\/wpgreen\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.whufu.com\/wpgreen\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.whufu.com\/wpgreen\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.whufu.com\/wpgreen\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=306"}],"version-history":[{"count":10,"href":"https:\/\/www.whufu.com\/wpgreen\/index.php?rest_route=\/wp\/v2\/posts\/306\/revisions"}],"predecessor-version":[{"id":3015,"href":"https:\/\/www.whufu.com\/wpgreen\/index.php?rest_route=\/wp\/v2\/posts\/306\/revisions\/3015"}],"wp:attachment":[{"href":"https:\/\/www.whufu.com\/wpgreen\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.whufu.com\/wpgreen\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.whufu.com\/wpgreen\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}