Jak wyświetlać fragmenty postów w motywach WordPress

Fragmenty dają krótki podgląd Twoich treści, pozwalając odwiedzającym szybko zrozumieć, o czym jest każdy wpis i zachęcając ich do kliknięcia, aby dowiedzieć się więcej. Jest to szczególnie przydatne w przypadku list wpisów na blogu, archiwów i stron wyników wyszukiwania.

Pokazując fragmenty postów, możesz sprawić, że układ Twojej witryny będzie atrakcyjny wizualnie i skrócić czas jej ładowania. Jednak większość motywów WordPress nie wyświetla fragmentów postów domyślnie. Będziesz musiał skonfigurować to samodzielnie.

W WPBeginner zawsze wyświetlamy fragmenty naszych artykułów zarówno na stronie głównej, jak i na stronach bloga. Takie podejście pozwala nam zaprezentować więcej wpisów z góry, ułatwiając odwiedzającym przeglądanie naszych treści. Mamy również duże doświadczenie w dostosowywaniu motywów WordPress i optymalizacji blogów.

W tym artykule pokażemy Ci, jak łatwo dodać fragmenty postów do Twojego motywu WordPress.

Dlaczego wyświetlać fragmenty postów w WordPress?

Domyślnie WordPress wyświetla pełne posty na stronie głównej, stronie bloga i stronach archiwum w całej witrynie. Nie jest to jednak najlepsze rozwiązanie dla użytkowników, którzy chcą szybko przeglądać różne posty i znaleźć ten, który chcą przeczytać jako pierwszy.

Może to również oznaczać dużo przewijania, co stanowi ogromny problem dla użytkowników smartfonów i tabletów.

W miarę publikowania kolejnych postów WordPress może również dzielić Twoje blogi na wiele stron za pomocą paginacji. Gdy Twoje starsze posty zostaną przesunięte na inne strony, często będą miały znacznie mniej wyświetleń i mniejsze zaangażowanie.

Z tego powodu wielu właścicieli blogów zamiast tego pokazuje fragmenty postów na swoich stronach archiwum i indeksu bloga. Ponieważ ładowana jest tylko część każdego artykułu, może to zwiększyć szybkość i wydajność Twojego WordPressa.

WordPress ma wbudowane wsparcie dla skrótów postów, ale nie każdy motyw korzysta z tej funkcji.

Mając to na uwadze, pokażemy Ci, jak wyświetlać fragmenty postów w dowolnym motywie WordPress.

Jak sprawdzić, czy Twój motyw WordPress obsługuje skróty postów

Większość popularnych motywów WordPress ma ustawienie, które pozwala na wyświetlanie fragmentów wpisów zamiast pełnych wpisów.

Aby sprawdzić, czy Twój motyw obsługuje fragmenty postów, odwiedź stronę Wygląd » Dostosuj w panelu administracyjnym WordPress.

Lokalizacja tych ustawień będzie się różnić w zależności od Twojego motywu WordPress, ale musisz poszukać ustawień oznaczonych jako „Blog”.

Na przykład, jeśli używasz motywu WordPress Sydney, musisz wybrać „Blog”, a następnie kliknąć „Archiwum bloga”.

Następnie możesz przewinąć w dół do sekcji „Elementy postu” i rozwinąć kartę „Treść”. Po wykonaniu tej czynności wybierz opcję „Fragment” z menu rozwijanego pod „Typ treści”.

Jeśli Twój motyw ma opcję „Ustawienia motywu” lub „Ogólne ustawienia postów”, możesz również włączyć skróty postów w tych sekcjach.

Po wykonaniu tej czynności po prostu kliknij przycisk 'Opublikuj'. Teraz, jeśli odwiedzisz bloga, archiwum lub stronę główną, powinieneś zobaczyć listę fragmentów blogów zamiast pełnych postów.

Jeśli Twój motyw nie ma wbudowanego wsparcia dla fragmentów wpisów, będziesz musiał je dodać. Po prostu użyj poniższych szybkich linków, aby przejść do metody, której chcesz użyć:

