Miniaturki postów stają się coraz popularniejsze. Wiele motywów magazynowych kojarzy obraz z konkretnym postem, który następnie wyświetlają na stronie głównej lub na stronie posta. Wyświetlamy miniaturkę z naszymi postami zarówno na stronie posta, jak i na stronie kategorii. We wcześniejszych wersjach funkcjonalność tę uzyskiwano za pomocą metody niestandardowych pól, która nie była zbyt przyjazna dla użytkownika. Dzięki programistom rdzenia WordPressa, wraz z wieloma godnymi uwagi funkcjami w WordPressie 2.9, ta funkcja została również dodana do rdzenia.
Simply watch the video or read the tutorial below 
Wideo
Przewodnik dla początkujących
Zobaczysz opcję podobną do tej na pasku bocznym panelu pisania posta w panelu administracyjnym WordPress.
Kliknij w link, a zostaniesz przeniesiony na stronę przesyłania obrazka. Prześlij obrazek, a zobaczysz coś takiego:
Po prostu kliknij na link, który mówi użyj jako miniaturę. Po wykonaniu tej czynności zobaczysz ekran podobny do tego:
Powyższy ekran oznacza, że skończyłeś. Po prostu kliknij publikuj, a obraz pojawi się na Twojej stronie.
Przewodnik dla programistów
Chociaż ta funkcjonalność została dodana do rdzenia, nie każdy użytkownik zobaczy tę opcję w bocznym panelu swojego panelu pisania postów. Jest to jedna z tych funkcji, które można włączyć tylko wtedy, gdy motyw ją obsługuje. Starsze darmowe motywy mogą jej nie obsługiwać, więc musiałbyś poprosić dewelopera o aktualizację lub możesz to zrobić sam, postępując zgodnie z tym samouczkiem.
Najpierw musisz otworzyć plik functions.php w folderze motywów i wkleić następujący kod:
add_theme_support( 'post-thumbnails' );
Ten kod umożliwi motywowi obsługę zarówno wpisów, jak i stron. Teraz zobaczysz opcję w swoim panelu. Ale nie wyświetli się w twoich motywach, ponieważ nie dodaliśmy jeszcze kodu do motywu.
Miniaturę możesz wyświetlić w dowolnym miejscu wewnątrz pętli, używając tego kodu:
<?php the_post_thumbnail(); ?>
To była podstawowa funkcja, ale jeśli chcesz uzyskać bardziej zaawansowane opcje, takie jak określanie rozmiaru miniatury posta, wystarczy otworzyć plik functions.php i wkleić kod w ten sposób:
add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 50, 50, true );
Wymiary są ustawione w kolejności: szerokość x wysokość i są to piksele.
Możesz również dodać dodatkowe rozmiary obrazów dla swojego obrazu wyróżniającego, dodając tę linię:
add_image_size( 'single-post-thumbnail', 590, 180 ); // Permalink thumbnail size
Możesz później wywołać konkretne rozmiary miniatur w swoim pętli postów w następujący sposób:
<?php the_post_thumbnail('single-post-thumbnail'); ?>
To jest uproszczona wersja pełnej funkcjonalności tej funkcji. Staraliśmy się zachować prostotę, aby każdy mógł ją zrozumieć. Jeśli chcesz więcej informacji na temat tej funkcjonalności, sprawdź:
Chrissy
Czy jest to konieczne w przypadku motywów Genesis Child. Wydają się już mieć wyróżniony obraz dla swoich postów. Dzięki
Personel redakcyjny
Nie, nie jest to konieczne w motywach Genesis.
Admin
Divya
Cześć,
W moim motywie nie ma pliku loop.php, więc gdzie mam edytować?
Z góry dziękuję
Personel redakcyjny
Pętla może znajdować się w pliku index.php, single.php, archive.php i innych plikach.
Admin
A. Suriel
Wypróbowałem widżet i działa dobrze. Dzięki za wskazówkę.
Kathleen Smitheram
Spróbowałem tego i chyba zepsułem swoją stronę. Teraz pojawia się ten błąd
Parse error: błąd składni, nieoczekiwany ‘”‘ w /home/content/21/10729521/html/wp-content/themes/desk-mess-mirrored/functions.php w linii 642
i nie mogę wejść do mojego panelu. Jestem nowy w samodzielnym hostingu i nie mam pojęcia, jak to naprawić. POMOCY!
Personel redakcyjny
Proszę przeczytać ten artykuł:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/
Wierzymy, że popełniłeś błąd przy nieprawidłowym wklejeniu kodu.
Admin
Nik
Świetny tutorial!
Szybkie pytanie:
Powiedziałeś: Jeśli nie widzisz opcji „użyj jako miniaturę”, być może będziesz musiał wejść do PHP, ponieważ motyw jest starszy.
Gdzie w nowym układzie WordPressa mogę sprawdzić, czy „użyj jako miniaturę” jest dostępne w moim motywie?
Oto obrazek, który pomoże wyjaśnić, co mam na myśli przez „nowy układ WordPress”.
http://thereselawlor303.files.wordpress.com/2012/12/newpost5.jpg?w=1024&h=621
Mam nadzieję, że to ma sens.
Dzięki!
Personel redakcyjny
Jeśli widzisz obraz wyróżniony obok tytułu na swojej stronie, oznacza to, że Twój motyw obsługuje miniatury.
Admin
Nik
Rozumiem. Dzięki!
Drew
Cześć,
Dzięki za ten post, bardzo mi pomógł!
Pytanie, jak teraz wyświetlić również obraz wyróżniony (w innym rozmiarze) w samym wpisie (nie w pętli)?
Thanks
Personel redakcyjny
Możesz po prostu użyć przycisku wstawiania posta przy obrazku.
Admin
Mimo
Ups, mój powyższy przykład zawiódł.
np. i mg src=”<?p hp the_p ost_thumbnail (); />
Mimo
Zignoruj moje uwagi. Zrozumiałem, dlaczego nie chciałbyś ich opakowywać w tagi img i anchor :D.
Dzięki za post
kurtki canada goose
Pisz dalej, inspiruj, twórz. Podoba mi się pomysł, a strona jest dość łatwa w użyciu. Szkoda tylko, że recenzują tylko około 20 najlepszych stron w danej dziedzinie. Internet jest ogromny.
kurtki canada goose
Pisz dalej, inspiruj, twórz. Podoba mi się pomysł, a strona jest dość łatwa w użyciu. Szkoda tylko, że recenzują tylko około 20 najlepszych stron w danej dziedzinie. Internet jest ogromny.
mbtshoesmbts
Dzięki za opublikowanie tych informacji. Chcę tylko dać Ci znać, że właśnie sprawdziłem Twoją stronę i uważam ją za bardzo interesującą i pouczającą. Nie mogę się doczekać, aby przeczytać wiele Twoich postów.
Speeltjezoeken
Dzięki, ten post pomógł mi ruszyć dalej..
lakkolmahendra
Dziękuję bardzo za wspaniałe informacje. To prosty sposób na dodanie miniatury na stronie głównej. Wypróbuję to dzisiaj na mojej stronie.
LukeSwenson
Pracuję z WorPress w wersji 3.2.1. Zauważyłem, że moduł w panelu administracyjnym nosi nazwę „Obraz wyróżniony” zamiast „Miniatura posta”.
Ponadto, otrzymuję następujący błąd, gdy próbuję dodać obrazek w panelu administratora:
Ostrzeżenie: Nie można modyfikować informacji nagłówka – nagłówki już wysłane przez (output started at /——–/—-/——/——-/wp-content/themes/html5/functions.php:58) w /Applications/MAMP/htdocs/justine/wp-admin/async-upload.php w linii 2648
SagivHaalush
@wpbeginner Hey
VERY(!) helpful post, However I got to the exact same problem after adding the 2 lines(at the bottom…). When I put them at the beginning, nothing happens…
Can you please be more specific as for the placement in the loop(Which/where)? Thanks
birdhammer
Cześć, właśnie próbowałem wprowadzić powyższy kod, postępując zgodnie z instrukcjami z filmu, ale po aktualizacji otrzymałem błąd parsowania. Nie mogę nawet zalogować się do mojego panelu. Czuję się jak idiota!
Używam wordpressa z motywem modularity lite, a moja strona to birdhammer.com.
Czy możesz mi pomóc?
wpbeginner
Umieszczenie kodu w pliku functions.php prawdopodobnie powoduje błędy. Czy używasz frameworka motywu? Czy dodajesz go na samym dole??
Casey Dennison
mój w ogóle nie działa, ciągle dostaję błędy w php i jest napisany poprawnie. nie wiem, co jest zepsute, ciągle pokazuje kod funkcji na samej górze mojego panelu wp ??? to dziwne
davede
@wpbeginner Ach, dzięki, rozwiązałem problem. szczegóły tutaj: (no cóż, wydaje się, że nie mogę wkleić adresu URL). to do bani.
wpbeginner
@davede Musisz również dodać kod miniaturki do swojego pliku single.php.
davede
Dobra robota. Dziękuję.
Mam problem z tym, aby miniatura pojawiała się tylko w skrócie, a nie na stronie posta.
jakieś pomysły?
kevin.m.kwok
@wpbeginner Działało idealnie, dziękuję bardzo!
wpbeginner
@kevin.m.kwok Tak, wygląda na to, że jest to problem z CSS. Twoja klasa CSS obrazu musi mieć właściwość float: left.
kevin.m.kwok
Witaj, świetny tutorial. Wszystko działa, z wyjątkiem tego, że nie mogę umieścić miniaturki "po lewej" od mojego posta na mojej stronie głównej. Zawsze pojawia się na górze posta, nawet jeśli wybiorę lewą stronę w opcjach miniaturki. Jakieś pomysły?
kevin.m.kwok
Witam,
Peter Wolff
Witaj WP Beginner.
Świetny tutorial WP od zespołu redakcyjnego!
Mam szybkie pytanie dotyczące zdjęć w galerii miniatur WP. Próbowałem dodać prosty kod PHP dla pola niestandardowego do mojego szablonu Category.php, aby dodać mały tytuł z podpisem pod każdym zdjęciem miniaturki. Jestem bardzo sfrustrowany... w każdym razie, poniżej załączyłem pętlę miniatur w Category.php i zastanawiałem się, czy możesz mi pomóc napisać kod PHP dla pola niestandardowego (pole o nazwie „thumb_tag”) w tej pętli. Oto kod:
ID, ‘main_image’, true); ?>
<a href="” ><img src="/resize.php?w=162&h=105&file=” alt=”” title=”” width=’162′ height=’105′ />
Dziękuję bardzo!
Pete
Personel redakcyjny
Po co do tego używać niestandardowego pola? WordPress ma to wbudowane domyślnie.
https://www.wpbeginner.com/wp-tutorials/how-to-display-wordpress-post-thumbnails-with-captions/
Admin
Ankit
Dzięki za świetny tutorial. To najprostsza i unikalna metoda dodawania miniaturki na stronie głównej. Działa na mojej stronie.
shivam
Jestem nowy w wordpressie, nie znam się za bardzo na programowaniu.. podobał mi się Twój artykuł. ale czy możesz mi powiedzieć dokładnie, w której pozycji musimy umieścić ten kod.. na przykład functions.php to plik, który musimy edytować, w jakim miejscu musimy dodać ten kod, czy jest do tego jakieś demo?
Personel redakcyjny
Różne motywy mają różne kody w pliku functions. Musisz dodać ten kod wewnątrz tagu php.
Admin
James
Dzięki, myślę, że udało mi się to zrobić. Jednak po dodaniu miniatury jest ona automatycznie dodawana na górze mojego posta, mimo że post już zawiera obraz.
mark
Świetny tutorial – Jednak, i nie mogę nigdzie znaleźć tej informacji – CHCĘ dodać miniaturkę do ekranu edytora postów, aby moi pisarze mogli zobaczyć, jak będzie wyglądać w tekście posta przed publikacją. Gdzie mógłbym to zrobić? Z góry dziękuję.
Personel redakcyjny
Widzisz miniaturkę po jej przesłaniu, jednak nie ma podglądu na żywo na ekranie administratora. Twój autor może po prostu kliknąć Podgląd i zobaczyć post w nowej karcie <<
Admin
elizabeth
Cześć
Dziękuję za informacje. Postępowałem zgodnie z instrukcjami w moim motywie, jednak moje zdjęcia nadal nie wyświetlają się w polu obrazu… wyglądają jak uszkodzone pliki na mojej stronie głównej. Kiedy w nie klikam, wtedy się pojawiają. Jak mogę sprawić, aby były widoczne na stronie głównej? Dziękuję
Personel redakcyjny
Dopóki the_post_thumbnail(); znajduje się w pętli na stronie głównej, powinno działać poprawnie.
Admin
jam
dzięki za pomoc! Nienawidzę wtyczek, więc wolę używać funkcji szablonu!
janine
Dzięki za świetny post – szczególnie o add_theme_support( ‘post-thumbnails’ ); – Świetnie zadziałało z wootheme, które modyfikuję
saBEE
Dziękuję za świetne informacje.
Każdy z moich postów ma zdjęcie. Próbuję sprawić, aby zdjęcie każdego posta wyświetlało się jako miniatura w kanale RSS. Czy powyższa metoda zadziała?
Personel redakcyjny
Nie, będziesz musiał użyć tej metody w połączeniu z tą metodą:
https://www.wpbeginner.com/wp-tutorials/how-to-add-post-thumbnail-to-your-wordpress-rss-feeds/
Admin
sabee
Dziękuję za szybką odpowiedź.
Jestem trochę zdezorientowany, ponieważ motyw, którego używam, AutoFocus+, również wymaga motywu Thematic. Który plik functions.php należy edytować? Czy oba należy edytować?
Zastanawiam się też, gdzie umieścić kod?
Bernard
Przeszedłem przez kroki w tym tutorialu, ale z jakiegoś powodu otrzymuję następujący błąd, gdy próbuję wybrać obraz z opcji galerii:
Fatal error: Call to undefined function: get_post_thumbnail_id() in /wp-admin/includes/media.php on line 1292
Czy ktoś może mi pomóc to rozwiązać?
dzięki
Bernard
darren
Czy to faktycznie przycina obraz podczas przesyłania? Czy tylko wyświetla go w odpowiedniej wysokości i szerokości, gdy jest wywoływany na stronie? Pytam, ponieważ pobieramy nasz kanał z naszego bloga na stronę inną niż WP i linkujemy do niego, ale chcielibyśmy móc odwoływać się do miniatur. Jest to strona ASP, więc nie mam luksusu natywnej manipulacji obrazem PHP
Personel redakcyjny
Obraz jest skalowany, a nie przycinany.
Admin
Zara
Dziękuję wam, jesteście niesamowici!
Kocham was <3
Helen
Cześć
Mamy ten kod w funkcjach motywu (pochodził ze skóry motywu). Motyw ma suwak obrazów, który używa funkcji 'miniaturka posta'. Jednak nie wyświetla się w panelu administracyjnym, więc nie możemy sprawić, by suwak działał;
<?php
Pomocy : ) dziękuję
Personel redakcyjny
Helen,
Nie widzimy kodu php. Czy możesz zakodować swój kod PHP przed wklejeniem go w komentarzach? Możesz też wysłać nam e-mail za pomocą naszego formularza kontaktowego.
Admin
Ami
działa świetnie!! mam tylko jedno pytanie.. jak mogę dodać link lub owinąć linkiem
tak, aby po kliknięciu linku otwierał się lightbox z oryginalnym rozmiarem.
Tylko dla jasności.
W tej chwili w pliku functions.php mam
add_image_size(‘my-custom-image’, 640,9999); więc obraz w poście ma szerokość 640, a następnie będzie linkowany do oryginalnego obrazu, który ma np. 1000px na 500px.
Znalazłem to: http://polymathworkshop.com/shoptalk/2010/03/19/get-the_post_thumbnail-direct-path-for-wordpress/ co działa do pewnego stopnia, ale otwiera miniaturę w lightboxie.
Personel redakcyjny
Jedynym sposobem, aby to zadziałało, jest linkowanie do oryginalnego załącznika miniatury..
Admin
Eduardo Antunes
Super!
Do zapamiętania:
> dodaj w functions.php
add_theme_support(‘post-thumbnails’);
set_post_thumbnail_size(70, 70, true);
> dodaj w pętli:
php the_post_thumbnail();
Ricky@aplikacje twitterowe
Cóż, szukałem tego samego. Mam szybkie pytanie. Czy jest jakiś sposób, aby domyślny obraz kategorii wyświetlał się jako miniatura? Albo czy jest jakiś sposób, aby pobrać pierwszy obraz posta i użyć go jako miniatury dla powiązanych postów.
Zaimplementowałem powyższą technikę na moim blogu, ale głównym problemem jest to, że wszystkie moje posty nie mają włączonych miniatur. Co sprawia, że sytuacja jest okropna, ponieważ muszę zaktualizować wszystkie posty z miniaturami.
Czy jest jakiś sposób, aby użyć pierwszego obrazu jako domyślnej miniatury przy użyciu powyższej techniki?
Personel redakcyjny
Tak, możesz pobrać pierwszy obraz posta za pomocą wtyczki Get Image Plugin Justina Tadlocka. Możesz również dodać zmienną warunkową, sprawdzając `is_post_thumbnail`.
Admin
Jal
Redaktorzy,
Czy używasz edytora postów WordPressa, czy jakiegoś programu do publikowania blogów offline? Używam Live Writer, który ma przyzwoite opcje, ale czasami myślę o przejściu na edytor postów WP. Czy możesz podzielić się swoimi przemyśleniami na ten temat?
Dziękuję
Antonio
Wow thanks I’ve always wondered how to do this but never really had the patience to look for a solution. I didn’t know it was this simple. WOOOOT! Thanks.
Bob
Jak dodać lightbox lub thickbox (np. rel=”lightbox” lub klasa “thickbox”) do miniatury?
Personel redakcyjny
Musisz użyć jQuery i dodać klasę do miniaturki. Aby dodać klasę, dodasz: array(‘class’ => ‘lightbox’)
Admin
Trisha
Czy masz pojęcie, czy to działa dla miniatur stron? Próbuję listować podrzędne strony za pomocą tego kodu. (drugi, w „formacie postu”. Zamieniłem wszystkie wystąpienia „content” na „excerpt” i użyłem Excerpt Editor Andrew Oza, który jest naprawdę świetny.
Kiedy próbuję wstawić kod dla miniatury, nie pokazuje się.
Czy masz pomysł, co mogę robić źle?
Personel redakcyjny
Ten kod działa tylko w pętli. Jeśli chcesz go wyświetlić poza pętlą, musiałbyś uruchomić globalną funkcję wp_query.
Admin
noonoob
Dziękuję bardzo, działa. idealnie
Jeremy
Jak mogę uzyskać miniaturę spoza pętli?
Personel redakcyjny
Napiszemy o tym wkrótce w innym artykule. Dziękujemy za sugestię. Jeśli naprawdę chcesz zacząć nad tym pracować, użyjesz funkcji `query_post`.
Admin
Chad
Z niecierpliwością czekam na Twój post o wyświetlaniu obrazów wpisów poza pętlą. Jeszcze nie znalazłem działającego przykładu przy użyciu WP 3.0
Personel redakcyjny
Działałoby to w ten sam sposób:
https://www.wpbeginner.com/wp-themes/how-to-display-custom-fields-outside-the-loop-in-wordpress/
Walt Ribeiro
To podobne do tego poradnika, który nie jest dokładnym przykładem. Czy opublikowałeś własny poradnik dotyczący miniatur? Chętnie bym się dowiedział jak!
Cosmin
Panowie, czy to działa tylko z kwadratowymi obrazami?
Czyli 50px na 50px?
Słyszałem, że ktoś wspomniał, iż przy określaniu wymiarów pobierana jest tylko wartość wysokości…
(więc 50px na 30px by nie zadziałało)
Personel redakcyjny
Będzie działać z każdym rozmiarem. Czasami jakość obrazu może zostać utracona, jeśli nie jest to właściwy stosunek. Mamy to działające na stronie klienta i działa doskonale.
Admin
Luke
Jestem początkujący i uwielbiam to, co robisz. Byłoby miło otrzymać bardzo szczegółowe instrukcje dotyczące takich rzeczy. Kiedy kopiuję/wklejam do funkcji, to nie działa.
Myśli, co mogę robić źle? Może post o funkcjach dla początkujących?
Dziękuję i gratuluję świetnej pracy.
Personel redakcyjny
Czy używasz WordPress 2.9? Jeśli tak, to nie ma możliwości, żeby to nie działało. To prawdopodobnie najlepsze wyjaśnienie tego kodu.
Chociaż staramy się wszystko wyjaśnić jak najdokładniej, czasami do wykonania niektórych zadań wymagana jest wcześniejsza wiedza.
Jeśli chcesz, aby jeden z naszych pracowników się tym zajął, możemy to zrobić za niewielką opłatą.
Admin
Chris Peterson
Świetne wskazówki! Wyraźnie wyjaśniłeś każdy krok instalacji miniatur wpisów.
Cosmin
Sweeeeeet!
Dzięki chłopaki, idealny czas, ponieważ pracuję nad motywem WordPressa dla klienta i wymaga on właśnie tego!
Now it will be sooo easy for the less-tech-savvy person that’ll write posts
Nimit kashyap
Wolałbym użyć do tego wtyczki.
Personel redakcyjny
Dlaczego tak jest? Wtyczki spowalniają stronę i jest to prawdopodobnie najłatwiejszy sposób, aby to zrobić.
Admin
jeprie
bardzo fajne artykuły, nigdy nie wiedziałem, że można to zrobić w wordpressie.
Jak bardzo wtyczki mogą spowolnić naszą witrynę WordPress? Czy to znaczące?
Personel redakcyjny
Im więcej zapytań do bazy danych wykonuje Twoja strona, tym wolniej się ładuje, a każdy plugin dodaje kolejne zapytania.