Pokud provozujete WordPress web, určitě nadejde čas, kdy se zapojíte do code snippets. Protože údržba code snippets – je-li nesprávně integrována – může přidělat zbytečnou práci, existují pluginy code snippet. Nabízí se ale i jiné způsoby, jak integrovat code snippets do svého webu. V tomto článku porovnáme ty nejlepší způsoby, jak přidat codes snippets na své WordPress webové stránky. 

Nejprve je třeba odpovědět na otázku: Co je to vlastně code snippet? Code snippet je malý kousek kódu, který rozšiřuje funkčnost vašeho webu. Odtud název – v překladu znamená "fragment kódu". To znamená, že se jedná pouze o několik řádků kódu. Užitečnými příklady jsou možnost integrace responzivních videí a možnost dalších formátů souborů u knihovny médií. Zajímavé je, že tyto fragmenty kódu mohou nahradit celý plugin. To může výrazně zlepšit množství kódu (a tím i velikost souborů), výkon a také náchylnost k chybám webu.

Existují i další případy, kdy je třeba přidat code snippets na svůj WordPress web. Chcete-li sledovat, kdo navštěvuje váš web, můžete do záhlaví nebo zápatí vložit sledovací kód. Pokud chcete použít řešení připravené k použití pro souhlas se soubory cookie na svém webu, obvykle vkládáte kód JavaScript do záhlaví nebo zápatí. 

Proč vůbec pluginy code snippet? 

U mnoha WordPress webů byl tento kód přizpůsoben, ale někdy způsobem, který není udržitelný. Code snippets by neměly být integrovány přímo do „nadřazené" nebo hlavní WordPress šablony. Protože budou přepsány a odstraněny, jakmile aktualizujete tuto šablonu.

Totéž platí i pro pluginy. Pokud změníte kód pluginu přímo, budou vaše změny pravděpodobně během aktualizace smazány. Jediným způsobem, jak zachovat změny, je, že jste si je uložili nebo vytvořili zálohu někde jinde. Některé aktualizace pluginů pouze přidávají nové funkce, ale jiné také obsahují vylepšení zabezpečení. Ty je třeba použít správně, aby vaše webové stránky byly méně zranitelné vůči útokům. Nesprávná aplikace code snippets se proto může stát i bezpečnostním rizikem, protože vás může napadnout nechat aktualizaci kvůli code snippets prostě být.

Nyní vám představím tři způsoby, jak můžete vložit kód, který má být použit v souboru funkcí.php. Jedním z nich jsou pluginy code snippet. Ty se nevztahují na každou situaci, v níž chcete přizpůsobit plugin nebo šablonu, protože se odvíjí od existence vhodných hooků pro potřebné změny. Hooky jsou místa v kódu pro interakci s jádrem WordPress, takže jakýmsi „háčkem", na nějž se pluginy a šablony mohou „zavěsit". Pokud tedy neexistuje žádný hook pro konkrétní požadovanou funkci, jsou code snippets (ve funkcích.php) tím nejrozumnějším způsobem.

Vytvořte WordPress plugin

