Čo je to code snippet, prečo ho používať + 3 praktické kódy

Chceš získať viac kontroly nad svojím WordPress webom bez inštalovania zbytočných pluginov? V tomto článku si ukážeme, prečo sú code snippety užitočné, ktoré pluginy odporúčame na ich správu a pridáme aj tri konkrétne ukážky, ktoré používame aj my pre jednoduché riešenia s veľkým efektom.

Čo je to code snippet a prečo ho používať vo WordPresse?

Code snippet je krátky útržok kódu, ktorý rozširuje funkcionalitu WordPressu bez potreby inštalovať ďalší plugin. Môže ísť napríklad o zmenu správania sa témy, úpravu administrácie alebo doplnenie funkcií, ktoré inak WordPress natívne neponúka. Pre vývojárov, ale aj bežných používateľov so základnými znalosťami kódu, predstavujú jednoduchý spôsob, ako si prispôsobiť web presne podľa svojich potrieb.

Výhody používania code snippetov

Najväčšou výhodou snippetov je, že dokážu nahradiť celé pluginy, ktoré často zaťažujú stránku a spomaľujú jej načítanie. Snippety sú ľahké, rýchle a jednoduché na správu, hlavne ak používate špecializovaný plugin, ktorý ich bezpečne ukladá a umožňuje zapínať či vypínať podľa potreby. Okrem toho máte úplnú kontrolu nad tým, čo sa na vašom webe deje.

Bezpečnosť a správa kódu

Používanie snippetov si však vyžaduje istú dávku zodpovednosti. Nesprávne napísaný alebo nevhodne vložený kód môže spôsobiť problémy vo funkčnosti webu. Preto je dobré snippets vždy testovať, zálohovať a najlepšie používať plugin, ktorý zabezpečí bezpečné vloženie a možnosť návratu.

Kedy siahnúť po snippete namiesto inštalácie pluginu

Ak je potrebné len jednu konkrétnu funkciu a nechcete kvôli nej inštalovať celý robustný plugin, snippet je ideálnym riešením. Ušetríte miesto, zrýchlite web a znížite riziko konfliktov medzi pluginmi. Navyše, časom si môžete vytvoriť vlastnú knižnicu snippetov, ktorá sa dá prenesieš aj na iné projekty – a to je úspora času.

Pluginy na správu Code Snippetov vo WordPresse

Code Snippets
Najobľúbenejší plugin na pridávanie PHP kódu bez nutnosti úprav súborov témy (functions.php). Má jednoduché rozhranie a možnosť snippet aktivovať/deaktivovať ako klasický plugin.
WPCode (bývalý Insert Headers and Footers)
Okrem klasických snippetov umožňuje jednoducho vkladať aj skripty do hlavičky alebo päty stránky. Má možnosť organizovať snippety podľa typu – PHP, HTML, CSS, JS.
Advanced Scripts
Profesionálnejší nástroj, ak potrebujete správu zložitejších snippetov, podmienok, plánovanie spustenia a viacero prostredí. Skvelé pre pokročilejších používateľov.

3 praktické snippety, ktoré používame často

1. Infinity načítavanie obrázkov v médiách (pre Elementor alebo klasický WP editor)

Tu je krátky PHP kód. Snippet vhodný najmä pre redaktorov či adminov, ktorí často pracujú s veľkým počtom fotiek či videí.

add_filter( 'media_library_infinite_scrolling', '__return_true' );

2. Automatická konverzia `.jpg` na `.webp` v knižnici médií

Hlavnou výhodou tejto konverzie je menšia veľkosť súboru webp pri zachovaní kvality, čo znamená rýchlejšie načítavanie stránok a lepší používateľský zážitok. WebP podporuje priehľadnosť (ako PNG) aj animácie (ako GIF) a vďaka lepšiemu kompresnému algoritmu znižuje dátovú náročnosť až o 25–35 % v porovnaní s JPEG. To má pozitívny vplyv nielen na rýchlosť webu, ale aj na SEO – Google totiž uprednostňuje stránky, ktoré sa načítavajú rýchlo a efektívne pracujú s obsahom.


add_filter('wp_handle_upload', 'wpturbo_handle_upload_convert_to_webp');

function wpturbo_handle_upload_convert_to_webp($upload) {
    if ($upload['type'] == 'image/jpeg' || $upload['type'] == 'image/png' || $upload['type'] == 'image/gif') {
        $file_path = $upload['file'];

        // Check if ImageMagick or GD is available
        if (extension_loaded('imagick') || extension_loaded('gd')) {
            $image_editor = wp_get_image_editor($file_path);
            if (!is_wp_error($image_editor)) {
                $file_info = pathinfo($file_path);
                $dirname   = $file_info['dirname'];
                $filename  = $file_info['filename'];

                // Create a unique file path for the WebP image
                $def_filename = wp_unique_filename($dirname, $filename . '.webp');
                $new_file_path = $dirname . '/' . $def_filename;

                // Attempt to save the image in WebP format
                $saved_image = $image_editor->save($new_file_path, 'image/webp');
                if (!is_wp_error($saved_image) && file_exists($saved_image['path'])) {
                    // Success: replace the uploaded image with the WebP image
                    $upload['file'] = $saved_image['path'];
                    $upload['url']  = str_replace(basename($upload['url']), basename($saved_image['path']), $upload['url']);
                    $upload['type'] = 'image/webp';

                    // Optionally remove the original image
                    @unlink($file_path);
                }
            }
        }
    }

    return $upload;
}

3. Zobrazenie tagov a kategórií aj na bežných WordPress stránkach (nielen článkoch)

Ak chceš využívať kategórie a tagy nielen na blogu, ale aj na podstránkach (napr. služby, portfólio), čo je perfektné na organizovanie obsahu a podporu SEO, použi tento snippet:

add_action('init', function() {
    register_taxonomy_for_object_type('category', 'page');
    register_taxonomy_for_object_type('post_tag', 'page');
});

Používanie code snippetov je skvelým spôsobom, ako udržať WordPress stránku čistú, rýchlu a efektívnu. V beVisible ich používame denne – od malých optimalizácií až po špecifické klientské požiadavky. Či už potrebujete zrýchliť načítavanie obrázkov, pridať funkcionalitu do Elementoru alebo lepšie organizovať obsah na stránke – snippety to umožnia rýchlo a bezpečne.

Ak chceš pomôcť s implementáciou, správou alebo vývojom WordPress webu na mieru, ozvi sa nám. Radi pomôžeme.

code snippet wordpress