Як додати розрив HTML «Читати більше» в Tumblr

Студентка сидить у кафе.

Перерва Детальніше — чудовий спосіб розбити свій блог.

Авторство зображення: millann/iStock/GettyImages

Додавання перерви «Докладніше» на Tumblr — це відмінний спосіб розділити вміст вашого блогу та полегшити прокручування кількох публікацій. Це легко зробити за допомогою стандартного редактора форматованого тексту, який використовується Tumblr, але якщо ви хочете додати розрив Tumblr «Докладніше» в HTML, вам потрібно додати невеликий фрагмент коду. Це не стандартний HTML-код, і він не буде виглядати, як він працює, коли ви попередньо переглядаєте публікацію, але після того, як ви опублікуєте, він відображається так, як ви хочете. Проте добре знати обидва підходи, оскільки стандартний метод набагато простіший.

Tumblr «Читати далі» – простий метод

Додати розрив «Докладніше» легко за допомогою стандартного текстового редактора на Tumblr. Спочатку напишіть початковий розділ свого допису, тобто частину, яку ви хочете перейти до перерви «Докладніше». Потім виберіть «Enter», щоб почати новий рядок, і зверніть увагу на символ «+», який з’являється праворуч від вікна редактора поруч із новим рядком. Натисніть цей символ, і з’являться параметри, причому крайній правий рядок із трьох точок на сірому фоні.

Відео дня

Натисніть на символ із трьома крапками, щоб простим методом вставити розрив «Докладніше». Ви також можете використовувати ярлик "Ctrl"+"Shift"+"K" на ПК або "Command"+"Shift"+"K" на Mac, щоб зробити те ж саме. Це автоматично генерує потрібний HTML-код. Вам не потрібно заходити в редактор HTML, якщо ви цього не хочете.

HTML-код для «Докладніше»

Ви також можете створити прорив Tumblr «Читати далі» через редактор HTML на Tumblr. Щоб отримати доступ до редактора, натисніть значок шестірні у верхньому правому куті екрана, коли ви створюєте нову публікацію або редагуєте наявну один, а потім клацніть спадне меню поруч із «Текстовий редактор». Виберіть «HTML» із відображених параметрів, і редактор перейде на HTML режим.

З цього моменту процес простий. Якщо у вас уже є текст, ви побачите "

"і"

" теги для початку та закінчення абзаців відповідно. Між кінцевим і початковим тегом, де потрібно розташувати розрив «Докладніше», введіть «[[БІЛЬШЕ]]» (без лапок), щоб створити розрив «Докладніше».

Однак цей код не є стандартним для HTML, і якщо ви натиснете «Попередній перегляд», він відобразиться так, як ви його написали. Але не хвилюйся. Коли ви публікуєте публікацію, вона відображається як перерва, як і при використанні попереднього методу.

«Докладніше» в редакторі Markdown

Останнім форматом редактора в Tumblr є редактор Markdown, і ви також можете створити посилання «Докладніше» за допомогою цього редактора. Процес точно такий же, як і для HTML. Ви вводите текст, який хочете перемістити, до перерви «Докладніше», а потім «[[БІЛЬШЕ]]», перш ніж продовжити вводити текст. Він не відображатиметься під час попереднього перегляду, як у режимі HTML, але він працює, коли ви публікуєте допис.

Додавання розривів рядків у HTML

Хоча посилання «Докладніше» є найкориснішим способом розділення вмісту, воно також може допомогти знати, як вставляти розриви рядків у HTML. Це легко зробити: вставте код "


" (без лапок) у точці, у якій має відображатися розрив рядка. Вам не потрібно розміщувати це між закриваючими та відкриваючими тегами абзацу. Це працює скрізь.