Wsparcie » Motywy » Dodawnie tła na stronie.

  • Witam,
    Motyw: Responsywność
    Adres strony http://www.mfobelcanto.pl
    Dodałem tło do podstron body { background-image:url(„/wp-content/themes/magnus/images/layout6.jpg” ),

    na stronie głównej chce mieć inne tło jpg z informacjami. ( dodałem css)
    body.page-id-36
    { background-image:url(„/wp-content/themes/magnus/images/Poprawne1.jpg” );

    Problem jak zrobić (RWD)responywność tła.
    W innym motywie dodałem plik do folderu uploads, i stworzyły się pliki z rożną rozdzielczością.

    Jak mogę sprawdzić, czy motyw magnus jest responsywny?

    Jest to mój pierwszy wpis, nie wiem jakie jeszcze informacje mam udzielić o w/w stronie.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Responsywność możesz sprawdzić używając emulatorów:
    http://quirktools.com/screenfly/
    http://mobiletest.me/

    dla tła, aby dopasowywało się do rozdzielczości możesz używać
    background-size: cover;

    mobiletest.me nie jest najlepszy, wynik porównania Nokii Lumia 920 z faktycznym urządzeniem jest taki, że wyświetlane jest zupełnie co innego, w innej rozdzielczości.

    screenfly lepszy ale…

    Twoja obecna strona:
    – nie jest responsywna
    – nie nadaje się do użytku na smartfonie, bo:
    — nic się nie skaluje do wielkości ekranu
    — obraz tła na stronie głównej ma naniesione napisy, które na mniejszych ekranach wyjeżdżają poza ekran. Tło to tło, i musi nim pozostać. Content musi być skalowany (czyli napisy mają być napisami, loga muszą być obrazkami nakładanymi na tło, a nie być częścią tła).

    Co do motywu Magnus to jest on jak najbardziej responsywny. Tylko jest nastawiony głównie na photoblogging i nie wiem czy zapasuje Ci do Twojej treści.

    Prawda jest taka, że żaden z emulatorów(nawet tych przeglądarkowych w konsolach developerskich) nie jest w 100% adekwatny do faktycznego stanu rzeczy. Używa się ich co najwyżej jako odniesień, a nie podstawy tworzenia designu pod urządzenia mobilne.

    Pół biedy z emulowaniem tabletów ale jeśli chodzi o smartphone’y, to najlepiej po prostu sprawdzić na własnym jak wygląda strona. Problem nie jest tutaj nawet rozdzielczość, tylko ładowanie elementów i sam styl, w którym jest pisana skórka. W przypadku zwykłych przełamań problem zdaje się być najmniejszy względem emulowania.

    Tło z wklejonym tekstem nigdy nie będzie w pełni responsywne, tekst zawsze się wkleja oddzielnie ale to już wyjaśnił kolega powyżej.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Temat ‘Dodawnie tła na stronie.’ jest zamknięty na nowe odpowiedzi.