Kodetips

Kodetips er korte artikler om specifikke problemer og udfordringer, der har med selve koden at gøre.

Picking up bricks after building a brickwall

Bloktip: Valg af blokke

Blokke er hjørnestenene i WordPress editor – på mere end een måde. Lær at bruge dem effektivt og lave avanceret layout med denne serie artikler.

Del 1 af 3 i serien Blokke
Kæde med flere led med. Photo by Mike from Pexels en sø i baggrunden

Interne links i en oversigt, 3 editorer

Interne links er beregnet til at linke til placeringer længere ned på siden. Her får du tips til at gøre det i både klassisk og blokeditor samt Elementor. Interne links i klassisk editor Interne links i blokeditor (Gutenberg) Interne links i Elementor Interne links i klassisk editor Den klassiske editor indeholder ikke så meget hjælp,

Tabt æg er gået i stykker

Hvis WP 5.5 knækker dit websted

– så er der en midlertidig løsning klar til dig. For så har du sikkert forældet plugin/tema, der kræver adgang til en gammel jQuery. Men der er nem løsning.

Afspilning af video på mobil

Video autoplay virker ikke mere

Videoer virker virkelig godt som blikfang, hvis indholdet er relevant. Men en video, der ikke afspilles er blot et billede – og typisk ikke noget særligt relevant billede. Derfor er automatisk afspilning vigtigt. Brugerne gider ikke autoplay De her par memes illustrerer det meget godt, hvad brugerne siger til at videoer afspilles automatisk uden at

Hvordan oprettes fragtfrit over beløb i WooCommerce?

Lær her, hvordan du får dine kunder til at bruge flere penge for at spare fragten. Kunder elsker rabatter! Men da det samtidig er en formindskelse af dit overskud, skal det også for dig være en god forretning. For en webshop kan det give god mening at give rabat i form af fragtfri levering ved

Tilpas Woocommerce faneblades titel og overskrift

Fanebladet på et WooCommerce produktopslag er ikke altid lige passende – heldigvis kan du lave det om til noget, der passer med produktet. WooCommerce har som standard navngivet fanebladene: Description / Beskrivelse Additional information / Yderligere information Reviews / Anmeldelser Men det er jo ikke sikkert at det lige passer i din webshop. Desuden er

Farvehjul Adobe Kuler

Udskift paletten i Tilpasser/Customizer

Hvis jeg har lavet et tilpasset tema med en bestemt farveskala for en kunde, så er det for mig et irritationsmoment, at Tilpasser/Costumizer viser en helt anden standardpalette. Heldigvis er der mulighed for at angive sin egen palette! Farver er vigtige for designet Valget er gennemgående farver og farveskala er vigtige valg for et websted.

Når din WordPress er installeret

Det er utrolig nemt at installere en WordPress – det tager kun 5 sek, og vi har ingen interesse i at det tager længere tid…. Og så alligevel. Der er faktisk en del ting, du bør tage dig af, så snart installationen er færdiggjort. Det vil forbedre sikkerheden i din installation, og med den fokus

Woocommerce gule tal

Fjern de gule tal i WooCommerce

Med en standard opsætning af WordPress og WooCommerce – og et tema, der ikke tage hånd om det – får du vist tal på gul baggrund ved hver kategori. Hvis det er ved at drive dig til vanvid, så bare rolig: det ser ikke pænt ud, men heldigvis er det nemt at fjerne. Tallet viser

Billeder til slider eller karussel

Visse sliders vil gerne levere indhold fra artikler eller indlæg – eller andre Custom Post Types. Hvad gør man så, hvis man egentlig bare gerne vil vise nogle billeder i en slider?

Jamen, man laver da bare sin egen Custom Post Type og definerer indholdet som man vil have det!

Genesis FrameWork: Vis udvalgt billede

Hvis du gerne vise Udvalgt billede på alle indlæg som standard, så kan du tilføje det sådan her: //* Display Featured Image on top of the post add_action( ‘genesis_before_entry’, ‘featured_post_image’, 8 ); function featured_post_image() { if ( ! is_singular( ‘post’ ) ) return; the_post_thumbnail(‘full’); } OBS: Virker kun, hvis du bruger et tema baseret på Genesis

Genesis FrameWork: Fjern sidetitel

Hvis du gerne selv vil bestemme placeringen af sidetitel, så kan du slå den automatiske fra – og efterfølgende sætte den ind med fx en titelblok i Elementor. //* Remove page title from home page add_action( ‘get_header’, ‘remove_titles_home_page’ ); function remove_titles_home_page() { if ( is_home() ) { remove_action( ‘genesis_entry_header’, ‘genesis_do_post_title’ ); } } OBS: Virker

TIlpasse Woocommerce produktsøgning

Hvis du gerne vil ændre udseendet af WooCommerces egen produktsøgning, så kan det gøres nemt med et filter. Med denne lille kodestump kan du overstyre den normale produktsøgning, den der aktiveres med widgeten WooCommerce Produktsøgning (Product Search). Du tilføjer den enten til dit temas functions.php eller dit eget funktionsplugin. add_filter( ‘get_product_search_form’ , ‘wppro_woo_custom_product_searchform’ ); /**

Skygge på kun 2 sider med CSS

Hvis du ønsker at vise et element som hævet over de andre, så er det meget nemt gjort med CSS og box-shadow. Hvis du ikke har bestemt dig på forhånd, så kan du eksperimentere lidt med en CSS Box shadow generator – der er en del at vælge imellem. Jeg vil anbefale CSSmatic, da den

Begræns en menu til 2 niveauer

Hvis man genbruger den samme niveauer i flere forskellige positioner, så kan det være godt at kunne begrænse den ene til kun at vise fx de to øverste niveauer. Og det kan man heldigvis godt. Indsæt den kodestump i dit temas functions.php eller i et separat funktions-plugin. /** * Limit Primary Menu to Top Level

Indsæt et linjeskift i blog beskrivelse

Nogen gange kan man have behov for at dele blog beskrivelsen (undertitel) på et udvalgt sted – det kan godt lade sig gør med en smule kodning. Det er dog ikke bare lige sådan, at du kan indsætte en <br /> eller /n – for bare at give et par eksempler på hvordan man andre

Lav dit eget funktionsplugin

Jeg har meget ofte – hvis ikke ved hver eneste website – brug for at lave enkelte tilpasninger til nogle funktioner. Det kan være i temaet, i selve WordPress eller i et funktionsplugin. Meget tit kan jeg finde en kodestump, der ved hjælp af hooks og filtre kan omskrive en funktion til at gøre tingene

To spaltet menupunkt med lidt CSS

Med mange punkter i en drop-down menu kan det blive svært at få det hele vist. Her kan løsningen være to kolonner. Efterhånden som et websted udvikler sig, kommer der flere og flere sider til. Og på et eller andet tidspunkt sprænges rammerne for, hvad det oprindelige design var tænkt til at indeholde. Så er