wp-duckbehaviorjournal/footer.php
Kumi 60b731c1c6
feat: add lightbox functionality for image viewing
Introduced a new lightbox feature to enhance the image viewing experience. Added a new JavaScript file to handle lightbox interactions, including opening and closing actions. Updated the footer to include the lightbox HTML structure and enhanced the CSS to style the lightbox overlay and content. Registered the new script in WordPress functions.

Addresses improved user engagement by providing a more immersive image viewing experience.
2024-08-06 20:16:54 +02:00

37 lines
No EOL
1.6 KiB
PHP

<!-- Footer -->
<footer class="bg-light py-4">
<div class="container text-center">
<p><?php echo get_theme_mod('footer_text', '&copy; ' . date('Y') . ' Duck Behavior Journal. All rights reserved.'); ?></p>
<div>
<?php
wp_nav_menu(array(
'theme_location' => 'footer',
'menu_class' => 'nav justify-content-center',
'container' => false,
'depth' => 1,
));
?>
</div>
<div class="social-media mt-3">
<?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>
<div id="lightbox" class="lightbox">
<span class="lightbox-close">&times;</span>
<img class="lightbox-content" id="lightbox-img">
</div>
<?php wp_footer(); ?>
</body>
</html>