• Metoda 1: Dodaj fragmenty postów do WordPressa za pomocą kodu (łatwe)
• Metoda 2: Dodaj fragmenty postów za pomocą edytora pełnej witryny (tylko motywy blokowe)
• Metoda 3: Dodaj fragmenty postów do WordPressa za pomocą kreatora motywów (zaawansowane)
• Bonus: Pokaż fragmenty dla treści chronionych hasłem

Metoda 1: Dodaj fragmenty postów do WordPressa za pomocą kodu (łatwe)

Jeśli Twój motyw WordPress domyślnie nie obsługuje fragmentów postów, możesz zawsze dodać tę funkcję ręcznie.

Możesz edytować pliki motywu WordPress bezpośrednio, ale zalecamy utworzenie motywu potomnego. W ten sposób, gdy zaktualizujesz swój motyw WordPress, nie stracisz wprowadzonych zmian.

Więcej szczegółów znajdziesz w naszym przewodniku dla początkujących jak stworzyć motyw potomny WordPress.

Po wykonaniu tej czynności musisz znaleźć szablon, który kontroluje każdą stronę, na której chcesz wyświetlać fragmenty wpisów. W większości motywów będą to pliki home.php, content.php, category.php i archive.php.

Aby uzyskać pomoc w znalezieniu odpowiedniego pliku, zapoznaj się z naszym przewodnikiem dla początkujących po hierarchii szablonów WordPress.

Po wykonaniu tej czynności po prostu zlokalizuj następujący kod w każdym pliku:

<?php the_content(); ?>

Następnie zastąp ten kod tagiem the_excerpt:

<?php the_excerpt(); ?>

Po wykonaniu tej czynności zapisz plik, a następnie sprawdź swoją witrynę. Powinieneś teraz widzieć fragmenty postów tam, gdzie wcześniej były pełne artykuły.

Zmień domyślną długość fragmentu WordPress

Domyślnie WordPress wyświetli pierwsze 55 słów każdego posta, a następnie doda wielokropek (...), aby zaznaczyć, że jest więcej treści.

Możesz to zmienić, aby wyświetlać więcej lub mniej słów, dodając kod do swojej witryny WordPress. Chociaż możliwe jest edytowanie plików motywu bezpośrednio, może to być skomplikowane.

Prosty błąd może również spowodować wiele częstych błędów WordPress i może nawet całkowicie zepsuć Twoją stronę.

Z tego powodu zalecamy używanie WPCode. Ułatwia dodawanie fragmentów kodu w WordPress bez konieczności edycji plików motywu. W ten sposób możesz aktualizować lub zmieniać swój motyw bez utraty niestandardowego kodu.

Najpierw musisz zainstalować i aktywować darmowy plugin WPCode. Więcej informacji znajdziesz w naszym przewodniku dla początkujących na temat jak zainstalować plugin WordPress.

Po aktywacji przejdź do strony Code Snippets » + Add Snippet z panelu administracyjnego WordPress. Następnie kliknij przycisk „+ Add Custom Snippet” w sekcji „Add Your Custom Code (New Snippet)”.

Następnie musisz wybrać typ kodu z opcji, które pojawią się na ekranie.

W tym samouczku wybierz opcję „Fragment PHP”.

Na następnym ekranie wpisz tytuł dla fragmentu kodu. Jest to tylko do Twojej wiadomości, więc możesz użyć czegokolwiek chcesz.

Po wykonaniu tej czynności po prostu wklej poniższy kod do edytora kodu:

return 100;
}
add_filter('excerpt_length', 'new_excerpt_length');

// Changing excerpt more
function new_excerpt_more($more) {
return '...';
}
add_filter('excerpt_more', 'new_excerpt_more');

Ten kod zmienia długość fragmentu posta na 100 znaków. Możesz zmienić '100' na dowolną liczbę.

Po wklejeniu kodu przełącz przełącznik z „Nieaktywny” na „Aktywny” w prawym górnym rogu, a następnie kliknij przycisk „Zapisz fragment”.

Aby uzyskać więcej wskazówek, jak dostosować fragmenty postów, zapoznaj się z naszym przewodnikiem jak dostosować fragmenty WordPress bez kodowania.

Metoda 2: Dodaj fragmenty postów za pomocą edytora pełnej witryny (tylko motywy blokowe)

Jeśli używasz jednego z nowszych motywów blokowych WordPress, możesz dodawać skróty postów za pomocą edytora całego motywu.

