feature: Style single post template
Deploy to Dreamhost (dev) / build (push) Successful in 33s
Sync TODOs with Issues / sync_todos (push) Successful in 6s

This commit is contained in:
Keith Solomon
2026-07-05 17:04:30 -05:00
parent b4fb3b051b
commit 53b87c20fd
3 changed files with 70 additions and 42 deletions
+41 -4
View File
@@ -26,7 +26,9 @@
"ui": 0,
"return_format": "value",
"ajax": 0,
"placeholder": ""
"placeholder": "",
"create_options": 0,
"save_options": 0
},
{
"key": "field_6478f669004aa",
@@ -44,7 +46,10 @@
},
"default_value": "",
"enable_opacity": 0,
"return_format": "string"
"return_format": "string",
"custom_palette_source": "",
"palette_colors": "",
"show_color_wheel": true
},
{
"key": "field_6478f68c004ab",
@@ -94,6 +99,35 @@
"append": "",
"maxlength": ""
},
{
"key": "field_6a4ad339f75b8",
"label": "Subtitle",
"name": "subtitle",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": [
[
{
"field": "field_60bfda53dc0f2",
"operator": "!=",
"value": "none"
}
]
],
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"allow_in_bindings": 1,
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_60bfb85a4a420",
"label": "Intro",
@@ -202,7 +236,7 @@
"name": "hero_vector",
"aria-label": "",
"type": "image",
"instructions": "Optional decorative linework/vector rendered on the right side of the hero.",
"instructions": "Optional decorative linework\/vector rendered on the right side of the hero.",
"required": 0,
"conditional_logic": [
[
@@ -256,5 +290,8 @@
"active": true,
"description": "",
"show_in_rest": 0,
"modified": 1782918111
"display_title": "",
"allow_ai_access": false,
"ai_description": "",
"modified": 1783288661
}
+16 -38
View File
@@ -27,52 +27,30 @@ if ( hasSidebar() ) {
the_post();
?>
<div class="post-img">
<?php if ( has_post_thumbnail() ) : ?>
<img src="<?php the_post_thumbnail_url( 'full' ); ?>" alt="<?php the_title(); ?>" class="w-full h-auto mb-6">
<?php endif; ?>
</div>
<div class="post-title mb-0">
<h1 class="mb-0"><?php the_title(); ?></h1>
<h1 class=""><?php the_title(); ?></h1>
<div class="post-subtitle text-28px font-quincy font-bold m-0 mb-6 p-0 leading-none text-cwc-blue-02">
<?php the_field( 'subtitle' ); ?>
</div>
</div>
<div class="post-meta text-14px italic mb-6">
<div class="post-meta text-14px text-cwc-orange-01 uppercase font-bold mb-6">
<div class="">
<span class="post-date">Posted: <?php the_date(); ?></span> | <span class="post-author">Posted by: <?php echo esc_html( ucfirst( get_the_author() ) ); ?></span>
</div>
<div class="">
<span class="post-categories">
<?php
$categories = get_the_category();
if ( ! empty( $categories ) ) {
echo '<span>Posted in: ';
foreach ( $categories as $ct ) {
echo '<a href="' . esc_url( get_category_link( $ct->cat_ID ) ) . '">' . esc_html( $ct->name ) . '</a>';
if ( count( $categories ) > 1 && $ct !== end( $categories ) ) {
echo ', ';
}
}
echo '</span>';
}
?>
</span>
|
<span class="post-tags">
<?php
$tags = get_the_tags();
if ( ! empty( $tags ) ) {
echo '<span>Tagged: ';
foreach ( $tags as $tg ) {
echo '<a href="' . esc_url( get_tag_link( $tg->term_id ) ) . '">' . esc_html( $tg->name ) . '</a>';
if ( count( $tags ) > 1 && $tg !== end( $tags ) ) {
echo ', ';
}
}
echo '</span>';
}
?>
</span>
</div>
</div>
<?php
the_content();
<div class="post-content font-light">
<?php the_content(); ?>
</div>
<?php
}
}
?>
+13
View File
@@ -3,3 +3,16 @@
.social-icons svg {
@apply bg-transparent fill-white rounded-full block;
}
.post-title h1 {
@apply mb-8 text-cwc-blue-01 leading-none;
&::after {
background: var(--color-secondary);
content: "";
display: block;
height: 4px;
margin-top: 0.45rem;
width: 3rem;
}
}