Sådan designes en brugerdefineret sideskabelon [opdatering 2021]

ordtrykstemaer er bare fantastiske. De gør det nemt at designe internettet.

men hvad sker der, når du vil gå ud over dit valgte tema?

hvad hvis du vil bruge et brugerdefineret layout på en bestemt side?

nå, nogle temaer tillader dig ikke at ændre deres layout.

men der er nogle løsninger til dette.

Følg mig for at finde ud af det.

Hvad er en brugerdefineret sideskabelon, og hvordan tildeles en?

layout af sider og indlæg styres af en skabelonfil med navnet “side.php”. Skabeloner er filer, der fortæller, hvordan du viser forskellige typer indhold.

nu vil du måske ikke have, at alle sider og indlæg skal se ens ud. Dette er, når du har brug for en brugerdefineret sideskabelon.

hvad bruger du?

vil du finde ud af, hvilken sideskabelon du bruger, eller hvordan du skifter mellem skabeloner?

det er nemt peasy, skal du:

1. gå over til dit Admin Dashboard,
2. fra menuen til venstre skal du vælge “sider”,
3. Hold markøren over titlen på en side,
4. fra menuen under titlen skal du vælge “Hurtig redigering”,
5. gå til rullemenuen “skabelon” i vinduet “hurtig redigering”.

her kan du se alle de tilgængelige temaskabeloner, og du kan tildele en anden skabelon til din aktuelle side.

der er f.eks. mulighed for at ændre din side til fuld bredde, hvis du vil. Men der er ingen mulighed for en skabelon, der tilføjer et andet sidebjælke.

dette er grunden til, at brugerdefinerede skabeloner kan være nyttige. Når du gemmer en ny skabelon, vil den også være tilgængelig sammen med de gamle.

nu, du kan tildele gøre denne opgave inde i siden så godt. Når du vælger at redigere en side i højre side, skal du gå over til “Sideattributter”-> skabelon.

Sådan oprettes et undertema

nu, før du får vores hænder beskidte med at oprette en brugerdefineret sideskabelon, er der en ting at huske på: Foretag ændringerne på et undertema. Du ønsker ikke at forårsage nogen irreversible ændringer i overordnet tema.

et underordnet tema er et undertema, der arver alle funktionerne og typografierne i det overordnede tema. Hvis det overordnede tema nu får en opdatering, påvirkes dit underordnede tema ikke, og dine ændringer overskrives ikke.

nu, Hvordan opretter du et børnetema? Her er trinene:

1. Log ind på din cPanel,
2. gå til Filhåndtering,
3. gå over til public_html -> temamappe,
4. mens du er inde i mappen “Temaer”, skal du tilføje en ny mappe fra “+Folder” i den øverste menu. Giv det et navn. En bedste praksis er at bruge navnet på temaet, som du tilføjer “-barn”. Brug også bindestreger i stedet for plads. I mit tilfælde, jeg har tænkt mig at bruge tryllebinde-barn, fordi jeg bruger hypnotisere tema,
5. inde i mappen, oprette en ny fil og kalder det “Stil.css”,
6. . Højreklik på filen og vælg indstillingen “Rediger”.

   /* Theme Name: Your Theme Child Theme URL: http://yourdomain.comDescription: Your Theme Child Theme Author: Your NameAuthor URL: http://yourdomain.comTemplate: yourtheme Version: 1.0.0 Text Domain: yourtheme-child */

   her kan du indsætte noget af koden i den overordnede CSS-fil eller tilføje din egen styling.

7. Skift tema og domænenavne, og tryk derefter på “Gem”,
8. Opret en anden fil i samme mappe. Denne gang hedder det ” funktioner.php”. Indsæt følgende kode:

   <?phpadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );}?>

9. gå til dashboardet, udseende -> tema. Dit børnetema vil være der, du skal bare aktivere det.

og du er færdig.

næste, lad os lave en ny skabelon, skal vi?

Hvordan oprettes en brugerdefineret sideskabelon?

du kan starte fra den eksisterende temakode og foretage de nødvendige justeringer.

her er trinene:

1. gå til cPanel- > filhåndtering,
2. Naviger til public_html- > temamappe,
3. åbn din hovedtemamappe,
4. Identificer siden.php-fil. Det vil se sådan ud:

   <?php mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>

5. vælg filen og vælg derefter”Kopier”,
6. i det vindue, der dukker op, skal du ændre stien til filen til den i din temamappe,
7. Omdøb den nye fil, så du nemt kan identificere, hvad den gør.
8. Tilføj en kommentar inde i filen, så du kan fortælle, at dette er en ny brugerdefineret skabelon. Gør dette ved at vælge” Rediger ” og indsætte denne tekst:

   /* * Template Name: Your custom TEmplate's name * description: >- Explain what your new templates does */

   din nye fil skal se sådan ud:

   <?php /* * Template Name: Custom Full Width * description: >- Page template without sidebar */mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>

du kan også tilføje kopier af andre filer her. For eksempel kan du tilpasse singlen.php-fil, som vil ændre udseendet og følelsen af blogindlæg.

Dernæst skal du rulle ærmerne op og skrive noget kode.

og hvis du vil ændre CSS-styling, kan du gøre dette inde i Child theme-tilpasningen, inde i Aditional CSS eller inde i stilen.css-fil.

der er dog en enklere løsning…

med en site builder som Colibri står al koden “bag” og blokerer ikke for en ikke-teknisk site creator. Hver tilføjelse eller ændring til en brugerdefineret side afspejles visuelt i tilpasningen. Således har site creator mere kontrol over designet. Den smukke brugerdefinerede side vil være klar med et øjeblik, uden at genere koden bag siden.