implement search page and search results

This commit is contained in:
Jonas Heinrich 2020-04-16 14:23:49 +02:00
parent 45fea232e6
commit b72fd2f4b4
6 changed files with 171 additions and 50 deletions

92
kit/search.php Normal file
View file

@ -0,0 +1,92 @@
<?php
get_header();
?>
<main>
<section class="background-color-white">
<div class="content-wrap">
<div class="headline-element" id="c145">
<h2>Suche</h2>
</div>
<div id="c139" class="frame frame-default frame-type-list frame-layout-0">
<div class="tx-indexedsearch">
<div id="c139" class="frame frame-default frame-type-list frame-layout-0">
<div class="tx-indexedsearch">
<div class="tx-indexedsearch-searchbox">
<form method="get" role="search" action="<?php echo site_url(/); ?>">
<div>
</div>
<fieldset>
<div class="tx-indexedsearch-form">
<label for="tx-indexedsearch-searchbox-sword">Suchen nach:</label>
<input class="tx-indexedsearch-searchbox-sword" type="text" name="s" value="<?php the_search_query(); ?>" />
</div>
<div class="tx-indexedsearch-search-submit">
<button type="submit" class="tx-indexedsearch-searchbox-button" />
<span>Suchen</span>
</button>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<div class="tx-indexedsearch-browsebox">
<p>
Anzeige der Ergebnisse <strong>1 bis 10</strong> von insgesamt <strong>12</strong>
</p>
<!-- render the anchor-links to the sections inside the displayed result rows -->
<ul class="tx-indexedsearch-browsebox"><li class="tx-indexedsearch-browselist-currentPage"><strong><a href="#" onclick="document.getElementById('tx_indexedsearch_pointer').value='0';document.getElementById('tx_indexedsearch').submit();return false;">Seite 1</a></strong></li><li><a href="#" onclick="document.getElementById('tx_indexedsearch_pointer').value='1';document.getElementById('tx_indexedsearch').submit();return false;">Seite 2</a></li><li><a href="#" onclick="document.getElementById('tx_indexedsearch_pointer').value='1';document.getElementById('tx_indexedsearch').submit();return false;">Nächste &gt;</a></li></ul>
</div>
<?php while ( have_posts() ) : the_post(); ?>
<div class="tx-indexedsearch-res">
<h3>
<span class="tx-indexedsearch-title">
<a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a>
</span>
</h3>
<p class="tx-indexedsearch-description">
<?php the_excerpt(); ?>
</p>
<a href="#" class="link-more"><span>Weiterlesen</span></a>
</div>
<?php endwhile; ?>
<div class="tx-indexedsearch-browsebox">
<ul class="tx-indexedsearch-browsebox"><li class="tx-indexedsearch-browselist-currentPage"><strong><a href="#" onclick="document.getElementById('tx_indexedsearch_pointer').value='0';document.getElementById('tx_indexedsearch').submit();return false;">Seite 1</a></strong></li><li><a href="#" onclick="document.getElementById('tx_indexedsearch_pointer').value='1';document.getElementById('tx_indexedsearch').submit();return false;">Seite 2</a></li><li><a href="#" onclick="document.getElementById('tx_indexedsearch_pointer').value='1';document.getElementById('tx_indexedsearch').submit();return false;">Nächste &gt;</a></li></ul>
</div>
</div>
</div>
</div>
</section>
</main>
<?php
get_template_part('template-parts/sidebar');
get_footer();