Jak podzielić tekst na blogu i wstawić znacznik kontynuuj czytanie

Niedawno otrzymałam takie oto pytanie od jednego z czytelników mojego bloga:

„Justyno,
ostatnio zamierzam na mojej stronie w wordpressie, tworzyć wpisy o dużej wielkości i chciałbym zrobić tak jak ty, tzn. aby wyświetlić cały wpis trzeba kliknąć np „read more”, albo „czytaj dalej” itp.
Jak to zrobić?”

Moja odpowiedź
Taki efekt, jak u mnie na blogu, można osiągnąć korzystając z jednej z opcji dostępnych w oknie edytora tekstu. Na zdjęciu poniżej zaznaczyłam, która ikona umożliwia takie przerwanie tekstu wpisu.

 

Jak dodać znacznik kontynuuj czytanie

Wystarczy w wybranym miejscu wpisu wstawić znacznik „read more” czyli „kontunuuj czytanie” klikając właśnie w tą ikonę.

Komentarze

27 odpowiedzi na “Jak podzielić tekst na blogu i wstawić znacznik kontynuuj czytanie”

  1. Awatar Konrad
    Konrad

    Nie zapominajmy, że nasz szablon także musi być odpowiednio dostosowany do funkcji More 🙂

  2. Awatar Bartłomiej Jakubowski

    Czasem się przydaje jeszcze znacznik do dzielenia posta na kilka części.
    Taką możliwość daje znacznik: który należy umieścić w miejscu, gdzie chcemy zakończyć część danego wpisu.

  3. Awatar Denis
    Denis

    Porada prosta, ale bardzo przydatna dla początkujących osób. Niestety w niektórych skórkach wordpress ten domyślny przycisk nie działa. Czy jest na to też jakaś rada?

  4. Awatar Justyna Bizdra

    @Konrad, celna uwaga, ja polecam Thesis 🙂

    @Bartłomiej, wskazówka również bardzo przydatna (niestety, nie wyświetla się twój kod, później coś wymyślę)

    @Denis, polecam zmianę szablonu, szablon bez możliwości używania tej opcji, którą uważam za jedną z podstawowych, wydaje się bardzo ograniczony.

    1. Awatar Aga
      Aga

      Aby użyty przez nas znacznik HTML-owy nie został zinterpretowany przez przeglądarkę jako część języka HTML, lecz wyświetlony jako zwykły tekst, możemy zrobić następującą sztuczkę: otwierający znacznik znak większości zapisać w postaci kodu ASCII (tabelę kodów ASCII znajdziemy np. tu) lub specjalnego znaku < (tabelę specjalnych znaków HTML znajdziemy np. tu)

      Niewidoczny kod z komentarza @Bartłomieja to:
      <!--nextpage-->

      Aby stał się on widoczny w treści tego komentarza wpisałam:
      &#060;!&#045;&#045;nextpage&#045;&#045;>

      W powyższym zapisie kodów ASCII użyłam również do wyświetlanie znaku „-” (stąd 4 razy &#045;), żeby uniknąć automatycznej zamiany podwójnego znaku „-” na „długi myślnik”, ale zwykle wystarczy, jeśli zastąpimy kodem ASCII (lub znakiem &lt;) pierwszy znak otwierającego znacznik HTML-owy, który chcemy pokazać.

  5. Awatar Kamil Rojewski
    Kamil Rojewski

    Pytanie tak banalne, że szybciej by w google wpisał ;d

  6. Awatar Mariusz

    Justyno, dlaczego zmieniać szablon? Jeśli nam zależy na obecnej templatce można ją uzupełnić o tę funkcję

    1. Awatar Justyna

      @Mariusz, doskonała porada, dla osób przyzwyczajonych do swoich szablonów bez tej funkcji!

      @Aga, no, no, super! Dziękuję. Bardzo przydatne wskazówki.

  7. Awatar Mateusz Blumenthal
    Mateusz Blumenthal

    Generalnie @Kamil Rojewski ma rację, aczkolwiek dla osób początkujących, kwestia wyłowienia informacji z często rozbieżnych wpisów na forach czy blogach może być trudna. Jestem zwolennikiem jasnych i przejrzystych tutoriali, nawet spraw najprostszych jak pogrubianie czy wstawianie zdjęć do WordPressa. Każdy kiedyś zaczynał, dlatego użytkownicy powinni sobie pomagać.

  8. Awatar Anna

    O, tych sztuczek Agi nie znałam 🙂 bardzo ciekawy wpis. W temacie wtyczek i dodatków: Justyno, czyżby CommentLuv u Ciebie przestał działać?

    1. Awatar Justyna

      Witaj Anno,

      Dziękuję! Niestety CommentLuv u mnie nie działa po ostatniej aktualizzacji WP. Pracuję nad rozwiązaniem tej kwesti :).

      Pozdrawiam serdecznie

  9. Awatar sklej

    A jak ma się do opisanego sposobu wstawienie znacznika ?? Czy to działa w ten sam sposób?

  10. Awatar Sławek

    Stworzenie dobrego wypisu mocno przyciąga uwagę czytelników. Warto zadbać o to, aby było tam niedopowiedzenie, któe zaintryguje – dzięki temu spada też współczynnik odrzuceń na stronie.
    Żałuję też, że dopiero niedawno odkryłem znacznik nextpage, fajnie można tym podzielić długie artykuły, a ja się z tym męczyłem, dodawałem kotwice i inne cuda 🙂

  11. Awatar Łukasz Kamiennik

    Gdy czasami przeglądam konkurencyjne blogi, to aż dziw bierze, dlaczego autorzy nie zwrócą uwagi na dłuuuugość strony głównej i przy okazji długość ładowania… A wystarczy tylko jedna, prosta czynność :).

  12. Awatar Jacek

    Inną możliwością tworzenia podziału tekstu jest zrobienie części zasadnicznej i wypisu (tabelka z wypisem jest pod głównym oknem naszego artykułu), niestety na niektórych skórkach trzeba jeszcze pogrzebać w kodzie php

  13. Awatar Tomasz
    Tomasz

    Mam prośbę. Posiadamy stronę której motyw(Free Travel Website Templates) posiada wpis, charakteryzujący się boczną tabelą komentarza(widoczny na stronie) Proszę pomóc mi usunąć tę tabelę lub maksymalnie ją zminimalizować. Będę bardzo wdzięczny. Proszę przesłać odpowiedź na adres E-mail. br. Tomasz Rogaliński – administrator

  14. Awatar ela
    ela

    U mnie to nie dziala. Przetestowalam juz chyba z piec wtyczek do „exerpts”. Szperalam w kodzie: skonczylo sie „error-em” i zniknieciem calej strony. Na szczescie hostingowcy mi go przywrocili.
    Kazda wtyczka dziala tylko, ze po nacisnieciu „read more”, pojawia sie informacja „not found”. Dzieje sie tak przy kazdej wtyczce. Podejrzewam, ze popelniam jakis smieszny blad.
    Skorka jest przystosowana do „exerpts”, w opcjach skorki jest zakladka do edytowania dlugosci „wycinkow”.
    Prosze o rade. Czy da sie to zrobic bez szperania w kodzie? esli nie to gdzie dokladnie trzeba go wkleic? Wiem ze functions. php, ale w ktorym miejscu dokladnie?

  15. Awatar Krystian
    Krystian

    mam pytanie jak zmienić napis continue reading na czytaj dalej w wordpress

    1. Awatar Ernest
      Ernest

      Jeśłi skórka nie posiada tłumaczenia, to aby zrobić to ręcznie należy w folderze z motywem odszukać 3 pliki o nazwie: index.php, archieve.php oraz search.php i odnaleźć w nich kwestię 'continue reading’ którą zamieniamy na 'Czytaj dalej’. Proszę tylko uważać aby nie usunąć przypadkowo spacji lub innych potrzebny znaków. Zapisać i wrzucić na serwer 🙂

      Pozdrawiam.

  16. Awatar Ernest
    Ernest

    A już myślałem Pani Justyno, że być może troszkę zainspirowałem do tego postu moim wpisem o założeniu własnego bloga WP 🙂 Tak czy siak, fajnie!

    Pozdrawiam.

  17. Awatar Bartek
    Bartek

    Witam,
    Mam problem z tym przyciskiem „read more”
    czytam linki które podaliście (wer. angielska)
    niby czaje co piszą ale nie wiem do końca czy w dobrych plikach .php i dobrym miejscu wklejam podane kody, przez co wciąż nie działa mi ten przycisk, klikam go w poście i nic .. Co więcej nie wiem czy to w ogóle mi zadziała tak jakbym chciał – strona główna (aktualności) posiada masę nowinek – ale nie pisanych jako każdy nowy odrębny post, tylko jako treść strony – jeden pod drugim. To chyba nie tak co ? 🙂
    Jak mogę zrobić, żeby do strony aktualności wczytywały się posty pisane gdzieś tam osobno ?

  18. Awatar stregahan

    Witam!
    Dobry, bardzo przydatny artykuł, dodatkowo pogłębiony świetnymi komentarzami.
    Pozdrawiam stregahan

  19. Awatar stregahan

    W trybie tekstowym edytora jest znacznik „more” który pełni tę samą rolę.

    Z przyczyny mojego zaawansowania -stary pilarz 😉 używam edytora w trybie tekstowym. Niestety oprócz tego, mam jeszcze „końskie okulary” oraz nie używam metody „na macanego” i nie wiedziałem jak uzyskać efekt „czytaj dalej”. Oczywiście wcześniej szukałem rozwiązania na innych stronach ale dopiero Twój artykuł podpowiedział mi rozwiązanie 🙂
    Pozdrawiam, coraz bardziej zgryźliwy stregahan

  20. Awatar Szczepan
    Szczepan

    Mam pewien problem z „czytaj dalej”. Po naciśnięciu tego napisu otwiera się cały artykuł, ale widać go tak od połowy. Żeby kontynuować czytanie od słów, które poprzedzały „czytaj dalej” w zajawce, trzeba przewinąć całą stronę do góry. Jest to, a właściwie, może być bardzo irytujące dla czytelnika. Czy jest jakaś możliwość korekty wyświetlania całego artykułu?

  21. Awatar Heniu

    przydatne info – a czy zna ktoś może kot html do takiego podziału ?

  22. Awatar Monika

    Hej, Mam pytanie: Co zrobić, jak znacznik „czytaj dalej” nie działa? Umieściłam w połowie wpisu znacznik „czytaj dalej”, ale jak klikam „podejrzyj wpis” to pojawia się cały wpis i na blogu nie ikonki „czytaj dalej”. Co powinnam zrobić?

    1. Awatar Justyna Bizdra

      @Monika,

      to może być błąd szablonu, z którego korzystasz.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *

CommentLuv badge

Ta strona używa Akismet do redukcji spamu. Dowiedz się, w jaki sposób przetwarzane są dane Twoich komentarzy.