{"id":380,"date":"2026-11-11T16:14:23","date_gmt":"2026-11-11T15:14:23","guid":{"rendered":"https:\/\/projektwordpress.pl\/index.php\/2026\/11\/11\/jak-dopasowac-szablon-bloga-do-artykulow-bez-obrazka-wyrozniajacego\/"},"modified":"2026-11-11T16:14:23","modified_gmt":"2026-11-11T15:14:23","slug":"jak-dopasowac-szablon-bloga-do-artykulow-bez-obrazka-wyrozniajacego","status":"publish","type":"post","link":"https:\/\/projektwordpress.pl\/index.php\/2026\/11\/11\/jak-dopasowac-szablon-bloga-do-artykulow-bez-obrazka-wyrozniajacego\/","title":{"rendered":"Jak dopasowa\u0107 szablon bloga do artyku\u0142\u00f3w bez obrazka wyr\u00f3\u017cniaj\u0105cego?"},"content":{"rendered":"

Je\u015bli chcesz zachowa\u0107 obrazki wyr\u00f3\u017cniaj\u0105ce we wpisach, kt\u00f3re je maj\u0105, nie usuwaj bloku Obrazek wyr\u00f3\u017cniaj\u0105cy wpisu z szablonu. Pozostaw go bez grafiki zast\u0119pczej i sprawd\u017a, czy przy wpisie bez obrazka znika r\u00f3wnie\u017c jego pusty obszar. Usu\u0144 blok tylko wtedy, gdy obrazki maj\u0105 znikn\u0105\u0107 ze wszystkich wpis\u00f3w korzystaj\u0105cych z tego szablonu. W motywie blokowym zmienisz uk\u0142ad w Wygl\u0105d > Edytor > Szablony<\/strong>, a w klasycznym - w pliku lub funkcji wy\u015bwietlaj\u0105cej obraz. Osobno sprawd\u017a pojedynczy wpis, stron\u0119 bloga i archiwum na komputerze oraz telefonie.<\/p>\n

Najpierw sprawd\u017a, z jakiego typu motywu korzystasz. Je\u015bli w panelu widzisz Wygl\u0105d > Edytor<\/strong>, mo\u017cesz edytowa\u0107 szablony za pomoc\u0105 blok\u00f3w. Motyw klasyczny tworzy uk\u0142ad g\u0142\u00f3wnie z plik\u00f3w PHP, JavaScriptu i CSS. Je\u015bli dopiero porz\u0105dkujesz spos\u00f3b pracy z witryn\u0105, mo\u017cesz zacz\u0105\u0107 prac\u0119 z WordPressem<\/a> od rozpoznania aktywnego motywu i jego szablon\u00f3w.<\/p>\n

Motyw blokowy - zachowaj obrazki, usu\u0144 pusty obszar<\/h2>\n

Otw\u00f3rz Wygl\u0105d > Edytor > Szablony<\/strong> i wybierz szablon pojedynczego wpisu. Zale\u017cnie od motywu mo\u017ce to by\u0107 szablon w\u0142asny albo jeden z plik\u00f3w hierarchii, takich jak single.html<\/code>, singular.html<\/code> czy index.html<\/code>.<\/p>\n

    \n
  1. Otw\u00f3rz szablon pojedynczego wpisu i zaznacz blok Obrazek wyr\u00f3\u017cniaj\u0105cy wpisu<\/strong>.<\/li>\n
  2. Je\u015bli obraz ma si\u0119 pojawia\u0107 tylko przy wpisach, kt\u00f3re maj\u0105 przypisany obrazek wyr\u00f3\u017cniaj\u0105cy, pozostaw blok i nie dodawaj grafiki zast\u0119pczej.<\/li>\n
  3. Sprawd\u017a, czy blok lub jego kontener nie wymusza wysoko\u015bci, kt\u00f3ra pozostaje pusta, gdy obrazka nie ma.<\/li>\n
  4. Usu\u0144 blok tylko wtedy, gdy chcesz ukry\u0107 obrazki we wszystkich wpisach korzystaj\u0105cych z tego szablonu.<\/li>\n
  5. Upewnij si\u0119, \u017ce tytu\u0142, metadane i tre\u015b\u0107 znajduj\u0105 si\u0119 w g\u0142\u00f3wnym uk\u0142adzie, a nast\u0119pnie zapisz zmian\u0119.<\/li>\n<\/ol>\n

    W bloku mo\u017cesz te\u017c w\u0142\u0105czy\u0107 ustawienie useFirstImageFromPost<\/code>. Domy\u015blnie jest wy\u0142\u0105czone; po w\u0142\u0105czeniu blok mo\u017ce wykorzysta\u0107 pierwszy obraz z tre\u015bci wpisu, je\u015bli nie przypisano mu osobnego obrazka wyr\u00f3\u017cniaj\u0105cego. To zmienia, jaki obraz zobaczy czytelnik: je\u015bli chcesz pokazywa\u0107 wy\u0142\u0105cznie osobno przypisane obrazki, pozostaw ustawienie wy\u0142\u0105czone. Proporcje, szeroko\u015b\u0107, wysoko\u015b\u0107 i spos\u00f3b skalowania bloku r\u00f3wnie\u017c wp\u0142ywaj\u0105 na rozmiar grafiki oraz sp\u00f3jno\u015b\u0107 uk\u0142adu.<\/p>\n

    Wybierz spos\u00f3b obs\u0142ugi wpis\u00f3w bez grafiki<\/h2>\n

    To, czy ukryjesz puste miejsce, czy zastosujesz obraz zast\u0119pczy, zale\u017cy od roli kart na stronie bloga i w archiwach.<\/p>\n

    \n\n\n\n\n\n\n\n
    Rozwi\u0105zanie<\/th>\nKiedy je wybra\u0107<\/th>\nCo zmienia dla czytelnika<\/th>\n<\/tr>\n<\/thead>\n
    Ukrycie pustego obszaru<\/td>\nGdy tytu\u0142, metadane i zajawka s\u0105 najwa\u017cniejsze<\/td>\nTytu\u0142 i tekst przesuwaj\u0105 si\u0119 w g\u00f3r\u0119, a karta nie ma pustego pola po grafice<\/td>\n<\/tr>\n
    Sta\u0142a grafika zast\u0119pcza<\/td>\nGdy karty maj\u0105 mie\u0107 jednakow\u0105 wysoko\u015b\u0107 albo obraz pomaga rozpoznawa\u0107 tematy<\/td>\nKarty zachowuj\u0105 bardziej sp\u00f3jny uk\u0142ad, ale grafika pojawia si\u0119 r\u00f3wnie\u017c przy wpisach bez w\u0142asnego obrazka<\/td>\n<\/tr>\n
    Pierwszy obraz z tre\u015bci<\/td>\nGdy wpisy zawieraj\u0105 zdj\u0119cia, ale nie przypisujesz ich osobno jako obrazk\u00f3w wyr\u00f3\u017cniaj\u0105cych<\/td>\nKarta mo\u017ce pokaza\u0107 zdj\u0119cie z artyku\u0142u zamiast pozosta\u0107 bez grafiki; sprawd\u017a, czy jest ono odpowiednie do tego widoku<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n

    Przyk\u0142ad: wpis nie ma obrazka wyr\u00f3\u017cniaj\u0105cego ani \u017cadnej grafiki w tre\u015bci. W\u0142\u0105czenie u\u017cycia pierwszego obrazu nie wype\u0142ni wtedy karty, wi\u0119c wybierz sta\u0142y obraz zast\u0119pczy, je\u015bli zale\u017cy Ci na jednakowej wysoko\u015bci. Je\u015bli pierwszy akapit zawiera zdj\u0119cie, ustawienie mo\u017ce wype\u0142ni\u0107 kart\u0119 tym zdj\u0119ciem. Gdy wystarcz\u0105 tytu\u0142 i zajawka, ukryj pusty obszar.<\/p>\n

    Osobno zmie\u0144 list\u0119 wpis\u00f3w i archiwa<\/h2>\n

    Zmiana szablonu pojedynczego wpisu nie musi wp\u0142ywa\u0107 na kart\u0119 na stronie bloga. Otw\u00f3rz szablon strony z najnowszymi wpisami - mo\u017ce to by\u0107 Blog Home albo uk\u0142ad z blokiem P\u0119tla zapyta\u0144 - i sprawd\u017a blok Obrazek wyr\u00f3\u017cniaj\u0105cy wpisu w karcie. Zastosuj t\u0119 sam\u0105 regu\u0142\u0119: pozostaw blok bez zast\u0119pczej grafiki, je\u015bli obraz ma si\u0119 pojawia\u0107 tylko przy wpisach z przypisanym obrazkiem, albo dodaj rozwi\u0105zanie zast\u0119pcze zgodnie z wybran\u0105 funkcj\u0105 kart.<\/p>\n

    Nast\u0119pnie sprawd\u017a szablon All Archives, kt\u00f3ry mo\u017ce obejmowa\u0107 archiwa kategorii, tag\u00f3w, autor\u00f3w i dat. Sprawd\u017a co najmniej archiwum kategorii oraz tagu - widoki te mog\u0105 korzysta\u0107 z innych cz\u0119\u015bci szablonu ni\u017c strona bloga. Zapisane w Edytorze witryny zmiany trafiaj\u0105 do bazy danych i maj\u0105 pierwsze\u0144stwo przed szablonami dostarczonymi z motywem. Po zmianie motywu sprawd\u017a wi\u0119c, czy zapisany szablon nadal ma w\u0142a\u015bciwy uk\u0142ad.<\/p>\n

    Motyw klasyczny - znajd\u017a miejsce wy\u015bwietlania obrazka<\/h2>\n

    W motywie klasycznym nie ma jednego uniwersalnego pliku odpowiedzialnego za obrazek wyr\u00f3\u017cniaj\u0105cy. Motyw mo\u017ce wy\u015bwietla\u0107 go w pojedynczym wpisie, nag\u0142\u00f3wku, zajawce lub archiwum, wi\u0119c poprawk\u0119 trzeba dopasowa\u0107 do konkretnego widoku. Zmiana w pliku wpisu nie musi zmieni\u0107 kart na stronie bloga.<\/p>\n

    Funkcja has_post_thumbnail()<\/code> sprawdza, czy wpis ma obrazek wyr\u00f3\u017cniaj\u0105cy, a the_post_thumbnail()<\/code> go wy\u015bwietla. Warunek pozwala pomin\u0105\u0107 obraz i jego kontener, gdy grafiki nie ma:<\/p>\n

    <?php if ( has_post_thumbnail() ) : ?>
    \u00a0\u00a0\u00a0\u00a0<?php the_post_thumbnail(); ?>
    <?php endif; ?><\/code><\/p>\n

    To przyk\u0142ad zasady, nie gotowy fragment do wklejenia w dowolne miejsce. Motyw mo\u017ce dodawa\u0107 w\u0142asne klasy, linki lub struktur\u0119 karty. Je\u015bli zmieniasz pliki, u\u017cyj motywu potomnego, aby aktualizacja motywu nadrz\u0119dnego nie nadpisa\u0142a poprawki. Gdy obrazka wyr\u00f3\u017cniaj\u0105cego nie ma w edytorze wpisu, motyw mo\u017ce nie deklarowa\u0107 jego obs\u0142ugi przez add_theme_support('post-thumbnails')<\/code>. Ta deklaracja udost\u0119pnia obs\u0142ug\u0119 obrazk\u00f3w, ale nie wskazuje pliku, kt\u00f3ry odpowiada za ich wy\u015bwietlanie.<\/p>\n

    Sprawd\u017a wpis, stron\u0119 bloga i archiwum<\/h2>\n

    Po zapisaniu zmiany obejrzyj ka\u017cdy z trzech widok\u00f3w na komputerze i telefonie. Je\u015bli wpis bez obrazka wygl\u0105da poprawnie, ale jego karta nadal ma pusty prostok\u0105t, sprawd\u017a szablon Blog Home, All Archives lub P\u0119tl\u0119 zapyta\u0144 - poprawka dotyczy\u0142a innego widoku.<\/p>\n

      \n
    • Pojedynczy wpis<\/strong> - sprawd\u017a, czy po braku obrazka nie zostaje pusta wysoko\u015b\u0107 i czy tytu\u0142 oraz metadane s\u0105 we w\u0142a\u015bciwej kolejno\u015bci.<\/li>\n
    • Strona z najnowszymi wpisami<\/strong> - por\u00f3wnaj karty z obrazkiem i bez niego; sprawd\u017a odst\u0119py oraz ich wysoko\u015b\u0107.<\/li>\n
    • Archiwum kategorii lub tagu<\/strong> - upewnij si\u0119, \u017ce karta stosuje t\u0119 sam\u0105 regu\u0142\u0119 co strona bloga.<\/li>\n
    • Telefon i komputer<\/strong> - sprawd\u017a, czy tytu\u0142 i metadane nie s\u0105 przesuni\u0119te, obraz zachowuje proporcje, a karty w jednym rz\u0119dzie maj\u0105 sp\u00f3jne odst\u0119py.<\/li>\n<\/ul>\n

      Je\u015bli karty maj\u0105 r\u00f3\u017cne wysoko\u015bci, wybierz mi\u0119dzy ukryciem pustego obszaru a sta\u0142\u0105 grafik\u0105 zast\u0119pcz\u0105 stosownie do funkcji listy. Nie dodawaj przypadkowych odst\u0119p\u00f3w w CSS zamiast usun\u0105\u0107 przyczyn\u0119 pustego miejsca.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Je\u015bli chcesz zachowa\u0107 obrazki wyr\u00f3\u017cniaj\u0105ce we wpisach, kt\u00f3re je maj\u0105, nie usuwaj bloku Obrazek wyr\u00f3\u017cniaj\u0105cy wpisu z szablonu. Pozostaw go bez grafiki zast\u0119pczej i…<\/p>\n","protected":false},"author":2,"featured_media":377,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[16,19,17,18,11],"class_list":["post-380","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-motywy","tag-motywy-blokowe","tag-motywy-klasyczne","tag-obrazek-wyrozniajacy","tag-szablony-wordpress","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/projektwordpress.pl\/index.php\/wp-json\/wp\/v2\/posts\/380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projektwordpress.pl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projektwordpress.pl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projektwordpress.pl\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projektwordpress.pl\/index.php\/wp-json\/wp\/v2\/comments?post=380"}],"version-history":[{"count":1,"href":"https:\/\/projektwordpress.pl\/index.php\/wp-json\/wp\/v2\/posts\/380\/revisions"}],"predecessor-version":[{"id":381,"href":"https:\/\/projektwordpress.pl\/index.php\/wp-json\/wp\/v2\/posts\/380\/revisions\/381"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projektwordpress.pl\/index.php\/wp-json\/wp\/v2\/media\/377"}],"wp:attachment":[{"href":"https:\/\/projektwordpress.pl\/index.php\/wp-json\/wp\/v2\/media?parent=380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projektwordpress.pl\/index.php\/wp-json\/wp\/v2\/categories?post=380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projektwordpress.pl\/index.php\/wp-json\/wp\/v2\/tags?post=380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}