jak navrhnout vlastní šablonu stránky WordPress [aktualizace 2021]

 Cutsom WordPress šablony

WordPress témata jsou prostě skvělá. Dělají WordPress web design tak snadné.

ale co se stane, když chcete jít nad rámec zvoleného tématu?

co když chcete použít vlastní rozvržení WordPress na konkrétní stránce?

Některé motivy vám nedovolí měnit jejich rozvržení.

výsledek obrázku pro můj meme

ale existují pro to některá řešení.

Následujte mě a zjistěte to.

co je vlastní šablona stránky a jak ji přiřadit?

WordPress stránky a příspěvky rozvržení jsou řízeny souboru šablony s názvem “ page.Linux“. Šablony jsou soubory, které říkají WordPress, jak zobrazit různé typy obsahu.

nyní možná nebudete chtít, aby všechny stránky a příspěvky vypadaly stejně. To je, když potřebujete vlastní šablonu stránky.

jaké šablony stránek WordPress používáte?

chcete zjistit, jakou šablonu stránky používáte nebo jak přepínat mezi šablonami?

je to snadné peasy, budete potřebovat:

  1. přejděte na řídicí panel WordPress Admin,
  2. z nabídky vlevo vyberte „stránky“,
  3. umístěte kurzor nad název stránky,všechny stránky v WordPress
  4. z nabídky pod názvem vyberte „Rychlé úpravy“,
  5. z okna“ Rychlé úpravy „přejděte do rozbalovací nabídky“ šablona“.

šablony WordPress

zde můžete vidět všechny dostupné šablony motivů a na aktuální stránku můžete přiřadit jinou šablonu.

existuje například možnost změnit stránku na plnou šířku, pokud chcete. Neexistuje však žádná možnost pro šablonu, která přidá druhý postranní panel.

to je důvod, proč vlastní šablony WordPress mohou přijít vhod. Kdykoli uložíte novou šablonu, bude k dispozici vedle starých.

nyní můžete přiřadit toto přiřazení také uvnitř stránky. Když se rozhodnete upravit stránku, na pravé straně přejděte na“ atributy stránky “ – > šablona.

 přiřazení šablony stránky

jak vytvořit podřízené téma

nyní, než si zašpiníme ruce vytvořením vlastní šablony stránky WordPress, je třeba mít na paměti jednu věc: provést změny v podřízeném motivu. Nechtěli byste způsobit žádné nevratné změny rodičovského tématu.

podřízené téma WordPress je dílčí téma, které dědí všechny funkce a styly nadřazeného motivu. Nyní, pokud nadřazené téma dostane aktualizaci, vaše podřízené téma nebude ovlivněno a vaše změny nebudou přepsány.

jak nyní vytvoříte podřízené téma? Zde jsou kroky:

  1. přihlaste se do svého cPanel,
  2. přejděte do Správce souborů,přístup k Správci souborů uvnitř cPanel
  3. přejděte do složky public_html – > wp-content – > témata, přístup ke složce motivů v cPanel
  4. zatímco uvnitř složky “ motivy „přidejte novou složku ze složky“ +složka “ v horním menu. Dej tomu jméno. Nejlepší praxí je použít název motivu, ke kterému připojíte „- dítě“. Použijte také pomlčky místo místa. V mém případě budu používat mesmerize-child, protože používám téma Mesmerize,
  5. uvnitř složky, vytvořte nový soubor a nazvěte jej “ styl.css“,vytvořit styl.css v cPanelu
  6. . Klepněte pravým tlačítkem myši na soubor a vyberte možnost „Upravit“.
    /* 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 */

    zde můžete vložit část kódu do nadřazeného souboru CSS nebo přidat vlastní styl.

  7. změňte názvy motivů a domén, poté stiskněte „Uložit“,
  8. vytvořte další soubor ve stejné složce. Tentokrát pojmenujte “ funkce.Linux“. Vložte následující kód:
    <?phpadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );}?>
  9. přejděte na panel WordPress, vzhled – > téma. Vaše dítě téma bude tam, stačí ji aktivovat.

a máte hotovo.

dále vytvoříme novou šablonu, můžeme?

jak vytvořit vlastní šablonu stránky WordPress?

můžete začít z existujícího kódu motivu a provést potřebné úpravy.

zde jsou kroky:

  1. přejděte do cPanel – > Správce souborů,
  2. přejděte do složky public_html – > wp-content – > témata,
  3. otevřete hlavní složku motivů,
  4. Identifikujte stránku.php soubor. Bude to vypadat takto:
    <?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. vyberte soubor a poté zvolte „Kopírovat“,
  6. v okně, které se objeví, změňte cestu k souboru na cestu v podřízené složce motivu,kopírovat stránku.php do nového umístění souboru
  7. přejmenujte nový soubor, abyste mohli snadno zjistit, co dělá.
  8. přidejte do souboru komentář, abyste mohli WordPress říct, že se jedná o novou vlastní šablonu. To provedete výběrem možnosti „Upravit“ a vložením tohoto textu:
    /* * Template Name: Your custom TEmplate's name * description: >- Explain what your new templates does */

    váš nový soubor by měl vypadat takto:

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

zde můžete přidat i kopie dalších souborů. Můžete například přizpůsobit singl.php soubor, který změní vzhled a dojem z blogových příspěvků.

Dále budete muset vyhrnout rukávy a napsat nějaký kód.

a pokud chcete změnit styl CSS, můžete to udělat uvnitř přizpůsobovače podřízených motivů, uvnitř doplňkového CSS nebo uvnitř stylu.soubor css.

Existuje však jednodušší řešení …

s tvůrcem stránek, jako je Colibri, celý kód „stojí“ za sebou a neblokuje netechnického tvůrce stránek. Každé přidání nebo změna na vlastní stránku se vizuálně odráží v Přizpůsobovači. Tvůrce webu má tedy větší kontrolu nad designem. Hezká vlastní stránka bude připravena v mrknutí oka, aniž by se obtěžoval kód za stránkou.

Leave a Reply

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.