Hur man lägger till en "Läs mer" HTML-paus i Tumblr

Kvinnlig student sitter i café.

Läs mer break är ett bra sätt att dela upp din blogg.

Bildkredit: millann/iStock/GettyImages

Att lägga till en "Läs mer"-paus på Tumblr är ett utmärkt sätt att bryta upp ditt blogginnehåll och göra det lättare att bläddra igenom flera inlägg. Det är lätt att göra med den vanliga rich text-editorn som används av Tumblr, men om du vill lägga till en Tumblr "Läs mer"-avbrott i HTML måste du lägga till en liten bit kod. Det är inte standard HTML-kod, och det kommer inte att se ut som om det fungerar när du förhandsgranskar inlägget, men efter att du har skrivit inlägget visas det som du vill ha det. Det är dock en bra idé att känna till båda metoderna, eftersom standardmetoden är mycket enklare.

Tumblr "Läs mer" - Enkel metod

Det är enkelt att lägga till en "Läs mer"-paus med den vanliga rich text-redigeraren på Tumblr. Skriv först början av ditt inlägg, vilket betyder den del du vill gå innan "Läs mer"-pausen. Välj sedan "Enter" för att starta en ny rad och lägg märke till "+"-symbolen som visas till höger om redigeringsfönstret bredvid den nya raden. Klicka på den här symbolen så visas alternativ, där den längst till höger är en rad med tre punkter mot en grå bakgrund.

Dagens video

Klicka på symbolen med tre punkter för att infoga "Läs mer"-avbrottet med den enkla metoden. Du kan också använda genvägen "Ctrl"+"Skift"+"K" på en PC eller "Kommando"+"Skift"+"K" på en Mac för att göra samma sak. Detta genererar automatiskt HTML-koden du behöver. Du behöver inte gå in i HTML-redigeraren om du inte vill.

HTML-kod för "Läs mer"

Du kan också skapa en Tumblr "Läs mer" genom HTML-redigeraren på Tumblr. För att komma åt redigeraren, klicka på kugghjulsikonen i det övre högra hörnet av skärmen när du skapar ett nytt inlägg eller redigerar ett befintligt inlägg en och klicka sedan på rullgardinsmenyn bredvid "Textredigerare". Välj "HTML" från alternativen som visas, och redigeraren växlar till HTML läge.

Processen från denna punkt och framåt är enkel. Om du redan har text på plats ser du "

" och "

"-taggar för början respektive slutet av stycken. Mellan slut- och börjantaggen, där du vill att "Läs mer"-avbrottet ska placeras, skriv "[[MORE]]" (utan citattecken) för att skapa "Läs mer"-avbrottet.

Den här koden är dock inte standard för HTML, och om du klickar på "Förhandsgranska" visas den precis som du skrev den. Oroa dig inte, dock. När du publicerar inlägget visas det som en paus, precis som när du använder den tidigare metoden.

"Läs mer" i Markdown Editor

Det sista formatet för redigeraren i Tumblr är Markdown-redigeraren, och du kan också skapa en "Läs mer"-länk med den här redigeraren. Processen är exakt densamma som för HTML. Du skriver texten du vill gå innan "Läs mer"-pausen, och sedan "[[MER]]" innan du fortsätter att skriva din text. Det kommer inte att visas på förhandsgranskningen, som i HTML-läge, men det fungerar när du publicerar inlägget.

Lägga till radbrytningar i HTML

Även om länken "Läs mer" är det mest användbara sättet att separera ditt innehåll, kan det också hjälpa att veta hur man infogar radbrytningar i HTML. Detta är enkelt att göra: Sätt in koden "


" (utan citattecken) vid den punkt där du vill att radbrytningen ska visas. Du behöver inte sätta detta mellan avslutande och öppna stycketaggar. Det fungerar var som helst.