Support » Themes » Search Link – twentytwenty

  • Hallo Zusammen,

    ich möchte gerne im Menü das Wort „Suche“ so verlinken, dass der Suchcontainer aufgeht.

    Früher ging es dass ich einen individuellen Link erstell und in der URL folgendes eingebe: #search-container
    damit sich der Such Container öffnet.

    Ich habe nun ein Child-Theme von twentytwenty erstellt, leider funktioniert es jetzt nicht mehr.

    Kann mir jemand sagen, was ich nun in die Url eingeben muss?

    Viele Grüße
    Christine

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • 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?

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)