Hoe voeg je een "Lees meer" HTML-onderbreking toe in Tumblr

Vrouwelijke student zit in café.

Lees meer pauze is een geweldige manier om je blog op te splitsen.

Afbeelding tegoed: millann/iStock/GettyImages

Het toevoegen van een "Lees meer" -pauze op Tumblr is een uitstekende manier om uw bloginhoud op te splitsen en het gemakkelijker te maken om door meerdere berichten te bladeren. Het is gemakkelijk te doen met de standaard rich-text-editor die door Tumblr wordt gebruikt, maar als je een Tumblr "Lees meer"-onderbreking in HTML wilt toevoegen, moet je een klein stukje code toevoegen. Het is geen standaard HTML-code en het ziet er niet naar uit dat het werkt als je een voorbeeld van het bericht bekijkt, maar nadat je het hebt gepost, wordt het weergegeven zoals je wilt. Het is echter een goed idee om beide benaderingen te kennen, omdat de standaardmethode veel eenvoudiger is.

Tumblr "Lees meer" - Eenvoudige methode

Het toevoegen van een "Lees meer" -pauze is eenvoudig met behulp van de standaard rich text-editor op Tumblr. Schrijf eerst het begingedeelte van je bericht, dat wil zeggen het deel dat je wilt gaan vóór de "Lees meer" -pauze. Selecteer vervolgens "Enter" om een ​​nieuwe regel te beginnen en let op het "+"-symbool dat rechts van het editorvenster naast de nieuwe regel verschijnt. Klik op dit symbool en er verschijnen opties, waarbij de meest rechtse een rij van drie stippen is tegen een grijze achtergrond.

Video van de dag

Klik op het symbool met drie stippen om het "Lees meer"-einde in te voegen met behulp van de eenvoudige methode. U kunt ook de sneltoets "Ctrl"+"Shift"+"K" op een pc of "Command"+"Shift"+"K" op een Mac gebruiken om hetzelfde te doen. Hiermee wordt automatisch de HTML-code gegenereerd die u nodig heeft. U hoeft niet naar de HTML-editor te gaan als u dat niet wilt.

HTML-code voor "Lees meer"

Je kunt ook een Tumblr "Lees meer"-pauze maken via de HTML-editor op Tumblr. Om de editor te openen, klikt u op het tandwielpictogram in de rechterbovenhoek van het scherm wanneer u een nieuw bericht maakt of een bestaande bewerkt één en klik vervolgens op het vervolgkeuzemenu naast 'Teksteditor'. Kies "HTML" uit de weergegeven opties en de editor schakelt over naar HTML modus.

Het proces vanaf dit punt is eenvoudig. Als je al tekst hebt, zie je de "

" en "

" tags voor respectievelijk het begin en einde van alinea's. Typ "[[MORE]]" (zonder aanhalingstekens) tussen de eind- en begintag, waar u de "Lees meer"-onderbreking wilt plaatsen, om de "Lees meer"-onderbreking te genereren.

Deze code is echter niet standaard voor HTML, en als u op "Voorbeeld" klikt, wordt deze weergegeven zoals u deze hebt geschreven. Maak je echter geen zorgen. Wanneer u het bericht publiceert, wordt het weergegeven als een pauze, net zoals wanneer u de vorige methode gebruikt.

"Lees meer" in de Markdown-editor

Het laatste formaat voor de editor in Tumblr is de Markdown-editor en je kunt ook een "Lees meer"-link maken met deze editor. Het proces is precies hetzelfde als voor HTML. U typt de tekst die u wilt gebruiken vóór de "Lees meer" -pauze en vervolgens "[[MEER]]" voordat u doorgaat met het typen van uw tekst. Het wordt niet weergegeven in het voorbeeld, zoals in de HTML-modus, maar het werkt wanneer je het bericht publiceert.

Regeleinden toevoegen in HTML

Hoewel de link "Meer lezen" de handigste manier is om uw inhoud te scheiden, kan het ook helpen om te weten hoe u regeleinden in HTML kunt invoegen. Dit is eenvoudig te doen: Voer de code in "


" (zonder de aanhalingstekens) op het punt waar u het regeleinde wilt laten verschijnen. U hoeft dit niet tussen het sluiten en openen van alinea-tags te plaatsen. Het werkt overal.