refininf footer
This commit is contained in:
parent
8601ff7e0c
commit
b0d79dc9c5
286
footer.php
286
footer.php
|
|
@ -6,163 +6,169 @@
|
||||||
<?php do_action('tailpress_content_after'); ?>
|
<?php do_action('tailpress_content_after'); ?>
|
||||||
|
|
||||||
<footer id="main_footer" class="site-footer bg-gray-50 py-12" role="contentinfo">
|
<footer id="main_footer" class="site-footer bg-gray-50 py-12" role="contentinfo">
|
||||||
|
<div class="site-footer-grid-container">
|
||||||
|
|
||||||
<div class="site-footer__informative-message">
|
<div class="site-footer__informative-message">
|
||||||
<?php
|
|
||||||
$theme_locations = get_nav_menu_locations();
|
|
||||||
$footer_location_ID = $theme_locations['footer'];
|
|
||||||
$footer_locale_location_ID = apply_filters('wpml_object_id', $footer_location_ID, 'nav_menu', TRUE,);
|
|
||||||
$theme_locations = get_nav_menu_locations();
|
|
||||||
|
|
||||||
?>
|
|
||||||
<?php $footer_superior_info_message = get_field('footer_superior_info_message', 'term_' . $footer_locale_location_ID); ?>
|
|
||||||
<?php
|
|
||||||
?>
|
|
||||||
<img src='<?php echo get_template_directory_uri() ?>/resources/img/pictogrammes/icone-info.svg' alt=''>
|
|
||||||
<p class=""><?php echo $footer_superior_info_message['message'] ?></p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="site-footer__infos-contact">
|
|
||||||
<?php $infos_contact = get_field('footer_infos_contact_datagroup', 'term_' . $footer_locale_location_ID); ?>
|
|
||||||
<div class="point-info">
|
|
||||||
<h4 class="content-intertitle"><?php echo $infos_contact['point_info']['title'] ?></h4>
|
|
||||||
<p><?php echo $infos_contact['point_info']['text'] ?></p>
|
|
||||||
</div>
|
|
||||||
<div class="permanenc-telephonique">
|
|
||||||
<?php $footer_superior_info_message = get_field('footer_superior_info_message', 'term_' . $footer_locale_location_ID); ?>
|
|
||||||
|
|
||||||
<h4 class="content-intertitle"><?php echo $infos_contact['permanence_telephonique']['title'] ?></h4>
|
|
||||||
<p><?php echo $infos_contact['permanence_telephonique']['text'] ?></p>
|
|
||||||
</div>
|
|
||||||
<div class="en-ligne">
|
|
||||||
<h4 class="content-intertitle"><?php echo $infos_contact['en_ligne']['title'] ?></h4>
|
|
||||||
<p><?php echo $infos_contact['en_ligne']['text'] ?></p>
|
|
||||||
<a class="external-link" href="<?php echo $infos_contact['en_ligne']['form_url'] ?>" target="blank"><?php echo $infos_contact['en_ligne']['form_btn_text'] ?></a>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="site-footer__navigation-menu">
|
|
||||||
|
|
||||||
<div class="menu-renovateur--footer menu-renovateur">
|
|
||||||
|
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_template_part('template-components/header/menu-renovateur-footer');
|
$theme_locations = get_nav_menu_locations();
|
||||||
// wp_nav_menu(
|
$footer_location_ID = $theme_locations['footer'];
|
||||||
// array(
|
$footer_locale_location_ID = apply_filters('wpml_object_id', $footer_location_ID, 'nav_menu', TRUE,);
|
||||||
// 'container' => 'false',
|
$theme_locations = get_nav_menu_locations();
|
||||||
// 'theme_location' => 'renovateur',
|
|
||||||
// 'li_class' => 'menu-navlink',
|
|
||||||
// 'fallback_cb' => false,
|
|
||||||
// 'menu_class' => 'menu-renovateur__navlist',
|
|
||||||
// )
|
|
||||||
// );
|
|
||||||
?>
|
|
||||||
</div>
|
|
||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
wp_nav_menu(
|
|
||||||
array(
|
|
||||||
'container' => 'false',
|
|
||||||
'theme_location' => 'homegrade',
|
|
||||||
'li_class' => 'menu-navlink',
|
|
||||||
'fallback_cb' => false,
|
|
||||||
'menu_class' => 'menu-homegrade--footer',
|
|
||||||
|
|
||||||
)
|
|
||||||
);
|
|
||||||
?>
|
|
||||||
<div class="extra_details">
|
|
||||||
<?php
|
|
||||||
$social_networks = get_field('social_networks_profiles', "option");
|
|
||||||
|
|
||||||
?>
|
?>
|
||||||
<a class="cta cta--button cta--outline" href="">Plan du site</a>
|
<?php $footer_superior_info_message = get_field('footer_superior_info_message', 'term_' . $footer_locale_location_ID); ?>
|
||||||
<div class="social-networks">
|
<?php
|
||||||
<a class="cta cta--circular cta--secondary" title="<?php echo __('Facebook', "homegrade-theme__texte-fonctionnel") ?>" href="<?php echo $social_networks['facebook_profile_url'] ?>">
|
?>
|
||||||
<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/icone-social-facebook.svg' ?>" alt="">
|
<img src='<?php echo get_template_directory_uri() ?>/resources/img/pictogrammes/icone-info.svg' alt=''>
|
||||||
</a>
|
<p class=""><?php echo $footer_superior_info_message['message'] ?></p>
|
||||||
<a class="cta cta--circular cta--secondary" title="<?php echo __('Youtube', "homegrade-theme__texte-fonctionnel") ?>" href="<?php echo $social_networks['youtube_profile_url'] ?>">
|
</div>
|
||||||
<img src=" <?php echo get_template_directory_uri() . '/resources/img/graphic-assets/icone-social-youtube.svg' ?>" alt="">
|
|
||||||
</a>
|
<div class="site-footer__infos-contact">
|
||||||
|
<?php $infos_contact = get_field('footer_infos_contact_datagroup', 'term_' . $footer_locale_location_ID); ?>
|
||||||
|
<div class="point-info">
|
||||||
|
<h4 class="content-intertitle"><?php echo $infos_contact['point_info']['title'] ?></h4>
|
||||||
|
<p><?php echo $infos_contact['point_info']['text'] ?></p>
|
||||||
|
</div>
|
||||||
|
<div class="permanenc-telephonique">
|
||||||
|
<?php $footer_superior_info_message = get_field('footer_superior_info_message', 'term_' . $footer_locale_location_ID); ?>
|
||||||
|
|
||||||
|
<h4 class="content-intertitle"><?php echo $infos_contact['permanence_telephonique']['title'] ?></h4>
|
||||||
|
<p><?php echo $infos_contact['permanence_telephonique']['text'] ?></p>
|
||||||
|
</div>
|
||||||
|
<div class="en-ligne">
|
||||||
|
<h4 class="content-intertitle"><?php echo $infos_contact['en_ligne']['title'] ?></h4>
|
||||||
|
<p><?php echo $infos_contact['en_ligne']['text'] ?></p>
|
||||||
|
<a class="external-link" href="<?php echo $infos_contact['en_ligne']['form_url'] ?>" target="blank"><?php echo $infos_contact['en_ligne']['form_btn_text'] ?></a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="site-footer__navigation-menu">
|
||||||
|
|
||||||
|
<div class="menu-renovateur--footer menu-renovateur">
|
||||||
|
|
||||||
|
|
||||||
|
<?php
|
||||||
|
get_template_part('template-components/header/menu-renovateur-footer');
|
||||||
|
// wp_nav_menu(
|
||||||
|
// array(
|
||||||
|
// 'container' => 'false',
|
||||||
|
// 'theme_location' => 'renovateur',
|
||||||
|
// 'li_class' => 'menu-navlink',
|
||||||
|
// 'fallback_cb' => false,
|
||||||
|
// 'menu_class' => 'menu-renovateur__navlist',
|
||||||
|
// )
|
||||||
|
// );
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
wp_nav_menu(
|
||||||
|
array(
|
||||||
|
'container' => 'false',
|
||||||
|
'theme_location' => 'homegrade',
|
||||||
|
'li_class' => 'menu-navlink',
|
||||||
|
'fallback_cb' => false,
|
||||||
|
'menu_class' => 'menu-homegrade--footer',
|
||||||
|
|
||||||
|
)
|
||||||
|
);
|
||||||
|
?>
|
||||||
|
<div class="extra_details">
|
||||||
|
<?php
|
||||||
|
$social_networks = get_field('social_networks_profiles', "option");
|
||||||
|
|
||||||
|
?>
|
||||||
|
<a class="cta cta--button cta--outline" href="">Plan du site</a>
|
||||||
|
<div class="social-networks">
|
||||||
|
<a class="cta cta--circular cta--secondary" title="<?php echo __('Facebook', "homegrade-theme__texte-fonctionnel") ?>" href="<?php echo $social_networks['facebook_profile_url'] ?>">
|
||||||
|
<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/icone-social-facebook.svg' ?>" alt="">
|
||||||
|
</a>
|
||||||
|
<a class="cta cta--circular cta--secondary" title="<?php echo __('Youtube', "homegrade-theme__texte-fonctionnel") ?>" href="<?php echo $social_networks['youtube_profile_url'] ?>">
|
||||||
|
<img src=" <?php echo get_template_directory_uri() . '/resources/img/graphic-assets/icone-social-youtube.svg' ?>" alt="">
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="site-footer__partenaires">
|
||||||
|
<?php $partenaires = get_field('footer_partenaires', 'term_' . $footer_locale_location_ID)['partenaires']; ?>
|
||||||
|
<?php foreach ($partenaires as $partenaire) : ?>
|
||||||
|
<li>
|
||||||
|
<a href=" <?php echo $partenaire['url'] ?>" target="_blank">
|
||||||
|
<img src='<?php echo $partenaire['logo']['url'] ?>' alt='<?php echo $partenaire['name'] ?>'>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="site-footer__metiers-patrimoine">
|
||||||
|
<?php $metiers_patrimoine = get_field('footer_metiers_du_patirmoine', 'term_' . $footer_locale_location_ID); ?>
|
||||||
|
|
||||||
|
<h4 class="content-intertitle"><?php echo $metiers_patrimoine['title'] ?> </h4>
|
||||||
|
<p><?php echo $metiers_patrimoine['text'] ?> </p>
|
||||||
|
<a class="cta cta cta--primary cta--button" href="<?php echo $metiers_patrimoine['cta_url'] ?> " target="_blank"><?php echo $metiers_patrimoine['cta_text'] ?></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ul class="site-footer__partenaires">
|
|
||||||
<?php $partenaires = get_field('footer_partenaires', 'term_' . $footer_locale_location_ID)['partenaires']; ?>
|
<?php do_action('tailpress_footer'); ?>
|
||||||
<?php foreach ($partenaires as $partenaire) : ?>
|
|
||||||
<li>
|
<div class="website-credits">
|
||||||
<a href=" <?php echo $partenaire['url'] ?>" target="_blank">
|
<img class="homegrade-sigle-icon" src="<?php echo get_template_directory_uri() . '/resources/img/logos/logo-homegrade-sigle.svg' ?>" alt="">
|
||||||
<img src='<?php echo $partenaire['logo']['url'] ?>' alt='<?php echo $partenaire['name'] ?>'>
|
<div>
|
||||||
</a>
|
© <?php echo date_i18n('Y'); ?> - <?php echo get_bloginfo('name'); ?>
|
||||||
|
<p class="made-by">Made with
|
||||||
|
<span>
|
||||||
|
<svg viewBox="0 0 825.22 700.44">
|
||||||
|
<g>
|
||||||
|
<path class="cls-1" d="m804.05,123.44c-25.5-54.3-74.5-96-131.6-113.7-56.2-17.5-118.7-11-170.3,17.2-35,19.2-61.9,49.6-89.7,77.6-6.6-6.6-13.2-13.2-19.8-19.8-12-12-23.7-24.7-36.9-35.4C301.75,5.54,229.25-10.56,161.75,6.94,98.25,23.44,43.75,69.54,17.85,129.94c-24,56-23.7,119.1.3,175,12.7,29.7,32.5,54.3,55.1,76.9l52.8,52.8c26.8,26.8,53.6,53.5,80.3,80.3,28.1,28.1,56.2,56.2,84.3,84.3,21.5,21.5,43.1,43.1,64.7,64.7,12.7,12.7,26.3,30.2,44.4,34.9,17,4.4,34.7-.5,47.4-12.3l.6-.6.5-.5,26.9-26.9,67.2-67.2,84.2-84.2,78.4-78.4,49.9-49.9c2.8-2.8,5.7-5.6,8.5-8.5,21.3-21.7,37.5-47.6,48.2-76,20.9-55.2,17.4-117.8-7.5-170.9Z" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</span> by<a href="https://deligraph.com/" target="_blank"> Deligraph</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="legal-credits">
|
||||||
|
<?php
|
||||||
|
$localizedCookiePage = apply_filters('wpml_object_id', 3502, 'page', TRUE);
|
||||||
|
$localizedConditionsGenerales = apply_filters('wpml_object_id', 3504, 'page', TRUE);
|
||||||
|
$localizedPolitiqueConfidentialite = apply_filters('wpml_object_id', 3, 'page', TRUE);
|
||||||
|
$localizedDeclarationAccessibilite = apply_filters('wpml_object_id', 3506, 'page', TRUE);
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<li class="legal-credits__legal-page-link">
|
||||||
|
<a href="<?php echo get_the_permalink($localizedConditionsGenerales) ?>"><?php echo get_the_title($localizedConditionsGenerales) ?></a>
|
||||||
|
</li>
|
||||||
|
<li class="legal-credits__legal-page-link">
|
||||||
|
<a href="<?php echo get_the_permalink($localizedCookiePage) ?>"><?php echo get_the_title($localizedCookiePage) ?></a>
|
||||||
|
</li>
|
||||||
|
<li class="legal-credits__legal-page-link">
|
||||||
|
<a href="<?php echo get_the_permalink($localizedPolitiqueConfidentialite) ?>"><?php echo get_the_title($localizedPolitiqueConfidentialite) ?></a>
|
||||||
|
</li>
|
||||||
|
<li class="legal-credits__legal-page-link">
|
||||||
|
<a href="<?php echo get_the_permalink($localizedDeclarationAccessibilite) ?>"><?php echo get_the_title($localizedDeclarationAccessibilite) ?></a>
|
||||||
</li>
|
</li>
|
||||||
<?php endforeach; ?>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<div class="site-footer__metiers-patrimoine">
|
|
||||||
<?php $metiers_patrimoine = get_field('footer_metiers_du_patirmoine', 'term_' . $footer_locale_location_ID); ?>
|
|
||||||
|
|
||||||
<h4 class="content-intertitle"><?php echo $metiers_patrimoine['title'] ?> </h4>
|
|
||||||
<p><?php echo $metiers_patrimoine['text'] ?> </p>
|
</ul>
|
||||||
<a class="cta cta cta--primary cta--button" href="<?php echo $metiers_patrimoine['cta_url'] ?> " target="_blank"><?php echo $metiers_patrimoine['cta_text'] ?></a>
|
<div class="footer-credits">
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<?php do_action('tailpress_footer'); ?>
|
|
||||||
|
|
||||||
<div class="website-credits">
|
|
||||||
© <?php echo date_i18n('Y'); ?> - <?php echo get_bloginfo('name'); ?>
|
|
||||||
<p class="made-by">Made with
|
|
||||||
<span>
|
|
||||||
<svg viewBox="0 0 825.22 700.44">
|
|
||||||
<g>
|
|
||||||
<path class="cls-1" d="m804.05,123.44c-25.5-54.3-74.5-96-131.6-113.7-56.2-17.5-118.7-11-170.3,17.2-35,19.2-61.9,49.6-89.7,77.6-6.6-6.6-13.2-13.2-19.8-19.8-12-12-23.7-24.7-36.9-35.4C301.75,5.54,229.25-10.56,161.75,6.94,98.25,23.44,43.75,69.54,17.85,129.94c-24,56-23.7,119.1.3,175,12.7,29.7,32.5,54.3,55.1,76.9l52.8,52.8c26.8,26.8,53.6,53.5,80.3,80.3,28.1,28.1,56.2,56.2,84.3,84.3,21.5,21.5,43.1,43.1,64.7,64.7,12.7,12.7,26.3,30.2,44.4,34.9,17,4.4,34.7-.5,47.4-12.3l.6-.6.5-.5,26.9-26.9,67.2-67.2,84.2-84.2,78.4-78.4,49.9-49.9c2.8-2.8,5.7-5.6,8.5-8.5,21.3-21.7,37.5-47.6,48.2-76,20.9-55.2,17.4-117.8-7.5-170.9Z" />
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</span> by<a href="https://deligraph.com/" target="_blank"> Deligraph</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ul class="legal-credits">
|
|
||||||
<?php
|
|
||||||
$localizedCookiePage = apply_filters('wpml_object_id', 3502, 'page', TRUE);
|
|
||||||
$localizedConditionsGenerales = apply_filters('wpml_object_id', 3504, 'page', TRUE);
|
|
||||||
$localizedPolitiqueConfidentialite = apply_filters('wpml_object_id', 3, 'page', TRUE);
|
|
||||||
$localizedDeclarationAccessibilite = apply_filters('wpml_object_id', 3506, 'page', TRUE);
|
|
||||||
|
|
||||||
?>
|
|
||||||
|
|
||||||
<li class="legal-credits__legal-page-link">
|
|
||||||
<a href="<?php echo get_the_permalink($localizedConditionsGenerales) ?>"><?php echo get_the_title($localizedConditionsGenerales) ?></a>
|
|
||||||
</li>
|
|
||||||
<li class="legal-credits__legal-page-link">
|
|
||||||
<a href="<?php echo get_the_permalink($localizedCookiePage) ?>"><?php echo get_the_title($localizedCookiePage) ?></a>
|
|
||||||
</li>
|
|
||||||
<li class="legal-credits__legal-page-link">
|
|
||||||
<a href="<?php echo get_the_permalink($localizedPolitiqueConfidentialite) ?>"><?php echo get_the_title($localizedPolitiqueConfidentialite) ?></a>
|
|
||||||
</li>
|
|
||||||
<li class="legal-credits__legal-page-link">
|
|
||||||
<a href="<?php echo get_the_permalink($localizedDeclarationAccessibilite) ?>"><?php echo get_the_title($localizedDeclarationAccessibilite) ?></a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
<div class="footer-credits">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,9 @@
|
||||||
.site-footer {
|
.site-footer {
|
||||||
@apply bg-gray grid grid-cols-4 px-8 gap-8;
|
@apply bg-gray;
|
||||||
|
.site-footer-grid-container {
|
||||||
|
@apply grid grid-cols-4 px-8 gap-8 mx-auto;
|
||||||
|
max-width: 2000px;
|
||||||
|
}
|
||||||
&__informative-message {
|
&__informative-message {
|
||||||
@apply bg-primary text-white p-8 col-span-4 rounded-3xl flex justify-center;
|
@apply bg-primary text-white p-8 col-span-4 rounded-3xl flex justify-center;
|
||||||
img {
|
img {
|
||||||
|
|
@ -50,7 +53,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.website-credits {
|
.website-credits {
|
||||||
@apply col-span-2 text-left font-semibold;
|
@apply col-span-4 xl:col-span-2 text-left font-semibold flex items-end gap-3 text-sm mx-auto xl:mx-0;
|
||||||
|
.homegrade-sigle-icon {
|
||||||
|
@apply h-12 w-auto;
|
||||||
|
}
|
||||||
.made-by {
|
.made-by {
|
||||||
@apply w-fit flex justify-center items-center text-neutral-600 font-semibold text-xs pt-1;
|
@apply w-fit flex justify-center items-center text-neutral-600 font-semibold text-xs pt-1;
|
||||||
svg {
|
svg {
|
||||||
|
|
@ -69,19 +75,21 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.legal-credits {
|
.legal-credits {
|
||||||
@apply text-center col-span-2 lg:flex gap-3 items-end;
|
@apply text-center col-span-4 xl:col-span-2 xl:flex gap-3 items-end !text-sm justify-end;
|
||||||
&__legal-page-link {
|
&__legal-page-link {
|
||||||
@apply font-bold relative block;
|
@apply font-semibold relative block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.legal-credits__legal-page-link + .legal-credits__legal-page-link {
|
@screen xl {
|
||||||
&:before {
|
.legal-credits__legal-page-link + .legal-credits__legal-page-link {
|
||||||
@apply mr-3 h-4 bg-neutral-900;
|
&:before {
|
||||||
transform: translateY(3px);
|
@apply mr-3 h-4 bg-neutral-900;
|
||||||
display: inline-block;
|
transform: translateY(3px);
|
||||||
content: '';
|
display: inline-block;
|
||||||
width: 2px;
|
content: '';
|
||||||
content: '';
|
width: 1px;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user