Tato metoda vyžaduje určitou práci na souboru a na samotném webu, takže byste měli být opatrní a nejlépe si vytvořit zálohu před provedením jakýchkoli změn. Ke každému pluginu patří alespoň jedna složku pro soubor PHP. Pokuste se přijít s jedinečným názvem složky a souborů (můžete přidat předponu založenou na svém jménu nebo názvu své firmy apod. (například „Raidboxes.io Disk Usage Sunburst").

V tomto souboru potřebujete ještě jednu věc – hlavičku s informacemi o pluginu. Opět je zde zapotřebí deklarace názvu pluginu, podobnou následujícímu: 

<?php

/**
* Plugin Name: your plugin name
*/

Dobrá práce!! Nyní jste vytvořili svůj první vlastní plugin. Po hlavičce přidejte code snippets (ty, které chcete vložit do funkcí.php) a nahrajte tuto složku do serverové složky /wp-content/plugins/. Pak už by se měl váš plugin objevit mezi pluginy v administrátorské oblasti. 

Osobně dávám přednost přístupu vytváření vlastního pluginu, protože to je super pro vkládání kódu do funkcí.php. Navíc se snadno nastavuje. 

Použijte WordPress plugin

Pro ty z vás, kteří se neodvažují používat vlastní pluginy, je jeden z code snippet pluginů skvělým způsobem, jak spravovat své code snippets, resp. obecně přidávat vlastní kód na WordPress stránky. Pravděpodobně jste již zvyklí instalovat pluginy třetích stran, takže to může být jednodušší než první možnost.

Jednoduše nainstalujete požadovaný plugin a přejdete na novou položku nabídky, která se objeví v administrační oblasti. Všimněte si, že různé pluginy mohou být různě strukturovány. Ale většina z nich je jasná, jednoduchá a snadno pochopitelná. Každý přidaný code snippet byste si měli přejmenovat. To je velmi užitečné, aby se vám konkrétní code snippet rychleji hledal. Tento přístup mohu jen důrazně doporučit, protože vám mnohdy ušetří nervy při hledání.

Rozhodující faktory pro výběr dobrého pluginu, jenž vám umožní spouštět code snippets na svých webových stránkách, ovlivňují mj. i výkon vašeho webu a uživatelskou přívětivost. Představím vám některé WordPress code snippet pluginy.

Nejlepší pluginy code snippet pro WordPress

Code Snippets

Toto rozšíření vyvinul Code Snippets Pro a je mým osobním favoritem. Myšlenka rozšíření spočívá v tom, že můžete přidat malé PHP code snippets. Poskytuje snadné řešení pro přidání vlastních HTML, JavaScript nebo PHP code snippets. Použití pluginu je podobné ostatním admin nabídkám od WordPressu a je velmi snadné. S tímto pluginem a pomocí grafického rozhraní můžete do své šablony vkládat code snippets. Upozorňuji, že toto rozšíření není vhodné pro přidávání sledovacích kódů apod. Toto rozšíření je nejlepší pro přidání dalších funkcí do souboru šablony „functions.php“.

Charakteristiky:

• Kód PHP můžete použít ve widgetech, stránkách a příspěvcích.
• Vložte PHP pro vytvoření kontaktních formulářů a zpracování jakéhokoli druhu vstupu nebo nahrávání.
• Přidejte PHP a vytvořte obsah optimalizovaný pro uživatele.
• S PHP můžete přizpůsobit každý aspekt instalace WordPress.

Insert PHP Code Snippets

Tento plugin, vyvinutý společností xyzscripts.com, je populární a pravidelně aktualizované rozšíření. Se zmíněným pluginem můžete použít kód PHP, který lze snadno vložit do normálního WordPress editoru, protože vytváří krátké kódy pro každý připojený code snippet. Vkládání funguje také se zkráceným kódem na bočním panelu textového widgetu stránky. 

Charakteristiky: 

• V editoru TinyMCE je inteligentní rozbalovací nabídka
• Úryvky PHP převedené na krátké kódy pro snadnou implementaci
• Jednoduchá a flexibilní funkčnost

Custom CSS Pro 

S pluginem Custom CSS Pro WordPress můžete snadno přidat vlastní kód CSS na své WordPress stránky. Tento bezplatný WordPress plugin nabízí některé užitečné funkce, včetně náhledu v reálném čase a číslování řádků, které usnadňují úpravu kódu. 

Charakteristiky:

• Vizuálně podobné prostředí jako ve Visual Studio Code nebo Sublime Text
• Je snadné přidat vlastní kód CSS do WordPressu
• Náhled na živo v reálném čase

Insert Headers and Footers

Tento typ pluginu usnadňuje vložení kódu do záhlaví nebo zápatí. Rozšíření bylo vyvinuto WPbeginnerem, který také vytvořil populární formulářový plugin WPforms. Pomocí tohoto pluginu můžete snadno vložit code snippets pro integraci služeb jako Google Analytics a Facebook Pixel. 

Charakteristiky: 

• Rychlé nastavení
• Snadné vkládání záhlaví, skriptů a dalšího kódu
• Umožňuje přidat libovolný kód nebo skript spolu s HTML a JavaScriptem
• Je nejjednodušší možností pro vkládání tracking kódů

Nástroje zabudované do Elementoru (verze Pro)

Pokud používáte Page Builder Elementor jako verzi Pro, nemusíte instalovat žádný další plugin. Protože Elementor obsahuje nástroj pro vkládání sledovacích kódů apod. Elementor také podporuje přejmenování všech skriptů, které přidáte na své WordPress webové stránky. Chcete-li najít Elementor Custom Code, postupujte takto. Přejděte do Dashboardu > Elementor Costum Code. Zde vložíte skript, který chcete umístit na stránku. Všimněte si, že musíte mít aktivní licenci Elementor Pro, abyste mohli používat do Elementoru integrované nástroje Custom Code.

Charakteristiky: 

• Jednoduchá a logická struktura
• Integrovaný do vašeho nástroje pro tvorbu stránek

Použijte child theme

Tato metoda se nejméně doporučuje pro code snippets kódu, ale přesto dobře funguje. Je trochu složitější než vytvoření pluginu. Child theme by měl obsahovat kód a styl, které se vztahují k rozvržení a vzhledu vašeho webu. Ale snippet se obvykle používá ke změně funkčnosti, a proto ve skutečnosti nespadá do "odpovědnosti" child theme. 

Chcete-li vytvořit child theme, vytvořte složku se stejným názvem jako má nadřazená šablona (parent theme) a s příponou „-child" (pokud se složka nadřazené šablony jmenuje "raidboxes.io-theme", byla by složka child theme pojmenována "raidboxes.io-theme-child"). 

V této složce potřebujete alespoň dva soubory: soubor šablony stylů s názvem styl.css a soubor PHP s názvem child.php.

Soubor stylů.css musí obsahovat záhlaví s následujícími minimálními informacemi:

/* 
Theme Name: Raidboxes.io Theme Child
Template: Raidboxes Theme
Version: 1.0.0
*/

Poté vložte na konec souboru functions.php code snippet a složku Child themes nahrajte na server v části /wp-content/themes/.

Pokud je vše v pořádku, můžete otevřít nabídku s designem → a ve své administrátorské oblasti aktivovat nový child theme. Pokud se o tom chcete dozvědět více, vysvětlíme vám v našem magazínu, jak vytvořit child theme.

Závěr 

Tento článek vám poskytl některé základní informace o vašich způsobech, jak integrovat code snippets do WordPressu. Rozhodnutí mezi vytvořením vlastního WordPress pluginu, resp. child theme nebo použitím code snippet pluginu je na vás – a závisí pouze na vašich preferencích, protože tyto tři metody funkčně splňují totéž. Nejlepší je používat to, co vám nejlépe vyhovuje.