miten suunnitella WordPress mukautetun sivun malli [päivitys 2021]

WordPress teemat ovat aivan suuri. He tekevät WordPress web design niin helppoa.

mutta mitä tapahtuu, kun haluaa ylittää valitsemansa teeman?

mitä jos haluat käyttää muokattua WordPress-asettelua tietyllä sivulla?

no, jotkut teemat eivät salli niiden asettelujen muuttamista.

, mutta tälle on olemassa joitakin kiertoteitä.

Seuraa minua ottamaan selvää.

mikä on mukautettu sivumalli ja miten sellainen annetaan?

WordPress-sivuja ja-julkaisuja hallitsee ”page” – niminen mallitiedosto.php”. Mallit ovat tiedostoja, jotka kertovat WordPress miten näyttää erityyppistä sisältöä.

nyt kaikkien sivujen ja postausten ei välttämättä kannata näyttää samalta. Tämä on, kun tarvitset mukautetun sivun malli.

mitä WordPress-sivupohjia käytät?

Haluatko selvittää, mitä sivupohjaa käytät tai miten voit vaihtaa sivupohjien välillä?

It ’s easy peasy, you’ ll need to:

1. suuntaa WordPress-hallintapaneeliisi,
2. vasemmalla olevasta valikosta Valitse ”sivut”,
3. leiju sivun otsikon yllä,
4. otsikon alla olevasta valikosta Valitse ”pikamuokkaus”,
5. muokkaa ”ikkuna, siirry” malli ”pudotusvalikosta.

Täällä näet kaikki käytettävissä olevat teemapohjat, ja voit määrittää eri mallin nykyiselle sivullesi.

esimerkiksi sivulla voi halutessaan vaihtaa koko leveäksi. Mutta ei ole vaihtoehtoa malli, joka lisää toisen sivupalkin.

tämän vuoksi muokatut WordPress-Mallit voivat tulla tarpeeseen. Aina kun tallennat uuden mallin, se on saatavilla vanhojen lisäksi.

nyt voit antaa tämän tehtävän myös sivun sisällä. Kun päätät muokata sivua, siirry oikealle puolelle kohtaan ”sivun attribuutit” – > malli.

miten luoda Lapsiteema

nyt, ennen kuin likaamme kätemme luomalla WordPress-mukautetun sivumallin, on yksi asia pidettävä mielessä: tee muutokset lapsiteemaan. Et halua aiheuttaa mitään peruuttamattomia muutoksia vanhempi teema.

WordPress child theme on alateema, joka perii kaikki vanhemman teeman ominaisuudet ja tyylit. Nyt, jos vanhempi teema saa päivityksen, lapsi teema ei vaikuta ja muutoksia ei korvata.

nyt, miten luodaan lapsiteema? Tässä ovat vaiheet:

1. Login to your cPanel,
2. Go to File Manager,
3. Head over to public_html -> wp-content -> themes folder,
4. While inside the ”Themes” folder, add a new folder from ”+kansio” ylemmässä valikossa. Anna sille nimi. Paras tapa on käyttää teeman nimeä, johon liitetään ”-lapsi”. Käytä myös väliviivaa tilan sijaan. Minun tapauksessani aion käyttää mesmerize-child-teemaa,
5. kansion sisällä, luoda uuden tiedoston ja kutsua sitä ”tyyliksi.css”,
6. . Napsauta tiedostoa hiiren kakkospainikkeella ja valitse ”Muokkaa” vaihtoehto.

   /* 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 */

   tähän voit liittää osan vanhemman CSS-tiedoston koodista tai lisätä oman tyylisi.

7. Vaihda teema-ja verkkotunnukset, paina sitten ”Tallenna”,
8. luo toinen tiedosto samaan kansioon. Tällä kertaa nimi se ” toiminnot.php”. Liitä seuraava koodi:

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

9. Siirry WordPress-kojelautaan, ulkonäkö – > teema. Lapsesi teema on siellä, sinun täytyy vain aktivoida se.

ja olet valmis.

seuraavaksi tehdään Uusi sapluuna, mennäänkö?

miten luoda WordPress mukautetun sivun malli?

voit aloittaa olemassa olevasta teemakoodista ja tehdä tarvittavat muutokset.

tässä ovat vaiheet:

1. Siirry cPanel – > Tiedostonhallinta,
2. Siirry public_html -> wp-content -> themes-kansioon,
3. avaa pääteemakansio,
4. tunnista sivu.php-tiedosto. Se näyttää tältä.:

   <?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. Valitse tiedosto ja valitse sitten”Kopioi”,
6. avautuvasta ikkunasta, vaihda tiedoston polku teema-lapsikansiossasi olevaan,
7. Nimeä uusi tiedosto uudelleen, jotta voit helposti tunnistaa, mitä se tekee.
8. Lisää kommentti tiedoston sisään, jotta voit kertoa WordPressille, että kyseessä on uusi mukautettu malli. Tee tämä valitsemalla ”Muokkaa” ja lisäämällä tämä teksti:

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

   uuden tiedostosi tulisi näyttää tältä:

   <?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(); ?>

voit lisätä tähän kopioita muista tiedostoista sekä. Esimerkiksi, voit muokata single.php tiedosto, joka muuttaa ulkoasua blogikirjoituksia.

seuraavaksi kääritään hihat ja kirjoitetaan koodia.

ja jos haluat muuttaa CSS-tyylittelyä, voit tehdä sen lapsiteeman muokkaajan sisällä, perinteisen CSS: n sisällä tai tyylin sisällä.CSS-tiedosto.

on kuitenkin olemassa yksinkertaisempi ratkaisu …

Colibrin kaltaisella sivuston rakentajalla kaikki koodi ”seisoo” takana, eikä estä ei-teknistä sivuston luojaa. Jokainen lisäys tai muutos mukautettuun sivuun heijastuu visuaalisesti muokkaajaan. Siten sivuston luojalla on enemmän valtaa suunnitteluun. Kaunis mukautettu sivu on valmis silmänräpäyksessä, ilman vaivaa koodin takana sivun.