<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:media="http://search.yahoo.com/mrss/"
>

<channel>
	<title>Media - Our-Hometown</title>
	<atom:link href="https://our-hometown.com/category/media/feed/" rel="self" type="application/rss+xml" />
	<link>https://our-hometown.com</link>
	<description>Your Newspaper&#039;s Future, Today.</description>
	<lastBuildDate>Tue, 03 Mar 2026 13:37:33 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.2</generator>

<image>
	<url>https://our-hometown.com/wp-content/uploads/cropped-our-hometown-block-no-texxt-32x32.jpg</url>
	<title>Media - Our-Hometown</title>
	<link>https://our-hometown.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Bring Your Stories to Life: Video Uploads Are Now Live on Our-Hometown</title>
		<link>https://our-hometown.com/bring-your-stories-to-life-video-uploads-are-now-live-on-our-hometown/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Fri, 25 Jul 2025 17:19:54 +0000</pubDate>
				<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<category><![CDATA[Feature Spotlight Newsletter]]></category>
		<category><![CDATA[Latest from Our Hometown]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Software Updates]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Websites]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=34411</guid>

					<description><![CDATA[<p>In the world of digital storytelling, words and photos lay the foundation. But to truly capture the energy of a moment—the roar of the crowd, the passion in a speech, the buzz of a community event—you need motion.</p>
<p>The post <a href="https://our-hometown.com/bring-your-stories-to-life-video-uploads-are-now-live-on-our-hometown/">Bring Your Stories to Life: Video Uploads Are Now Live on Our-Hometown</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>In the world of digital storytelling, words and photos lay the foundation. But to truly capture the energy of a moment—the roar of the crowd, the passion in a speech, the buzz of a community event—you need motion.</p>



<p>That’s why the team at Our-Hometown Web Publishing is thrilled to announce our latest, most-requested feature: <strong>Direct Video Uploads are now available on your WordPress website!</strong></p>



<p>You can now bring your community&#8217;s stories to life and offer powerful new advertising solutions in a more dynamic and engaging way than ever before.</p>



<h3 class="wp-block-heading"><strong>The Power of Video, Simplified</strong></h3>



<p>We believe that powerful tools should also be easy to use. We’ve integrated video uploads directly into the Media Library you already know. It’s as simple as uploading a photo.</p>



<p>Here are the key details:</p>



<ul class="wp-block-list">
<li><strong>Generous File Size:</strong> Upload video files up to <strong>256MB</strong>.</li>



<li><strong>Standard Formats:</strong> We support all the common formats you use, including <strong>.mp4, .mov, .webm</strong>, and more.</li>



<li><strong>Seamless Integration:</strong> Your uploaded videos can be placed into posts, pages, and even ad placements with ease.</li>
</ul>



<div class="wp-block-cover" style="min-height:213px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#023468"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex">
<div style="height:100px;width:30px" aria-hidden="true" class="wp-block-spacer wp-container-content-1"></div>



<div class="wp-block-uagb-image uagb-block-20438607 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Light_Bulb_or_Idea_Flat_Icon_Vectorsvg_.png ,https://our-hometown.com/wp-content/uploads/Light_Bulb_or_Idea_Flat_Icon_Vectorsvg_.png 780w, https://our-hometown.com/wp-content/uploads/Light_Bulb_or_Idea_Flat_Icon_Vectorsvg_.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Light_Bulb_or_Idea_Flat_Icon_Vectorsvg_.png" alt="" class="uag-image-34422" width="250" height="299" title="Light_Bulb_or_Idea_Flat_Icon_Vectorsvg" loading="lazy" role="img"/></figure></div>



<div style="height:100px;width:30px" aria-hidden="true" class="wp-block-spacer wp-container-content-2"></div>



<p><strong>NOTE: </strong>To ensure compatibility, always sanitize the filename of your videos: i.e. no special characters (/,?#) and also replace any spaces with either a dash or underscore.</p>
</div>
</div></div>



<div class="wp-block-uagb-image aligncenter uagb-block-4af144c0 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/MediaLibrary.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/MediaLibrary.png ,https://our-hometown.com/wp-content/uploads/MediaLibrary.png 780w, https://our-hometown.com/wp-content/uploads/MediaLibrary.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/MediaLibrary.png" alt="Video Content in the Media Library" class="uag-image-34414" width="1093" height="575" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Video Content in the Media Library</figcaption></figure></div>



<h3 class="wp-block-heading"><strong>From the Field to the Front Page: Go Mobile!</strong></h3>



<div class="wp-block-uagb-image alignright uagb-block-2139002b wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-right"><figure class="wp-block-uagb-image__figure"><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/MobileVideoUpload.png ,https://our-hometown.com/wp-content/uploads/MobileVideoUpload.png 780w, https://our-hometown.com/wp-content/uploads/MobileVideoUpload.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/MobileVideoUpload.png" alt="Mobile Video Upload (Safari on iOS)" class="uag-image-34415" width="300" height="2532" title="Mobile Video Upload (Safari on iOS)" loading="lazy" role="img"/><figcaption class="uagb-image-caption">Mobile Video Upload (Safari on iOS)</figcaption></figure></div>



<p>We know that news happens everywhere, not just at your desk. That&#8217;s why we&#8217;ve ensured our new video feature is completely mobile-ready.</p>



<p>Imagine this: you&#8217;re covering a last-minute press conference or a high school playoff game. You can capture a critical clip on your smartphone, open your website in your mobile browser, and upload the video directly into a new post. Your readers can see what’s happening, as it’s happening. No more waiting to get back to the office to transfer files.</p>



<h3 class="wp-block-heading"><strong>Ideas to Get You Started</strong></h3>



<p>Not sure where to begin? Video is perfect for capturing the content that makes local news so special and opens up new revenue streams.</p>



<ul class="wp-block-list">
<li><strong>High School Sports:</strong> Upload the game-winning touchdown, the three-point shot at the buzzer, or a post-game interview with the coach.</li>



<li><strong>Parades &amp; Performances:</strong> Showcase the intricate float designs from the holiday parade, or a clip of the high school marching band’s new routine.</li>



<li><strong>Breaking News:</strong> Provide on-the-scene footage from a local event or incident, adding urgency and authenticity to your reporting.</li>



<li><strong>Nature &amp; Wildlife:</strong> Share a serene video of a sunrise over a local landmark or capture footage of wildlife in a nearby park. These clips are highly shareable!</li>



<li><strong>Powerful Video Advertising:</strong> Offer premium advertising opportunities! A local realtor could run a video property walkthrough as part of their campaign, or a car dealership could showcase a new model in action. This is a fantastic new product to offer your advertisers.</li>



<li><strong>Community Voices:</strong> Record short &#8220;man-on-the-street&#8221; interviews about a local issue or a quick soundbite from a town council meeting.</li>
</ul>



<h3 class="wp-block-heading"><strong>Placing Your Videos: As Easy as 1-2-3</strong></h3>



<p>Once you&#8217;ve uploaded your video to the Media Library, how do you get it onto your site? We&#8217;ve made it simple by integrating it directly with the WordPress tools you already use.</p>



<ul class="wp-block-list">
<li><strong>In an Article or Page:</strong> When writing a post, simply add a new block and search for the <strong>&#8220;Video&#8221; block</strong>. You can then select your clip directly from the Media Library.</li>



<li><strong>On Your Homepage or Sidebars:</strong> Want to feature a video more prominently? Use the <strong>Theme Customizer</strong> to add a video block to widget-ready areas, giving you full control over where your featured videos appear.</li>
</ul>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-2 wp-block-group-is-layout-grid">
<div class="wp-block-uagb-image aligncenter uagb-block-1fbd27e9 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/DailyCatch.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/DailyCatch.png ,https://our-hometown.com/wp-content/uploads/DailyCatch.png 780w, https://our-hometown.com/wp-content/uploads/DailyCatch.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/DailyCatch.png" alt="Homepage Video Embed (Green Outline)" class="uag-image-34412" width="1424" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Homepage Video Embed (Green Outline)</figcaption></figure></div>



<div class="wp-block-uagb-image aligncenter uagb-block-a49451cf wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Garden-City-News-Video-Marketplace-Template.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Garden-City-News-Video-Marketplace-Template.png ,https://our-hometown.com/wp-content/uploads/Garden-City-News-Video-Marketplace-Template.png 780w, https://our-hometown.com/wp-content/uploads/Garden-City-News-Video-Marketplace-Template.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Garden-City-News-Video-Marketplace-Template.png" alt="" class="uag-image-34413" width="1424" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Video Marketplace Template</figcaption></figure></div>
</div></div>



<h3 class="wp-block-heading"><strong>Ready to Roll?</strong></h3>



<p>This feature is now live for all Our-Hometown customers. We are committed to providing you with the tools you need to be the essential source for news and information in your community. We can&#8217;t wait to see the incredible stories you&#8217;ll tell and the new advertising opportunities you&#8217;ll create.</p>



<p>If you have any questions, please don&#8217;t hesitate to reach out to our support team at <a href="mailto:ops@our-hometown.com">ops@our-hometown.com</a>.</p><p>The post <a href="https://our-hometown.com/bring-your-stories-to-life-video-uploads-are-now-live-on-our-hometown/">Bring Your Stories to Life: Video Uploads Are Now Live on Our-Hometown</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></content:encoded>
					
		
		
			<media:content url="https://our-hometown.com/wp-content/uploads/Video-Uploads-Post-Featured-Image-720x405.png" medium="image" />
	</item>
		<item>
		<title>Block Editor Basics: More Text, Plus Grids and Groups &#124; OHT Webinar Replay</title>
		<link>https://our-hometown.com/block-editor-basics-more-text-plus-grids-and-groups-oht-webinar-replay/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Mon, 16 Jun 2025 11:48:46 +0000</pubDate>
				<category><![CDATA[Content]]></category>
		<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<category><![CDATA[Latest from Our Hometown]]></category>
		<category><![CDATA[Virtual Conference Replays]]></category>
		<category><![CDATA[Virtual Conferences]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=34352</guid>

					<description><![CDATA[<p>Our session, "Block Editor Basics: More Text, Plus Grids & Groups," explored how to create sophisticated content arrangements directly within WordPress. Christopher from Our-Hometown guided attendees through leveraging the Block Editor's powerful layout tools. If you weren't able to join us live, this is an opportunity to review the key techniques.</p>
<p>The post <a href="https://our-hometown.com/block-editor-basics-more-text-plus-grids-and-groups-oht-webinar-replay/">Block Editor Basics: More Text, Plus Grids and Groups | OHT Webinar Replay</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="epyt-video-wrapper"><iframe  style="display: block; margin: 0px auto;"  id="_ytid_82163"  width="960" height="540"  data-origwidth="960" data-origheight="540" src="https://www.youtube.com/embed/XAUrP9A-RME?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;modestbranding=1&#038;rel=1&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;" class="__youtube_prefs__  epyt-is-override  no-lazyload" title="YouTube player"  allow="fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen data-no-lazy="1" data-skipgform_ajax_framebjll=""></iframe></div>
</div></figure>



<p class="wp-embed-aspect-16-9 wp-has-aspect-ratio">Did you miss our recent webinar on advanced Block Editor layouts? The replay is now available.</p>



<p class="wp-embed-aspect-16-9 wp-has-aspect-ratio">Our session,&nbsp;<strong>&#8220;Block Editor Basics: More Text, Plus Grids &amp; Groups,&#8221;</strong>&nbsp;explored how to create sophisticated content arrangements directly within WordPress. Christopher from Our-Hometown guided attendees through leveraging the Block Editor&#8217;s powerful layout tools. If you weren&#8217;t able to join us live, this is an opportunity to review the key techniques.</p>



<p><strong>In this replay, you&#8217;ll learn about:</strong></p>



<ul class="wp-block-list">
<li><strong>Utilizing Grids:</strong>&nbsp;Discover how to construct dynamic image and text grids using the&nbsp;<strong>Grid block</strong>, including the application of&nbsp;<strong>column and row span</strong>&nbsp;settings for flexible designs.</li>



<li><strong>Organizing with Groups:</strong>&nbsp;Understand how&nbsp;<strong>Group blocks</strong>&nbsp;can be used to keep related content together and maintain structure within complex layouts.</li>



<li><strong>Beyond Standard Lists:</strong>&nbsp;Learn about the&nbsp;<strong>Details block</strong>&nbsp;as an alternative for presenting collapsible content, suitable for citations or expandable information.</li>



<li><strong>Refining Visuals with Covers:</strong>&nbsp;See how&nbsp;<strong>Cover blocks</strong>&nbsp;can be used to enhance the presentation and fit of individual elements within your grid layouts.</li>



<li>The session also covered nested lists and the distinct functionalities of Rows and Stacks.</li>
</ul>



<p>This webinar replay offers practical demonstrations and insights to help you create more sophisticated and visually appealing content in the Block Editor.</p><p>The post <a href="https://our-hometown.com/block-editor-basics-more-text-plus-grids-and-groups-oht-webinar-replay/">Block Editor Basics: More Text, Plus Grids and Groups | OHT Webinar Replay</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></content:encoded>
					
		
		
			<media:content url="https://our-hometown.com/wp-content/uploads/Block-Editor-Text-Grids-Groups-Replay-Feature-720x405.png" medium="image" />
	</item>
		<item>
		<title>Block Editor Basics: Creating Text Layouts &#124; OHT Webinar Replay</title>
		<link>https://our-hometown.com/block-editor-basics-creating-text-layouts-oht-webinar-replay/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Fri, 16 May 2025 17:29:52 +0000</pubDate>
				<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<category><![CDATA[Latest from Our Hometown]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Virtual Conference Replays]]></category>
		<category><![CDATA[Virtual Conferences]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=34230</guid>

					<description><![CDATA[<p>We recently hosted a live webinar diving deep into the world of text-focused blocks within the WordPress Block Editor. Led by Christopher, with assistance from Vera and Tyler, the session explored how to go beyond basic paragraphs and headings to create dynamic and well-structured text layouts for your website content. If you missed the live session, or want to revisit specific sections, the full recording is now available! During the […]</p>
<p>The post <a href="https://our-hometown.com/block-editor-basics-creating-text-layouts-oht-webinar-replay/">Block Editor Basics: Creating Text Layouts | OHT Webinar Replay</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="epyt-video-wrapper"><iframe  style="display: block; margin: 0px auto;"  id="_ytid_77943"  width="960" height="540"  data-origwidth="960" data-origheight="540" src="https://www.youtube.com/embed/oZch9Fobeag?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;modestbranding=1&#038;rel=1&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;" class="__youtube_prefs__  epyt-is-override  no-lazyload" title="YouTube player"  allow="fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen data-no-lazy="1" data-skipgform_ajax_framebjll=""></iframe></div>
</div></figure>



<p>We recently hosted a live webinar diving deep into the world of text-focused blocks within the WordPress Block Editor. Led by Christopher, with assistance from Vera and Tyler, the session explored how to go beyond basic paragraphs and headings to create dynamic and well-structured text layouts for your website content.</p>



<p>If you missed the live session, or want to revisit specific sections, the full recording is now available!</p>



<p>During the webinar, we covered a wide range of essential blocks and techniques, including:</p>



<ul class="wp-block-list">
<li><strong>The Fundamentals:</strong> Mastering Headings, Paragraphs, and Lists, including their shared settings for color and typography.</li>



<li><strong>Layout Powerhouses:</strong> Using the Table block for structured data, the Details block for creating collapsible content (like FAQs), and the versatile Buttons block for calls to action.</li>



<li><strong>Advanced Options:</strong> Exploring inline images within text blocks, managing list levels and nested lists, styling tables and buttons, and using container blocks (like Group and Cover) for enhanced layout control.</li>



<li><strong>Legacy &amp; Custom Content:</strong> A look at the Classic Editor block for older content and the Custom HTML block for embedding custom code or third-party widgets, plus a mention of the Shortcode block.</li>
</ul>



<p>Christopher demonstrated practical examples for each block, showing how to transform blocks, adjust settings in the sidebar, and utilize the floating toolbar options. We also tackled common questions and explored workarounds for styling limitations.</p>



<p>This webinar is perfect for anyone looking to enhance their skills in the WordPress Block Editor and create more engaging, organized, and visually appealing text content on their website.</p>



<p>The recording includes chapters, making it easy to jump directly to the blocks or topics you&#8217;re most interested in.</p>



<p>Stay tuned for future webinars covering more aspects of the WordPress Block Editor and other helpful topics!</p><p>The post <a href="https://our-hometown.com/block-editor-basics-creating-text-layouts-oht-webinar-replay/">Block Editor Basics: Creating Text Layouts | OHT Webinar Replay</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></content:encoded>
					
		
		
			<media:content url="https://our-hometown.com/wp-content/uploads/Text-Blocks-Webinar-Recap-720x405.png" medium="image" />
	</item>
		<item>
		<title>Creative Text Layouts in the Block Editor</title>
		<link>https://our-hometown.com/creative-text-layouts-in-the-block-editor/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Mon, 12 May 2025 16:13:09 +0000</pubDate>
				<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<category><![CDATA[Latest from Our Hometown]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[block-editor-basics]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=34094</guid>

					<description><![CDATA[<p>In this post we’ll be covering the basic blocks for handling text content as well as how to combine these blocks with others to build engaging and creative designs.</p>
<p>The post <a href="https://our-hometown.com/creative-text-layouts-in-the-block-editor/">Creative Text Layouts in the Block Editor</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>In this post we&#8217;ll be covering the basic blocks for handling text content as well as how to combine these blocks with others to build engaging and creative designs.</p>



<div class="wp-block-cover aligncenter is-light" style="min-height:77px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-3 wp-block-group-is-layout-grid">
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<ul style="font-style:normal;font-weight:600" class="wp-block-list wp-container-content-3">
<li><a href="#heading" title="Heading">Heading</a></li>



<li><a href="#paragraph" title="Paragraph">Paragraph</a></li>



<li><a href="#list" title="List">List</a></li>



<li><a href="#table" title="Table">Table</a></li>



<li><a href="#quote" title="Quote">Quote</a></li>



<li><a href="#details" title="Details">Details</a></li>
</ul>



<ul style="font-style:normal;font-weight:600" class="wp-block-list wp-container-content-4">
<li><a href="#spacer" title="Spacer">Spacer</a></li>



<li><a href="#separator" title="Separator">Separator</a></li>



<li><a href="#buttons" title="Buttons">Buttons</a></li>



<li><a href="#classic" title="">Classic</a></li>



<li><a href="#custom" title="">Custom HTML</a></li>



<li>Text Layout Combinations . . .</li>
</ul>
</div></div>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-5 wp-block-group-is-layout-grid">
<h2 class="wp-block-heading wp-container-content-5">Shared Style and Typography Settings</h2>



<div class="wp-block-uagb-image uagb-block-e858b1c9 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none wp-container-content-6"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-16-720x91.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async"  sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-16-720x91.png" alt="" width="720" height="91" title="" loading="lazy" role="img"/></a></figure></div>



<div class="wp-block-uagb-image uagb-block-f52fd7dc wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none wp-container-content-7"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-15.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async"  sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-15.png" alt="" width="250" height="430" title="" loading="lazy" role="img"/></a></figure></div>



<p class="wp-container-content-8">Settings for <strong>Styles</strong> (text and background colors) and <strong>Typography</strong> (Bold, Italic, etc.) are found in the right panel and are common to many text blocks:</p>



<p class="wp-container-content-9">The <strong>Color</strong> panel contains options for text color and background color/gradient for the individual block, allowing for quick styling of section headings, callouts, infoboxes, etc.</p>



<p class="wp-container-content-10">The <strong>Typography</strong> panel provides toggles to activate various additional text controls for Sizing, Appearance (various font weights for bold text), Letter Spacing, Decorations (strikethrough, underline) and Letter Case (all caps, etc.).</p>
</div></div>



<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>
</div></div>



<div class="wp-block-cover is-light" style="min-height:308px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<h2 class="wp-block-heading">Floating Toolbar Options</h2>



<div class="wp-block-uagb-image alignright uagb-block-63b5a221 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-right"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-20.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-20-720x679.png ,https://our-hometown.com/wp-content/uploads/image-20.png 780w, https://our-hometown.com/wp-content/uploads/image-20.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-20-720x679.png" alt="" class="uag-image-34102" width="350" height="896" title="" loading="lazy" role="img"/></a></figure></div>



<p>The floating toolbar contains options for block transformations, arrows for vertical ordering, text decorations, adding links to text and an additional options dropdown.</p>



<p>The additional options include inline insertions, and other less-used decorations, such as strikethrough, formatted code and sub/superscript.</p>



<p>The <strong>Inline Image</strong> option can be useful for inserting a small icon graphic directly in the text flow of a block:<br> <img decoding="async" width="250" height="122" class="wp-image-34114" style="width: 250px;" src="https://our-hometown.com/wp-content/uploads/image-23.png" alt=""><br>The small image above has been placed inline between sentences in a single paragraph block.</p>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<h2 class="wp-block-heading" id="heading">Heading Block</h2>



<p>The Heading block shares all the same styling and typography settings as other text blocks, with the addition of setting a specific Heading level to delineate structure in your article.</p>



<div class="wp-block-uagb-image uagb-block-684e1177 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-39.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-39.png ,https://our-hometown.com/wp-content/uploads/image-39.png 780w, https://our-hometown.com/wp-content/uploads/image-39.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-39.png" alt="" class="uag-image-34148" width="300" height="664" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light has-custom-content-position is-position-top-center" style="min-height:243px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-group has-white-background-color has-background"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-6 wp-block-group-is-layout-grid">
<h2 class="wp-block-heading wp-container-content-11" id="paragraph">Paragraph Block</h2>



<p class="wp-container-content-12">The style and typography settings for the <strong>Paragraph</strong> block share the same options as discussed previously, but with the addition of limited alternative font selection, and a <strong>Drop Cap</strong> toggle.</p>



<div class="wp-block-uagb-image alignright uagb-block-52ffb0e8 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-right wp-container-content-13"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-24.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async"  sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-24.png" alt="" width="250" height="1480" title="" loading="lazy" role="img"/></a></figure></div>



<p class="wp-container-content-14">The floating toolbar offers the same options for <strong>alignment</strong>, <strong>decorations</strong> and <strong>links</strong>, although with specific <strong>transformations</strong>, allowing you to convert a <em>paragraph</em> into a <em>heading</em> or <em>list</em>, etc.<br><br><img loading="lazy" decoding="async" width="450" height="158" class="wp-image-34121" style="width: 450px;" src="https://our-hometown.com/wp-content/uploads/image-25.png" alt="" srcset="https://our-hometown.com/wp-content/uploads/image-25.png 1628w, https://our-hometown.com/wp-content/uploads/image-25-720x252.png 720w, https://our-hometown.com/wp-content/uploads/image-25-768x269.png 768w, https://our-hometown.com/wp-content/uploads/image-25-1536x538.png 1536w, https://our-hometown.com/wp-content/uploads/image-25-960x336.png 960w" sizes="(max-width: 450px) 100vw, 450px" /></p>
</div></div>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<h2 class="wp-block-heading" id="list">List Block</h2>



<div class="wp-block-uagb-image alignright uagb-block-161109be wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-right"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-26.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-26.png ,https://our-hometown.com/wp-content/uploads/image-26.png 780w, https://our-hometown.com/wp-content/uploads/image-26.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-26.png" alt="" class="uag-image-34126" width="400" height="462" title="" loading="lazy" role="img"/></a></figure></div>



<p>Use the <strong>List block</strong> to organize text in numbered or bulleted lists.</p>



<p>Style are typography options are the <em>same as paragraph blocks</em>.</p>



<p>The floating toolbar offers options for <strong>numbered vs. bulleted</strong> lists.</p>



<p>Note that this block is a <strong>container</strong> for individual List Item blocks.</p>



<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">List Item Block</h2>



<div class="wp-block-uagb-image alignright uagb-block-8150cc44 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-right"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-32.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-32.png ,https://our-hometown.com/wp-content/uploads/image-32.png 780w, https://our-hometown.com/wp-content/uploads/image-32.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-32.png" alt="" class="uag-image-34134" width="400" height="437" title="" loading="lazy" role="img"/></a></figure></div>



<p>List items have a limited subset of styling options (only the <strong>text color</strong> can be changed), but the typography options are the same.</p>



<p>Additionally, the floating toolbar for a single <strong>List Item</strong> provides the same text options for text decoration and links, plus buttons for increasing or decreasing the list <strong>depth</strong> of an item.</p>



<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Ordered (Numbered) Lists</h2>



<div class="wp-block-uagb-image alignright uagb-block-eeb7996f wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-right"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-37.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-37.png ,https://our-hometown.com/wp-content/uploads/image-37.png 780w, https://our-hometown.com/wp-content/uploads/image-37.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-37.png" alt="" class="uag-image-34146" width="400" height="462" title="" loading="lazy" role="img"/></a></figure></div>



<p>For <strong>Ordered Lists</strong>, the settings panel provides format options (<strong>Numbers</strong>, Upper / Lowercase <strong>Letters</strong>, or Upper / Lowercase <strong>Roman Numerals</strong>.</p>



<p>You can also specify a <strong>starting value</strong> if the list is a continuation of a previous one.</p>



<p>The order can also be <strong>reversed</strong> for a countdown-style list.</p>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<h2 class="wp-block-heading" id="table">Table Block</h2>



<p>Table creation has been limited to the tools in the Classic Paragraph block (similar to the classic article editor itself), however we now have a dedicated <strong>Table block</strong> with some customization and styling options, plus all the normal table editing tools one might expect: adding/deleting columns and rows, showing header and footer sections, creating striped row delineation and more.</p>



<div class="wp-block-uagb-image uagb-block-ac02d791 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-38.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-38.png ,https://our-hometown.com/wp-content/uploads/image-38.png 780w, https://our-hometown.com/wp-content/uploads/image-38.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-38.png" alt="" class="uag-image-34147" width="2048" height="750" title="" loading="lazy" role="img"/></a></figure></div>



<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Table Block Settings</h2>



<div class="wp-block-uagb-image alignright uagb-block-8625d959 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-right"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-40.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-40.png ,https://our-hometown.com/wp-content/uploads/image-40.png 780w, https://our-hometown.com/wp-content/uploads/image-40.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-40.png" alt="" class="uag-image-34149" width="240" height="802" title="" loading="lazy" role="img"/></a></figure></div>



<p>You have the option to tell the table to use “<strong>Fixed width table cells</strong>“, which means all columns will be equal in width rather than adapting the column widths to the content of the table.</p>



<p>The <strong>Header section</strong> and <strong>Footer section</strong> will each add an additional row to your table. The header section is typically used to add titles to the top of each row. The footer can be used to add an additional row at the bottom.</p>



<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Table Block Styles</h2>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-7 wp-block-group-is-layout-grid">
<p class="wp-container-content-15">There are two styles available for tables: <strong>Default</strong> and <strong>Stripes</strong>:</p>



<div class="wp-block-uagb-image uagb-block-a4e50cba wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none wp-container-content-16"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-41.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-41.png ,https://our-hometown.com/wp-content/uploads/image-41.png 780w, https://our-hometown.com/wp-content/uploads/image-41.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-41.png" alt="" class="uag-image-34150" width="542" height="858" title="" loading="lazy" role="img"/></a></figure></div>



<div class="wp-block-cover is-light has-custom-content-position is-position-top-center has-black-color has-text-color has-link-color wp-elements-c2a4d57f3ebe0630c7bf10b195f80caa wp-container-content-18" style="min-height:50px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<ul class="wp-block-list has-black-color has-text-color has-link-color wp-elements-460cde4f064648a980265fb23b1e1c23 wp-container-content-17">
<li>The <strong>Default</strong> style has a plain background and borders around the cells.</li>



<li>The <strong>Stripes</strong> style has alternating row background colors.</li>



<li>The <strong>Color</strong> and <strong>Typography</strong> panels are identical to those in the Paragraph block settings.</li>
</ul>
</div></div>



<div class="wp-block-uagb-image uagb-block-27adbbfe wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none wp-container-content-19"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-42.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-42.png ,https://our-hometown.com/wp-content/uploads/image-42.png 780w, https://our-hometown.com/wp-content/uploads/image-42.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-42.png" alt="" class="uag-image-34151" width="550" height="384" title="" loading="lazy" role="img"/></a></figure></div>



<div class="wp-block-uagb-image uagb-block-6569b04f wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-43.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-43.png ,https://our-hometown.com/wp-content/uploads/image-43.png 780w, https://our-hometown.com/wp-content/uploads/image-43.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-43.png" alt="" class="uag-image-34152" width="550" height="384" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Table Block Toolbar</h2>



<p>The floating toolbar for the <strong>Table</strong> block provides similar text options as other text blocks, but has an <em>additional</em> menu for editing the table itself: <em>Inserting</em> or <em>deleting</em> columns or rows. This behavior is very similar to other table editing operations in many common document editors.</p>



<div class="wp-block-uagb-image uagb-block-9eb10761 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Table-Block-Toolbar.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Table-Block-Toolbar.png ,https://our-hometown.com/wp-content/uploads/Table-Block-Toolbar.png 780w, https://our-hometown.com/wp-content/uploads/Table-Block-Toolbar.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Table-Block-Toolbar.png" alt="" class="uag-image-33683" width="1996" height="1066" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light has-custom-content-position is-position-top-center" style="min-height:403px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<h2 class="wp-block-heading" id="quote">Quote Block</h2>



<p>The <strong>Quote</strong> block is similar to the List block in that it contains other blocks. The main difference is the <strong>citation toggle</strong> (indicated by the quill icon) for quote attribution. An inline image is attached to the citation text and the entire Quote block is right-aligned for a more engaging design.</p>



<div class="wp-block-uagb-image uagb-block-9ef098f7 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-47.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-47.png ,https://our-hometown.com/wp-content/uploads/image-47.png 780w, https://our-hometown.com/wp-content/uploads/image-47.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-47.png" alt="" class="uag-image-34169" width="2196" height="1194" title="" loading="lazy" role="img"/></a></figure></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Pull Quote Block</h2>



<p>The <strong>Pull Quote</strong> block offers additional styling options, such as a border with an adjustable radius. Notably the Pull Quote block doesn&#8217;t contain other blocks, it has just the two text fields for the quote and citation (although the example below is also using the inline image option for the headshot).</p>



<div class="wp-block-uagb-image uagb-block-07231e6c wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-46.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async"  sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-46.png" alt="" width="2196" height="1194" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<h2 class="wp-block-heading" id="details">Details Block</h2>



<p>The&nbsp;<strong>Details block</strong>&nbsp;is a block that allows you to include content hidden under a parent block with a text summary. This works like an accordion, with the text summary expanding to show nested content. This nested content, similar to other &#8220;container-style&#8221; blocks, can be anything you&#8217;d like. This block is often use for things such as FAQs, or directory-type listings.</p>



<div class="wp-block-uagb-image uagb-block-37adb4f6 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-49.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-49.png ,https://our-hometown.com/wp-content/uploads/image-49.png 780w, https://our-hometown.com/wp-content/uploads/image-49.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-49.png" alt="" class="uag-image-34174" width="2364" height="724" title="" loading="lazy" role="img"/></a></figure></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>For example:</strong></p>



<details class="wp-block-details has-medium-font-size is-layout-flow wp-block-details-is-layout-flow"><summary>Quote of the Day</summary>
<blockquote class="wp-block-quote has-text-align-center is-layout-flow wp-block-quote-is-layout-flow">
<p><br><strong>&#8220;A person who never made a mistake never tried anything new.&#8221;</strong></p>
<cite><img loading="lazy" decoding="async" width="150" height="210" class="wp-image-34166" style="width: 150px;" src="https://our-hometown.com/wp-content/uploads/image-44.png" alt=""><br><em>Albert Einstein</em></cite></blockquote>
</details>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<h2 class="wp-block-heading" id="spacer">Spacer Block</h2>



<p>The Spacer block provides a resizable element that adds vertical space between other blocks. The size can be specified either in the settings panel or by dragging the circular handle at the bottom of the Spacer when it is selected.</p>



<div class="wp-block-uagb-image uagb-block-4d12619d wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-50.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-50.png ,https://our-hometown.com/wp-content/uploads/image-50.png 780w, https://our-hometown.com/wp-content/uploads/image-50.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-50.png" alt="" class="uag-image-34184" width="2110" height="654" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<h2 class="wp-block-heading" id="separator">Separator Block</h2>



<p>Similar to adding a Horizontal Line in the Classic Editor, this block will add a simple line to delineate content in the flow of your article. There are options for line-style, thickness and color settings.</p>



<div class="wp-block-uagb-image uagb-block-98d4bfa8 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-52.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-52.png ,https://our-hometown.com/wp-content/uploads/image-52.png 780w, https://our-hometown.com/wp-content/uploads/image-52.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-52.png" alt="" class="uag-image-34186" width="2110" height="848" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<h2 class="wp-block-heading" id="buttons">Buttons Block</h2>



<p>You can add buttons to your website to create links to pages, products, or any other locations. Buttons help guide visitors to take action, such as signing up, purchasing, or learning more. </p>



<p>The <strong>Buttons</strong> block is similar to the List block in that it contains individual Button, each with separate styling options. Also the layout settings for a group of Buttons (the Buttons block) are very similar to the <strong>Row</strong> block, with vertical and horizontal justification, and the toggle to wrap the buttons onto additional rows depending on the width of the individual buttons.</p>



<p>The small + icon at the bottom left of the block highlight is used to add additional buttons to the Buttons block.</p>



<div class="wp-block-uagb-image uagb-block-f0d49856 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-57.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-57.png ,https://our-hometown.com/wp-content/uploads/image-57.png 780w, https://our-hometown.com/wp-content/uploads/image-57.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-57.png" alt="" class="uag-image-34192" width="2112" height="600" title="" loading="lazy" role="img"/></a></figure></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Button Settings</h2>



<p>&nbsp;After you add the block you will be presented with a single button ready for text and styling.</p>



<div class="wp-block-uagb-image uagb-block-87190a9c wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-54.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-54.png ,https://our-hometown.com/wp-content/uploads/image-54.png 780w, https://our-hometown.com/wp-content/uploads/image-54.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-54.png" alt="" class="uag-image-34188" width="2116" height="848" title="" loading="lazy" role="img"/></a></figure></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p>The width of the button can be set as a percentage of the container using the Settings switches in the side panel, e.g. 50% will stretch the button to half the size of the available width.</p>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Button Styles</h2>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-8 wp-block-group-is-layout-grid">
<p class="wp-container-content-20">The style panel provides options for solid vs outline buttons, color settings, and a slider for adjusting the border radius, i.e. how round the corners of the button are. Note the border color will follow the color set for the text, while the background color will fill the button (regardless of the solid vs. outline setting. The Outline style only adds a border to the button with the text color.</p>



<div class="wp-block-uagb-image aligncenter uagb-block-9b3b49e8 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center wp-container-content-21"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-55.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-55.png ,https://our-hometown.com/wp-content/uploads/image-55.png 780w, https://our-hometown.com/wp-content/uploads/image-55.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-55.png" alt="" class="uag-image-34189" width="556" height="1396" title="" loading="lazy" role="img"/></a></figure></div>



<p class="wp-container-content-22">The vertical and horizontal alignment of the buttons as well as the text alignment and decorations are all set in the floating toolbar.</p>



<div class="wp-block-uagb-image uagb-block-bf2497d5 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none wp-container-content-23"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-56.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-56.png ,https://our-hometown.com/wp-content/uploads/image-56.png 780w, https://our-hometown.com/wp-content/uploads/image-56.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-56.png" alt="" class="uag-image-34191" width="1528" height="454" title="" loading="lazy" role="img"/></a></figure></div>



<p class="wp-container-content-24">You can even us the inline image option to add a graphic to your button:</p>



<div class="wp-block-uagb-image aligncenter uagb-block-0cec8532 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center wp-container-content-25"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-58.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-58.png ,https://our-hometown.com/wp-content/uploads/image-58.png 780w, https://our-hometown.com/wp-content/uploads/image-58.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-58.png" alt="" class="uag-image-34193" width="400" height="918" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<h2 class="wp-block-heading" id="classic">Classic Block</h2>



<p>The Classic block brings the legacy functionality of the Classic Editor into a single block in your content area. This allows for the use of established classic designs in your newer layouts integrating with other blocks as any other.</p>



<p>The block provides the same toolbar as the Classic editor, with the additional meta option to convert all content within the Classic block to individual content blocks, i.e. all paragraphs in the Classic block will become individual paragraph blocks after this process.</p>



<div class="wp-block-uagb-image uagb-block-e4740667 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-60.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-60.png ,https://our-hometown.com/wp-content/uploads/image-60.png 780w, https://our-hometown.com/wp-content/uploads/image-60.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-60.png" alt="" class="uag-image-34198" width="1550" height="290" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<h2 class="wp-block-heading" id="custom">Custom HTML</h2>



<p>The Custom HTML block is used most often for embeds that don&#8217;t have a native block. Depending on what plugins are installed you may have several blocks for embedding social media content, YouTube videos. etc. However this block will render any valid HTML code such as an iframe snippet from an online puzzle provide or even just a simple HTML design created in other software.</p>



<div class="wp-block-uagb-image aligncenter uagb-block-1a30473a wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/image-61.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/image-61.png ,https://our-hometown.com/wp-content/uploads/image-61.png 780w, https://our-hometown.com/wp-content/uploads/image-61.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-61.png" alt="" class="uag-image-34199" width="1550" height="330" title="" loading="lazy" role="img"/></a></figure></div>



<div style="width:350px; margin:auto;"><iframe loading="lazy" src="https://www.sudokubase.com/embed/game/true/false" width="350px" height="437.5px"></iframe><p style="text-align:center;color:gray">Play <a href="https://www.sudokubase.com">Sudoku</a> online!</p></div>
</div></div>
</div></div>



<p></p><p>The post <a href="https://our-hometown.com/creative-text-layouts-in-the-block-editor/">Creative Text Layouts in the Block Editor</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></content:encoded>
					
		
		
			<media:content url="https://our-hometown.com/wp-content/uploads/Text-Blocks-Post-Splash-720x405.png" medium="image" />
	</item>
		<item>
		<title>Navigating the Block Editor</title>
		<link>https://our-hometown.com/navigating-the-block-editor/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Thu, 10 Apr 2025 13:38:38 +0000</pubDate>
				<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Latest from Our Hometown]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[block-editor-basics]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=33990</guid>

					<description><![CDATA[<p>Getting Acquainted with the Interface Upon opening a new post or page, you’ll immediately notice the difference. Here’s a breakdown of the key interface elements: Managing Your Blocks: The Building Blocks of Content Working with blocks is fundamental to the Block Editor experience: The Power of the List View: A Structural Overview The List View, accessed by clicking the Content Structure Icon (stacked lines) in the top toolbar, opens a […]</p>
<p>The post <a href="https://our-hometown.com/navigating-the-block-editor/">Navigating the Block Editor</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="epyt-video-wrapper"><iframe loading="lazy"  style="display: block; margin: 0px auto;"  id="_ytid_63480"  width="960" height="540"  data-origwidth="960" data-origheight="540" src="https://www.youtube.com/embed/4sWjvBJjLWo?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;modestbranding=1&#038;rel=1&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;" class="__youtube_prefs__  epyt-is-override  no-lazyload" title="YouTube player"  allow="fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen data-no-lazy="1" data-skipgform_ajax_framebjll=""></iframe></div>
</div></figure>



<h2 class="wp-block-heading"><strong>Getting Acquainted with the Interface</strong></h2>



<p>Upon opening a new post or page, you&#8217;ll immediately notice the difference. Here&#8217;s a breakdown of the key interface elements:</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-10 wp-block-group-is-layout-grid">
<div class="wp-block-group wp-container-content-26"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<ul class="wp-block-list">
<li><strong>The Main Content Area:</strong> This is where you&#8217;ll see your content taking shape, block by block. It offers a more visual representation of how your final output will look.</li>



<li><strong>The Top Toolbar:</strong> This persistent toolbar provides quick access to essential actions:
<ul class="wp-block-list">
<li><strong>The Plus (+) Icon (Block Inserter):</strong> Click this to open a panel where you can browse and add new blocks to your content. Think of this as your library of content elements. You can search for specific blocks or explore categories.</li>



<li><strong>Undo/Redo Arrows:</strong> Essential for correcting mistakes quickly.</li>



<li><strong>Content Structure Icon (List View):</strong> This icon (often looks like stacked lines) opens a sidebar that displays an outline of all the blocks on your page. This is incredibly helpful for navigating complex layouts and reordering sections.</li>



<li><strong>Block Settings Cog Icon:</strong> This toggles the <strong>Settings Sidebar</strong> on the right.</li>



<li><strong>View:</strong> Allows you to preview your post or page.</li>



<li><strong>Update/Publish Button:</strong> Saves or publishes your work.</li>
</ul>
</li>



<li><strong>The Block Toolbar:</strong> When you select a block, a contextual toolbar appears directly above it. This toolbar contains options specific to the selected block type. For example, a paragraph block will have options for alignment, bold, italics, adding links, and more. An image block will have options for alignment, adding alt text, and cropping.</li>



<li><strong>The Settings Sidebar:</strong> This sidebar, toggled by the cog icon in the top toolbar, provides more advanced settings for the currently selected block and for the overall post or page. It&#8217;s divided into two tabs:
<ul class="wp-block-list">
<li><strong>Block Tab:</strong> This tab displays settings specific to the block you have selected. This is where you&#8217;ll find options for typography, color, dimensions, and advanced settings depending on the block type.</li>



<li><strong>Article/Page/Post Tab:</strong> This tab contains settings related to the entire post or page, such as status, visibility, permalink, categories, tags, featured image, and more – familiar territory for Classic Editor users.</li>
</ul>
</li>
</ul>
</div></div>



<div class="wp-block-uagb-image aligncenter uagb-block-0561ae62 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Main-Content-Area.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Main-Content-Area.png ,https://our-hometown.com/wp-content/uploads/Main-Content-Area.png 780w, https://our-hometown.com/wp-content/uploads/Main-Content-Area.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Main-Content-Area.png" alt="Main Content Area" class="uag-image-33992" width="1638" height="1011" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Main Content Area</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-e6384cdf wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Top-Toolbar.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Top-Toolbar.png ,https://our-hometown.com/wp-content/uploads/Top-Toolbar.png 780w, https://our-hometown.com/wp-content/uploads/Top-Toolbar.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Top-Toolbar.png" alt="Top Toolbar" class="uag-image-33995" width="1638" height="1011" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Top Toolbar</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-85ea4834 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Block-Toolbar.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Block-Toolbar.png ,https://our-hometown.com/wp-content/uploads/Block-Toolbar.png 780w, https://our-hometown.com/wp-content/uploads/Block-Toolbar.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Block-Toolbar.png" alt="Block Toolbar" class="uag-image-33994" width="1638" height="1011" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Block Toolbar</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-a0dea548 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Settings-Sidebar-Block.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Settings-Sidebar-Block.png ,https://our-hometown.com/wp-content/uploads/Settings-Sidebar-Block.png 780w, https://our-hometown.com/wp-content/uploads/Settings-Sidebar-Block.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Settings-Sidebar-Block.png" alt="Settings Sidebar - Block" class="uag-image-33997" width="1638" height="1011" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Settings Sidebar &#8211; Block</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-2d988491 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Settings-Sidebar-Article.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Settings-Sidebar-Article.png ,https://our-hometown.com/wp-content/uploads/Settings-Sidebar-Article.png 780w, https://our-hometown.com/wp-content/uploads/Settings-Sidebar-Article.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Settings-Sidebar-Article.png" alt="" class="uag-image-33996" width="720" height="444" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Settings Sidebar &#8211; Article/Page/Post</figcaption></figure></div>
</div></div>



<h2 class="wp-block-heading"><strong>Managing Your Blocks: The Building Blocks of Content</strong></h2>



<p>Working with blocks is fundamental to the Block Editor experience:</p>



<ul class="wp-block-list">
<li><strong>Adding Blocks:</strong> As mentioned, click the <strong>Plus (+) Icon</strong> in the top toolbar or the &#8220;+&#8221; icon that appears when you hover between existing blocks. Explore the categories or use the search bar to find the block you need.</li>



<li><strong>Moving Blocks:</strong> When you have block selected, you&#8217;ll see arrows (up and down) on the left side of the Block Toolbar. Click these to move the block up or down. Alternatively, you can click and drag the block using the six-dot handle that appears next to the arrows. The List View (Content Structure icon) also allows for easy drag-and-drop reordering.</li>



<li><strong>Selecting Blocks:</strong> Simply click on a block in the content area to select it. The Block Toolbar will appear above it, and the Settings Sidebar will update to show the settings for that block.</li>



<li><strong>Deleting Blocks:</strong> Select the block you want to remove. In the Block Toolbar, click the three vertical dots (Options) and then select &#8220;Remove Block.&#8221;</li>
</ul>



<h2 class="wp-block-heading"><strong>The Power of the List View: A Structural Overview</strong></h2>



<p>The <strong>List View</strong>, accessed by clicking the <strong>Content Structure Icon</strong> (stacked lines) in the top toolbar, opens a sidebar that provides a hierarchical outline of all the blocks in your content. This is more than just a table of contents; it&#8217;s an interactive tool for managing your content&#8217;s structure.</p>



<p>Here&#8217;s how the List View helps in managing blocks:</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-12 wp-block-group-is-layout-grid">
<div class="wp-block-group wp-container-content-27"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<ul class="wp-block-list">
<li><strong>Clear Visual Hierarchy:</strong> For complex layouts with nested blocks (like Columns, Groups, or Cover blocks), the List View clearly displays the parent-child relationships, making it easier to understand the structure of your content.</li>



<li><strong>Effortless Navigation:</strong> Instead of scrolling through a long page, you can quickly jump to any block by clicking on its name in the List View. This is especially useful for lengthy posts or pages.</li>



<li><strong>Drag-and-Drop Reordering:</strong> The List View provides a simple and intuitive way to reorder blocks. Just click and drag a block&#8217;s name in the sidebar to its new position. This can be much easier than using the up/down arrows on the Block Toolbar, especially when moving blocks across larger distances or within nested structures. You can also drag blocks into other container-type blocks, such as moving multiple paragraph blocks into a Grid or Group block allowing you to treat the blocks together and even add styling to the container block itself.</li>



<li><strong>Selecting Blocks with Precision:</strong> Sometimes, selecting a specific nested block directly in the content area can be tricky. The List View allows you to select any block with a single click, ensuring you&#8217;re working with the intended element.</li>



<li><strong>Quick Actions via the Three Dots:</strong> Hovering over a block&#8217;s name in the List View reveals three vertical dots (Options). Clicking these dots provides quick access to actions like:
<ul class="wp-block-list">
<li><strong>Duplicate:</strong> Create an exact copy of the selected block.</li>



<li><strong>Insert Before/After:</strong> Add a new block above or below the selected one.</li>



<li><strong>Remove Block:</strong> Delete the selected block.</li>



<li><strong>Edit as HTML:</strong> Directly modify the HTML of the block.</li>



<li><strong>Group:</strong> Enclose the block within a Group block for unified styling or layout control.</li>
</ul>
</li>



<li><strong>Batch Selection (with Shift or Ctrl/Cmd):</strong> You can select multiple adjacent blocks by holding down the Shift key and clicking on the first and last blocks you want to select. For non-adjacent blocks, use Ctrl (Windows) or Cmd (Mac) while clicking. Once multiple blocks are selected in the List View, you can perform actions like moving or deleting them together.</li>
</ul>
</div></div>



<div class="wp-block-uagb-image aligncenter uagb-block-7771222e wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/List-View-Isolated.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/List-View-Isolated.png ,https://our-hometown.com/wp-content/uploads/List-View-Isolated.png 780w, https://our-hometown.com/wp-content/uploads/List-View-Isolated.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/List-View-Isolated.png" alt="List View" class="uag-image-34005" width="577" height="1371" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>



<p>The List View becomes an indispensable tool as your content grows in complexity, offering a structured and efficient way to manage your blocks beyond the immediate visual editor.</p>



<h2 class="wp-block-heading"><strong>The Power of Block Transformations</strong></h2>



<p>One of the handy features of the Block Editor is the ability to <strong>transform</strong> certain types of blocks into other related block types directly from the Block Toolbar. This can save you time and effort when you realize a different block structure might better suit your content.</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-13 wp-block-group-is-layout-grid">
<div class="wp-block-uagb-image aligncenter uagb-block-4910fe60 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Paragraph-Block-Transformations.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Paragraph-Block-Transformations.png ,https://our-hometown.com/wp-content/uploads/Paragraph-Block-Transformations.png 780w, https://our-hometown.com/wp-content/uploads/Paragraph-Block-Transformations.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Paragraph-Block-Transformations.png" alt="List to Paragraph Block Transformations" class="uag-image-34007" width="1639" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">List to Paragraph Block Transformation</figcaption></figure></div>



<div class="wp-block-uagb-image aligncenter uagb-block-d37bb1cf wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Block-Transformations.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Block-Transformations.png ,https://our-hometown.com/wp-content/uploads/Block-Transformations.png 780w, https://our-hometown.com/wp-content/uploads/Block-Transformations.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Block-Transformations.png" alt="Block Transformations" class="uag-image-34006" width="1639" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Block Transformations (Multiple Blocks Selected)</figcaption></figure></div>
</div></div>



<p>Here&#8217;s how block transformations work:</p>



<ul class="wp-block-list">
<li><strong>The Transform Icon:</strong> When you select a block that can be transformed, you&#8217;ll typically see an icon in the Block Toolbar that resembles a <strong>shape shifting</strong> or different block icons arranged together. Hovering over this icon will often display a label like &#8220;Transform to.&#8221;</li>



<li><strong>Available Transformations:</strong> Clicking this icon will reveal a menu of block types that the current block can be transformed into. The available options depend on the original block type. For example:
<ul class="wp-block-list">
<li><strong>Paragraph to Heading:</strong> If you&#8217;ve written a line of text that would work better as a subheading, you can easily transform a Paragraph block into a Heading block (H1, H2, H3, etc.). The text content will be preserved.</li>



<li><strong>Heading to Paragraph:</strong> Conversely, you can transform a Heading back into a regular Paragraph.</li>



<li><strong>List (Bullet or Numbered) to Quote:</strong> You might decide that a series of points would be more impactful as a blockquote.</li>



<li><strong>Quote to Paragraph:</strong> Or transform a quote back into regular text.</li>



<li><strong>Image to Cover:</strong> Turn a simple image into a Cover block with the option to add text overlay.</li>



<li><strong>Individual Blocks to Group:</strong> Select multiple blocks and transform them into a Group block to apply unified background colors or spacing.</li>



<li><strong>Group to Columns or Grid/Stack/Row:</strong> Transform a Group of blocks into a multi-column or grid layout (with optional stack an row options).</li>
</ul>
</li>



<li><strong>Preserving Content (Where Possible):</strong> The Block Editor intelligently tries to preserve your content during transformations. For instance, when transforming a Paragraph to a Heading, the text remains. However, some specific formatting might be lost if the target block type doesn&#8217;t support it.</li>



<li><strong>Experiment and Discover:</strong> The best way to understand the transformation options is to select different block types and see what transformations are available in their respective Block Toolbars.</li>
</ul>



<p>Block transformations offer a flexible way to adjust your content structure without having to delete and recreate blocks from scratch. Keep an eye out for that transform icon in the Block Toolbar!</p>



<h2 class="wp-block-heading"><strong>Typography: Styling Your Text</strong></h2>



<p>In the Classic Editor, typography options were often limited to basic formatting within the visual editor or required delving into HTML. The Block Editor offers more intuitive control:</p>



<ul class="wp-block-list">
<li><strong>Paragraph and Heading Blocks:</strong> When you select a Paragraph or Heading block, you&#8217;ll find basic formatting options (bold, italics, links) in the Block Toolbar. For more advanced typography settings, look to the <strong>Block Tab</strong> in the Settings Sidebar. Here you might find options for:
<ul class="wp-block-list">
<li><strong>Font Size:</strong> Choose from predefined sizes or enter a custom value.</li>



<li><strong>Line Height:</strong> Adjust the vertical spacing between lines of text.</li>



<li><strong>Letter Spacing:</strong> Control the horizontal spacing between characters.</li>



<li><strong>Text Color:</strong> Select a color for your text.</li>



<li><strong>Appearance (for some themes):</strong> Options for font weight or style variations.</li>
</ul>
</li>



<li><strong>Other Text-Based Blocks:</strong> Blocks like Quotes and Code will have their own relevant typography or styling options within their respective Block Toolbars and Settings Sidebar.</li>
</ul>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-14 wp-block-group-is-layout-grid">
<div class="wp-block-uagb-image aligncenter uagb-block-b840f361 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Typography-Options-Sidebar-Settings.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Typography-Options-Sidebar-Settings.png ,https://our-hometown.com/wp-content/uploads/Typography-Options-Sidebar-Settings.png 780w, https://our-hometown.com/wp-content/uploads/Typography-Options-Sidebar-Settings.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Typography-Options-Sidebar-Settings.png" alt="Typography Options - Sidebar Settings" class="uag-image-34011" width="1639" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Typography Options &#8211; Sidebar Settings</figcaption></figure></div>



<div class="wp-block-uagb-image aligncenter uagb-block-a6078013 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Typography-Options-Toolbar-Settings.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Typography-Options-Toolbar-Settings.png ,https://our-hometown.com/wp-content/uploads/Typography-Options-Toolbar-Settings.png 780w, https://our-hometown.com/wp-content/uploads/Typography-Options-Toolbar-Settings.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Typography-Options-Toolbar-Settings.png" alt="Typography Options - Toolbar Settings" class="uag-image-34010" width="1639" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Typography Options &#8211; Toolbar Settings</figcaption></figure></div>
</div></div>



<h2 class="wp-block-heading"><strong>Styling Options: Beyond the Basics</strong></h2>



<p>The Block Editor provides more granular control over the visual appearance of your content:</p>



<ul class="wp-block-list">
<li><strong>Color Settings:</strong> Many blocks offer color options in the <strong>Block Tab</strong> of the Settings Sidebar. This might include text color, background color, or link color, depending on the block type.</li>



<li><strong>Background Options:</strong> Some container blocks, like the Group or Cover block, allow you to set background colors or images.</li>



<li><strong>Dimensions and Spacing:</strong> You might find options for padding and margins within the <strong>Block Tab</strong>, allowing you to control the spacing around and within your blocks.</li>



<li><strong>Border Options:</strong> Some blocks allow you to customize borders, including color, style, and width.</li>



<li><strong>Theme Styles:</strong> Remember that your active WordPress theme plays a significant role in the available styling options. Themes can provide their own sets of color palettes, typography presets, and block styles, which will appear in the Settings Sidebar.</li>
</ul>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-15 wp-block-group-is-layout-grid">
<div class="wp-block-uagb-image aligncenter uagb-block-773fb4a4 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Color-Options.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Color-Options.png ,https://our-hometown.com/wp-content/uploads/Color-Options.png 780w, https://our-hometown.com/wp-content/uploads/Color-Options.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Color-Options.png" alt="Color Options" class="uag-image-34012" width="1639" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Color Options</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-7a893c3a wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-Block-Settings.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Cover-Block-Settings.png ,https://our-hometown.com/wp-content/uploads/Cover-Block-Settings.png 780w, https://our-hometown.com/wp-content/uploads/Cover-Block-Settings.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-Block-Settings.png" alt="Cover Block Settings" class="uag-image-34017" width="1639" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Cover Block Settings</figcaption></figure></div>
</div></div>



<h2 class="wp-block-heading"><strong>Where Did That Go? Finding Classic Editor Features</strong></h2>



<p>If you&#8217;re transitioning from the Classic Editor, you might be wondering where some familiar features have moved:</p>



<ul class="wp-block-list">
<li><strong>Visual/Text Editor Tabs:</strong> These are gone. The Block Editor is inherently a more visual experience, aiming for a &#8220;what you see is what you get&#8221; (WYSIWYG) approach. For direct HTML editing of a specific block, select the block, click the three vertical dots (Options) in the Block Toolbar, and choose &#8220;Edit as HTML.&#8221;</li>



<li><strong>Formatting Buttons (Underline, Justify, etc.):</strong> Some less commonly used formatting options are now often found within the &#8220;More rich text tools&#8221; dropdown (the down arrow) in the Block Toolbar of text-based blocks. Justification, in particular, might depend on your theme&#8217;s support.</li>



<li><strong>Meta Boxes:</strong> These haven&#8217;t disappeared entirely! Meta boxes for plugins and custom fields are typically found below the main content area in the Block Editor interface. You can also move them to the sidebar by going to the three vertical dots in the top right corner of the screen, selecting &#8220;Preferences,&#8221; then &#8220;Panels,&#8221; and checking the &#8220;Meta boxes&#8221; option.</li>
</ul>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-16 wp-block-group-is-layout-grid">
<div class="wp-block-uagb-image aligncenter uagb-block-9166a211 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Article-Meta-Boxes.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Article-Meta-Boxes.png ,https://our-hometown.com/wp-content/uploads/Article-Meta-Boxes.png 780w, https://our-hometown.com/wp-content/uploads/Article-Meta-Boxes.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Article-Meta-Boxes.png" alt="Article Meta Boxes" class="uag-image-34022" width="1639" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Article Meta Boxes</figcaption></figure></div>



<div class="wp-block-uagb-image aligncenter uagb-block-d75471ed wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Article-Meta-Boxes-Preferences.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Article-Meta-Boxes-Preferences.png ,https://our-hometown.com/wp-content/uploads/Article-Meta-Boxes-Preferences.png 780w, https://our-hometown.com/wp-content/uploads/Article-Meta-Boxes-Preferences.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Article-Meta-Boxes-Preferences.png" alt="Article Meta Boxes Preferences" class="uag-image-34021" width="1639" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Article Meta Boxes Preferences</figcaption></figure></div>
</div></div><p>The post <a href="https://our-hometown.com/navigating-the-block-editor/">Navigating the Block Editor</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></content:encoded>
					
		
		
			<media:content url="https://our-hometown.com/wp-content/uploads/Navigating-the-Block-Editor-Splash-720x405.png" medium="image" />
	</item>
		<item>
		<title>Inspiration Hub — Examples of Effective Block Patterns</title>
		<link>https://our-hometown.com/inspiration-hub-examples-of-effective-block-patterns/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Tue, 01 Apr 2025 18:26:49 +0000</pubDate>
				<category><![CDATA[Content]]></category>
		<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[block-editor-basics]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=33932</guid>

					<description><![CDATA[<p>WordPress Block Patterns can be incredibly versatile, serving a wide range of purposes across various website sections. Here are some examples of commonly used and effective patterns: Each of these pattern types serves a specific purpose. For instance, testimonial layouts are crucial for building social proof and credibility, while call-to-action patterns are designed to drive user engagement and conversions. Understanding the intent behind different pattern categories allows editor-level users to […]</p>
<p>The post <a href="https://our-hometown.com/inspiration-hub-examples-of-effective-block-patterns/">Inspiration Hub — Examples of Effective Block Patterns</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<div class="wp-block-cover aligncenter is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-uagb-tabs uagb-block-f655e097 uagb-tabs__wrap uagb-tabs__hstyle4-desktop uagb-tabs__vstyle6-tablet uagb-tabs__stack1-mobile" data-tab-active="0"><ul class="uagb-tabs__panel uagb-tabs__align-center" role="tablist"><li class="uagb-tab uagb-tabs__active" role="none"><a href="#uagb-tabs__tab0" class="uagb-tabs-list uagb-tabs__icon-position-left" data-tab="0" role="tab"><div>Staff Directory</div></a></li><li class="uagb-tab " role="none"><a href="#uagb-tabs__tab1" class="uagb-tabs-list uagb-tabs__icon-position-left" data-tab="1" role="tab"><div>Article Sponsor </div></a></li><li class="uagb-tab " role="none"><a href="#uagb-tabs__tab2" class="uagb-tabs-list uagb-tabs__icon-position-left" data-tab="2" role="tab"><div>Platform Features</div></a></li><li class="uagb-tab " role="none"><a href="#uagb-tabs__tab3" class="uagb-tabs-list uagb-tabs__icon-position-left" data-tab="3" role="tab"><div>Testimonials</div></a></li></ul><div class="uagb-tabs__body-wrap">
<div class="wp-block-uagb-tabs-child uagb-tabs__body-container uagb-inner-tab-0" aria-labelledby="uagb-tabs__tab0">
<div class="wp-block-uagb-image uagb-block-686203c3 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Staff-Directory-Snap-720x667.png ,https://our-hometown.com/wp-content/uploads/Staff-Directory-Snap.png 780w, https://our-hometown.com/wp-content/uploads/Staff-Directory-Snap.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Staff-Directory-Snap-720x667.png" alt="" class="uag-image-33933" width="720" height="667" title="Staff Directory Example" loading="lazy" role="img"/><figcaption class="uagb-image-caption">Staff Directory Example</figcaption></figure></div>
</div>



<div class="wp-block-uagb-tabs-child uagb-tabs__body-container uagb-inner-tab-1" aria-labelledby="uagb-tabs__tab1">
<div class="wp-block-uagb-image aligncenter uagb-block-b31f76e3 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Article-Sponsor-Snap.png ,https://our-hometown.com/wp-content/uploads/Article-Sponsor-Snap.png 780w, https://our-hometown.com/wp-content/uploads/Article-Sponsor-Snap.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Article-Sponsor-Snap.png" alt="" class="uag-image-33934" width="1021" height="144" title="Article Sponsor Example" loading="lazy" role="img"/><figcaption class="uagb-image-caption">Article Sponsor Example</figcaption></figure></div>
</div>



<div class="wp-block-uagb-tabs-child uagb-tabs__body-container uagb-inner-tab-2" aria-labelledby="uagb-tabs__tab2">
<div class="wp-block-cover has-text-color has-link-color wp-elements-5e1fc20d8216973fc21c40ea74405242" style="color:#023468;min-height:400px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#023468"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-20 wp-block-group-is-layout-grid">
<div class="wp-block-cover is-light has-text-color has-link-color wp-elements-336913cc02306dccbd4c445a1f366603 wp-container-content-30" style="color:#023468"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-17 wp-block-group-is-layout-flex"><div class="wp-block-image is-style-rounded">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="720" height="646" src="https://our-hometown.com/wp-content/uploads/Wilco-Audio-Playlist-Page-THUMB-720x646.jpg" alt="" class="wp-image-33939" style="aspect-ratio:1;object-fit:cover" srcset="https://our-hometown.com/wp-content/uploads/Wilco-Audio-Playlist-Page-THUMB-720x646.jpg 720w, https://our-hometown.com/wp-content/uploads/Wilco-Audio-Playlist-Page-THUMB-768x689.jpg 768w, https://our-hometown.com/wp-content/uploads/Wilco-Audio-Playlist-Page-THUMB-960x861.jpg 960w, https://our-hometown.com/wp-content/uploads/Wilco-Audio-Playlist-Page-THUMB.jpg 1215w" sizes="(max-width: 720px) 100vw, 720px" /></figure></div>


<h2 class="wp-block-heading has-text-align-center">Audio<br>Articles</h2>



<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-dots wp-container-content-29" style="background-color:#023468;color:#023468"/>



<div class="wp-block-uagb-icon-list uagb-block-8a7f2ba1"><div class="uagb-icon-list__wrap">
<div class="wp-block-uagb-icon-list-child uagb-block-f03ffb01"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">Listen to the news anywhere</span></div>



<div class="wp-block-uagb-icon-list-child uagb-block-29bc37b8"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">Improved website accessibility</span></div>



<div class="wp-block-uagb-icon-list-child uagb-block-91a6b4d5"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">Monetize with pre-roll ads</span></div>



<div class="wp-block-uagb-icon-list-child uagb-block-cb4aa70c"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">No app or download required</span></div>
</div></div>
</div>
</div></div>



<div class="wp-block-cover is-light has-text-color has-link-color wp-elements-cc5104a246140a3d55e3986ed07873bd" style="color:#023468"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-18 wp-block-group-is-layout-flex"><div class="wp-block-image is-style-rounded">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="720" height="790" src="https://our-hometown.com/wp-content/uploads/WilCo-Member-Report-720x790.png" alt="" class="wp-image-33943" style="aspect-ratio:1;object-fit:cover" srcset="https://our-hometown.com/wp-content/uploads/WilCo-Member-Report-720x790.png 720w, https://our-hometown.com/wp-content/uploads/WilCo-Member-Report-768x842.png 768w, https://our-hometown.com/wp-content/uploads/WilCo-Member-Report-960x1053.png 960w, https://our-hometown.com/wp-content/uploads/WilCo-Member-Report.png 1335w" sizes="(max-width: 720px) 100vw, 720px" /></figure></div>


<h2 class="wp-block-heading has-text-align-center">Digital<br>Subscriptions</h2>



<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-dots wp-container-content-32" style="background-color:#023468;color:#023468"/>



<div class="wp-block-uagb-icon-list uagb-block-7eff5fff"><div class="uagb-icon-list__wrap">
<div class="wp-block-uagb-icon-list-child uagb-block-7c580119"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">Print subscriber integration</span></div>



<div class="wp-block-uagb-icon-list-child uagb-block-489092b9"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">Several payment options</span></div>



<div class="wp-block-uagb-icon-list-child uagb-block-c7ab44e7"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">Multiple paywall types</span></div>



<div class="wp-block-uagb-icon-list-child uagb-block-3f6e60aa"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">Customized subscription plans</span></div>
</div></div>
</div>
</div></div>



<div class="wp-block-cover is-light has-text-color has-link-color wp-elements-8fa240f06c1ea51ba056460155e5801c" style="color:#023468"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-19 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-large is-style-rounded"><img decoding="async" src="https://our-hometown.com/wp-content/uploads/Acorn-Extraction-SN-e1743531733148-720x897.png" alt="" style="aspect-ratio:1;object-fit:cover"/></figure>



<h2 class="wp-block-heading has-text-align-center">PDF to HTML<br>Extraction</h2>



<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-dots wp-container-content-34" style="background-color:#023468;color:#023468"/>



<div class="wp-block-uagb-icon-list uagb-block-bc92af52"><div class="uagb-icon-list__wrap">
<div class="wp-block-uagb-icon-list-child uagb-block-4ed6db97"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">Full content extraction</span></div>



<div class="wp-block-uagb-icon-list-child uagb-block-23cadf0f"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">Print ad conversion &amp; analytics</span></div>



<div class="wp-block-uagb-icon-list-child uagb-block-6f3ddc9f"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">Quality control system</span></div>



<div class="wp-block-uagb-icon-list-child uagb-block-7787905d"><span class="uagb-icon-list__source-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z"></path></svg></span><span class="uagb-icon-list__label">Customizable publish schedule</span></div>
</div></div>
</div>
</div></div>
</div></div>
</div></div>
</div>



<div class="wp-block-uagb-tabs-child uagb-tabs__body-container uagb-inner-tab-3" aria-labelledby="uagb-tabs__tab3">
<div class="wp-block-uagb-image aligncenter uagb-block-4e6e25be wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Archbold-Testimonial.png ,https://our-hometown.com/wp-content/uploads/Archbold-Testimonial.png 780w, https://our-hometown.com/wp-content/uploads/Archbold-Testimonial.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Archbold-Testimonial.png" alt="Testimonial Example" class="uag-image-33988" width="1786" height="1134" title="Testimonial Example" loading="lazy" role="img"/><figcaption class="uagb-image-caption">Testimonial Example</figcaption></figure></div>
</div>
</div></div>
</div></div>



<p>WordPress Block Patterns can be incredibly versatile, serving a wide range of purposes across various website sections. Here are some examples of commonly used and effective patterns:</p>



<ul class="wp-block-list">
<li><strong>Headers and Footers:&nbsp;</strong>These patterns provide a quick way to establish the top and bottom sections of your website. Examples include simple headers with a logo and navigation menu, more elaborate headers featuring hero images and calls to action, and footers containing contact information, social media links, and copyright details.</li>



<li><strong>Call-to-Action Sections:&nbsp;</strong>Designed to encourage specific user actions, these patterns often include compelling text and prominent buttons. They can be used as banners to grab attention or as dedicated sections to promote sign-ups for newsletters or events.</li>



<li><strong>Testimonial Layouts:</strong>&nbsp;These patterns are ideal for showcasing customer reviews and building trust. They typically include styled quotes along with author information and can be presented as single testimonials or as sliders or grids for multiple reviews.</li>



<li><strong>Service or Feature Grids:</strong>&nbsp;For businesses and individuals offering services or highlighting key features, these patterns provide organized layouts with icons, descriptions, and often links to more detailed information.</li>



<li><strong>Contact Forms and Maps:&nbsp;</strong>Patterns combining contact forms with embedded maps make it easy for visitors to get in touch and find your physical location.</li>



<li><strong>Blog Post Grids and Banners:</strong>&nbsp;These patterns help display recent blog posts in visually appealing grid formats or create engaging banners to highlight featured content.</li>



<li><strong>Content Sections:</strong>&nbsp;Versatile patterns for creating various types of content sections, such as “About Us” sections with text and images, portfolio layouts showcasing projects, FAQ sections with expandable answers, and team member profiles with photos and biographies.</li>
</ul>



<p>Each of these pattern types serves a specific purpose. For instance, testimonial layouts are crucial for building social proof and credibility, while call-to-action patterns are designed to drive user engagement and conversions. Understanding the intent behind different pattern categories allows editor-level users to strategically choose and customize patterns to achieve their specific website goals.</p><p>The post <a href="https://our-hometown.com/inspiration-hub-examples-of-effective-block-patterns/">Inspiration Hub — Examples of Effective Block Patterns</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></content:encoded>
					
		
		
			<media:content url="https://our-hometown.com/wp-content/uploads/Staff-Directory-Snap-720x667.png" medium="image" />
	</item>
		<item>
		<title>Block Editor Updates — Images and Media</title>
		<link>https://our-hometown.com/block-editor-updates-images-and-media/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Mon, 31 Mar 2025 15:03:25 +0000</pubDate>
				<category><![CDATA[Content]]></category>
		<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<category><![CDATA[Latest from Our Hometown]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Software Updates]]></category>
		<category><![CDATA[block-editor-basics]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=33877</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<div class="wp-block-uagb-tabs uagb-block-f4b26c01 uagb-tabs__wrap uagb-tabs__hstyle4-desktop uagb-tabs__vstyle6-tablet uagb-tabs__stack1-mobile" data-tab-active="0"><ul class="uagb-tabs__panel uagb-tabs__align-left" role="tablist"><li class="uagb-tab uagb-tabs__active" role="none"><a href="#uagb-tabs__tab0" class="uagb-tabs-list uagb-tabs__icon-position-left" data-tab="0" role="tab"><div>Image Block</div></a></li><li class="uagb-tab " role="none"><a href="#uagb-tabs__tab1" class="uagb-tabs-list uagb-tabs__icon-position-left" data-tab="1" role="tab"><div>Gallery Block</div></a></li><li class="uagb-tab " role="none"><a href="#uagb-tabs__tab2" class="uagb-tabs-list uagb-tabs__icon-position-left" data-tab="2" role="tab"><div>Cover Block</div></a></li></ul><div class="uagb-tabs__body-wrap">
<div class="wp-block-uagb-tabs-child uagb-tabs__body-container uagb-inner-tab-0" aria-labelledby="uagb-tabs__tab0">
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group has-text-color has-link-color wp-elements-e1b5aaab51782e072b9fb6504fd3245f" style="color:#777777"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-text-align-center">Image Block</h3>



<p>Once you add the <strong>Image block</strong>, you will be presented with three methods to select your image: Upload an image file, pick one from your media library, or add one with a URL.</p>



<div class="wp-block-uagb-image aligncenter uagb-block-a0182507 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Image-Block-Insert-Image.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Image-Block-Insert-Image.png ,https://our-hometown.com/wp-content/uploads/Image-Block-Insert-Image.png 780w, https://our-hometown.com/wp-content/uploads/Image-Block-Insert-Image.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Image-Block-Insert-Image.png" alt="" class="uag-image-33686" width="1694" height="334" title="" loading="lazy" role="img"/></a></figure></div>



<p>Once the image has been added, you can change the size directly in the editor. Click the image to reveal the resize handles that look like dots around the image. Then, click on a resize handle and drag the image to your desired size</p>



<div class="wp-block-uagb-image uagb-block-3f0bfdfc wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Image-Block-Resize-Image.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Image-Block-Resize-Image.png ,https://our-hometown.com/wp-content/uploads/Image-Block-Resize-Image.png 780w, https://our-hometown.com/wp-content/uploads/Image-Block-Resize-Image.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Image-Block-Resize-Image.png" alt="" class="uag-image-33689" width="2630" height="2032" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Image Block Manual Resize</figcaption></figure></div>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Otherwise the settings panel in the sidebar provides many sizing options via the <strong>Aspect Ratio</strong> dropdown.</p>



<h4 class="wp-block-heading">Aspect Ratio Options</h4>



<ul class="wp-block-list">
<li>Original – The same aspect ratio as when you uploaded the image.</li>



<li>Square – 1:1</li>



<li>Standard – 4:3</li>



<li>Portrait – 3:4</li>



<li>Classic – 3:2</li>



<li>Classic Portrait – 2:3</li>



<li>Wide – 16:9</li>



<li>Tall – 9:16</li>
</ul>



<p>When an aspect ratio other than the original is selected, the <strong>Scale</strong> option will be available. Scale refers to how your image fits within your selected aspect ratio with the following options:</p>



<ul class="wp-block-list">
<li><strong>Cover</strong>: Your image will scale larger within the space to fill it completely. You will lose content from the image.</li>



<li><strong>Contain</strong>: Your image will scale to ensure the entire content of the image is displayed within the space. The image will resize smaller in order to fit.</li>
</ul>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-21 wp-block-group-is-layout-grid">
<div class="wp-block-uagb-image aligncenter uagb-block-0f2c5cce wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Image-Block-3-2-Cover.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Image-Block-3-2-Cover.png ,https://our-hometown.com/wp-content/uploads/Image-Block-3-2-Cover.png 780w, https://our-hometown.com/wp-content/uploads/Image-Block-3-2-Cover.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Image-Block-3-2-Cover.png" alt="" class="uag-image-33690" width="2630" height="2032" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Image Block 3:2 Cover</figcaption></figure></div>



<div class="wp-block-uagb-image aligncenter uagb-block-5cf1aecd wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Image-Block-3-2-Contain.png ,https://our-hometown.com/wp-content/uploads/Image-Block-3-2-Contain.png 780w, https://our-hometown.com/wp-content/uploads/Image-Block-3-2-Contain.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Image-Block-3-2-Contain.png" alt="" class="uag-image-33691" width="2630" height="2032" title="Image Block 3:2 Contain" loading="lazy" role="img"/><figcaption class="uagb-image-caption">Image Block 3:2 Contain</figcaption></figure></div>
</div></div>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<p>The <strong>Resolution</strong> setting chooses which size of the original image you would like to display, although it can still be adjusted with the other options.</p>
</div></div>
</div></div>
</div>



<div class="wp-block-uagb-tabs-child uagb-tabs__body-container uagb-inner-tab-1" aria-labelledby="uagb-tabs__tab1">
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group has-text-color has-link-color wp-elements-d4aaaba999afc663a2aa4618b875787d" style="color:#777777"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-uagb-advanced-heading uagb-block-bab1cb8c"><h3 class="uagb-heading-text">Gallery Block</h3></div>



<p>The&nbsp;<strong>Gallery block</strong>&nbsp;contains individual&nbsp;<strong>Image blocks&nbsp;</strong>for each image and arranges them in an responsive way. Options for cropping, column layout and color options are available. Note unlike a <strong>Grid block</strong>, the <strong>Gallery block</strong> can only contain <strong>Image blocks</strong>.</p>



<div class="wp-block-uagb-image aligncenter uagb-block-1bde493a wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Gallery-Block-Settings.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Gallery-Block-Settings.png ,https://our-hometown.com/wp-content/uploads/Gallery-Block-Settings.png 780w, https://our-hometown.com/wp-content/uploads/Gallery-Block-Settings.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Gallery-Block-Settings.png" alt="" class="uag-image-33753" width="3168" height="2020" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Gallery Block Settings</figcaption></figure></div>



<p>Using the <strong>List View </strong>you can easily drag and drop image blocks to reorder them, as well as dragging images from into or out of the <strong>Gallery block </strong>itself as necessary. Clicking on an individual <strong>Image block</strong> reveals its settings as described above.</p>



<div class="wp-block-uagb-image uagb-block-420a8038 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Gallery-Block-Demo.gif" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Gallery-Block-Demo.gif ,https://our-hometown.com/wp-content/uploads/Gallery-Block-Demo.gif 780w, https://our-hometown.com/wp-content/uploads/Gallery-Block-Demo.gif 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Gallery-Block-Demo.gif" alt="" class="uag-image-33754" width="1045" height="667" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>
</div></div>
</div>



<div class="wp-block-uagb-tabs-child uagb-tabs__body-container uagb-inner-tab-2" aria-labelledby="uagb-tabs__tab2">
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center" style="min-height:100vh;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group has-text-color has-link-color wp-elements-4c0b031cec99b4d2856e50c1ccf9470d" style="color:#777777"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading has-text-align-center">Cover Block</h2>



<p>After adding the block, you will have the following options to set an image or video:</p>



<ul class="wp-block-list">
<li><strong>Upload</strong>: Click to upload a new image from your computer.</li>



<li><strong>Media Library</strong>: Choose from an existing image from your sites Media.</li>



<li><strong>Use featured image:</strong>&nbsp;Pull in the&nbsp;featured image&nbsp;of your page or post, if one is set.</li>



<li><strong>Select a color:</strong>&nbsp;Click on the colored circles to use that color for your cover. A few common colors are first presented, which you can later change to any other color in the&nbsp;block style settings.</li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><a  href="https://our-hometown.com/wp-content/uploads/Cover-Select-Media.png" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" width="1708" height="631" src="https://our-hometown.com/wp-content/uploads/Cover-Select-Media.png" alt="" class="wp-image-33889" style="width:600px" srcset="https://our-hometown.com/wp-content/uploads/Cover-Select-Media.png 1708w, https://our-hometown.com/wp-content/uploads/Cover-Select-Media-720x266.png 720w, https://our-hometown.com/wp-content/uploads/Cover-Select-Media-768x284.png 768w, https://our-hometown.com/wp-content/uploads/Cover-Select-Media-1536x567.png 1536w, https://our-hometown.com/wp-content/uploads/Cover-Select-Media-960x355.png 960w" sizes="(max-width: 1708px) 100vw, 1708px" /></a></figure></div>


<div class="wp-block-uagb-advanced-heading uagb-block-13f77995"><h2 class="uagb-heading-text">Add Text and Other Content</h2></div>



<p>Now that you’ve&nbsp;selected your background image or color,&nbsp;you can write text and add other content over it. Click the&nbsp;<strong>+ block inserter</strong>&nbsp;to add other blocks to show on top of the&nbsp;<strong>Cover block</strong>, such as <strong>Paragraph</strong> blocks,&nbsp;Heading blocks, or even other layout blocks such as the <strong>Grid</strong> or <strong>Columns</strong> block. You can also drag and drop blocks into the <strong>Cover</strong> block using the <strong>List View</strong>.</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-24 wp-block-group-is-layout-grid">
<div class="wp-block-uagb-image uagb-block-147bb2d0 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-Add-Block.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Cover-Add-Block.png ,https://our-hometown.com/wp-content/uploads/Cover-Add-Block.png 780w, https://our-hometown.com/wp-content/uploads/Cover-Add-Block.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-Add-Block.png" alt="" class="uag-image-33890" width="1650" height="1010" title="" loading="lazy" role="img"/></a></figure></div>



<div class="wp-block-uagb-image uagb-block-8a7f6819 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-With-Image.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Cover-With-Image.png ,https://our-hometown.com/wp-content/uploads/Cover-With-Image.png 780w, https://our-hometown.com/wp-content/uploads/Cover-With-Image.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-With-Image.png" alt="" class="uag-image-33891" width="1650" height="1010" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-uagb-advanced-heading uagb-block-49d39ae6"><h2 class="uagb-heading-text">Cover Block Toolbar</h2><div class="uagb-separator"></div></div>



<p>When you click on the&nbsp;<strong>Cover block</strong>, a toolbar of options will appear above it.</p>



<div class="wp-block-uagb-image uagb-block-6580df9a wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-Toolbar-edited.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async"  sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-Toolbar-edited.png" alt="" width="927" height="521" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Cover Block Toolbar</figcaption></figure></div>



<p>These options are (from left to right):</p>



<ul class="wp-block-list">
<li>Change block type</li>



<li>Align the cover&nbsp;</li>



<li>Apply duotone filter</li>



<li>Change content position </li>



<li>Toggle full height</li>



<li>Replace the current image with a new image (if a color is used for the background this option will change to Add Media)</li>



<li>Advanced options (Copy, Paste, Rename, Create Pattern)</li>
</ul>



<div class="wp-block-uagb-advanced-heading uagb-block-e49bcff4"><h3 class="uagb-heading-text">Alignment</h3></div>



<p>Like many other blocks, you can align the&nbsp;<strong>Cover block</strong>&nbsp;to the left, right, and center of the page. When using the left or right alignment, you can&nbsp;align other content next to&nbsp;the&nbsp;<strong>Cover block</strong>.</p>



<div class="wp-block-uagb-image uagb-block-13916e8a wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-Right-Alignment.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Cover-Right-Alignment.png ,https://our-hometown.com/wp-content/uploads/Cover-Right-Alignment.png 780w, https://our-hometown.com/wp-content/uploads/Cover-Right-Alignment.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-Right-Alignment.png" alt="" class="uag-image-33904" width="1650" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Cover &#8211; Right Alignment</figcaption></figure></div>



<div class="wp-block-uagb-advanced-heading uagb-block-2c79f524"><h3 class="uagb-heading-text">Content Position</h3></div>



<p>Use the Content Position option to adjust where the text and other content appears on the image:</p>



<div class="wp-block-uagb-image uagb-block-ee4af058 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-Align-Content.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Cover-Align-Content.png ,https://our-hometown.com/wp-content/uploads/Cover-Align-Content.png 780w, https://our-hometown.com/wp-content/uploads/Cover-Align-Content.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-Align-Content.png" alt="" class="uag-image-33908" width="1650" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Cover &#8211; Content Positioned Bottom Center</figcaption></figure></div>



<div class="wp-block-uagb-advanced-heading uagb-block-166d0b0c"><h2 class="uagb-heading-text">Media Settings</h2><div class="uagb-separator"></div></div>



<p>The Media section (also labeled&nbsp;<strong>Settings</strong>) for the Cover block appears next in the sidebar, under the Layout section. There are several options for customizing the appearance and behavior of content in the Cover block, which are detailed in the following sections.</p>



<div class="wp-block-uagb-advanced-heading uagb-block-ebab62d6"><h4 class="uagb-heading-text">Fixed Background (aka Parallax Effect)</h4></div>



<p>When the&nbsp;<strong>Fixed background</strong>&nbsp;setting is toggled OFF, the parallax effect is disabled, and the image scrolls with the rest of the page.</p>



<p>When the&nbsp;<strong>Fixed background</strong>&nbsp;setting is toggled ON, the image will remain still in the background while the foreground scrolls vertically. This behavior is called a parallax effect or parallax scrolling.</p>



<div class="wp-block-uagb-image uagb-block-6a829561 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-Fixed-BG-Parallax.gif" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Cover-Fixed-BG-Parallax.gif ,https://our-hometown.com/wp-content/uploads/Cover-Fixed-BG-Parallax.gif 780w, https://our-hometown.com/wp-content/uploads/Cover-Fixed-BG-Parallax.gif 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-Fixed-BG-Parallax.gif" alt="" class="uag-image-33909" width="1089" height="667" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Cover &#8211; Fixed Background Parallax</figcaption></figure></div>



<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-uagb-advanced-heading uagb-block-79dac901"><h4 class="uagb-heading-text">Focal Point Picker</h4></div>



<p>You will see the&nbsp;<strong>Focal point picker</strong>&nbsp;if the&nbsp;<strong>Fixed background</strong>&nbsp;option is turned off. Use the&nbsp;<strong>Focal point picker</strong>&nbsp;to specify the main point of interest in the photo and highlight it. This is especially helpful if the wrong part of an image is being shown on smaller screens.</p>



<div class="wp-block-uagb-image uagb-block-debf3c84 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-Focal-Point.gif" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Cover-Focal-Point.gif ,https://our-hometown.com/wp-content/uploads/Cover-Focal-Point.gif 780w, https://our-hometown.com/wp-content/uploads/Cover-Focal-Point.gif 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-Focal-Point.gif" alt="" class="uag-image-33910" width="1089" height="667" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Cover &#8211; Focal Point Picker</figcaption></figure></div>



<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading" id="repeated-background">Repeated Background</h4>



<p>The&nbsp;<strong>Repeated background</strong>&nbsp;option lets you repeat the same image to form a pattern in the&nbsp;<strong>Cover block</strong>. For example, if you a company logo and you want it to repeat multiple times in the&nbsp;<strong>Cover block</strong>, note the image needs to be small enough to repeat in the area contained by the block. In the example below the logo is 64&#215;64 pixels.</p>



<div class="wp-block-uagb-image uagb-block-dad39ddc wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-Repeated-Background.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Cover-Repeated-Background.png ,https://our-hometown.com/wp-content/uploads/Cover-Repeated-Background.png 780w, https://our-hometown.com/wp-content/uploads/Cover-Repeated-Background.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-Repeated-Background.png" alt="" class="uag-image-33916" width="1650" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Cover &#8211; Repeated Background</figcaption></figure></div>



<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-uagb-advanced-heading uagb-block-d4763c69"><h2 class="uagb-heading-text">Cover Block Styles</h2><div class="uagb-separator"></div></div>



<p>In the block settings sidebar, click on the Styles icon to access the design settings for the block. The Styles icon is in the shape of a circle with half of the circle filled in.</p>



<div class="wp-block-uagb-image aligncenter uagb-block-f2965e38 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-Style-Settings.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Cover-Style-Settings.png ,https://our-hometown.com/wp-content/uploads/Cover-Style-Settings.png 780w, https://our-hometown.com/wp-content/uploads/Cover-Style-Settings.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-Style-Settings.png" alt="" class="uag-image-33926" width="1650" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Cover &#8211; Style Settings</figcaption></figure></div>



<h4 class="wp-block-heading" id="overlay-opacity">Overlay Opacity</h4>



<p>By default, the cover adds a gray transparent overlay to darken the background image, but you can choose any color you like, or even a gradient if you prefer.</p>



<p>You can also set the opacity of the overlay color. Move the slider to the left to make the overlay color more transparent, or to the right to make it darker and more opaque.&nbsp;Set the opacity to zero for no overlay.</p>



<div class="wp-block-uagb-image aligncenter uagb-block-5d2e506d wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-Overalay-Opacity.gif" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Cover-Overalay-Opacity.gif ,https://our-hometown.com/wp-content/uploads/Cover-Overalay-Opacity.gif 780w, https://our-hometown.com/wp-content/uploads/Cover-Overalay-Opacity.gif 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-Overalay-Opacity.gif" alt="" class="uag-image-33927" width="1081" height="667" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Cover &#8211; Overlay Settings</figcaption></figure></div>



<h4 class="wp-block-heading" id="minimum-height-of-cover">Duotone Filter</h4>



<p>The <strong>Duotone Filter</strong> applies a color conversion to the background image replacing light and dark colors with a duo, most often using black and gray to create B&amp;W or Grayscale images. There are several preset color combinations available in the sidebar settings, however you can customize the individual colors using the <strong>Duotone</strong> settings in the <em>floating toolba</em>r above the <strong>Cover</strong> block.</p>



<p>Do note the Duotone effect will interact with the Overlay color creating an interesting &#8216;color mix&#8217; between the two.</p>



<div class="wp-block-uagb-image aligncenter uagb-block-0cd855f0 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Cover-Duotone-Filter.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Cover-Duotone-Filter.png ,https://our-hometown.com/wp-content/uploads/Cover-Duotone-Filter.png 780w, https://our-hometown.com/wp-content/uploads/Cover-Duotone-Filter.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Cover-Duotone-Filter.png" alt="" class="uag-image-33928" width="1650" height="1010" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Cover &#8211; Duotone Filter</figcaption></figure></div>



<h4 class="wp-block-heading" id="minimum-height-of-cover">Minimum Height of Cover</h4>



<p>You can set the minimum height of the cover image in pixels or&nbsp;other units.&nbsp;By setting a minimum height, the image will <strong>always</strong> be displayed at this height no matter what size screen your visitors may be using.&nbsp;</p>
</div></div>
</div></div>
</div>
</div></div>



<p></p><p>The post <a href="https://our-hometown.com/block-editor-updates-images-and-media/">Block Editor Updates — Images and Media</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></content:encoded>
					
		
		
			<media:content url="https://our-hometown.com/wp-content/uploads/Block-Editor-Image-Updates-Splash-720x444.png" medium="image" />
	</item>
		<item>
		<title>Embrace the Block Editor: Accelerating Your Digital News Production</title>
		<link>https://our-hometown.com/embrace-the-block-editor-accelerating-your-digital-news-production/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Mon, 24 Mar 2025 16:13:03 +0000</pubDate>
				<category><![CDATA[Content]]></category>
		<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[block-editor-basics]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=33859</guid>

					<description><![CDATA[<p>The WordPress Block Editor (Gutenberg) represents a significant evolution in content creation, offering particular advantages for newspaper publishers looking to streamline their digital operations. At a time when publishing speed and visual presentation are paramount, the Block Editor provides tools that can transform your newsroom’s productivity and content quality. Our newspaper clients who have made the switch are reporting remarkable improvements in their publishing workflows and reader engagement metrics. The […]</p>
<p>The post <a href="https://our-hometown.com/embrace-the-block-editor-accelerating-your-digital-news-production/">Embrace the Block Editor: Accelerating Your Digital News Production</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>The WordPress Block Editor (Gutenberg) represents a significant evolution in content creation, offering particular advantages for newspaper publishers looking to streamline their digital operations. At a time when publishing speed and visual presentation are paramount, the Block Editor provides tools that can transform your newsroom&#8217;s productivity and content quality. Our newspaper clients who have made the switch are reporting remarkable improvements in their publishing workflows and reader engagement metrics.</p>



<h2 class="wp-block-heading">The Speed Revolution in News Publishing</h2>



<div class="wp-block-uagb-image alignleft uagb-block-ad353d00 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-left"><figure class="wp-block-uagb-image__figure"><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/An-old-photo-of-a-Gutenburg-moveable-type-printing-press-being-labored-over-by-an-aging-tired-loo_304406-300x200.png ,https://our-hometown.com/wp-content/uploads/An-old-photo-of-a-Gutenburg-moveable-type-printing-press-being-labored-over-by-an-aging-tired-loo_304406.png 780w, https://our-hometown.com/wp-content/uploads/An-old-photo-of-a-Gutenburg-moveable-type-printing-press-being-labored-over-by-an-aging-tired-loo_304406.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/An-old-photo-of-a-Gutenburg-moveable-type-printing-press-being-labored-over-by-an-aging-tired-loo_304406-300x200.png" alt="" class="uag-image-33860" width="300" height="200" title="An old photo of a Gutenburg moveable type printing press being labored over by an aging tired-loo_304406" loading="lazy" role="img"/></figure></div>



<p>For newspaper publishers, speed is not just a luxury—it&#8217;s a necessity. In the digital news landscape, being first to publish can make the difference between capturing audience attention or losing it to competitors.</p>



<p>The streamlined approach of the Block Editor eliminates many of the friction points that slow down production in traditional content management systems. By removing these obstacles, stories can be published in minutes rather than hours, allowing your journalists to focus on what they do best—reporting the news.</p>



<h3 class="wp-block-heading">Reducing Onboarding Time for New Journalists</h3>



<p>The intuitive nature of the Block Editor also dramatically reduces the time needed to train new staff. Whereas an organization may have&nbsp; required up to a month for new contributors to learn their CMS, many journalists now arrive with existing WordPress knowledge, significantly shortening the onboarding process.</p>



<p>This accessibility is particularly valuable for news organizations that frequently bring in new journalists, freelancers, or contributors to cover breaking news or special events. The drag-and-drop interface requires little or no coding skills, making content management easier for non-technical users.</p>



<h2 class="wp-block-heading">Enhanced Content Creation for Today&#8217;s News Formats</h2>



<h3 class="wp-block-heading">Block-Based Editing for Visual Storytelling</h3>



<p>The Block Editor transforms how journalists assemble stories by breaking content into modular components or &#8220;blocks.&#8221; This approach enables journalists to create visually rich content that meets readers&#8217; expectations for engaging digital news experiences.</p>



<p>Rather than struggling with HTML or complex shortcodes, reporters can simply drag and drop elements such as:</p>



<div class="wp-block-cover aligncenter is-light has-custom-content-position is-position-top-center has-black-color has-text-color has-link-color wp-elements-699ac9978980e2809fd35ca0b6720387" style="min-height:494px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim has-background-gradient has-very-light-gray-to-cyan-bluish-gray-gradient-background"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<p>This block-based system makes it substantially easier to break up text with relevant media, improving article readability and visual appeal. For news organizations producing content that competes with social media feeds for attention, this visual flexibility is invaluable.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<ul class="wp-block-list has-black-color has-text-color has-link-color wp-elements-93510f84a3c31b87b497a6865b4c67af wp-container-content-35">
<li>Text paragraphs</li>



<li>Headlines and subheadings</li>



<li>Images and galleries</li>



<li>Embedded videos</li>



<li>Social media posts</li>



<li>Pull quotes</li>



<li>Interactive polls and quizzes</li>



<li>Layout blocks for columns and grids</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<div class="wp-block-uagb-image alignleft uagb-block-26ba23e1 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-left"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Gutenburg-WP-Demo-2.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Gutenburg-WP-Demo-2-720x489.png ,https://our-hometown.com/wp-content/uploads/Gutenburg-WP-Demo-2.png 780w, https://our-hometown.com/wp-content/uploads/Gutenburg-WP-Demo-2.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Gutenburg-WP-Demo-2-720x489.png" alt="" class="uag-image-33861" width="720" height="489" title="" loading="lazy" role="img"/></a></figure></div>
</div>
</div>
</div></div>



<h3 class="wp-block-heading">Media Integration Without Technical Barriers</h3>



<p>The Block Editor excels at simplifying media integration, allowing journalists to embed videos, photo galleries, and interactive elements without requiring technical assistance. The ability to perform inline image editing and direct media file uploads within the editor eliminates the need to switch between different interfaces during article creation.</p>



<p>This streamlined media handling encourages journalists to incorporate more visual elements into their stories, which can significantly improve engagement metrics. For newspaper publishers looking to enhance their digital offerings with multimedia content, this represents a major advantage over the plain text area of the Classic Editor.</p>



<h2 class="wp-block-heading">Operational Benefits for News Organizations</h2>



<h3 class="wp-block-heading">Reusable, Brand-Compliant Components</h3>



<p>One of the most powerful features of the Block Editor for newspaper publishers is the ability to create and reuse branded content components. Leading WordPress agencies specialize in building &#8220;suites of reusable, brand-compliant components&#8221; that empower journalists to publish on-brand content quickly.</p>



<p>These pre-designed blocks ensure visual consistency across all articles while speeding up the content creation process. Reporters can focus on crafting the story rather than worrying about formatting or design elements, knowing that their article will maintain the publication&#8217;s established visual identity.</p>



<h3 class="wp-block-heading">Reduced Plugin Dependencies</h3>



<p>The Block Editor significantly reduces dependency on multiple plugins, as many functions previously requiring third-party solutions are now built directly into the editor[6]. Features such as tables, contact forms, and specialized layouts that once demanded additional plugins can now be created natively using shortcode blocks or dedicated Gutenberg blocks.</p>



<p>This consolidation of functionality not only streamlines the publishing process but also improves site performance by reducing the number of plugins that need to be maintained and updated.</p>



<h2 class="wp-block-heading">Case Study: News UK&#8217;s Transformation</h2>



<p><a href="https://wpvip.com/case-studies/behind-the-scenes-of-news-uks-rampant-speed-to-value-with-gutenberg/">News UK&#8217;s experience with the Block Editor</a> offers compelling evidence of its benefits for newspaper publishers. As they transitioned to Gutenberg, they not only saw dramatic improvements in publishing speed but also created an internal community of shared resources that can be leveraged across sister publications.</p>



<p>Their success demonstrates how the Block Editor can address the unique challenges faced by news organizations:</p>



<ul class="wp-block-list">
<li>The need for rapid publishing of breaking news</li>



<li>The requirement to produce high volumes of content daily</li>



<li>The importance of maintaining consistent quality across hundreds of articles</li>



<li>The challenge of onboarding new staff quickly</li>



<li>The necessity of creating visually engaging content that captures reader attention</li>
</ul>



<p>By streamlining these aspects of digital publishing, News UK positioned itself to compete more effectively in the fast-moving digital news environment.</p>



<h2 class="wp-block-heading">Addressing Common Concerns About the Transition</h2>



<p>Many newspaper teams hesitate to adopt the Block Editor due to concerns about disrupting established workflows. However, the experience of News UK and other publishers suggests that the learning curve is less steep than anticipated, especially with proper planning and training.</p>



<p>It&#8217;s worth noting that the Block Editor has matured significantly since its introduction in December 2018. Early limitations have been addressed through continuous development, and the editor now offers a robust set of features specifically beneficial to news organizations.</p>



<p>For organizations concerned about the transition, a phased approach can be effective. Start with a small team or section of your site, develop best practices, and then gradually expand usage across the newsroom. This approach minimizes disruption while allowing your team to build confidence with the new tools.</p>



<h2 class="wp-block-heading">Conclusion: The Future of News Publishing</h2>



<p>The WordPress Block Editor represents more than just a different interface—it&#8217;s a strategic advantage for newspaper publishers operating in an increasingly competitive digital landscape. With its ability to accelerate publishing workflows, simplify complex layouts, and reduce technical barriers, Gutenberg addresses many of the key challenges faced by modern news organizations.</p>



<p>As readers continue to demand more visually engaging and timely content, the publications that can deliver quality stories quickly will maintain a competitive edge. The Block Editor provides the tools needed to meet these demands without requiring extensive technical resources or specialized knowledge from journalists.</p>



<p>For newspaper publishers still using the Classic Editor, now is the time to consider making the switch. The potential gains in efficiency, content quality, and staff satisfaction make the Block Editor not just a nice-to-have, but an essential tool for news organizations committed to thriving in the digital era.</p><p>The post <a href="https://our-hometown.com/embrace-the-block-editor-accelerating-your-digital-news-production/">Embrace the Block Editor: Accelerating Your Digital News Production</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></content:encoded>
					
		
		
			<media:content url="https://our-hometown.com/wp-content/uploads/Block-Editor-Benefits-Splash-720x405.png" medium="image" />
	</item>
		<item>
		<title>Google&#8217;s $250M California News Deal: Boosting Journalism or Sidestepping Regulation?</title>
		<link>https://our-hometown.com/googles-250m-california-news-deal-boosting-journalism-or-sidestepping-regulation/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Wed, 28 Aug 2024 13:52:31 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Industry News]]></category>
		<category><![CDATA[Latest from Our Hometown]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Revenue]]></category>
		<category><![CDATA[Websites]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=32953</guid>

					<description><![CDATA[<p>In an era where digital platforms dominate information dissemination, the relationship between tech giants and traditional news publishers has been fraught with tension. Recently, a groundbreaking deal between Google and California news publishers has captured headlines, promising a $250 million investment in journalism over five years. This agreement, which replaces proposed legislation, aims to support journalism jobs and fund AI research. But what does this mean for the future of […]</p>
<p>The post <a href="https://our-hometown.com/googles-250m-california-news-deal-boosting-journalism-or-sidestepping-regulation/">Google’s $250M California News Deal: Boosting Journalism or Sidestepping Regulation?</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>In an era where digital platforms dominate information dissemination, the relationship between tech giants and traditional news publishers has been fraught with tension. Recently, a <a href="https://www.cbsnews.com/sanfrancisco/news/google-agreed-to-pay-millions-for-california-news-journalists-call-it-bad-deal/" target="_blank" rel="noopener" title="">groundbreaking deal between Google and California news publishers has captured headlines</a>, promising a $250 million investment in journalism over five years. This agreement, which replaces proposed legislation, aims to support journalism jobs and fund AI research. But what does this mean for the future of news in California and beyond? Let&#8217;s dive into the details of this landmark deal and explore its potential implications for the media landscape.</p>



<h3 class="wp-block-heading">Breaking Down the Google-California News Deal</h3>



<p>At its core, the agreement between Google and California news publishers represents a significant shift in how tech platforms and news organizations interact. Here&#8217;s what you need to know:</p>



<ul class="wp-block-list"><li>Total Investment: $250 million over five years</li><li>Google&#8217;s Contribution: $180 million ($110 million for journalism, $70 million for AI research)</li><li>California State Contribution: $70 million</li></ul>



<p>This deal effectively replaces the proposed <a href="https://leginfo.legislature.ca.gov/faces/billTextClient.xhtml?bill_id=202320240AB886" target="_blank" rel="noopener" title="">California Journalism Preservation Act (AB 886)</a>, which would have required tech platforms to pay news outlets for content usage. Instead, this agreement aims to expedite compensation for publishers while avoiding potential legal battles.</p>



<h3 class="wp-block-heading">The Purpose and Distribution of Funds</h3>



<p>The primary goal of this deal is to support and revitalize journalism in California. Here&#8217;s how the funds are expected to be allocated:</p>



<ul class="wp-block-list"><li><strong>Journalism Initiatives ($180 million):</strong><ul><li>Boosting journalism jobs</li><li>Funding salaries</li><li>Supporting training programs</li><li>Providing resources for newsrooms</li></ul></li><li><strong>AI Research Program ($70 million):</strong><ul><li>Developing tools for journalists to integrate AI into their work</li><li>Exploring AI applications for other professionals</li></ul></li></ul>



<p>According to the <a href="https://www.latimes.com/california/story/2024-08-21/california-lawmakers-bill-requires-tech-platforms-pay-for-news-journalism-preservation-act" target="_blank" rel="noopener" title="">LA Times</a>, &#8220;The money will go toward two new initiatives administered by UC Berkeley’s Graduate School of Journalism: a fund to distribute millions of dollars to California news outlets, and an &#8216;AI accelerator&#8217; to develop ways for journalists to use the powerful technology.&#8221;</p>



<h3 class="wp-block-heading">Eligibility Criteria: Who Can Benefit from the Funding?</h3>



<p>A crucial aspect of this deal is understanding which news organizations will be eligible for funding. While the exact criteria may still be subject to fine-tuning, several types of news outlets are expected to benefit:</p>



<p><strong>Small and Medium-Sized News Organizations:</strong></p>



<ul class="wp-block-list"><li>Those producing original news for underrepresented communities</li><li>Employing between 1-50 full-time journalists</li><li>Focused on core news provision (not lifestyle or sports)</li><li>Having a verifiable digital presence and in operation for at least 12 months</li></ul>



<p><strong>Local News Outlets:</strong></p>



<ul class="wp-block-list"><li>Those filling coverage gaps with original reporting</li><li>Having a budget under $1 million</li><li>Can be non-profit or for-profit entities</li><li>Priority given to organizations serving underserved audiences, including:<ul><li>Communities of color</li><li>Linguistically diverse communities</li><li>Low-wealth rural communities</li></ul></li></ul>



<p><strong>U.S.-Based Nonprofit Institutions:</strong></p>



<ul class="wp-block-list"><li>Those with national reach and influence</li><li>In some cases, regional and place-based organizations that are exemplars in their fields</li></ul>



<p>It&#8217;s worth noting that while the Google-California deal has its own set of criteria, it shares similarities with other journalism funding initiatives, such as <a href="https://www.macfound.org/programs/enduring-commitments/journalism-media/grant-guidelines" target="_blank" rel="noopener" title="">those by the MacArthur Foundation</a>. These often include support for:</p>



<ul class="wp-block-list"><li>National nonprofit journalism organizations pursuing explanatory, investigative, or international reporting</li><li>Organizations working to protect press freedom and address safety/security challenges for journalists</li><li>Organizations supporting infrastructure and innovation in nonprofit journalism</li><li>National and regional organizations funding, producing, or disseminating nonfiction storytelling projects</li></ul>



<h3 class="wp-block-heading">Potential Impact on California&#8217;s Media Landscape</h3>



<p>This deal has the potential to significantly impact California&#8217;s media ecosystem:</p>



<ul class="wp-block-list"><li>Job Creation: The influx of funds could lead to the creation or preservation of numerous journalism jobs across the state.</li><li>Local News Boost: With a focus on small to medium-sized organizations, local news coverage may see substantial improvements.</li><li>Technological Advancements: The AI research component could lead to innovative tools that enhance journalistic capabilities.</li></ul>



<p>However, the long-term effects remain to be seen. Will this investment truly revitalize local journalism, or will it merely provide temporary relief?</p>



<h3 class="wp-block-heading">Criticisms and Concerns</h3>



<p>Despite its potential benefits, the <a href="https://www.newsmediaalliance.org/release-news-media-alliance-statement-california-governor-newsom-assemblymember-wicks-announcement-with-google/" target="_blank" rel="noopener" title="">deal has faced criticism from various quarters</a>:</p>



<ul class="wp-block-list"><li>Insufficient Funding: Some argue that the amount is significantly less than what Google pays newsrooms in other countries, such as Canada.</li><li>Strategic Maneuvering: Critics suggest this might be a tactical move by Google to avoid stricter regulations on content usage and compensation.</li><li>AI Concerns: The inclusion of AI research funding has raised concerns about potentially facilitating the replacement of human journalists with technology in the future.</li></ul>



<h3 class="wp-block-heading">Looking Ahead: Implementation and Challenges</h3>



<p>The agreement is set to take effect next year, beginning with a $100 million initial investment. However, several hurdles remain:</p>



<ul class="wp-block-list"><li>Finalizing Details: The specifics of fund distribution and eligibility criteria are still being ironed out.</li><li>Political Challenges: While Governor Gavin Newsom has pledged to incorporate the journalism funding into his January budget, potential concerns from other Democratic leaders could pose challenges.</li><li>Long-term Sustainability: Questions remain about what happens after the five-year period ends. Will this lead to sustainable changes in the news ecosystem, or will publishers become dependent on this funding?</li></ul>



<p>The Google-California news deal represents a significant shift in the relationship between tech platforms and news publishers. While it offers a substantial investment in journalism and potentially innovative AI tools, it also raises important questions about the future of news funding and the role of technology in journalism. As this deal unfolds, it will be crucial to monitor its impact on local newsrooms, job creation, and the overall quality of journalism in California. Ultimately, the success of this initiative will depend on its ability to create sustainable, positive changes in the media landscape that outlast the initial five-year investment period.</p><p>The post <a href="https://our-hometown.com/googles-250m-california-news-deal-boosting-journalism-or-sidestepping-regulation/">Google’s $250M California News Deal: Boosting Journalism or Sidestepping Regulation?</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></content:encoded>
					
		
		
			<media:content url="https://our-hometown.com/wp-content/uploads/CA-Google-Splash-2-720x405.jpg" medium="image" />
	</item>
		<item>
		<title>Kevin Slimp: What you want to know</title>
		<link>https://our-hometown.com/kevin-slimp-what-you-want-to-know/</link>
		
		<dc:creator><![CDATA[Our Hometown, Inc.]]></dc:creator>
		<pubDate>Thu, 06 Jun 2024 09:21:49 +0000</pubDate>
				<category><![CDATA[Content]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Industry News]]></category>
		<category><![CDATA[Latest from Our Hometown]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Virtual Conferences]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=32661</guid>

					<description><![CDATA[<p>The following column was contributed by our friend and colleague, Kevin Slimp. We hope you enjoy the content and consider registering for his next webinar as part of the Kevin Slimp Webinar Series — available free to Our-Hometown customers! It has already been a busy summer, and I’m not sure summer has officially begun yet (It’s June 1 as I write this). Upon returning from my latest trip – to […]</p>
<p>The post <a href="https://our-hometown.com/kevin-slimp-what-you-want-to-know/">Kevin Slimp: What you want to know</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="has-background" style="background-color:#f3faff">The following column was contributed by our friend and colleague, Kevin Slimp. We hope you enjoy the content and consider registering for his next webinar as part of the <strong>Kevin Slimp Webinar Series</strong> &#8212; available free to <em>Our-Hometown</em> customers!</p>



<div class="wp-block-image"><figure class="alignleft size-large is-resized"><img loading="lazy" decoding="async" src="https://our-hometown.com/wp-content/uploads/slimp-headshot.jpg" alt="" class="wp-image-32497" width="128" height="176"/><figcaption>Slimp</figcaption></figure></div>



<p>It has already been a busy summer, and I’m not sure summer has officially begun yet (It’s June 1 as I write this). Upon returning from my latest trip – to Pennsylvania – yesterday, I was greeted by a stack of packages from publishers – most containing newspapers to critique – and an email folder with plenty of messages from editors, designers, and publishers. To keep all the newspapers I receive from getting wet, I purchased a waterproof container about the size of a pirate’s treasure chest, which I placed on the porch by my front door. The mail deliverers and UPS drivers have become well acquainted with my box.</p>



<p>What’s on the mind of newspaper folks these days? The answer is “a lot.” Whoever first coined the phrase “newspapers are dead” in the early 2000s apparently never had to go through my email or my box.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="720" height="505" src="https://our-hometown.com/wp-content/uploads/Papers-on-Desk-720x505.jpg" alt="" class="wp-image-32662" srcset="https://our-hometown.com/wp-content/uploads/Papers-on-Desk-720x505.jpg 720w, https://our-hometown.com/wp-content/uploads/Papers-on-Desk-768x539.jpg 768w, https://our-hometown.com/wp-content/uploads/Papers-on-Desk-1536x1078.jpg 1536w, https://our-hometown.com/wp-content/uploads/Papers-on-Desk-960x674.jpg 960w, https://our-hometown.com/wp-content/uploads/Papers-on-Desk.jpg 1800w" sizes="(max-width: 720px) 100vw, 720px" /><figcaption>Critiquing newspapers includes detailed examination of the printed<br>pages. My delivery folks have come to expect a lot of newspapers<br>showing up in my box while I’m away on trips.</figcaption></figure>



<p><strong>Growing Readership</strong></p>



<p>The most common question I receive is, “What can I do to get more readers?” That hasn’t changed in the 30 years I’ve been working with newspapers. We always seem to be looking for a magic potion to make more people want to read our products. I’ve addressed that question many times in these columns, often with a list of ways to grow papers, but most often, the answer comes down to improving the quality of the newspaper.<br>Quality is a funny thing. It encompasses more than the “look” of a newspaper. It includes writing high-caliber stories that meet the reading desires of potential readers. Quality entails research, such as focus groups, to understand what readers want – and don’t want – in their newspaper. And obviously, the importance of design can’t be overestimated.</p>



<p><strong>Improving the Product</strong></p>



<p>The packages in my front porch box usually contain newspapers to be critiqued. Upgrading the content and design of your newspaper should be at the forefront of growing your paper. That doesn’t mean you have to send your paper to me. This means that your paper should develop a method of critiquing every element of content regularly. But couldn’t I just look at these pages on the screen? Sure, but seriously evaluating a newspaper requires taking notes on the pages. After I critique a page, it generally looks like someone has bled all over it.</p>



<p><strong>Increasing Ad Revenue</strong></p>



<p>Increasing revenue is on everyone’s mind. I can’t remember a time when it wasn’t. I lead a lot of webinars on various topics. There was a time when photo editing or page design classes would be the most popular. These days, sessions related to increasing revenue draw the biggest crowds. I’ve written my share of columns on increasing revenue, but the best way I know of to increase ad sales is to go out and visit more potential advertisers physically. It sounds simplistic, but those of you who have been around the block a few times know it’s true. Don’t worry. If you happen to be signed up for one of my future webinars on increasing ad revenue, I’ll have more to share than “just get out more.” However, if you want to sell more ads, just get out more. It works.</p>



<p>Next up for me? North Carolina, Virginia, then over to see my friends at Arkansas Press Association. When I return home, I imagine the box next to my door will be full.</p><p>The post <a href="https://our-hometown.com/kevin-slimp-what-you-want-to-know/">Kevin Slimp: What you want to know</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></content:encoded>
					
		
		
			<media:content url="https://our-hometown.com/wp-content/uploads/slimp-june-24-column-720x405-1.jpg" medium="image" />
	</item>
	</channel>
</rss>
