Konfigurace viewportu

Zvolené téma obsahuje celkem 5 odpovědí. Do diskuze (2 účastníci) se naposledy zapojil uživatel  admin a poslední změna je stará 9 let, 6 měsíců.

Aktuálně je na stránce zobrazeno 6 příspěvků - 1. až 6. (z celkem 6)
  • Autor
    Příspěvky
  • #22471

    spleen
    Participant

    Jak na webu nakonfiguruji viewport, aby stránky vlastně byly vhodné i pro mobilní zařízení?

    #22498

    admin
    Keymaster
    Web

    To je záležitost šablony, respektive hlavičky webu (HTML značka head). Vcelku povedené vysvětlení je dostupné zde (v češtině). Příslušný kód můžete vložit např. do souboru header.php (pokud jde o vlastní šablonu) nebo můžete použít akci wp_head (v případě potřeby odvozené šablony).

    Příklad z výchozí šablony Twenty Fifteen:

    <meta name="viewport" content="width=device-width">

    #22514

    spleen
    Participant

    Implementoval jsem si dle návodu do header.php

    <meta name="viewport" content="width=device-width">

    ale v Google Nástroje pro webmastery mi to stále hlásí, že

    Přizpůsobte velikost obsahu viewportu

    poradí ještě někdo prosím?

    #22520

    admin
    Keymaster
    Web

    Ano, tímto jste pouze definovat meta značku viewport. Nyní tam máte patrně problém s nějakými přesně definovanými fixními hodnotami, které nejsou přizpůsobeny pro mobilní web, aneb patrně část “Velikost obsahu není přizpůsobena oblasti zobrazení” (máte tam i další odkazy na řešení problému). Obecně je třeba zajistit, aby se velikost webu (obrázků, fontů, atd.) zobrazovala relativně, tedy flexibilně (aneb responzivně).

    Jakou používáte šablonu?

    #22521

    spleen
    Participant
    #22527

    admin
    Keymaster
    Web

    Tam se mi ji stáhnout nepodařilo, ale patrně už bude velmi zastaralá a spíše bych doporučil použít nějakou novou moderní a flexibilní šablonu, kterou nebudete muset složitě upravovat…

Aktuálně je na stránce zobrazeno 6 příspěvků - 1. až 6. (z celkem 6)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.

WordPress – novinky, návody a zajímavosti