Add sticky header, customizer hero background image, and cinematic post image styles

This commit is contained in:
Adolfo Reyna
2026-03-12 23:34:08 -04:00
parent c4a6f2f4ab
commit d4d53ca56b
4 changed files with 183 additions and 38 deletions

View File

@@ -3,9 +3,12 @@
* The front page template file.
*/
get_header(); ?>
get_header();
<section class="hero-section">
$hero_bg = get_theme_mod( 'hero_background_image', get_template_directory_uri() . '/assets/images/hero-default.png' );
?>
<section class="hero-section" style="background-image: url('<?php echo esc_url( $hero_bg ); ?>'); background-size: cover; background-position: center;">
<div class="hero-content">
<h1 class="hero-headline"><?php echo get_theme_mod( 'hero_headline', 'Ancient Wisdom for a Modern World.' ); ?></h1>
<p class="hero-subheadline"><?php echo get_theme_mod( 'hero_subheadline', 'A collection of biblical insights curated for the thoughtful leader.' ); ?></p>