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 […]
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 […]
Opgrader IKKE til WordPress 4.8
OPDATERING: Du kan roligt opdatere til WordPress 4.8 – med visse forbehold Lad være med at helt automatisk at klikke ‘opdater’ til den seneste version, WordPress 4.8. Det kan ødelægge din brug af widgets i sidebar og footer.
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:
1 2 3 4 5 6 | //* 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 Framework.
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.
1 2 3 4 5 6 7 | //* 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 kun, hvis du bruger et tema baseret på Genesis Framework. Du kan også fjerne titler fra alle sider på en gang
1 2 3 4 5 6 7 | //* Remove title from all pages add_action( 'loop_start', 'remove_titles_all_single_posts' ); function remove_titles_all_single_posts() { if ( is_singular('post') ) { remove_action( 'genesis_entry_header', 'genesis_do_post_title' ); } } |
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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | add_filter( 'get_product_search_form' , 'wppro_woo_custom_product_searchform' ); /** * wppro_woo_custom_product_searchform * * @access public * @since 1.0 * @return void */ function wppro_woo_custom_product_searchform( $form ) { $form = '<form role="search" method="get" id="searchform" action="' . esc_url( home_url( '/' ) ) . '"> <div> <label class="screen-reader-text" for="s">' . __( 'Search for:', 'woocommerce' ) . '</label> <input type="text" value="' . get_search_query() . '" name="s" id="s" placeholder="' . __( 'My Search form', 'woocommerce' ) . '" /> <input type="submit" id="searchsubmit" value="'. esc_attr__( 'Search', 'woocommerce' ) .'" /> <input type="hidden" name="post_type" value="product" /> </div> </form>'; return $form; } |
Du kan opnå det samme […]
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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | /** * Limit Primary Menu to Top Level Items * * @author Bill Erickson * @link http://www.billerickson.net/customizing-menu-arguments/ * * @param array @args * @return array * */ function be_primary_menu_args( $args ) { if( 'primary' == $args['theme_location'] ) { $args['depth'] = 2; } return $args; } add_filter( 'wp_nav_menu_args', 'be_primary_menu_args' ); |
I det her tilfælde virker det kun […]
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 standardfunktioner. Det kan være i temaet, i selve WordPress eller i et plugin. Meget tit kan jeg finde en kodestump, der ved hjælp af hooks og filtre kan omskrive en funktion til at gøre tingene […]
Aktivering af WordPress debug
WordPress indeholder mulighed for at lave en intern kontrol af koden, plugins og temaer. Som udvikler bør man have den sat til konstant, så man altid kan se om der optræder fejl undervejs – men normalt vil denne funktion være slået fra. Det kræver dog kun en minimal ændring at aktivere den igen. I roden […]