Hvordan Designe En WordPress Tilpasset Sidemal [UPDATE 2021]

WordPress temaer er bare flott. De gjør WordPress webdesign så enkelt.

men hva skjer når du vil gå utover ditt valgte tema?

Hva om du vil bruke et tilpasset WordPress-oppsett på en bestemt side?

vel, noen temaer vil ikke tillate deg å endre deres oppsett.

Men det er noen løsninger for dette.

Følg meg for å finne ut.

Hva Er En Egendefinert Sidemal og Hvordan Tilordnes En?

WordPress sider og innlegg layout styres av en mal fil som heter » page.php». Maler er filer Som forteller WordPress hvordan du viser ulike typer innhold.

nå vil du kanskje ikke at alle sider og innlegg skal se like ut. Dette er når du trenger en egendefinert sidemal.

Hvilke WordPress-sidemaler bruker Du?

Vil du finne ut hvilken sidemal du bruker, eller hvordan du bytter mellom maler?

det er lett peasy, du må:

1. Gå over Til WordPress Admin Dashboard,
2. fra menyen til venstre, velg «Pages»,
3. Hold Markøren Over tittelen på en side,
4. fra menyen under tittelen, velg «Quick Edit»,
5. Fra «Quick Edit» rediger «vindu, gå til rullegardinmenyen» mal».

Her kan du se alle tilgjengelige temamaler, og du kan tilordne en annen mal til din nåværende side.

det er for eksempel et alternativ å endre siden til full bredde, hvis du vil. Men det er ikke noe alternativ for en mal som legger til et andre sidebar.

dette er grunnen til at tilpassede WordPress-maler kan komme til nytte. Når du lagrer en ny mal, vil den være tilgjengelig sammen med de gamle også.

nå kan du tilordne denne oppgaven på siden også. Når du velger å redigere en side, på høyre side, gå over til» Sideattributter » – > Mal.

Hvordan Lage Et Barn Tema

Nå, Før du får hendene skitne med å lage En WordPress tilpasset sidemal, er det en ting å huske på: gjør endringene på et barntema. Du vil ikke forårsake noen irreversible endringer i overordnet tema.

Et wordpress-barnetema er et undertema som arver alle funksjonene og stilene til det overordnede temaet. Hvis det overordnede temaet får en oppdatering, påvirkes ikke barnetemaet, og endringene overskrives ikke.

Nå, hvordan lager du et barn tema? Her er trinnene:

1. Logg inn på cPanel,
2. Gå Til Filbehandling,
3. Gå over til public_html -> wp-content -> temamappe,
4. mens du er inne i Mappen «Temaer», legg til en ny mappe fra «+Mappe» i den øvre menyen. Gi det et navn. En beste praksis er å bruke navnet på temaet, som du legger til «- barn». Bruk også bindestreker, i stedet for plass. I mitt tilfelle skal jeg bruke mesmerize-child, fordi jeg bruker Mesmerize-temaet,
5. i mappen, opprett en ny fil og kall den «style.css»,
6. . Høyreklikk på filen og velg alternativet «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 lime inn noe av koden i den overordnede CSS-filen, eller legge til din egen styling.

7. Endre tema og domenenavn, trykk deretter»Lagre»,
8. Opprett en annen fil i samme mappe. Denne gangen heter det » funksjoner.php». Lim inn 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 WordPress Dashbordet, Utseende – > Tema. Ditt barn tema vil være der, du må bare aktivere den.

Og du er ferdig.

Neste, la oss lage et nytt mal, skal vi?

Hvordan Lage En WordPress Tilpasset Sidemal?

du kan starte fra den eksisterende temakoden og foreta de nødvendige justeringene.

her er trinnene:

1. Gå til cPanel -> Filbehandling,
2. Naviger til public_html -> wp-content -> temamappe,
3. Åpne hovedtema-mappen,
4. Identifiser siden.php-fil. Det vil se slik ut:

   <?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. Velg filen og velg «Kopier»,
6. i vinduet som dukker opp, endre banen til filen, til den i tema barnemappen,
7. Gi Nytt Navn til den nye filen slik at du enkelt kan identifisere hva den gjør.
8. Legg til en kommentar inne i filen slik At Du kan fortelle WordPress at Dette er en ny tilpasset mal. Gjør dette ved å velge «rediger» og sette inn denne teksten:

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

   den nye filen skal se slik ut:

   <?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å legge til kopier av andre filer her. Du kan for eksempel tilpasse singelen.php-fil, som vil endre utseendet på blogginnlegg.

Deretter må du rulle opp ermene og skrive litt kode.

og hvis du ønsker å endre CSS styling, kan du gjøre dette inne i child theme Customizer, inne Aditional CSS eller inne i stilen.css-fil.

det Er imidlertid en enklere løsning…

med en nettstedbygger som Colibri, står all koden » bak » og blokkerer ikke en ikke-teknisk nettstedskaper. Hver tillegg eller endring til en egendefinert side gjenspeiles visuelt I Tilpasseren. Dermed har nettstedskaperen mer kontroll over designet. Den ganske tilpassede siden vil være klar i blikket i et øye, uten å plage for koden bak siden.