Как добавить HTML-разрыв "Подробнее" в Tumblr

click fraud protection
Студентка, сидя в кафе.

Перерыв «Читать дальше» - отличный способ прервать свой блог.

Кредит изображения: millann / iStock / GettyImages

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

Tumblr «Подробнее» - простой способ

Добавить разрыв «Подробнее» легко с помощью стандартного редактора форматированного текста на Tumblr. Во-первых, напишите начальный раздел вашего сообщения, то есть ту часть, которую вы хотите пройти до перерыва «Подробнее». Затем выберите «Enter», чтобы начать новую строку, и обратите внимание на символ «+», который появляется справа от окна редактора рядом с новой строкой. Щелкните этот символ, и появятся параметры, крайний правый из которых представляет собой ряд из трех точек на сером фоне.

Видео дня

Щелкните трехточечный символ, чтобы вставить разрыв «Подробнее» простым методом. Вы также можете использовать сочетание клавиш «Ctrl» + «Shift» + «K» на ПК или «Command» + «Shift» + «K» на Mac, чтобы сделать то же самое. Это автоматически сгенерирует нужный вам HTML-код. Вам не нужно заходить в редактор HTML, если вы этого не хотите.

HTML-код для «Подробнее»

Вы также можете создать разрыв «Подробнее» в редакторе HTML на Tumblr. Чтобы получить доступ к редактору, щелкните значок шестеренки в правом верхнем углу экрана, когда вы создаете новую публикацию или редактируете существующую. one, а затем щелкните раскрывающееся меню рядом с «Текстовым редактором». Выберите «HTML» из отображаемых параметров, и редактор переключится на HTML. режим.

С этого момента процесс прост. Если у вас уже есть текст, вы увидите значок "

" и "

"теги для начала и конца абзаца соответственно. Между конечным и начальным тегами, где вы хотите разместить разрыв «Подробнее», введите «[[БОЛЬШЕ]]» (без кавычек), чтобы сгенерировать разрыв «Подробнее».

Однако этот код не является стандартным для HTML, и если вы нажмете «Предварительный просмотр», он отобразится в том виде, в каком вы его написали. Но не волнуйтесь. Когда вы публикуете сообщение, это отображается как перерыв, как и при использовании предыдущего метода.

«Подробнее» в редакторе Markdown

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

Добавление разрывов строк в HTML

Хотя ссылка «Подробнее» является наиболее полезным способом разделения содержимого, она также может помочь узнать, как вставлять разрывы строк в HTML. Это легко сделать: вставьте код "


"(без кавычек) в том месте, где должен отображаться разрыв строки. Вам не нужно ставить это между закрывающим и открывающим тегами абзаца. Работает где угодно.