Hallo,
wenn du dann noch die URL oben einträgst, dann können wir uns das auch ansehen und dir sicher besser helfen.
Viele Grüße
Hans-Gerd
Die Seite ist noch noch nicht online:
Es soll so sein wie auf dieser Seite:
https://www.fliesen-schelle.de/
Wenn man auf das Suche Icon klickt, nur dass das Icon ein Menüpunkt ist.
Bisher hat dieser Link funktioniert:
https://www.fliesen-schelle.de/#search-container
Aber bei dem twenty twenty theme geht dieser Link #search-container nicht.
Das ist eine Besonderheit dieses Theme, in dem das Suchformular mit einem Anker versehen wurde, und kein WordPress-Standard.
Fügst du ein Suchformular als Widget ein, bekommt das Eingabefeld automatisch eine ID zugewiesen, die du über die Entwickler-Tools im Browser auslesen kannst, z.B. ID="search-form-2"
– diese ID kannst du als Anker in der URL verwenden: https://example.com/#search-form-2
. Leider kannst du die Vergabe der ID aus Gründen nicht individuell steuern.
Du kannst natürlich ein Child-Theme erstellen und das Template für das Suchformular mit einem Link ergänzen, entsprechende Programmierkenntnisse vorausgesetzt.
ah ok danke, ein child-theme habe ich schon erstellt.
Ich habe gesehen bei dem Template von Fliesen Schelle ist z. B. folgender Code.
Bezieht sich der Link dann auf die Klasse „search-content“ oder?
Würde es dann reichen wenn ich im Child Theme bei der Suche auch eine Klasse einfüge und auf diese verklinke?
<article class="site-content search-content">
<h1>Suchergebnisse für Ihre Suche nach: <?php echo $s ;?></h1>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php get_template_part('template_parts/content','search');?>
<?php endwhile; else : ?>
<?php get_template_part('template_parts/content','error');?>
<?php endif; ?>
<nav class="pagination">
<?php previous_posts_link();?>
<?php next_posts_link();?>
</nav>
</article>
Schau mal, was da im Code steht:
<?php get_template_part('template_parts/content','search');?>
Das Template template_parts/content-search.php
musst du dir anschauen bzw. unter den gleichen Unterverzeichnissen in deinem Child-Theme speichern und anpassen.
<section class="suchergebnis" <?php post_class();?>>
<h2><a href="<?php the_permalink();?>"><?php the_title();?></a></h2>
<p><?php the_time('d.m.Y');?></p>
<?php the_excerpt();?>
<a href="<?php the_permalink();?>" title="<?php the_title();?>"></a>
</section>
folgendes steht in der content-search.php
Aber leider bekomme ich es nicht hin 🙁
Ich bin wie folgt vorgegangen:
– In meiner Header habe ich folgendes eingefügt:
<!-- Suchformular -->
<div id="search-container" class="search-box-wrapper hide">
<div class="search-box suche">
<?php get_search_form(); ?>
</div>
</div>
<!-- Suchformular -->
Dann habe ich eine search.php erstellt und diese in mein Child Theme gelegt:
<?php get_header();?>
<main class="site-main seitenbreite">
<article class="site-content search-content">
<h1>Suchergebnisse für Ihre Suche nach: <?php echo $s ;?></h1>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php get_template_part('template-parts/content','search');?>
<?php endwhile; else : ?>
<?php get_template_part('template-parts/content','error');?>
<?php endif; ?>
<nav class="pagination">
<?php previous_posts_link();?>
<?php next_posts_link();?>
</nav>
</article>
</main>
<?php get_footer();?>
Die content-search.php habe ich ebenso in mein Child Theme gelegt in den Ordner template-parts.
<section class="suchergebnis" <?php post_class();?>>
<h2><a href="<?php the_permalink();?>"><?php the_title();?></a></h2>
<p><?php the_time('d.m.Y');?></p>
<?php the_excerpt();?>
<a href="<?php the_permalink();?>" title="<?php the_title();?>"></a>
</section>
Nun habe ich zwar ein funktionierendes Suchformular in meinem Child Theme aber es ist dauerhaft eingeblendet und der Link #search-container funktioniert nicht.
Kann man hier bitte jemand weiterhelfen?