Jak dodać przerwę HTML „Czytaj więcej” na Tumblr

Studentka siedzi w kawiarni.

Przerwa Czytaj więcej to świetny sposób na rozbicie bloga.

Źródło obrazu: millann/iStock/GettyImages

Dodanie przerwy „Czytaj więcej” na Tumblr to doskonały sposób na rozbicie treści bloga i ułatwienie przewijania wielu postów. Jest to łatwe przy użyciu standardowego edytora tekstu sformatowanego używanego przez Tumblr, ale jeśli chcesz dodać przerwę „Czytaj więcej” Tumblr w HTML, musisz dodać niewielki fragment kodu. Nie jest to standardowy kod HTML i nie będzie wyglądać tak, jakby działał podczas podglądu posta, ale po opublikowaniu wyświetla się tak, jak chcesz. Warto jednak znać oba podejścia, ponieważ standardowa metoda jest znacznie prostsza.

Tumblr „Czytaj więcej” – łatwa metoda

Dodanie przerwy „Czytaj więcej” jest łatwe dzięki standardowemu edytorowi tekstu sformatowanego na Tumblr. Najpierw napisz początkową sekcję swojego posta, czyli część, którą chcesz przejść przed przerwą „Czytaj więcej”. Następnie wybierz „Enter”, aby rozpocząć nową linię i zwróć uwagę na symbol „+”, który pojawia się po prawej stronie okna edytora obok nowej linii. Kliknij ten symbol, a pojawią się opcje, przy czym skrajny prawy to rząd trzech kropek na szarym tle.

Wideo dnia

Kliknij symbol z trzema kropkami, aby wstawić przerwę „Czytaj więcej” za pomocą prostej metody. Możesz także użyć skrótu „Ctrl” + „Shift” + „K” na komputerze PC lub „Command” + „Shift” + „K” na komputerze Mac, aby zrobić to samo. To automatycznie generuje potrzebny kod HTML. Nie musisz wchodzić do edytora HTML, jeśli nie chcesz.

Kod HTML dla „Czytaj więcej”

Możesz także utworzyć przełamanie Tumblr „Czytaj więcej” w edytorze HTML na Tumblr. Aby uzyskać dostęp do edytora, kliknij ikonę koła zębatego w prawym górnym rogu ekranu podczas tworzenia nowego posta lub edytowania istniejącego jeden, a następnie kliknij menu rozwijane obok „Edytor tekstu”. Wybierz „HTML” z wyświetlonych opcji, a edytor przełączy się na HTML tryb.

Proces od tego momentu jest prosty. Jeśli masz już tekst w miejscu, zobaczysz „

" oraz "

" znaczniki odpowiednio dla początków i końców akapitów. Pomiędzy znacznikiem końcowym i początkowym, w którym chcesz umieścić przerwę „Czytaj więcej”, wpisz „[[MORE]]” (bez cudzysłowów), aby wygenerować przerwę „Czytaj więcej”.

Jednak ten kod nie jest standardowym kodem HTML i jeśli klikniesz „Podgląd”, zostanie wyświetlony dokładnie tak, jak został napisany. Nie martw się jednak. Gdy publikujesz post, pojawia się on jako przerwa, tak jak w przypadku użycia poprzedniej metody.

„Czytaj więcej” w edytorze Markdown

Ostatnim formatem edytora w Tumblr jest edytor Markdown, a za pomocą tego edytora możesz również utworzyć łącze „Czytaj więcej”. Proces jest dokładnie taki sam jak w przypadku HTML. Wpisujesz tekst, który chcesz przejść, przed przerwą „Czytaj więcej”, a następnie „[[MORE]]” przed kontynuowaniem wpisywania tekstu. Nie pojawi się na podglądzie, jak w trybie HTML, ale działa, gdy opublikujesz post.

Dodawanie podziałów wiersza w HTML

Chociaż link „Czytaj więcej” jest najbardziej użytecznym sposobem oddzielenia treści, może również pomóc wstawić podziały wierszy w kodzie HTML. To proste: wstaw kod "


" (bez cudzysłowów) w miejscu, w którym ma się pojawić podział wiersza. Nie musisz umieszczać tego między zamykającymi a otwierającymi znaczniki akapitu. Działa wszędzie.