Náhledové obrázky v mobilním zobrazení

Úvodní stránka Fórum podpory WordPressu Šablony, CSS (zobrazení webu) Náhledové obrázky v mobilním zobrazení

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

Aktuálně jsou na stránce zobrazeny 3 příspěvky - 1. až 3. (z celkem 3)
  • Autor
    Příspěvky
  • #27132

    StuC
    Participant

    Dobrý den,
    prosím o radu. Mám šablonu MH Newsdesk lite. V zobrazení na PC jsou náhledové obrázky v pořádku, ale na mobilních zařízeních (testováno na Iphone, Windows phone) se mi zobrazuje pouze u prvního příspěvku náhledový obrázek v plné šířce, u druhého příspěvku je již nastavena pevná výška a zbytek obrazovky do šířky je vyplněn šedým pozadím.

    Poradíte mi prosím, jak nastavit, aby i náhledové obrázky u dalších příspěvků měly stejnou šířku jako náhledový obrázek u prvního příspěvku?

    Děkuji
    (Omlouvám se za možná zmatený popis a neprofesionální přílohu)

    Attachments:
    #27187

    endwin
    Participant

    Dobrý den.
    Zkoušel jste nastavit zvlastni css pro:

    • mibilni zarizeni (generuje-li se spesl class pro… vetsinou body)
    • mensi sirky obrazovky

    pro mensi sirky obrazovky lze nastavit style:

    @media screen and (max-width: 650px) {
        .classaImgNeboJineTargetovani {
            width: 100%;
            height: auto;
        }
    }

    Jestli nevite jak na to nebo to nepomaha, tak nebude-li vam vadit uvest odkaz stranky napiste do prispevku nebo kdyztak poslete na mail ott.michal@volny.cz a kouknu jak je to ostylovane a zkusim najit neco co by mohlo pomoct.

    #27200

    admin
    Keymaster
    Web

    Zajímavý problém… První příspěvek načítá náhledový obrázek content-single:

    the_post_thumbnail('content-single');

    Zatímco další příspěvky načítají náhledové obrázky content-list:

    the_post_thumbnail('content-list');

    A pro tyto obrázky jsou definované následující rozměry:

    add_image_size('content-single', 777, 437, true);
    add_image_size('content-list', 260, 146, true);

    A co to vlastně znamená?

    1) Nevidím tam vygenerovaný obrázek o velikosti 260 x 146 px. Nemohl jste používaný obrázek nahrát ještě před použitím šablony?

    2) Obrázek se zobrazí ve velikosti 260 x 146 px, i když je třeba k dispozici větší originál. Což je sice správně pro klasické zobrazení, ale platí to i pro mobilní zobrazení, protože se to promítne natvrdo do HTML:

    <img width="260" height="146" ... >

    Doporučil bych to nahlásit přímo autorovi šablony MH Newsdesk lite, protože mě nějaké rychlé a snadné řešení nenapadá (ale možná už je jen pozdě večer). Mobilní zobrazení většinou funguje tak, že jsou větší obrázky na počítači a menší na mobilu. Ale v tomto případě to vlastně chcete obráceně, což je bohužel proti logice použitého způsobu fungování…

Aktuálně jsou na stránce zobrazeny 3 příspěvky - 1. až 3. (z celkem 3)

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

WordPress – novinky, návody a zajímavosti