Rogi Rogers

Kategória: Open Source

  • 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.

  • Canonical Ubuntu a hry?

    Canonical Ubuntu a hry?

    Je to možné… Podľa posledných zverejnených pracovných ponúk sa Canonical snaží nájsť ľudí zodpovedných za gaming na Ubuntu Desktop. Žeby sme sa konečne dočkali kvalitného a plnohodnotného herného zážitku na Linuxe?

    (viac…)

  • WordPress UX dekadencia

    Nedávno som písal o tom ako ma irituje „pokrok“ v oblasti IT technológií. Spomenul som aj WordPress. V tejto krátkej spovedi pľujem žlč na UX „inžinierov“ stojacích za groteskou známou ako blokový editor gutenberg.

    (viac…)

  • MacOS aka OS X a (ne)hranie hier

    OS X je po veľa stránkach fajn operačný systém. Alebo aspoň býval. Ale v jednom je fakt hrozný. Ako herná platforma je to najhorší systém vôbec. Dokonca horší ako Linux. Pýtate sa prečo? Čítajte ďalej…

    (viac…)

  • Ako zistiť či váš telefón hackli

    Konečne sa medzi ľudí širšia dostala informácia, že nie sú v bezpečí. Nezávisle na tom či máte úžasný iPhone alebo najnovší Android, všetky zariadenia je možné napadnúť hackom Pegasus. A to je len jeden z mnohých.

    (viac…)

  • XML do CSV (xlsx)

    Na heureke a nie len tam sa stretnete s formátom XML, ktorý slúži na komunikáciu medzi rôznymi aplikáciami. Niekedy sa však zíde takýto formát previesť do čistej textovej formy, ktorú zhltne aj Excel či Libre Office Calc. Riešením je konverzia XML do CSV.

    Online nástroje

    Ku konvertovaniu XML súborov do CSV formátu na internete nájdeme množstvo online nástrojov. Podľa zložitosti XML sa výsledok môže líšiť. Pri konverzii stromu kategórii heureka.sk sa mi však nepodarilo dosiahnúť požadovaný výsledok. Aj napriek tomu niektoré služby uvediem:

    Excel alebo LibreOffice Calc

    Úspešnejšie dopadlo importovanie prostredníctom Excelu a Calcu. Kupodivu riešenie je v skutočnosti triviálne a výsledok viac ako uspokojívy.

    Naimportované data si môžete následne filtrovať upravovať podľa vašich potrieb. Celkový výsledok je možné uložiť napríkl do Excel formátu XLSX. Na použitie iného formátu tabuľkových súborov ako je napríklad otvorený tabuľkový formát ODS to nemá vplyv. Akonáhle dostanete údaje do tabuľkového editora, tak si môžete vybrať vami preferovaný formát. Ak nemáte špecifickú požiadavku, odporúčam používať ODS.

    XML a Microsoft Excel

    Umiestnenie funkcionality nájdete: Data > Z iných zdrojov > Importovať z XML

    Následne sa vás Excel opýta na zdrojový súbor a na ktorý hárok a miesto v tabuľke má údaje naimportovať. Pri odlišnej schéme sa opýta na prispôsobenie. Stačí iba potvrdiť. Následne vo veľmi krátkom čase prejde import.

    Nakoľko používam staršiu verziu Excelu, umiestnenie v novších verziách sa môže líšiť.

    XML a LibreOffice Calc

    Podobný postup nájdeme aj v bezplatnom kancelárskom balíku LibreOffice. V alternatívou Excelu v LibreOffice je Calc. Funkcionalita je umiestnená podobne a naviac len na dva kliky: Data > XML zdroj

    Následne vyskočí ponuka, kde pre Zdrojový súbor kliknite na ikonu a vyberte XML súbor. Následne program vygeneruje štruktúru, ktorú môžete myškou vybrať. V závislosti od komplexnosti XML súboru budete mať na výber vybrať vami požadovaný strom. Obyčajne však stačí kliknúť na ktorukoľvek položku v „Priradiť k dokumentu“ a pokračovať výberom bunky cez kolonku „Priradená bunka“. Viac na obrázku nižšie.

    Ak nemáte nastavené Ribbon rozhranie, tak cesta cez horné menu je rovnaká: Data > XML zdroj

    XML a iné tabuľkové kalkulátory

    Nepodarilo sa mi nájsť v Google Sheet podobnú funkcionalitu. Azda existuje nejaké riešenie vo forme rozšírenia. Nemal som však čas takéto riešenie hľadať.

    Pre iné alternatívy k Microsoft Excel som importovanie neskúšal, ale verím že v lepších programoch sa bude nachádzať podobne. Ak máte skúsenosti s importovaním XML súborov do tabuľkových editorov či konvertovaním do iných súborových formátov, pokojne sa podeľte v komentároch pod článkom.