wordpress-plugin/templates/front-page-mw.phpPHP
<?php
defined('ABSPATH') || exit;
get_header();
$config = \MeinWeimar\Settings::public_config();
$hero = (array) ($config['hero'] ?? []);
$hero_colors = (array) ($hero['colors'] ?? []);
$localization = (array) ($config['localization'] ?? []);
$available_locales = array_values(array_filter(array_map('sanitize_text_field', (array) ($config['locales'] ?? []))));
$locale = sanitize_text_field((string) get_locale());
$locale = in_array($locale, $available_locales, true) ? $locale : (string) ($localization['default_locale'] ?? ($available_locales[0] ?? 'de_DE'));
$fallback_locale = (string) ($localization['fallback_locale'] ?? ($available_locales[0] ?? $locale));
$localized = static function ($values) use ($locale, $fallback_locale): string {
$values = is_array($values) ? $values : [];
foreach ([$locale, $fallback_locale] as $candidate) {
$value = trim((string) ($values[$candidate] ?? ''));
if ('' !== $value) {
return $value;
}
}
foreach ($values as $value) {
$value = trim((string) $value);
if ('' !== $value) {
return $value;
}
}
return '';
};
$hero_image = (array) ($hero['image'] ?? []);
$hero_logo = (array) ($hero['logo'] ?? []);
$hero_image_url = (string) ($hero_image['url'] ?? $hero['image_url'] ?? '');
$hero_image_srcset = (string) ($hero_image['srcset'] ?? '');
$hero_image_alt = (string) ($hero_image['alt'] ?? '');
$hero_logo_url = (string) ($hero_logo['url'] ?? '');
$hero_logo_srcset = (string) ($hero_logo['srcset'] ?? '');
$hero_logo_alt = (string) ($hero_logo['alt'] ?? ($config['brand']['wordmark'] ?? ''));
$hero_title = $localized($hero['title'] ?? []);
$hero_body = $localized($hero['body'] ?? []);
$hero_eyebrow = $localized($hero['eyebrow'] ?? []);
$hero_primary_label = $localized($hero['primary_label'] ?? []);
$hero_primary_url = $localized($hero['primary_url'] ?? []);
$hero_secondary_label = $localized($hero['secondary_label'] ?? []);
$hero_secondary_url = $localized($hero['secondary_url'] ?? []);
$hero_height_mode = 'image' === ($hero['height_mode'] ?? '') ? 'image' : 'content';
$hero_image_fit = 'contain' === ($hero['image_fit'] ?? '') ? 'contain' : 'cover';
$brand_style = sprintf(
'--mw-primary:%s;--mw-secondary:%s;--mw-hero-title:%s;--mw-hero-body:%s;--mw-hero-eyebrow:%s;--mw-hero-button:%s;--mw-hero-button-text:%s;--mw-hero-secondary-button:%s;--mw-hero-secondary-button-text:%s;',
esc_attr((string) ($config['brand']['primary_color'] ?? '#ff1e6e')),
esc_attr((string) ($config['brand']['secondary_color'] ?? '#20242e')),
esc_attr((string) ($hero_colors['title'] ?? '#ffffff')),
esc_attr((string) ($hero_colors['body'] ?? '#ffffff')),
esc_attr((string) ($hero_colors['eyebrow'] ?? ($config['brand']['primary_color'] ?? '#ff1e6e'))),
esc_attr((string) ($hero_colors['button'] ?? ($config['brand']['primary_color'] ?? '#ff1e6e'))),
esc_attr((string) ($hero_colors['button_text'] ?? '#ffffff')),
esc_attr((string) ($hero_colors['secondary_button'] ?? ($config['brand']['secondary_color'] ?? '#20242e'))),
esc_attr((string) ($hero_colors['secondary_button_text'] ?? '#ffffff'))
);
?>
<main class="mw-front-page" style="<?php echo esc_attr($brand_style); ?>">
<section class="mw-front-page__hero mw-front-page__hero--<?php echo esc_attr($hero_height_mode); ?>" aria-labelledby="mw-front-page-title">
<?php if ($hero_image_url) : ?>
<img class="mw-front-page__hero-image" src="<?php echo esc_url($hero_image_url); ?>"<?php if ($hero_image_srcset) : ?> srcset="<?php echo esc_attr($hero_image_srcset); ?>" sizes="(max-width: 700px) 100vw, 1280px"<?php endif; ?> alt="<?php echo esc_attr($hero_image_alt); ?>" data-fit="<?php echo esc_attr($hero_image_fit); ?>">
<?php endif; ?>
<div class="mw-front-page__hero-overlay" aria-hidden="true"></div>
<div class="mw-front-page__hero-content">
<?php if ($hero_logo_url) : ?>
<img class="mw-front-page__hero-logo" src="<?php echo esc_url($hero_logo_url); ?>"<?php if ($hero_logo_srcset) : ?> srcset="<?php echo esc_attr($hero_logo_srcset); ?>" sizes="(max-width: 700px) 160px, 240px"<?php endif; ?> alt="<?php echo esc_attr($hero_logo_alt); ?>">
<?php endif; ?>
<?php if ($hero_eyebrow) : ?><p class="mw-front-page__eyebrow"><?php echo esc_html($hero_eyebrow); ?></p><?php endif; ?>
<?php if ($hero_title) : ?><h1 id="mw-front-page-title"><?php echo esc_html($hero_title); ?></h1><?php endif; ?>
<?php if ($hero_body) : ?><p class="mw-front-page__hero-body"><?php echo esc_html($hero_body); ?></p><?php endif; ?>
<?php if (($hero_primary_label && $hero_primary_url) || ($hero_secondary_label && $hero_secondary_url)) : ?>
<div class="mw-front-page__hero-actions">
<?php if ($hero_primary_label && $hero_primary_url) : ?><a class="mw-front-page__hero-button mw-front-page__hero-button--primary" href="<?php echo esc_url($hero_primary_url); ?>"><?php echo esc_html($hero_primary_label); ?></a><?php endif; ?>
<?php if ($hero_secondary_label && $hero_secondary_url) : ?><a class="mw-front-page__hero-button mw-front-page__hero-button--secondary" href="<?php echo esc_url($hero_secondary_url); ?>"><?php echo esc_html($hero_secondary_label); ?></a><?php endif; ?>
</div>
<?php endif; ?>
</div>
</section>
<section id="discover" aria-label="<?php echo esc_attr($hero_primary_label ?: $hero_title); ?>">
<?php echo \MeinWeimar\Renderer::discovery_markup(['type' => 'all', 'per_page' => 12]); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
</section>
</main>
<?php
get_footer();