Как добавить разрыв HTML в Tumblr

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

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

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

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

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

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

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

" и "

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

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

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

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

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

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

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