Rogi Rogers

Blog

  • FSE (Full Site Editor) + Block Editor vo WordPress?

    Názory sa rôznia. Mnoho vývojárov posledné roky opúšťa loď menom WordPress a prechádza na iné riešenia. Iní sa snažia vyhovieť zákazníkom a vyhnúť sa novej paradigme. Je nový systém naozaj tak strašný?

    (viac…)

  • Ako na responzivitu vo WordPress?

    1. Použitite pluginov

    Pre lepšiu kontrolu nad responsivitou blokov môžeš využiť pluginy, ktoré pridávajú responsívne nastavenia do blokového editora:

    Doplnky s rozšírenými funkciami:

    1. Kadence Blocks:
      • Poskytuje možnosť nastaviť rôzne hodnoty pre desktop, tablet a mobil pre každý blok (napr. veľkosť písma, medzery, zarovnanie).
      • Obsahuje jednoduché nástroje na prispôsobenie správania stĺpcov.
    2. Stackable Blocks:
      • Pridáva pokročilé možnosti pre každý blok, vrátane animácií a prispôsobenia pre rôzne zariadenia.
    3. GenerateBlocks:
      • Umožňuje detailnú kontrolu nad štruktúrou a rozložením blokov na rôznych obrazovkách.

    2. Použitie CSS prispôsobených pre rôzne zariadenia

    Ak natívne možnosti nepostačujú, môžeš pridať vlastné CSS:

    Základné CSS pre responsivitu:

    Použitie mediálnych dotazov (media queries) ti umožní presne špecifikovať správanie blokov pre rôzne veľkosti obrazovky.

    Príklad:

    /* Pre menšie obrazovky (mobil) */
    @media (max-width: 768px) {
        .wp-block-column {
            flex-basis: 100%; /* Každý stĺpec zaberie celú šírku */
            margin-bottom: 20px;
        }
        .wp-block-group {
            padding: 10px;
        }
    }

    /* Pre stredné obrazovky (tablet) */
    @media (min-width: 769px) and (max-width: 1024px) {
        .wp-block-column {
            flex-basis: 50%; /* Každý stĺpec zaberie polovicu šírky */
        }
    }

    Tento CSS kód môžeš pridať do:

    • Vlastného CSS (Vzhľad → Prispôsobenie → Dodatočné CSS).
    • Súboru style.css v aktívnej téme.

    3. Natívne možnosti v blokovom editore (Gutenberg)

    Základný WordPress editor obsahuje obmedzené možnosti responsivity, ale niektoré bloky majú natívnu podporu prispôsobenia:

    Možnosti v paneli „Bloky“ (vpravo):

    1. Stacking (stohovanie):
      • Pri blokoch ako Group Block alebo Columns Block môžeš nastaviť spôsob zobrazenia na menších obrazovkách:
        • Horizontálne alebo vertikálne usporiadanie.
      • Tieto nastavenia sa aktivujú automaticky, ale ich správanie môžeš ovplyvniť cez CSS.
    2. Margin a Padding:
      • Nastavuješ medzery vo vnútri alebo okolo blokov. Niektoré témy (napr. Blocksy, Kadence) umožňujú rozdielne hodnoty pre desktop, tablet a mobil.
    3. Typografia:
      • Môžeš zmeniť veľkosť písma podľa zariadenia, ak je to podporované.

    4. Dynamické zobrazenie pomocou podmienok

    Niektoré pluginy a nástroje umožňujú dynamicky meniť viditeľnosť alebo správanie blokov podľa veľkosti obrazovky:

    • Visibility Settings: Niektoré doplnky, ako Kadence alebo Spectra, umožňujú skryť bloky pre určité zariadenia (napr. blok viditeľný len na mobiloch).

    Vaše tipy a triky?

    Ako riešite responzívny dizajn vo Wordprese vy? Máte nejaké tipy a triky? Podeľte sa o ne v komentároch pod článkom.

  • Spúšťanie java scriptu a CSS Contact Form 7 len na stránke kontakt

    Možné použiť vo functions.php (aj child theme)

    // Deregister Contact Form 7 JavaScript & Css files on all pages without a form
function contactform2_deregister_javascript_css() {
    if ( ! is_page( 'kontakt' ) ) {
        wp_deregister_script( 'contact-form-7' );
        wp_deregister_style( 'contact-form-7' );
        //Odkomentuj ak sa používa google recaptcha
        //wp_deregister_script( 'google-recaptcha' );
    }
}

    V prípade potreby pridajte viac stránok ako array do funkcie is_page(). Napr.:

    is_page( array( 'o-nas', 'kontakt', 101 ) );

  • Ulož.to končí, čo ďalej?

    Všetci zaiste poznáte ulož.to. Stránka svojim návštevníkom roky umožňovala zdieľať rôzny obsah. To sa však od 1.12.2024 aj vďaka zmene legislatívy európskej únie zmenilo. Preto prinášam zoznam alternatívnych webov s podobným zameraním.

    (viac…)

  • FinalCut pre iPad? S veľkým ale…

    Tento článok alebo skôr komentár by sa pokojne mohol volať „Ako si Apple neváži svojich zákaznikov„. Pýtate sa prečo?

    (viac…)

  • Ako vybrať dobrú VPN

    Nedávno som riešil problém s výberom dobrej VPN. Prišiel som k nasledovnému záveru.

    (viac…)

  • Porovnanie dvoch priečinkov MAC pomocou terminálu

    Potrebujete porovnať dva priečinky alebo súbory na operačnom systéme MAC OS X? Žiadny problém. Pomocou jednoduchého príkazu v termináli viete porovnať súbory alebo priečinky.

    (viac…)

  • Predsavzatia na rok 2023

    Sklamem Vás. V predsavzatia neverím. Myslím si, že rozumný človek vie, že každý deň je možnosť na zmenu svojho života. Kto čaká na zmenu v konkrétny deň v roku s najväčšou pravdepodobnosťou nedokáže svoje predsavzatie naplniť. A to je môj odkaz každému, kto si dáva predsavzatia. Kašlite na to! Žite! A ak si máte nejaké predsavzatie dať, tak nech je na celý život a na každý deň. Napríklad si zoberte za svoje, že budete lepším človekom ako včera.

    Nech Vás sila sprevádza na tejto ceste aj v roku 2023.

  • Zodpovedný web a internet?

    Ako vnímate súčasnu podobu webu? Ste s ňou spokojný? Lebo ja nie! A ani vy by ste nemali. Môžeme sa ešte zachrániť? Ja verím, že áno. Ako?

    (viac…)

  • Prečo nepoužívať frameworky

    Trošku kontroverzný pohľad na používanie nie len programátorských frameworkov.

    (viac…)