<?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>Feature Highlights - Our-Hometown</title>
	<atom:link href="https://our-hometown.com/category/feature-highlights/feed/" rel="self" type="application/rss+xml" />
	<link>https://our-hometown.com</link>
	<description>Your Newspaper&#039;s Future, Today.</description>
	<lastBuildDate>Thu, 26 Feb 2026 17:15:21 +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>Feature Highlights - Our-Hometown</title>
	<link>https://our-hometown.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Custom Pronunciation Settings for Audio Articles</title>
		<link>https://our-hometown.com/custom-pronunciation-settings-for-audio-articles/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Mon, 17 Nov 2025 16:07:52 +0000</pubDate>
				<category><![CDATA[Changelog]]></category>
		<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<category><![CDATA[Podcasts]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=34543</guid>

					<description><![CDATA[<p>We’re pleased to announce an enhancement to Our-Hometown’s Audio Articles feature that gives publishers and editors more control over how automated audio reads sound. You can now define specific pronunciation settings for individual words to ensure that your publications’ names, local places, and community figures are pronounced correctly. Whether it’s a distinctive locale such as “Mackinac” (pronounced Mackinaw), or a local councilmember’s surname, this new capability allows you to make […]</p>
<p>The post <a href="https://our-hometown.com/custom-pronunciation-settings-for-audio-articles/">Custom Pronunciation Settings for Audio Articles</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>We’re pleased to announce an enhancement to Our-Hometown’s <strong>Audio Articles</strong> feature that gives publishers and editors more control over how automated audio reads sound. You can now define specific pronunciation settings for individual words to ensure that your publications’ names, local places, and community figures are pronounced correctly.</p>



<p>Whether it’s a distinctive locale such as “Mackinac” (pronounced <em>Mackinaw</em>), or a local councilmember&#8217;s surname, this new capability allows you to make sure the audio output reflects your publication’s authentic voice.</p>



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



<h3 class="wp-block-heading">What’s New</h3>



<p>A new <strong>Pronunciations</strong> section is now available in the WordPress Dashboard. From this screen, editors can create custom entries for any word or phrase that might otherwise be mispronounced. Each entry lets you specify how the word should sound, either through a simple text alias or using phonetic notation. You can preview the pronunciation before saving, and options are available for handling case sensitivity and word boundaries.</p>



<p>Once saved, these rules are automatically applied whenever an Audio Article is generated on your site, ensuring consistency and accuracy across all future recordings.</p>



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



<h3 class="wp-block-heading">Why It Matters</h3>



<p>Local newspapers often include names that automated systems can’t easily recognize or pronounce correctly. This update allows you to preserve the character and credibility of your reporting by making sure these names are spoken the way your readers expect to hear them. The result is a smoother listening experience that better reflects the identity of your community.</p>



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



<h3 class="wp-block-heading">How to Get Started</h3>



<p>To begin using this feature, log in to your site’s WordPress Dashboard and open <strong>Audio Articles → Pronunciations</strong>. Click <strong>Add New Pronunciation</strong>, enter the word and its desired pronunciation, and preview the result. Once published, your pronunciation settings will take effect automatically the next time an Audio Article is created.</p>



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



<h3 class="wp-block-heading">Example</h3>



<p>In this example, the editor has entered:<br><strong>Word:</strong> Mackinac<br><strong>Alias text:</strong> Mackinaw</p>



<p>The audio system will now pronounce “Mackinac” correctly as “Mackinaw” in all <strong><em>future</em></strong> audio articles. To regenerate the audio version of an existing article, you will need to edit and update that article to trigger processing of the audio anew.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><a  href="https://our-hometown.com/wp-content/uploads/AA-Pronunciation-Snap.png" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption="" title=""><img fetchpriority="high" decoding="async" width="1517" height="1014" src="https://our-hometown.com/wp-content/uploads/AA-Pronunciation-Snap.png" alt="" class="wp-image-34544" srcset="https://our-hometown.com/wp-content/uploads/AA-Pronunciation-Snap.png 1517w, https://our-hometown.com/wp-content/uploads/AA-Pronunciation-Snap-300x200.png 300w, https://our-hometown.com/wp-content/uploads/AA-Pronunciation-Snap-720x481.png 720w, https://our-hometown.com/wp-content/uploads/AA-Pronunciation-Snap-768x513.png 768w, https://our-hometown.com/wp-content/uploads/AA-Pronunciation-Snap-150x100.png 150w, https://our-hometown.com/wp-content/uploads/AA-Pronunciation-Snap-200x133.png 200w, https://our-hometown.com/wp-content/uploads/AA-Pronunciation-Snap-250x166.png 250w, https://our-hometown.com/wp-content/uploads/AA-Pronunciation-Snap-960x642.png 960w, https://our-hometown.com/wp-content/uploads/AA-Pronunciation-Snap-272x182.png 272w" sizes="(max-width: 1517px) 100vw, 1517px" /></a><figcaption class="wp-element-caption">Add custom pronunciation to individual words in your audio articles.</figcaption></figure></div>


<h3 class="wp-block-heading">Using Phoneme Mode (IPA)</h3>



<p>For advanced control, editors can switch to <strong>Phoneme (IPA)</strong> mode and specify pronunciations using the <strong>International Phonetic Alphabet (IPA)</strong>. This is especially useful when the standard alias text still doesn’t produce a natural result.</p>



<p>For example, instead of entering “Mackinaw” as a text alias, you could enter its phonetic equivalent:<br><strong>/ˈmækɪnɔː/</strong></p>



<p>Here are a few commonly used IPA symbols that may help with local or regional names:</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Sound</th><th>IPA</th><th>Example Word</th></tr></thead><tbody><tr><td>“aw” as in <em>law</em></td><td><strong>ɔː</strong></td><td><em>Mackinaw</em> → /ˈmækɪnɔː/</td></tr><tr><td>“ay” as in <em>say</em></td><td><strong>eɪ</strong></td><td><em>Cayuga</em> → /keɪˈjuːɡə/</td></tr><tr><td>“oo” as in <em>boot</em></td><td><strong>uː</strong></td><td><em>Hoover</em> → /ˈhuːvər/</td></tr><tr><td>“uh” as in <em>cut</em></td><td><strong>ʌ</strong></td><td><em>Duluth</em> → /dəˈluːθ/</td></tr><tr><td>“ee” as in <em>see</em></td><td><strong>iː</strong></td><td><em>Beebe</em> → /ˈbiːbiː/</td></tr></tbody></table></figure>



<p>This standardized approach can be a powerful option for sites serving multilingual audiences or regions with distinctive dialects. Here&#8217;s a <a href="https://www.internationalphoneticassociation.org/sites/default/files/IPA_Kiel_2015.pdf" target="_blank" rel="noopener" title="IPA Phoneme chart">downloadable chart </a>from the IPA for reference.</p>



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



<h3 class="wp-block-heading">Available Now</h3>



<p>The custom pronunciation feature is available immediately for all customers using Audio Articles. We encourage you to try it out and refine your publication’s audio output for your local audience.</p>



<p>If you have any questions or would like assistance setting it up, please contact our support team at <a href="mailto:support@our-hometown.com">support@our-hometown.com</a>.</p>



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



<p>Would you like me to create a <strong>shorter version</strong> (2–3 paragraphs) of this same announcement for inclusion in your customer newsletter or Mailchimp campaign?</p><p>The post <a href="https://our-hometown.com/custom-pronunciation-settings-for-audio-articles/">Custom Pronunciation Settings for Audio Articles</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/AA-Pronunciation-Feature-720x405.png" medium="image" />
	</item>
		<item>
		<title>Struggling to manage a flood of press releases?</title>
		<link>https://our-hometown.com/struggling-to-manage-a-flood-of-press-releases/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Tue, 09 Sep 2025 13:37:24 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=34498</guid>

					<description><![CDATA[<p>Many newsrooms are overwhelmed by the constant flow of press releases from civic and government organizations. Manually creating new posts and copying content is time-consuming and inefficient. We’ve developed a powerful solution to streamline this workflow, so your team can focus on what matters: reporting. Our new Press Release workflow integrates an email-to-post plugin with a custom AI agent to automate the process from start to finish. How it Works […]</p>
<p>The post <a href="https://our-hometown.com/struggling-to-manage-a-flood-of-press-releases/">Struggling to manage a flood of press releases?</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<figure class="wp-block-image size-full"><img decoding="async" width="2048" height="1164" src="https://our-hometown.com/wp-content/uploads/Pess-Release-Plugin-Splash.png" alt="" class="wp-image-34499" srcset="https://our-hometown.com/wp-content/uploads/Pess-Release-Plugin-Splash.png 2048w, https://our-hometown.com/wp-content/uploads/Pess-Release-Plugin-Splash-720x409.png 720w, https://our-hometown.com/wp-content/uploads/Pess-Release-Plugin-Splash-768x437.png 768w, https://our-hometown.com/wp-content/uploads/Pess-Release-Plugin-Splash-1536x873.png 1536w, https://our-hometown.com/wp-content/uploads/Pess-Release-Plugin-Splash-960x546.png 960w" sizes="(max-width: 2048px) 100vw, 2048px" /></figure>



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



<p>Many newsrooms are overwhelmed by the constant flow of press releases from civic and government organizations. Manually creating new posts and copying content is time-consuming and inefficient.</p>



<p>We&#8217;ve developed a powerful solution to streamline this workflow, so your team can focus on what matters: reporting. Our new Press Release workflow integrates an email-to-post plugin with a custom AI agent to automate the process from start to finish.</p>



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



<h3 class="wp-block-heading" id="how-it-works">How it Works</h3>



<p>Simply forward press release emails to a dedicated email address—or set up an automated rule to do it for you. The plugin instantly pulls the email content and any attachments (like images or documents) and synthesizes them into a new&nbsp;<strong>Press Release post</strong>&nbsp;on your site.</p>



<p>You have complete control over the final post, with options to:</p>



<ul class="wp-block-list">
<li>Automatically assign an author and category</li>



<li>Set a featured image</li>



<li>Determine the post status (e.g., set as&nbsp;<strong>Draft</strong>&nbsp;for review or&nbsp;<strong>Published</strong>&nbsp;immediately)</li>
</ul>



<p>This AI-powered system integrates with OpenAI&#8217;s chat models, and the prompt can be customized to your specific needs, handling formatting and content inclusion or exclusion. With a bit of tuning, you can generate a publish-ready post with dramatically less effort, eliminating the need for constant manual work.</p>



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



<h3 class="wp-block-heading" id="getting-started">Getting Started</h3>



<p>To get started, your team will need to provide us with an&nbsp;<strong>OpenAI API key</strong>&nbsp;and a unique email address to handle the forwarded press releases. You can then simply start forwarding Press Release emails to the new address and let the plugin do the rest!</p>



<p>If you are interested in trying this out for yourself, please reach out to us at <a href="mailto:ops@our-hometown.com">ops@our-hometown.com</a>.</p><p>The post <a href="https://our-hometown.com/struggling-to-manage-a-flood-of-press-releases/">Struggling to manage a flood of press releases?</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/Pess-Release-Plugin-Splash-720x409.png" medium="image" />
	</item>
		<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_86001"  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>Reverse Publishing: Import Your Content Into InDesign</title>
		<link>https://our-hometown.com/reverse-publishing-import-your-content-into-indesign/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Tue, 10 Jun 2025 12:46:54 +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[Websites]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=34306</guid>

					<description><![CDATA[<p>XML Export Once you have applied your desired settings for the Reverse Publishing export, you can then choose what content is to be included, either via the Export page or through selecting and exporting articles with the Bulk Edit option in the All Articles List. The plugin will compile a ZIP archive including the XML file with all the article content and individual images associated with each story that is […]</p>
<p>The post <a href="https://our-hometown.com/reverse-publishing-import-your-content-into-indesign/">Reverse Publishing: Import Your Content Into InDesign</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_91495"  width="960" height="540"  data-origwidth="960" data-origheight="540" src="https://www.youtube.com/embed/X9sCZco5wV0?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">XML Export</h2>



<p>Once you have applied your desired settings for the <a href="https://our-hometown.com/reverse-publishing-setting-up-your-first-export/" target="_blank" rel="noopener" title="">Reverse Publishing export</a>, you can then choose what content is to be included, either via the Export page or through selecting and exporting articles with the Bulk Edit option in the All Articles List.</p>



<p>The plugin will compile a ZIP archive including the XML file with all the article content and individual images associated with each story that is then downloaded to your computer.</p>



<p>Extract this zip file and we are now ready for import into InDesign.</p>



<div class="wp-block-uagb-image uagb-block-4c36370a 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/ZIP-Archive-1.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/ZIP-Archive-1.png ,https://our-hometown.com/wp-content/uploads/ZIP-Archive-1.png 780w, https://our-hometown.com/wp-content/uploads/ZIP-Archive-1.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/ZIP-Archive-1.png" alt="" class="uag-image-34307" width="1409" height="556" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">ZIP Archive: XML and Image Files</figcaption></figure></div>



<p>For this demo we&#8217;ll use an existing InDesign template with paragraph styles and basic layout guides in place. Note the styles specified in the export settings match those in the InDesign file, so they will be automatically applied when you add content into the document itself.</p>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-3 wp-block-group-is-layout-flex">
<div class="wp-block-uagb-image uagb-block-18a84e3b 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/Rev-Pub-Styles.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Rev-Pub-Styles-720x1095.png ,https://our-hometown.com/wp-content/uploads/Rev-Pub-Styles.png 780w, https://our-hometown.com/wp-content/uploads/Rev-Pub-Styles.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Rev-Pub-Styles-720x1095.png" alt="" class="uag-image-34299" width="300" height="526" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">XML Export Styles</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-ce2c1cc0 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/InDesign-Paragraph-Styles.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/InDesign-Paragraph-Styles.png ,https://our-hometown.com/wp-content/uploads/InDesign-Paragraph-Styles.png 780w, https://our-hometown.com/wp-content/uploads/InDesign-Paragraph-Styles.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/InDesign-Paragraph-Styles.png" alt="" class="uag-image-34298" width="300" height="1468" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">InDesign Paragraph Styles</figcaption></figure></div>
</div>



<h2 class="wp-block-heading">XML Import</h2>



<p>With the InDesign file open, go to the File menu and click Import XML.</p>



<div class="wp-block-uagb-image uagb-block-e87cdb6d 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/XML-Import-1.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/XML-Import-1.png ,https://our-hometown.com/wp-content/uploads/XML-Import-1.png 780w, https://our-hometown.com/wp-content/uploads/XML-Import-1.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/XML-Import-1.png" alt="" class="uag-image-34309" width="1728" height="1117" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">XML Import</figcaption></figure></div>



<p>Select the XML file in the folder extracted from the zip file download.</p>



<p>Make sure the&nbsp;<strong>Show XML Import Options</strong>&nbsp;button is ticked as well as&nbsp;<strong>Merge Content</strong>.</p>



<p>On the import options window leave the defaults. Merging content will make sure that any updated XML content will be automatically reflected in the imported elements.</p>



<div class="wp-block-uagb-image uagb-block-eb386179 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/XML-Import-Options-Trimmed.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/XML-Import-Options-Trimmed.png ,https://our-hometown.com/wp-content/uploads/XML-Import-Options-Trimmed.png 780w, https://our-hometown.com/wp-content/uploads/XML-Import-Options-Trimmed.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/XML-Import-Options-Trimmed.png" alt="" class="uag-image-34311" width="816" height="409" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">XML Import Options</figcaption></figure></div>



<p>Once the XML is imported the Structure pane will appear to the left of your document containing the Root tag. Click the small arrow to the left of the tag to reveal the contents of the XML import.</p>



<p>Each story element contains the others: title, byline, body, image et al. plus any tag attributes, including character and paragraph styles.</p>



<p>Note that the character and paragraph styles included in the export will be created if these styles are not present in the InDesign file when you import the XML. However these styles will need to be configured as they will only have default settings in this scenario.</p>



<h2 class="wp-block-heading">Structure Panel</h2>



<p>Once the XML is imported the Structure pane will appear to the left of your document containing the Root tag. Click the small arrow to the left of the tag to reveal the contents of the XML import.</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-4 wp-block-group-is-layout-grid">
<div class="wp-block-uagb-image uagb-block-66157559 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/Structure-Panel-Root.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Structure-Panel-Root.png ,https://our-hometown.com/wp-content/uploads/Structure-Panel-Root.png 780w, https://our-hometown.com/wp-content/uploads/Structure-Panel-Root.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Structure-Panel-Root.png" alt="" class="uag-image-34312" width="1408" height="918" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Structure Panel &#8211; Root Elements</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-10798bb5 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/Structure-Panel-Story.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Structure-Panel-Story.png ,https://our-hometown.com/wp-content/uploads/Structure-Panel-Story.png 780w, https://our-hometown.com/wp-content/uploads/Structure-Panel-Story.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Structure-Panel-Story.png" alt="" class="uag-image-34313" width="1408" height="918" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Structure Panel &#8211; Story Elements</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-0bdca28b 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/Structure-Panel-Body.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Structure-Panel-Body.png ,https://our-hometown.com/wp-content/uploads/Structure-Panel-Body.png 780w, https://our-hometown.com/wp-content/uploads/Structure-Panel-Body.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Structure-Panel-Body.png" alt="" class="uag-image-34314" width="1408" height="918" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Structure Panel &#8211; Body Element with Byline and Paragraph Tags</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-31412100 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/Structure-Panel-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/Structure-Panel-Image.png ,https://our-hometown.com/wp-content/uploads/Structure-Panel-Image.png 780w, https://our-hometown.com/wp-content/uploads/Structure-Panel-Image.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Structure-Panel-Image.png" alt="" class="uag-image-34315" width="1408" height="918" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Structure Panel &#8211; Graphic Element with Image and Caption Tags</figcaption></figure></div>
</div></div>



<p>Each element or tag (we are using the term interchangeably) has an icon next to it indicating the type of content it references:</p>



<div class="wp-block-cover is-light" style="min-height:71px;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"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-5 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full is-resized"><img decoding="async" src="https://our-hometown.com/wp-content/uploads/XML-Container-Icon.png" alt="" style="aspect-ratio:1;object-fit:cover;width:32px"/></figure>



<p><strong>Container Element:</strong> A wrapper for grouping other element-types together</p>
</div>



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



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full is-resized"><img decoding="async" src="https://our-hometown.com/wp-content/uploads/XML-Text-Icon.png" alt="" style="aspect-ratio:1;object-fit:cover;width:32px"/></figure>



<p><strong>Text Element: </strong>A wrapper for text copy, i.e. paragraph tags similar to html</p>
</div>



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



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-7 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="68" height="68" src="https://our-hometown.com/wp-content/uploads/XML-Image-Icon.png" alt="" class="wp-image-34318" style="aspect-ratio:1;object-fit:cover;width:54px"/></figure>



<p><strong>Image Element:</strong> A reference to the local image file downloaded as part of the XML export which links back to the folder extracted from the ZIP archive.</p>
</div>
</div></div>
</div></div>



<h2 class="wp-block-heading">Drag and Drop Behavior</h2>



<p>To bring content from the structure pane into the document layout, you simply drag the element either onto the layout itself or into a pre-existing frame in the layout.</p>



<div class="wp-block-cover is-light" style="min-height:50px;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 is-nowrap is-layout-flex wp-container-core-group-is-layout-9 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full is-resized"><img decoding="async" src="https://our-hometown.com/wp-content/uploads/XML-Icons-Placed.png" alt="" style="width:32px"/></figure>



<p>Once an element has been placed in the layout a <strong>blue dot</strong> appears at the bottom-right of the icon.</p>
</div>
</div></div>



<h3 class="wp-block-heading">Text Elements</h3>



<p>For instance if you template already has a frame set up for the positioning of the Title element, simply drag that element from the structure pane onto that frame. If styles are setup properly, the Title style will be applied automatically.</p>



<div class="wp-block-uagb-image uagb-block-a06bfaeb 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/Title-Placement-Into-Frame.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Title-Placement-Into-Frame.png ,https://our-hometown.com/wp-content/uploads/Title-Placement-Into-Frame.png 780w, https://our-hometown.com/wp-content/uploads/Title-Placement-Into-Frame.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Title-Placement-Into-Frame.png" alt="" class="uag-image-34325" width="1498" height="454" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Title Placement Into Frame</figcaption></figure></div>



<p>If you don&#8217;t drop a text element into an existing frame, InDesign will create one, however the size of the text frame will usually follow the width of the dragged element, but its height will simply fill to the bottom margin from the spot of the drop.</p>



<h3 class="wp-block-heading">Image Elements</h3>



<p>Image elements, when dropped into a pre-existing frame will honor that frame&#8217;s fitting options, so this can be extremely helpful when placing images within your layout. If you simply drop an image element onto the layout, InDesign will create a frame matching the original resolution of the image (which can be quite large at screen preview levels). If the image is dropped within the page margins, the resulting frame will respect those while cropping those portions of the image. For predictable behavior we recommend dropping images into pre-existing frames with fitting already specified. </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-uagb-image uagb-block-fccc69d8 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-Placement-Into-Frame.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-Placement-Into-Frame.png ,https://our-hometown.com/wp-content/uploads/Image-Placement-Into-Frame.png 780w, https://our-hometown.com/wp-content/uploads/Image-Placement-Into-Frame.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Image-Placement-Into-Frame.png" alt="" class="uag-image-34326" width="1728" height="1117" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Image Placement Into Frame</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-edc57b69 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-Placement-Restricted-By-Margins.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-Placement-Restricted-By-Margins.png ,https://our-hometown.com/wp-content/uploads/Image-Placement-Restricted-By-Margins.png 780w, https://our-hometown.com/wp-content/uploads/Image-Placement-Restricted-By-Margins.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Image-Placement-Restricted-By-Margins.png" alt="" class="uag-image-34327" width="1728" height="1117" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Image Placement Restricted By Margins</figcaption></figure></div>
</div></div>



<p>You will note the above example shows the Image element itself being placed, not the Graphic element. The Graphic element is a container for the image element and if present a text element for the Caption.</p>



<h3 class="wp-block-heading">Container Elements</h3>



<p>So what happens if you drag a container into the layout?</p>



<p>InDesign will insert all of the elements into a single frame while respecting the individual paragraph styles. The frame can then be adjusted to fit your layout. If Graphic elements are part of the container you are placing, InDesign imports the caption as a paragraph tag and includes the image as an anchored object attached to the caption. Additionally the image frame will be the same size as the resolution of the image as noted previously.</p>



<p>This often means that the images (which are included in the story container after the text elements) will not be displayed, but are hidden as they are part of the overset content that doesn&#8217;t not fit into the default frame size created when you drag a container into the layout.</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-11 wp-block-group-is-layout-grid">
<div class="wp-block-uagb-image uagb-block-54dc4cfc 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/Container-Element-Placement.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Container-Element-Placement.png ,https://our-hometown.com/wp-content/uploads/Container-Element-Placement.png 780w, https://our-hometown.com/wp-content/uploads/Container-Element-Placement.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Container-Element-Placement.png" alt="" class="uag-image-34332" width="1728" height="1117" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Container Element Placement</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-819225c2 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/Element-Placement-With-Overset-Image-Frame.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Element-Placement-With-Overset-Image-Frame.png ,https://our-hometown.com/wp-content/uploads/Element-Placement-With-Overset-Image-Frame.png 780w, https://our-hometown.com/wp-content/uploads/Element-Placement-With-Overset-Image-Frame.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Element-Placement-With-Overset-Image-Frame.png" alt="" class="uag-image-34333" width="1728" height="1117" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Element Placement With Overset Image Frame</figcaption></figure></div>
</div></div>



<h2 class="wp-block-heading">Reassigning Elements</h2>



<p>This brings us to another important point: Once an element has been placed, it cannot be &#8216;deleted&#8217; per se, but it can be reassigned to another frame (or just dragged again into the layout).</p>



<p>This is very helpful if an image has been placed, but is hidden in overset limbo. You can drag those image/caption tags into new positions or move them to specific frames. This way you can drag the entire story element into the layout and then grab the images individually to place into frames with text wrapping, etc.</p>



<h2 class="wp-block-heading">Importing XML Updates</h2>



<p>A great feature of the Reverse Publishing plugin is that it keeps track of what has been exported, allowing you to only export content updated since the last export. You can also toggle off the image export, so that you can download just the updated XML content. Overwrite the previous XML file (by copying the new one to your existing archive folder with your images) and when you re-import the XML all the text content will update to reflect any changes to the story content.</p>



<p>We hope this post establishes the usefulness of a &#8216;digital-first&#8217; strategy, allowing you to manage all your content on the website, and providing a straightforward pipeline for creating your print edition from that content.</p>



<p>If you have any questions or would like to try out Reverse Publishing, don&#8217;t hesitate to reach out to us at <a href="mailto:ops@our-hometown.com">ops@our-hometown.com</a>.</p>



<p></p><p>The post <a href="https://our-hometown.com/reverse-publishing-import-your-content-into-indesign/">Reverse Publishing: Import Your Content Into InDesign</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/Reverse-Publishing-Feature-Image-2-720x393.png" medium="image" />
	</item>
		<item>
		<title>Reverse Publishing: Setting Up Your First Export</title>
		<link>https://our-hometown.com/reverse-publishing-setting-up-your-first-export/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Thu, 05 Jun 2025 17:34:42 +0000</pubDate>
				<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<category><![CDATA[Latest from Our Hometown]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=34236</guid>

					<description><![CDATA[<p>Settings Page Notification Schedule Set the options for when to receive update emails (the destination email address is set below): Export all statuses This toggle will make available articles of any status (draft, scheduled, etc.) for export, instead of being limited to published content. Include Byline in Body Depending on how your InDesign template is built, this option allows for the inclusion of the Byline field from an article to […]</p>
<p>The post <a href="https://our-hometown.com/reverse-publishing-setting-up-your-first-export/">Reverse Publishing: Setting Up Your First Export</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">
<h2 class="wp-block-heading">Settings Page</h2>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-12 wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Notification Schedule</li>



<li>Export all statuses</li>



<li>Include Byline in Body</li>



<li>Use Author for Empty Byline</li>



<li>Alternative image export option</li>



<li>Export only filename for images &#8211; removes image blocks</li>



<li>Export image title for XML node</li>
</ul>



<ul class="wp-block-list">
<li>Limit number of editions to view in export&nbsp;panel</li>



<li>Send notification emails to</li>



<li>Export Format</li>



<li>Disable images on export</li>



<li>Use image title as filename</li>



<li>Use XML Ad Sheet</li>



<li>FTP Backup Settings</li>
</ul>
</div>



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



<div class="wp-block-uagb-image uagb-block-2be252f1 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/image-62.png ,https://our-hometown.com/wp-content/uploads/image-62.png 780w, https://our-hometown.com/wp-content/uploads/image-62.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/image-62.png" alt="" class="uag-image-34237" width="720" height="501" title="Revers Publishing Settings Page" loading="lazy" role="img"/><figcaption class="uagb-image-caption">Reverse Publishing Settings Page</figcaption></figure></div>
</div></div>



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



<h3 class="wp-block-heading">Notification Schedule</h3>



<p>Set the options for when to receive update emails (the destination email address is set below):</p>



<ul class="wp-block-list">
<li>On the export screen</li>



<li>When articles are saved</li>



<li>Every X minutes</li>
</ul>



<h3 class="wp-block-heading">Export all statuses</h3>



<p>This toggle will make available articles of any status (draft, scheduled, etc.) for export, instead of being limited to published content.</p>



<h3 class="wp-block-heading">Include Byline in Body</h3>



<p>Depending on how your InDesign template is built, this option allows for the inclusion of the Byline field from an article to be in it&#8217;s own XML tag or inserted at the top within the Body tag.</p>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-14 wp-block-group-is-layout-flex">
<div class="wp-block-uagb-image uagb-block-d144b0b2 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/XML-Bylines-Separated.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/XML-Bylines-Separated-720x538.png ,https://our-hometown.com/wp-content/uploads/XML-Bylines-Separated.png 780w, https://our-hometown.com/wp-content/uploads/XML-Bylines-Separated.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/XML-Bylines-Separated-720x538.png" alt="" class="uag-image-34290" width="720" height="538" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">InDesign Structure Panel:<br>XML Bylines Separated</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-a4301807 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/XML-Bylines-In-Body.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/XML-Bylines-In-Body-720x538.png ,https://our-hometown.com/wp-content/uploads/XML-Bylines-In-Body.png 780w, https://our-hometown.com/wp-content/uploads/XML-Bylines-In-Body.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/XML-Bylines-In-Body-720x538.png" alt="" class="uag-image-34289" width="720" height="538" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">InDesign Structure Panel:<br>XML Bylines Within Body Element</figcaption></figure></div>
</div>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary><strong>XML Code Snippet with Separate Bylines</strong></summary>
<p>&lt;story-225816-Driving-Development&gt;

&lt;story-225816-title aid:cstyle=&#8221;&#8221; aid:pstyle=&#8221;Headline Sans RD&#8221;&gt;

&lt;story-225816-subhead-0 aid:cstyle=&#8221;&#8221; aid:pstyle=&#8221;Subhead RD&#8221;&gt;

&lt;story-225816-byline-0 aid:cstyle=&#8221;&#8221; aid:pstyle=&#8221;Byline Writer RD&#8221;&gt;

&lt;story-225816-byline-1 aid:cstyle=&#8221;&#8221; aid:pstyle=&#8221;Byline Email/company RD&#8221;&gt;

&lt;story-225816-body aid:cstyle=&#8221;&#8221; aid:pstyle=&#8221;Body Text RD&#8221;&gt;
&lt;p&gt;St. Ignace needs more housing, and several projects are in development to help resolve the shortage. Both Mackinac County and the Sault Ste. Marie Tribe of Chippewa Indians are working toward new construction efforts that could bring more single-family homes, apartments, and condominiums to the area. A new condo project is also in development on Balsam Street.&lt;/p&gt;</p>



<p></p>
</details>



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



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary><strong>XML Code Snippet with Bylines included within the Body element as Paragraphs (Byline styles assigned)</strong></summary>
<p>&lt;story-225816-Driving-Development&gt;

&lt;story-225816-title aid:cstyle=&#8221;&#8221; aid:pstyle=&#8221;Headline Sans RD&#8221;&gt;Driving Development&lt;/story-225816-title&gt;

&lt;story-225816-subhead-0 aid:cstyle=&#8221;&#8221; aid:pstyle=&#8221;Subhead RD&#8221;&gt;County, City, Tribe Working Toward More Housing&lt;/story-225816-subhead-0&gt;

&lt;story-225816-body aid:cstyle=&#8221;&#8221; aid:pstyle=&#8221;Body Text RD&#8221;&gt;
&lt;p aid:cstyle=&#8221;&#8221; aid:pstyle=&#8221;Byline Writer RD&#8221;&gt;&lt;/p&gt;
&lt;p aid:cstyle=&#8221;&#8221; aid:pstyle=&#8221;Byline Email/company RD&#8221;&gt;&lt;/p&gt;
&lt;p&gt;St. Ignace needs more housing, and several projects are in development to help resolve the shortage. Both Mackinac County and the Sault Ste. Marie Tribe of Chippewa Indians are working toward new construction efforts that could bring more single-family homes, apartments, and condominiums to the area. A new condo project is also in development on Balsam Street.&lt;/p&gt;</p>



<p></p>
</details>



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



<h3 class="wp-block-heading">Use Author for Empty Byline</h3>



<p>Toggle this on to use the Author field of an article if there is no Byline present.</p>



<h3 class="wp-block-heading">Export Format</h3>



<p>We are demonstrating the InDesign XML option in this walkthrough, but the NewsCycle NITF format is available for those who need it.</p>



<h3 class="wp-block-heading">Disable images on export</h3>



<p>Use this option if you would like to only download the text article content, i.e. just the XML file, if you would like to add images directly from your computer. This is good for instances where separate color management needs to be done for print services.</p>



<h3 class="wp-block-heading">Use image title as filename</h3>



<p>This option can be very useful if images in your media library have default camera-assigned filenames, such as IMG00034034.jpg.</p>



<h3 class="wp-block-heading">Export only filename for images &#8211; removes image blocks</h3>



<p>Images are included in the XML at the end of each story element. If this option is toggled OFF, images be wrapped in a paragraph tag similar to the option for including Bylines in the body tag. This can be useful if you will be using different or altered versions of images instead of those on the website.</p>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-15 wp-block-group-is-layout-flex">
<div class="wp-block-uagb-image uagb-block-f9018842 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/XML-Image-Element-Blocks-Blur-720x515.png ,https://our-hometown.com/wp-content/uploads/XML-Image-Element-Blocks-Blur.png 780w, https://our-hometown.com/wp-content/uploads/XML-Image-Element-Blocks-Blur.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/XML-Image-Element-Blocks-Blur-720x515.png" alt="" class="uag-image-34295" width="720" height="515" title="InDesign Structure Panel: XML Image Element Blocks" loading="lazy" role="img"/><figcaption class="uagb-image-caption">InDesign Structure Panel: XML Image Element Blocks</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-93c5af3f 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/XML-Image-Element-No-Image-Blocks-720x515.png ,https://our-hometown.com/wp-content/uploads/XML-Image-Element-No-Image-Blocks.png 780w, https://our-hometown.com/wp-content/uploads/XML-Image-Element-No-Image-Blocks.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/XML-Image-Element-No-Image-Blocks-720x515.png" alt="" class="uag-image-34294" width="720" height="515" title="InDesign Structure Panel: XML Image Element Placeholders" loading="lazy" role="img"/><figcaption class="uagb-image-caption">InDesign Structure Panel: XML Image Element Placeholders</figcaption></figure></div>
</div>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>XML Code Snippet With Image Blocks Included (Default Setting)</summary>
<pre class="wp-block-code"><code>&lt;/story-225816-body&gt;
&lt;graphic-driving-development-1&gt;
&lt;image href="file:///driving-development-1.jpg" /&gt;
&lt;caption aid:cstyle="" aid:pstyle="Photo Caption RD"&gt;
 St. Ignace has not seen many high-capacity housing projects in recent decades, with the St. Ignace Senior Housing apartment complex on Lake Street remaining as one of the newer ones Thursday, April 24, 2025.
&lt;/caption&gt;
&lt;/graphic-driving-development-1&gt;</code></pre>
</details>



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



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>XML Code Snippet With Image Blocks Replaced By Paragraph Elements</summary>
<pre class="wp-block-code"><code>&lt;/story-225816-body&gt;
&lt;story-225816-image-placeholders&gt;&lt;p&gt;driving-development-1.jpg&lt;/p&gt;
&lt;p aid:cstyle="" aid:pstyle="Photo Caption RD"&gt; St. Ignace has not seen many high-capacity housing projects in recent decades, with the St. Ignace Senior Housing apartment complex on Lake Street remaining as one of the newer ones Thursday, April 24, 2025.&lt;/p&gt;
</code></pre>
</details>



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



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Export Page</h2>



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



<li>Category</li>



<li>Export</li>



<li>Include Ads</li>



<li>Include titles in article root</li>



<li>Character Styles</li>



<li>Paragraph Styles</li>
</ul>



<div class="wp-block-uagb-image uagb-block-131ed426 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/Reverse-Publishing-Page.png ,https://our-hometown.com/wp-content/uploads/Reverse-Publishing-Page.png 780w, https://our-hometown.com/wp-content/uploads/Reverse-Publishing-Page.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Reverse-Publishing-Page.png" alt="" class="uag-image-34273" width="720" height="736" title="Reverse Publishing Page" loading="lazy" role="img"/><figcaption class="uagb-image-caption">Reverse Publishing Page</figcaption></figure></div>
</div></div>



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



<h3 class="wp-block-heading">Edition</h3>



<p>Select the edition for export. A search field allows you to filter the list for convenience.</p>



<h3 class="wp-block-heading">Category</h3>



<p>Choose a single category from the selected edition for export.</p>



<h3 class="wp-block-heading">Export</h3>



<p>You can export all content from the selected edition/category or choose to only include changes since the last export.</p>



<h3 class="wp-block-heading">Include Ads</h3>



<p>If you are posting display ads (or they are extracted as part of our full-service process), these can be included in the export for layout along with the article content for the edition. Display ads themselves are not associated with a particular edition, so this option will include all currently running display ads on the site. Note these are NOT the ads managed by AdRotate Pro, i.e. manually placed banner and tile ads.</p>



<h3 class="wp-block-heading">Include titles in article root</h3>



<p>Toggle this options to include the article headline in each story tag in the exported XML.</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-19 wp-block-group-is-layout-grid">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="has-text-align-center">Title Included</p>



<pre class="wp-block-code"><code>&lt;story-225816-Driving-Development&gt;

&lt;story-225816-title aid:cstyle="" aid:pstyle="Headline Sans RD"&gt;Driving Development&lt;/story-225816-title&gt;</code></pre>
</div></div>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="has-text-align-center">Title Not Included</p>



<pre class="wp-block-code"><code>&lt;story-225816&gt;

&lt;story-225816-title aid:cstyle="" aid:pstyle="Headline Sans RD"&gt;Driving Development&lt;/story-225816-title&gt;</code></pre>
</div></div>
</div></div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-20 wp-block-group-is-layout-flex">
<div class="wp-block-uagb-image uagb-block-89a2ddd5 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/Titles-Included-in-XML-Root-Elements-720x466.png ,https://our-hometown.com/wp-content/uploads/Titles-Included-in-XML-Root-Elements.png 780w, https://our-hometown.com/wp-content/uploads/Titles-Included-in-XML-Root-Elements.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Titles-Included-in-XML-Root-Elements-720x466.png" alt="" class="uag-image-34302" width="720" height="466" title="Titles Included in XML Root Elements" loading="lazy" role="img"/><figcaption class="uagb-image-caption">Titles Included in XML Root Elements</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-eae95e66 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/No-Titles-in-XML-Root-Elements-720x466.png ,https://our-hometown.com/wp-content/uploads/No-Titles-in-XML-Root-Elements.png 780w, https://our-hometown.com/wp-content/uploads/No-Titles-in-XML-Root-Elements.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/No-Titles-in-XML-Root-Elements-720x466.png" alt="" class="uag-image-34301" width="720" height="194" title="No Titles in XML Root Elements" loading="lazy" role="img"/><figcaption class="uagb-image-caption">Titles Not Included in XML Root Elements</figcaption></figure></div>
</div>



<h3 class="wp-block-heading">Text Styles</h3>



<p>You can specify style attributes for the main elements that will be exported:</p>



<p><strong>Character Styles</strong> are used less often, but allow you to target styles at the word or character level in your InDesign template. In this context it is still applied to the entire element (e.g. Heading), so we recommend using Paragraph styles in most situations.</p>



<p><strong>Paragraph Styles</strong> should always be used as these styles are applied to the individual article elements. </p>



<p>For either style group, the name of a style supplied on the export page should match the corresponding style in your InDesign template by name. This ensures that when dragging content from the Structure panel, all relevant styles will be applied automatically. </p>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-21 wp-block-group-is-layout-flex">
<div class="wp-block-uagb-image uagb-block-18a84e3b 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/Rev-Pub-Styles-720x1095.png ,https://our-hometown.com/wp-content/uploads/Rev-Pub-Styles.png 780w, https://our-hometown.com/wp-content/uploads/Rev-Pub-Styles.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Rev-Pub-Styles-720x1095.png" alt="" class="uag-image-34299" width="300" height="526" title="Rev Pub Styles" loading="lazy" role="img"/><figcaption class="uagb-image-caption">XML Export Styles</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-ce2c1cc0 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/InDesign-Paragraph-Styles.png ,https://our-hometown.com/wp-content/uploads/InDesign-Paragraph-Styles.png 780w, https://our-hometown.com/wp-content/uploads/InDesign-Paragraph-Styles.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/InDesign-Paragraph-Styles.png" alt="" class="uag-image-34298" width="300" height="1468" title="InDesign Paragraph Styles" loading="lazy" role="img"/><figcaption class="uagb-image-caption">InDesign Paragraph Styles</figcaption></figure></div>
</div><p>The post <a href="https://our-hometown.com/reverse-publishing-setting-up-your-first-export/">Reverse Publishing: Setting Up Your First Export</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/Reverse-Publishing-Feature-Image-1-720x393.png" medium="image" />
	</item>
		<item>
		<title>News Notifications Now Available For Your Readers</title>
		<link>https://our-hometown.com/news-notifications-now-available-for-your-readers/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Fri, 23 May 2025 16:03:53 +0000</pubDate>
				<category><![CDATA[Changelog]]></category>
		<category><![CDATA[Dashboard alert]]></category>
		<category><![CDATA[Feature Highlights]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Latest from Our Hometown]]></category>
		<category><![CDATA[Websites]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=34247</guid>

					<description><![CDATA[<p>The Our-Hometown engineering team has released a Browser Notifications feature for the platform. With this your readers can subscribe to multiple alert channels for timely push notifications directly from their browser. They can sign up for specific category updates (per publisher settings) and breaking news alerts. All this is presented in a simple side panel that can be accessed by a new Bell icon in the Main Navigation area. Readers […]</p>
<p>The post <a href="https://our-hometown.com/news-notifications-now-available-for-your-readers/">News Notifications Now Available For Your Readers</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>The Our-Hometown engineering team has released a <strong>Browser Notifications </strong>feature for the platform. With this your readers can subscribe to multiple alert channels for timely push notifications directly from their browser. They can sign up for specific category updates (per publisher settings) and breaking news alerts. All this is presented in a simple side panel that can be accessed by a new Bell icon in the Main Navigation area.</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-22 wp-block-group-is-layout-grid">
<div class="wp-block-uagb-image uagb-block-2ef3ed21 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/Browser-Notifications-Homepage-Bell-Highlight.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Browser-Notifications-Homepage-Bell-Highlight.png ,https://our-hometown.com/wp-content/uploads/Browser-Notifications-Homepage-Bell-Highlight.png 780w, https://our-hometown.com/wp-content/uploads/Browser-Notifications-Homepage-Bell-Highlight.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Browser-Notifications-Homepage-Bell-Highlight.png" alt="" class="uag-image-34249" width="1473" height="972" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Browser Notification Bell</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-bfeb5b6d 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/Browser-Notifications-Panel-Enable.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Browser-Notifications-Panel-Enable.png ,https://our-hometown.com/wp-content/uploads/Browser-Notifications-Panel-Enable.png 780w, https://our-hometown.com/wp-content/uploads/Browser-Notifications-Panel-Enable.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Browser-Notifications-Panel-Enable.png" alt="" class="uag-image-34250" width="1473" height="972" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Settings Panel: Enable Notifications</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-b8264e2f 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/Browser-Notifications-Panel-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/Browser-Notifications-Panel-Settings.png ,https://our-hometown.com/wp-content/uploads/Browser-Notifications-Panel-Settings.png 780w, https://our-hometown.com/wp-content/uploads/Browser-Notifications-Panel-Settings.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Browser-Notifications-Panel-Settings.png" alt="" class="uag-image-34251" width="1473" height="972" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Settings Panel: Manage Subscriptions</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-1948d85d 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/Browser-Notifications-Panel-History.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Browser-Notifications-Panel-History.png ,https://our-hometown.com/wp-content/uploads/Browser-Notifications-Panel-History.png 780w, https://our-hometown.com/wp-content/uploads/Browser-Notifications-Panel-History.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Browser-Notifications-Panel-History.png" alt="" class="uag-image-34252" width="1473" height="972" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Notifications Panel History</figcaption></figure></div>
</div></div>



<p>Readers can always control what notifications are being sent, plus a history of all notifications for reference.</p>



<p>Notifications do require the user to allow for browser notifications, and will be prompted when enabling the feature to accept the permissions update for the website. This will need to be done for each browser a reader may use, but once done the settings will persist until disable notifications or revoke the site permissions. </p>



<p>The appearance of the notifications is determined by the operating system and the browser being used, with some also offering an audible alert as well as the text alert.</p>



<h2 class="wp-block-heading">News Notifications Dashboard</h2>



<p>The Notifications Dashboard page in the Admin section of the website provides analytics on how many notifications have been sent as well as the click-through rate so you can assess the engagement of your readers.</p>



<div class="wp-block-uagb-image uagb-block-a32d2937 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/Browser-Notifications-Dashboard.png ,https://our-hometown.com/wp-content/uploads/Browser-Notifications-Dashboard.png 780w, https://our-hometown.com/wp-content/uploads/Browser-Notifications-Dashboard.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Browser-Notifications-Dashboard.png" alt="" class="uag-image-34254" width="1299" height="971" title="News Notifications Dashboard" loading="lazy" role="img"/><figcaption class="uagb-image-caption">News Notifications Dashboard</figcaption></figure></div>



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



<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-group wp-container-content-12"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading wp-container-content-8">Notification Settings</h2>



<p class="wp-container-content-9">The Notification Settings page provides options for enabling notifications per category, each with it&#8217;s own schedule, plus the settings for Breaking News alerts.</p>



<p class="wp-container-content-10"> Let&#8217;s take a look at these settings in detail.</p>



<h3 class="wp-block-heading">Category Display</h3>



<p class="wp-container-content-11">The first setting is whether you would like all category alerts to be grouped on the Notifications panel. If grouped the reader can subscribe to a &#8220;News Alerts&#8221; channel which will sign them up for all the category notifications (with individual schedules) that you have set up. Other wise with this setting toggled OFF, the reader can then subscribe to each category channel individually.</p>
</div></div>



<div class="wp-block-uagb-image alignright uagb-block-caccbc43 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/Browser-Notifications-Settings-Blur.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Browser-Notifications-Settings-Blur.png ,https://our-hometown.com/wp-content/uploads/Browser-Notifications-Settings-Blur.png 780w, https://our-hometown.com/wp-content/uploads/Browser-Notifications-Settings-Blur.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Browser-Notifications-Settings-Blur.png" alt="" class="uag-image-34264" width="1303" height="2753" title="" loading="lazy" role="img"/></a></figure></div>



<div class="wp-block-uagb-image uagb-block-21bf04b8 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none wp-container-content-14"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/Notification-Category-Group-Toggle.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Notification-Category-Group-Toggle.png ,https://our-hometown.com/wp-content/uploads/Notification-Category-Group-Toggle.png 780w, https://our-hometown.com/wp-content/uploads/Notification-Category-Group-Toggle.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Notification-Category-Group-Toggle.png" alt="" class="uag-image-34256" width="2008" height="181" 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-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Select Categories</h3>



<p>Tick the box next to any categories you would like to include in the Notifications Panel and you will be presented with scheduling options for each:</p>



<div class="wp-block-uagb-image alignright uagb-block-b9a34ab3 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/Category-Notifications-Schedule.png ,https://our-hometown.com/wp-content/uploads/Category-Notifications-Schedule.png 780w, https://our-hometown.com/wp-content/uploads/Category-Notifications-Schedule.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Category-Notifications-Schedule.png" alt="" class="uag-image-34259" width="386" height="194" title="Category Notifications Schedule" loading="lazy" role="img"/></figure></div>



<ul class="wp-block-list">
<li>Send instantly (on publication of new content)</li>



<li>Send at Specific Times: Add as many time slots as you would like for notifications from this particular category. Click the Add Time button to specify additional notification times.</li>
</ul>



<h3 class="wp-block-heading">Breaking News</h3>



<div class="wp-block-uagb-image alignright uagb-block-722ef5d9 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/Breaking-News-Toggle.png ,https://our-hometown.com/wp-content/uploads/Breaking-News-Toggle.png 780w, https://our-hometown.com/wp-content/uploads/Breaking-News-Toggle.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Breaking-News-Toggle.png" alt="" class="uag-image-34270" width="387" height="90" title="Breaking News Toggle" loading="lazy" role="img"/></figure></div>



<p>This feature provides the same scheduling options as categories, but for any article set to Breaking News when published, regardless of category.</p>
</div></div>



<p>Reach out to us at <a href="mailto:ops@our-hometown.com">ops@our-hometown.com</a> today, so we can assist you in getting this feature set up and increase reader engagement for your website!</p>



<p></p><p>The post <a href="https://our-hometown.com/news-notifications-now-available-for-your-readers/">News Notifications Now Available For Your Readers</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/Browser-Notifications-Feature-Image-720x393.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 loading="lazy"  style="display: block; margin: 0px auto;"  id="_ytid_15072"  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-26 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-15">
<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-16">
<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-28 wp-block-group-is-layout-grid">
<h2 class="wp-block-heading wp-container-content-17">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-18"><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-19"><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-20">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-21">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-22">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 loading="lazy" 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-29 wp-block-group-is-layout-grid">
<h2 class="wp-block-heading wp-container-content-23" id="paragraph">Paragraph Block</h2>



<p class="wp-container-content-24">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-25"><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-26">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-30 wp-block-group-is-layout-grid">
<p class="wp-container-content-27">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-28"><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-30" 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-29">
<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-31"><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-31 wp-block-group-is-layout-grid">
<p class="wp-container-content-32">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-33"><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-34">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-35"><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-36">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-37"><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>Introducing Our-Hometown&#8217;s Fully-Featured Weather Widget</title>
		<link>https://our-hometown.com/introducing-our-hometowns-fully-featured-weather-widget/</link>
		
		<dc:creator><![CDATA[Christopher Winders]]></dc:creator>
		<pubDate>Mon, 12 May 2025 15:57:12 +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[Software Updates]]></category>
		<category><![CDATA[Websites]]></category>
		<guid isPermaLink="false">https://our-hometown.com/?p=34201</guid>

					<description><![CDATA[<p>Our engineering team has been hard at work creating a new fully-featured weather widget for use on our customer websites. The widget features a header displaying current conditions and today’s forecast. Below the header you can toggle a section to display periodic Special Weather Statements from the National Weather Service. The main portion of the widget is dedicated to tabs that provide Hourly and 7-Day forecasts, as well as a […]</p>
<p>The post <a href="https://our-hometown.com/introducing-our-hometowns-fully-featured-weather-widget/">Introducing Our-Hometown’s Fully-Featured Weather Widget</a> first appeared on <a href="https://our-hometown.com">Our-Hometown</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Our engineering team has been hard at work creating a new fully-featured weather widget for use on our customer websites.</p>



<p>The widget features a header displaying current conditions and today&#8217;s forecast. </p>



<div class="wp-block-uagb-image aligncenter uagb-block-ec762507 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/WW-Default-View.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/WW-Default-View.png ,https://our-hometown.com/wp-content/uploads/WW-Default-View.png 780w, https://our-hometown.com/wp-content/uploads/WW-Default-View.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/WW-Default-View.png" alt="" class="uag-image-34202" width="1110" height="1243" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Default View</figcaption></figure></div>



<p>Below the header you can toggle a section to display periodic <strong>Special Weather Statements</strong> from the National Weather Service. </p>



<div class="wp-block-uagb-image aligncenter uagb-block-58f004e3 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/WW-Special-Statement.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/WW-Special-Statement.png ,https://our-hometown.com/wp-content/uploads/WW-Special-Statement.png 780w, https://our-hometown.com/wp-content/uploads/WW-Special-Statement.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/WW-Special-Statement.png" alt="Special Weather Statement" class="uag-image-34203" width="1084" height="503" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Special Weather Statement</figcaption></figure></div>



<p>The main portion of the widget is dedicated to tabs that provide <strong>Hourly</strong> and <strong>7-Day</strong> forecasts, as well as a live radar <strong>Map</strong>.</p>



<p>For the Hourly and 7-Day forecast entries, a button to the right of each will reveal further details for that particular timeframe.</p>



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



<div class="wp-block-uagb-image uagb-block-91f54b12 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/WW-7-Day-Closed.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/WW-7-Day-Closed.png ,https://our-hometown.com/wp-content/uploads/WW-7-Day-Closed.png 780w, https://our-hometown.com/wp-content/uploads/WW-7-Day-Closed.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/WW-7-Day-Closed.png" alt="7-Day Forecast Closed" class="uag-image-34205" width="1077" height="522" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">7-Day Forecast Closed</figcaption></figure></div>



<div class="wp-block-uagb-image uagb-block-1f39e350 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/WW-7-Day-Expanded.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/WW-7-Day-Expanded.png ,https://our-hometown.com/wp-content/uploads/WW-7-Day-Expanded.png 780w, https://our-hometown.com/wp-content/uploads/WW-7-Day-Expanded.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/WW-7-Day-Expanded.png" alt="7-Day Forecast Expanded" class="uag-image-34206" width="1077" height="522" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">7-Day Forecast Expanded</figcaption></figure></div>
</div></div>



<p>The Map tab displays a live view with settings for the road/satellite view, plus layer toggles for various map overlays, such as precipitation, temperature, etc. and can even play through an animation of weather conditions.</p>



<div class="wp-block-uagb-image uagb-block-6442bdd4 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/WW-Map-Layers.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/WW-Map-Layers.png ,https://our-hometown.com/wp-content/uploads/WW-Map-Layers.png 780w, https://our-hometown.com/wp-content/uploads/WW-Map-Layers.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/WW-Map-Layers.png" alt="Base Map and Overlay Settings" class="uag-image-34207" width="1085" height="555" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Base Map and Overlay Settings</figcaption></figure></div>



<p>A <strong>General Settings</strong> page provides options to toggle the default state (on or off) for many of these items as well as the default location and your API key for accessing the weather data.</p>



<div class="wp-block-uagb-image uagb-block-c0e0da75 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/WW-GeneralSettings.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/WW-GeneralSettings.png ,https://our-hometown.com/wp-content/uploads/WW-GeneralSettings.png 780w, https://our-hometown.com/wp-content/uploads/WW-GeneralSettings.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/WW-GeneralSettings.png" alt="OHT Weather Widget General Settings" class="uag-image-34208" width="1375" height="919" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">OHT Weather Widget General Settings</figcaption></figure></div>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-grid wp-container-core-group-is-layout-33 wp-block-group-is-layout-grid">
<p class="wp-container-content-40">The widget actually includes two separate widgets that can be used in the theme <strong>Customizer</strong> or simply in the <strong>Block Editor</strong>. One for a small heading display and one for the full widget.</p>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer wp-container-content-41"></div>



<div class="wp-block-uagb-image uagb-block-f83ee21c 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/Weather-Widget-Customizer.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/Weather-Widget-Customizer.png ,https://our-hometown.com/wp-content/uploads/Weather-Widget-Customizer.png 780w, https://our-hometown.com/wp-content/uploads/Weather-Widget-Customizer.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/Weather-Widget-Customizer.png" alt="Weather Widget Header Block" class="uag-image-34212" width="634" height="1576" title="" loading="lazy" role="img"/></a></figure></div>



<div class="wp-block-uagb-image uagb-block-3fc4cd05 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none wp-container-content-42"><figure class="wp-block-uagb-image__figure"><a class="" href="https://our-hometown.com/wp-content/uploads/WW-Header-Widget-Placement-Circled.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/WW-Header-Widget-Placement-Circled-720x92.png ,https://our-hometown.com/wp-content/uploads/WW-Header-Widget-Placement-Circled.png 780w, https://our-hometown.com/wp-content/uploads/WW-Header-Widget-Placement-Circled.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/WW-Header-Widget-Placement-Circled-720x92.png" alt="" class="uag-image-34214" width="720" height="92" title="" loading="lazy" role="img"/></a></figure></div>
</div></div>



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



<p>Additionally, the widget can be accessed and placed via <strong>shortcode</strong> with options for the various display toggles and location settings.</p>



<div class="wp-block-uagb-image uagb-block-1dd6bcb2 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/WW-Shortcode-Examples.png" target="" data-rel="lightbox-gallery-0" data-rl_title="" data-rl_caption=""><img decoding="async" srcset="https://our-hometown.com/wp-content/uploads/WW-Shortcode-Examples.png ,https://our-hometown.com/wp-content/uploads/WW-Shortcode-Examples.png 780w, https://our-hometown.com/wp-content/uploads/WW-Shortcode-Examples.png 360w" sizes="(max-width: 480px) 150px" src="https://our-hometown.com/wp-content/uploads/WW-Shortcode-Examples.png" alt="Shortcode Examples" class="uag-image-34209" width="1398" height="800" title="" loading="lazy" role="img"/></a><figcaption class="uagb-image-caption">Shortcode Examples</figcaption></figure></div>



<p>If you are interested in adding the new <strong>OHT Weather Widget</strong> to your site, please don&#8217;t hesitate to reach out to us at <a href="mailto:ops@our-hometown.com">ops@our-hometown.com</a>!</p>



<p></p><p>The post <a href="https://our-hometown.com/introducing-our-hometowns-fully-featured-weather-widget/">Introducing Our-Hometown’s Fully-Featured Weather Widget</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/WW-Feature-Splash-720x405.jpg" medium="image" />
	</item>
	</channel>
</rss>
