Posts 3up

Banners

Dynamic feed highlighting three recent posts (e.g. news articles, announcements, etc.), showing title, date of publication, and an animated orange arrow.

How to use
Specifications

Use Cases:

Draw readers’ attention to new posts, news, and announcements.
Convey the impression that the information on your website is up-to-date.
Utilize WordPress’s built-in category function to create custom feeds to embed on different pages.

Avoid:

Using feeds if posts are not updated on a regular basis.

Dependencies:

Posts

Component Viewer

Preview various component colors, widths, and alignments.

Copy Block

Heading

New location for college website guidance

February 12, 2025
Changelog–Version 1.2.5

January 10, 2025
Changelog—Version 1.2.4

December 4, 2024

<!-- wp:group {"metadata":{"name":"Posts 3up light gray","categories":["dynamic-content"],"patternName":"utkwds/posts-3up-light-gray"},"align":"full","className":"utkwds-posts-3up","style":{"spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|small","left":"var:preset|spacing|small"},"blockGap":"var:preset|spacing|medium"}},"backgroundColor":"light","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull utkwds-posts-3up has-light-background-color has-background" style="padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:heading {"align":"wide","fontSize":"large"} -->
<h2 class="wp-block-heading alignwide has-large-font-size">Heading</h2>
<!-- /wp:heading -->

<!-- wp:query {"queryId":0,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|smokey"}}}},"textColor":"smokey","layout":{"type":"grid","columnCount":3}} -->
<!-- wp:post-title {"level":3,"isLink":true,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} /-->

<!-- wp:post-date {"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"bottom":"var:preset|spacing|x-small"}}},"fontSize":"x-small"} /-->
<!-- /wp:post-template --></div>
<!-- /wp:query --></div>
<!-- /wp:group -->

Heading

New location for college website guidance

February 12, 2025
Changelog–Version 1.2.5

January 10, 2025
Changelog—Version 1.2.4

December 4, 2024

<!-- wp:group {"metadata":{"name":"Posts 3up white","categories":["dynamic-content"],"patternName":"utkwds/posts-3up-white"},"align":"full","className":"utkwds-posts-3up","style":{"spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|small","left":"var:preset|spacing|small"},"blockGap":"var:preset|spacing|medium"}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull utkwds-posts-3up has-white-background-color has-background" style="padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:heading {"align":"wide","fontSize":"large"} -->
<h2 class="wp-block-heading alignwide has-large-font-size">Heading</h2>
<!-- /wp:heading -->

<!-- wp:query {"queryId":0,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|smokey"}}}},"textColor":"smokey","layout":{"type":"grid","columnCount":3}} -->
<!-- wp:post-title {"level":3,"isLink":true,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} /-->

<!-- wp:post-date {"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"bottom":"var:preset|spacing|x-small"}}},"fontSize":"x-small"} /-->
<!-- /wp:post-template --></div>
<!-- /wp:query --></div>
<!-- /wp:group -->

Posts 3up

Component Viewer

Heading

New location for college website guidance

Changelog–Version 1.2.5

Changelog—Version 1.2.4

Heading

New location for college website guidance

Changelog–Version 1.2.5

Changelog—Version 1.2.4