Kan inte få sök-funktionen att fungera utan problem
-
Kan någon förklara för mig hur fan den här sidan fungerar? kan inte klistra in mina css koder och html alls. Sämst sida.
-
Moderator
tobifjellner (Tor-Bjorn “Tobi” Fjellner)
(@tobifjellner)
WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ
Hej @robelo2
Du ger för lite information för att det ska gå att svara på din fråga.
Menar du sökfunktionen här i forumet eller på din egen webbplats?
Försöker du lägga in CSS och HTML här i forumet eller på din egen webbplats?
Om det är på din egen webbplats: vilket tema använder du? Vilka tillägg använder du? Vad har du försökt, och på vilket sätt blir det inte som du hoppas?
Hej, ursäkta, men min adhd kickade in. När jag inte ens kunde klistra in min kod här blev jag riktigt frustrerad. Var droppen som fick bägaren att rinna över. Får se om det fungerar bättre nu.
Jag försöker få inloggningsknapp och sökfunktion att fungera. Som det ser ut nu har jag fått ”login” och ”register” att fungera om man är utloggad och när man är inloggad står det ”logout” och ”account”. Problemet är att jag ej får till sökfunktionen. Så fort jag lägger in sökfunktionen så försvinner knapparna för inloggning.
min html är:<div class="header-container"> <div class="header-buttons"> <?php custom_header_buttons(); ?> </div> </div>php i functions.php:
<?php function custom_header_buttons() { if ( is_user_logged_in() ) { echo '<a href="' . esc_url( wp_logout_url() ) . '" class="header-button">Logout</a>'; echo '<a href="' . esc_url( get_permalink( get_option('woocommerce_myaccount_page_id') ) ) . '" class="header-button">My Account</a>'; } else { echo '<a href="' . esc_url( wp_login_url() ) . '" class="header-button">Login</a>'; echo '<a href="' . esc_url( wp_registration_url() ) . '" class="header-button">Register</a>'; } } add_action('wp_footer', 'custom_header_buttons');
har php i header.php och det fungerar bra. Enda som inte fungerar är sökfunktionen och lägger jag till den försvinner knapparna och även sökrutan. Det är svårt att förklara. Har ingen live-version av hemsidan, arbetar på den offline och har den även på en annan dator just nu som jag inte kan nå för tillfället.Moderator(@tobifjellner)
WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ
Det verkar alltså som om du håller på att koda ett eget tema av den ”klassiska” typen.
När du skriver ”min html” – menar du då html som matas ut av en PHP-fil? Vanligtvis döper man ju en fil till ”header.php” och låter den mata ut början av själva html-koden.
Själva sökfunktionen är ganska enkel, eftersom det t.o.m. går att lägga in den som ett statiskt HTML-formulär. Men det finns också inbyggd kod i WordPress som kan skapa en sökruta. Prova att lägga in <?php get_search_form(); ?> på rätt plats i header.php.
Om du kollar runt på https://developer.wordpress.org/themes/ behöver du hela tiden komma ihåg att det finns två principiellt olika sätt att bygga ett WordPress-tema. Du kan se strukturen hos ett s.k. klassiskt tema t.ex. genom att ladda ned och studera https://wordpress.org/themes/twentynineteen/ och ett s.k. blocktema som https://sv.wordpress.org/themes/twentytwentyfour/
Med ett blocktema kan användaren själv ändra nästan allt i webbplatsens utseende genom webbplatsredigeraren. Innan du lägger alltför mycket energi på att bygga ett eget klassiskt tema föreslår jag att du kollar in hur webbplatsredigeraren fungerar för blockteman. Den vägen kanske råkar passa bättre för dina behov.
Nej jag kör med Astra theme. Sen vet jag inte riktigt varför jag inte kan lägga till search utan att knapparna försvinner? Tar jag bort search från html så ser jag knapparna.
html:
<div class=”header-container”> <div class=”header-buttons”><button class=”search-button”> <i class=”fas fa-search”></i> </button> <input class=”search-input” type=”text” placeholder=”Search…” /> <!–?php custom_header_buttons(); ?–></div> </div>
headern:<?php /**
- The header for Astra Theme.*
- This is the template that displays all of the <head> section and everything up until <div id=”content”>
if ( ! defined( ’ABSPATH’ ) ) { exit; // Exit if accessed directly. } ?>
<!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset=”<?php bloginfo( ’charset’ ); ?>”> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <?php wp_body_open(); ?>
<header class=”site-header”> <div class=”header-container”> <div class=”header-buttons”> <button class=”search-button”> <i class=”fas fa-search”></i> </button> <input class=”search-input” type=”text” placeholder=”Search…” /> <?php custom_header_buttons(); ?> </div> </div> </header> <a class=”skip-link screen-reader-text” href=”#content” role=”link” title=”<?php echo esc_attr( astra_default_strings( ’string-header-skip-link’, false ) ); ?>”> <?php echo esc_html( astra_default_strings( ’string-header-skip-link’, false ) ); ?> </a>
<div <?php echo astra_attr( ’site’, array( ’id’ => ’page’, ’class’ => ’hfeed site’, ) ); ?>> <?php astra_body_top(); astra_header_before(); astra_header(); astra_header_after(); astra_content_before(); ?> <div id=”content” class=”site-content”> <div class=”ast-container”> <?php astra_content_top(); ?>Moderator(@tobifjellner)
WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ
Om du använder Astra (eller något annat ”färdigt” tema) bör du undvika att redigera temats egna filer. Varje gång WordPress installerar en uppdatering av ett tema raderas temats alla filer (inklusive dina ändringar) och ersätts med den nya versionen.
I stället kan du i Astra ”bygga om” mallar för olika typer av sidor via ”anpassaren” (Utseende → Anpassa).
Jag har för mig att man i deras sidhuvudsbyggare tyvärr bara har två HTML-block och två knapp-block att jobba med. Om du använder ”HTML1” till något ändamål, så är det blocket redan upptaget och kan inte återanvändas, vilket i bästa fall är irriterande, i värsta fall kanske det innebär att Astras inbyggda begreppsapparat sätter krokben för dina idéer.
Jag fattar inte riktigt vad du menar? kan jag inte bygga hur jag vill? ahh varför gav jag mig in i att göra en hemsida när man knappt har tålamod.
Moderator(@tobifjellner)
WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ
Det finns tusentals teman att välja mellan. Vissa teman är konstruerade på sätt som innebär vissa begränsningar. Jag råkar använda just Astra på en webbplats, så jag har snubblat över det faktum att deras ingenjörer tyckte det räckte med 2 generella knapp-block och 2 generella HTML-block.
Jag föreslår att du kikar på något blocktema i stället, t.ex. twentytwentyfour. Då kommer du att använda WordPress egen inbyggda webbplatsredigerare i stället när du utformar sidhuvud och andra återkommande delar av webbplatsen.
Tack för ditt svar.
Ett tag sedan jag löste det här.
istället för denna html:
<div class=”header-container”> <div class=”header-buttons”><button class=”search-button”> <i class=”fas fa-search”></i> </button> <input class=”search-input” type=”text” placeholder=”Search…” /> <!–?php custom_header_buttons(); ?–></div> </div>
och/eller denna:
<div class=”header-buttons”> <button class=”search-button”> <i class=”fas fa-search”></i> </button> <input class=”search-input” type=”text” placeholder=”Search…” /> <?php custom_header_buttons(); ?> </div> </div> </header>
så fungerade detta bättre:<div class="header-buttons"> <?php // Check if the current page is not 'landing-page' if (!is_page('landing-page')) : ?> <?php if (!is_user_logged_in()) : ?> <a class="login-button" href="<?php echo esc_url(wp_login_url()); ?>">Login</a> <a class="register-button" href="<?php echo esc_url(wp_registration_url()); ?>">Register</a> <?php endif; ?> <form role="search" method="get" id="searchform" class="searchform" action="<?php echo esc_url(home_url('/')); ?>"> <input class="search-input" type="text" value="<?php echo get_search_query(); ?>" name="s" id="s" placeholder="Search..." /> <button class="search-button" type="submit" id="searchsubmit"> <i class="fas fa-search"></i> </button> </form> <?php endif; ?> </div> </div> - The header for Astra Theme.*
- Ämnet ”Kan inte få sök-funktionen att fungera utan problem” är stängt för nya svar.