Aby rozpocząć, przejdź do Wygląd » Edytor w panelu administracyjnym WordPress.

Domyślnie edytor pełnej witryny wyświetla szablon główny Twojego motywu, ale możesz dodać fragment do dowolnego szablonu.

W menu po lewej stronie kliknij „Szablony”.

Zobaczysz teraz listę wszystkich szablonów, które składają się na Twój motyw WordPress. W zależności od motywu, możesz chcieć dodać fragmenty do szablonu archiwum, indeksu, wyszukiwania lub podobnego.

Po prostu znajdź szablon, który chcesz edytować i kliknij go.

WordPress wyświetli teraz podgląd tego szablonu.

Aby przejść do edycji szablonu, kliknij małą ikonę ołówka.

Teraz kliknij ikonę „+”.

W panelu wyszukiwania, który się pojawi, wpisz „Fragment posta”.

Gdy pojawi się właściwy blok, przeciągnij go i upuść w swoim układzie.

Możesz powtórzyć ten proces, aby dodać wiele skrótów postów do szablonu.

Aby doprecyzować wygląd fragmentu, po prostu kliknij, aby wybrać blok Fragmentu Postu.

W menu po prawej stronie możesz zacząć od wybrania, czy link „Czytaj więcej” pojawia się na tej samej linii co fragment, za pomocą przełącznika „Pokaż link w nowej linii”.

Po wykonaniu tej czynności wybierz kartę „Style”. Tutaj możesz zmienić kolor tekstu, dodać kolor tła, zmienić rozmiar czcionki i więcej.

W miarę wprowadzania zmian podgląd na żywo będzie się automatycznie aktualizował, dzięki czemu możesz wypróbować różne ustawienia, aby zobaczyć, co wygląda najlepiej.

Gdy będziesz zadowolony z konfiguracji fragmentu posta, kliknij przycisk „Zapisz”, aby wprowadzić zmiany na żywo.

Czy chcesz wyświetlać fragmenty postów na większej liczbie stron i postów? Następnie po prostu powtórz powyższe kroki, ale tym razem wybierz nowy szablon z menu po lewej stronie.

Metoda 3: Dodaj fragmenty postów do WordPressa za pomocą kreatora motywów (zaawansowane)

Jeśli chcesz mieć pełną kontrolę nad wyglądem archiwum, strony bloga, strony głównej i reszty Twojej witryny, możesz stworzyć niestandardowy motyw.

Pozwala to na projektowanie własnych stron i wyświetlanie fragmentów w dowolnym miejscu Twojej witryny.

SeedProd to najlepszy kreator motywów WordPress, który pozwala łatwo tworzyć niestandardowe motywy WordPress bez pisania kodu. Posiada również gotowy blok Posty, który można przeciągnąć i upuścić na dowolną stronę.

Najpierw musisz zainstalować i aktywować wtyczkę SeedProd . Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do strony SeedProd » Settings i wprowadź klucz licencyjny wtyczki. Te informacje znajdziesz na swoim koncie na stronie SeedProd.

Po wprowadzeniu klucza licencyjnego możesz stworzyć niestandardowy motyw WordPress za pomocą kreatora motywów SeedProd.

Najpierw musisz przejść do strony SeedProd » Theme Builder .

Tutaj możesz użyć jednego z gotowych zestawów i szablonów stron SeedProd jako punktu wyjścia lub ręcznie utworzyć szablon od podstaw.

Zalecamy rozpoczęcie od istniejącego motywu, ponieważ automatycznie tworzy on wszystkie niezbędne pliki szablonów i daje Ci przewagę.

Z tym, kliknij przycisk „Zestawy szablonów motywu”.

Możesz teraz wybrać dowolny z dostępnych szablonów.

Wszystkie te motywy są w pełni konfigurowalne, dzięki czemu możesz je dostosować, aby idealnie pasowały do Twojego bloga lub strony internetowej WordPress.

Po wybraniu motywu SeedProd automatycznie utworzy wszystkie potrzebne szablony motywu.

Możesz traktować to jako wersję roboczą swojego niestandardowego motywu WordPress.

Teraz możesz dostosować każdy szablon za pomocą edytora typu „przeciągnij i upuść” SeedProd.

