FEATURE Introducing searcheform and search
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Nonimart 2025-08-13 09:47:09 +02:00
parent 80d2f7e0b8
commit 7b0ee9cfcd
2 changed files with 65 additions and 0 deletions

33
search.php Normal file
View File

@ -0,0 +1,33 @@
<?php get_header(); ?>
<div class="search-results-page container mx-auto my-8">
<section class="block-content-page-header">
<div class="block-content-page-header__content">
<div class="section_titling section_titling--left">
<h1 class="section_titling__title"><?php echo __("Résultat de recherche ", "homegrade-theme__texte-fonctionnel") ?></h1>
<h2 class="section_titling__subtitle">
<?php echo __("Résultats de la recherche pour : ", "homegrade-theme__texte-fonctionnel") ?>
<span class="search-results-page__current-term">« <?php echo get_search_query(); ?> »</span>
</h2>
</div>
</div>
<img decoding="async" class="block-content-page-header__page-icon" src="<?php echo get_template_directory_uri() . "/resources/img/illustrations/homegrade_rechercher.svg" ?>" alt="">
</section>
<div class="search-results-page__results-container">
<?php if (have_posts()) : ?>
<?php
while (have_posts()) :
the_post();
?>
<?php get_template_part('template-components/content', get_post_format()); ?>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
<?php
get_footer();

32
searchform.php Normal file
View File

@ -0,0 +1,32 @@
<form action="/" method="get" class="search-module__search-form">
<label class="search-module__search-form__title" for="search"><?php echo __('Vous cherchez quelque chose en particulier ?', 'homegrade-theme__texte-fonctionnel') ?></label>
<!-- <hr class="search-module__search-form__separator separator"> -->
<div class="search-module__searchbar-group">
<input class="search-module__search-form__input" type="text" name="s" id="search" value="<?php the_search_query(); ?>" placeholder="<?php echo __('Rechercher dans la revue Dynamiques', 'homegrade-theme__texte-fonctionnel') ?>" />
<button type="submit">
<span><?php echo __('Rechercher', 'homegrade-theme__texte-fonctionnel') ?></span>
<img class="search_icon" src='<?php echo get_template_directory_uri() ?>/resources/img/graphic-assets/search-icon.svg' alt=''>
</button>
</div>
<ul class="search-module__suggestions">
<li class="suggestion-item">
<a href="#">Lire la dernière revue </a>
</li>
<li class="suggestion-item">
<a href="#">Contacter le CARHOP </a>
</li>
<li class="suggestion-item">
<a href="#">Faire connaissance avec léquipe de Dynamiques</a>
</li>
<li class="suggestion-item">
<a href="#">Découvrir les thématiques abordées</a>
</li>
<li class="suggestion-item">
<a href="#">Je souhaite proposer un article</a>
</li>
</ul>
</form>