PrivateCoffee/wp-duckbehaviorjournal
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: conditionally render social media links in footer

Browse source 
Updated the footer to conditionally display social media icons based on theme settings. This prevents empty links from appearing when no URL is set, improving UX and avoiding potential navigation issues.
This commit is contained in:
Kumi 2024-06-22 10:59:53 +02:00
parent 142e96e22a
commit b60e6c8c33
Signed by: kumi
GPG key ID: ECBCC9082395383F
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
footer.php
View file

@ -13,9 +13,15 @@
?>
</div>
<div class="social-media mt-3">
<a href="<?php echo get_theme_mod('footer_facebook_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/facebook-icon.png" alt="Facebook"></a>
<a href="<?php echo get_theme_mod('footer_twitter_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/twitter-icon.png" alt="Twitter"></a>
<a href="<?php echo get_theme_mod('footer_linkedin_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/linkedin-icon.png" alt="LinkedIn"></a>
<?php if (get_theme_mod('footer_facebook_link', '#')) : ?>
<a href="<?php echo get_theme_mod('footer_facebook_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/facebook-icon.png" alt="Facebook"></a>
<?php endif;
if (get_theme_mod('footer_twitter_link', '#')) : ?>
<a href="<?php echo get_theme_mod('footer_twitter_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/twitter-icon.png" alt="Twitter"></a>
<?php endif;
if (get_theme_mod('footer_linkedin_link', '#')) : ?>
<a href="<?php echo get_theme_mod('footer_linkedin_link', '#'); ?>" class="mx-2"><img src="<?php echo get_template_directory_uri(); ?>/linkedin-icon.png" alt="LinkedIn"></a>
<?php endif; ?>
</div>
</div>
</footer>