Ponieważ chcemy dodać fragmenty postów do naszej strony internetowej, najedź kursorem myszy na szablon „Indeks bloga, Archiwa, Wyszukiwanie” i kliknij link „Edytuj projekt”, gdy się pojawi.

To załaduje kreator przeciągnij i upuść SeedProd.

Po prawej stronie zobaczysz podgląd szablonu. Domyślnie szablon strony bloga będzie wyświetlał nagłówek, archiwum, tytuł i wszystkie Twoje posty.

Po lewej stronie znajduje się menu ze wszystkimi różnymi blokami, których możesz użyć.

Możesz dodawać nowe bloki, przeciągając je na stronę, a następnie zmieniać ich kolejność, przeciągając je w górę i w dół za pomocą myszy.

Możesz dostosować każdy blok, klikając na niego, a następnie używając ustawień w menu po lewej stronie. Po wprowadzeniu zmiany, podgląd SeedProd automatycznie zaktualizuje się, aby pokazać te zmiany w akcji.

Ponieważ chcemy dostosować fragmenty postów, po prostu kliknij, aby wybrać blok „Posty” w podglądzie na żywo.

Po wykonaniu tej czynności wybierz treść, którą chcesz pokazać w tym bloku, korzystając z ustawień w menu po lewej stronie.

Na przykład możesz zmienić układ kolumn, wyświetlić paginację, pokazać obrazek wyróżniający i zmienić tag tytułu.

Aby wyświetlić fragment posta, po prostu kliknij przełącznik 'Pokaż fragment', aby zmienił kolor na pomarańczowy.

Po wykonaniu tej czynności możesz zmienić liczbę znaków wyświetlanych przez SeedProd w fragmencie, wpisując nową liczbę w polu „Długość fragmentu”.

SeedProd może również dodać link „Czytaj dalej” do każdego fragmentu, co zachęci czytelników do otwarcia pełnego artykułu.

Możesz dodać lub usunąć ten link za pomocą przełącznika „Pokaż więcej”.

Możesz również zastąpić tekst „Czytaj więcej” własnym komunikatem, wpisując go w pole „Tekst Czytaj więcej”.

Gdy będziesz zadowolony z konfiguracji fragmentu posta, kliknij przycisk „Zapisz” w prawym górnym rogu ekranu.

Możesz teraz dostosować inne szablony SeedProd, przechodząc do sekcji SeedProd » Theme Builder i postępując zgodnie z powyższym procesem.

Aby pokazać odwiedzającym fragmenty postów, najpierw musisz włączyć swój motyw SeedProd. Aby to zrobić, przejdź do SeedProd » Kreator motywów , a następnie kliknij przełącznik „Włącz motyw SeedProd”, aby wyświetlił się napis „Tak”.

Teraz, jeśli odwiedzisz dowolną ze swoich stron blogowych, zobaczysz fragmenty postów na żywo.

Bonus: Pokaż fragmenty dla treści chronionych hasłem

Jeśli masz stronę członkowską, możesz mieć treści niedostępne dla ogólnej publiczności. Jednak nadal dobrym pomysłem jest pokazanie fragmentu dla Twoich treści chronionych hasłem.

Może to zaintrygować użytkowników i zachęcić ich do zakupu subskrypcji, aby uzyskać dostęp do ekskluzywnych treści na Twojej stronie internetowej.

Możesz to łatwo zrobić za pomocą Restrict Content Pro, który jest popularnym pluginem do ochrony treści. Po aktywacji po prostu otwórz wybrany post w edytorze bloków WordPress, gdzie możesz dodać do niego fragment z panelu bloków.

Następnie możesz skonfigurować jego ograniczenie z menu rozwijanego.

Na koniec opublikuj post, a następnie odwiedź swoją stronę WordPress.

Tutaj użytkownicy będą mogli zobaczyć fragment posta i tytuł dla ograniczonej treści, tak jak każdy inny post. Jednak sama treść będzie ukryta przed odbiorcami.

Szczegółowe instrukcje znajdziesz również w naszym poradniku jak pokazać fragment posta chronionego hasłem w WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wyświetlać fragmenty wpisów w motywach WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia interaktywnych obrazów w WordPress oraz naszymi ekskluzywnymi wyborami najlepszych motywów WordPress do pełnej edycji witryny.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.