• Articles
• admin

pro vývojáře témat WordPress je první věcí pochopit jeho strukturu; a poté se dozvíte o přidávání skriptů a stylů.

většina webových designérů udělá chybu tím, že vytvoří téma WordPress stejně jako jednoduchá šablona HTML.

měli byste pochopit, že WordPress je platforma založená na PHP a její témata jsou dynamická. Přidání souboru CSS není tak, jak to děláte při vytváření statického webu.

WordPress má svůj kódovací standard, který musíte dodržovat. Enqueuing soubor CSS správně může být trochu složitější pro mnoho webových vývojářů / návrhářů.

v tomto tutoriálu vás provedu krok za krokem, což vysvětluje kodex WordPress přidání souboru CSS do tématu WordPress.

za předpokladu, že máte dobrý hosting WordPress s nastavením WordPress, začněme!

pochopte funkci wp_enqueue_style ()

při vývoji statického webu HTML můžete propojit soubor CSS s hlavou, ale v tématu WordPress to není stejný případ.

s jasným pochopením kodexu PHP a WordPress byste se měli naučit používat funkce motivů.

začněme funkcí wp_enqueue_style (), která se používá k propojení souboru CSS s tématem WordPress. Výchozí parametry jsou následující.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

dovolte mi vysvětlit všechny tyto parametry.

• $rukojeť:- Je to povinné pole, které obsahuje název šablony stylů
• $src: – je také nutné vyplnit. Je to cesta stylů vzhledem ke kořenovému adresáři
• $deps: – je volitelné vytvořit pole pro ovládání stylů
• $ver: – pokud chcete ovládat verzi stylů, můžete.
• $media: – pokud chcete použít stylesheet pro jakýkoli typ média, můžete. Jinak není třeba.

možná jste teď dostali nějaký nápad. K vyplnění jsou nutné pouze první dvě možnosti, zbytek můžete nechat prázdný, abyste vyzvedli výchozí hodnoty.

Poznámka: Nyní, pokud je název šablony stylů „style“ a je v hlavní složce názvu motivu, bude kód následující.

wp_enqueue_style( 'style', get_stylesheet_uri() );

ale jak vidíte, uděláte to; musíte vytvořit funkci WordPress, která dokáže správně propojit soubor s hlavou.

dovolte mi ukázat vám kód.

functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );

možná se divíte, jako by to, co je nejlepší místo pro přidání funkce. No, pokud víte něco o vývoji WordPress téma, možná víte, že funkce.php soubor řídí všechny funkce.

takže musíte soubor otevřít a přidat tuto funkci.

pokud jste si všimli, existuje háček „add_action“ s parametrem „wp_enqueue_scripts“, který se používá k dotazování stylů a skriptů.

vše, co potřebujete pochopit, je hlavní funkce wp_enqueue_style ().

pro začátečníky WordPress vývojáři, to může být těžké chytit takové technické věci, ale jakmile se naučí WordPress Codex, všechno jde hladce.

doufám, že není tak obtížné přidat soubor CSS do tématu WordPress

vzpomínám si, když jsem před několika lety začal vyvíjet témata WordPress, byla to katastrofa. Když stále cvičíte statické webové stránky a najednou se dozvíte o dynamické povaze webu 2.0, můžete se trochu rozčilovat.

jakmile se zapojíte do kódů WordPress, můžete začít cítit, že je to zajímavé. Přidání souboru CSS je jedním ze základů pro vývoj tématu WordPress od nuly.

závěr

Vývoj webu může být složitý a může vyděsit uživatele nováčků WordPress. Průvodce je určen pro lidi, kteří chtějí začít rozvíjet své vlastní téma WordPress.

Děkujeme, že jste sledovali tento tutoriál.

podívejte se na tyto top 3 WordPress hostingové služby: