Найти в Дзене
InfaKonst

Что нужно знать про Дзен. Как сделать красивое оформление статей в редакторе «Яндекс.Дзен» и вставить разные символы в блог

Расширяем функционал редактора «Яндекс.Дзен» по красивому оформлению статей через поддержку Юникода и встроенные функции. Вставляем в текст графические и другие спецсимволы
Оглавление

Расширяем функционал редактора «Яндекс.Дзен» по красивому оформлению статей через поддержку Юникода и встроенные функции. Вставляем в текст графические и другие спецсимволы.

Оформление статьи. Источник изображения — «Яндекс.Картинки»
Оформление статьи. Источник изображения — «Яндекс.Картинки»

В Юникоде очень много много различных интересных значков, вместе с функционалом редактора по выделению текста, они позволяют делать статьи более наглядными. Значки можно вставлять и в заголовок материала.

Продолжение темы, предыдущая часть — статья «История Юникода. Как поставить ударение над буквой и вставить символы в блог и Word», а о редакторе «Яндекс.Дзен» читайте материал «Как создавать статьи в редакторе платформы».

Оформление текста в редакторе «Яндекс.Дзен»

Меню форматирования редактора «Яндекс.Дзен»
Меню форматирования редактора «Яндекс.Дзен»

У редактора статей «Яндекс.Дзена» минимальный функционал. При наборе текста выделите его, и появится меню форматирования для выбора нужного варианта оформления статьи, которое позволяет (слева-направо) выделить заголовки H2 и H3 (HTML-коды) (H2 — самый большой заголовок, H3 оформляет текст как заголовок уровня 3 (меньше чем 2), процитировать в виде рамки (кавычки «елочки»), сформатировать и выделить нумерованный или маркированный список, сделать текст полужирным, курсивным и зачеркнутым, звено цепочки — вставить ссылку.

Раньше ещё был подчеркнутый текст, но эту функцию удалили, хотя это бред, редактор «Яндекс.Дзен» и так никакой.

В редакторе можно вставлять символы Юникода, знаки практически всех письменностей мира, ударения, диакритические знаки и другие спецсимволы. Скопировать их можно из Word, со страниц в интернете или из этой статьи. В отдельной статье я напишу о математических и других технических символах. О вставке значков из Word читайте ниже.

Как изменить шрифт в редакторе «Яндекс.Дзен»

Автор, который старается сделать свой текст более привлекательным и удобным для чтения, проявляет заботу о своих читателях. Это принесёт вам лояльную аудиторию и подписчиков. Статью мало написать и опубликовать, для алгоритма Дзена нужно ещё сделать так, чтобы её читали минимум 40 секунд. Изменяйте и украшайте свой материал.

Всегда старайтесь красиво форматировать написанное. Для этого можно изменить шрифт, разбить материал на подзаголовки и небольшие абзацы. Большие статьи, где весь материал без выделений, изображения, отступов и интервалов, плохо воспринимаются. Читателям сложно удерживать внимание и концентрироваться на таком тексте. Такие статьи не дочитывают и закроют. Для выхода на монетизацию важна активность аудитории: просмотры, переходы и подписки на канал.

Оформляя текст своих статей иногда нужно выделить какой-то фрагмент текста или понятие, на которое нужно обратить внимание, для этого изменим начертание шрифта.

Как изменить начертание шрифта

Выделите мышью слово в тексте, которое хотите изменить. Чтобы это сделать, наведите курсор на его начало. Затем нажмите левую кнопку мыши и, не отпуская её, тяните в конец слова. Затем нажмите на кнопку с нужным начертанием. Можно назначить сразу несколько видов.

Главное, чтобы начертание шрифта не мешало восприятию информации и не отвлекало от сути статьи. Чтобы вернуть измененную часть текста в первоначальный вид, нужно выделить ее и щёлкнуть по кнопке с назначенным начертанием.

Начертание шрифтов. Скриншот автора
Начертание шрифтов. Скриншот автора

Полужирный шрифт

Полужирное начертание шрифта используется для выделения заголовков (заголовок уровня 4), некоторых частей документа или понятий.

Обычный шрифт. Жирный шрифт

Чтобы сделать шрифт полужирным в меню форматирования есть кнопка с буквой «В» (bold). Если выделить какое-то слово в тексте и нажать мышью на эту кнопку, то выделенный текст действительно будет более массивным. Или через комбинацию функциональных клавиш Ctrl+B, которая тоже позволяют включать и отключать полужирный шрифт.

Курсивный шрифт

Курсивное начертание шрифта используется редко, обычно для уточняющей информации.

Обычный текст. Курсивный текст

Сделать шрифт прописным можно в меню форматирования с помощью кнопки с буквой «i» (italic). Курсив формируется посредством наклона обычного шрифта вправо, и является аналогом рукописного текста.

Комбинация клавиш, включающая и отключающая курсивный шрифт — Ctrl+i.

Зачеркнутый шрифт

Для того, чтобы в «Яндекс.Дзене» создать зачеркнутый текст, во всплывшем меню выберите значок с перечеркнутой буквой «S» (strike). Зачеркнутое начертание используется редко, это то, что вы не хотите — например наглядный показ ошибки в тексте и выделением таким образом ненужных фраз, строк или абзацев.

Обычный шрифт. Зачеркнутый текст

Последние два способа декорирования текста не должны часто встречаться в текстах, но в любом случае желательно знать как можно быстро включить и выключить эти варианты оформления.

Вставка списков

Вы можете оформить текст в статье списком со специальными отступами: нумерованным списком с числами и маркированным, где вместо номера отображаются кружки.

Для вставки первого пункта маркированного списка, наберите символ звёздочки на клавиатуре * и поставьте пробел. Автоматически будет добавлен первый пункт и можно писать к нему нужный текст, а звёздочка превратится в кружок. Чтобы перейти к следующему пункту списка нажмите Enter на клавиатуре и новый пункт будет добавлен.

Или выделите нужный текст и во всплывшем меню выберите кнопку нужного списка.

Ссылки

Для вставки ссылки, выделив нужный текст, нажмите кнопку и над текстом появится окно, куда вставьте нужный адрес, закройте его. Ссылка будет добавлена.

Оформление статьи. Источник изображения — «Яндекс.Картинки»
Оформление статьи. Источник изображения — «Яндекс.Картинки»

Увеличиваем шрифт в статьях «Яндекс.Дзен»

Увеличить шрифт статьи можно в любом браузере с помощью клавиатуры компьютера зажав клавишу Ctrl и одновременно нажав на «+». Если требуется, наоборот, уменьшить шрифт текста, нажмите «-». Настройки сохраняются для вашего компьютера, читатели увидит буквы в том размере, который установлен у них.

Оформление статей псевдографикой

«Яндекс.Дзен» не позволяет вставку таблиц и HTML-коды, что раздражает. Например, нет тегов HTML для текста: underline — нижнее подчеркивание, overline — верхнее подчеркивание, blink — мерцающий текст, color и bgcolor (цвета для шрифтов). Нет ни тегов для таблиц table, div и form, ни тегов font для форматирование текста.

И эту проблему нельзя обойти псевдографикой. Редактор Дзен поддерживает псевдографику, но не позволяет использовать её для оформление текстов и ввода таблиц. Из-за большого междустрочного интервала их разрывает. Да и шрифт не моноширинный и табличка ползёт.

┌──────────┬──────────┐

│ Табличка │ Табличка │

└──────────┴──────────┘

✔ Для оформление статей можно использовать шрифт Segoe UI Symbol, там много интересного. 📌

Значки Юникода для вставки в статьи на «Яндекс.Дзен»

Цветные значки

Смайлики (смех, плач) и сердечки (любовь, признание)

☺️ ☹️ ❤️️ ❣️ ‍️‍‍

Офисные значки и символы (телефон, документы, часы, ножницы)

☎️ ⏳ ⌛️ ⏰ ⌚️ ✉️  ⛱ ⛽️ ✂️ ✒️ ✏️

Еда и напитки

☕️ ♨️ ⛵️

Машинки, самолеты, якоря стоп)

⚓️ ✈️ ⛴ ⚠️ ⛲️

Спортивные значки, мячи

️⛷ ⛹ ⚽️ ️️⛳️ ⛸

Значки погоды, месяца, солнца, дождя, луны, зимы, лета

✨ ⛈ ☄ ⛰ ☘ ⭐️ ☀️ ⛅️ ☁️ ⚡️ ☔️ ❄️ ⛄️

Знаки зодиака

✝️ ✡️ ♈️ ♉️ ♊️ ♋️ ♌️ ♍️ ♎️ ♏️ ♐️ ♑️ ♒️ ♓️ ⛎

Квадратики, ромбики, домики

Ⓜ️ ✴️ ♻️ ⭕️ ❗️ ❓ #⃣   ✔️ ☑️ ⛪️ ⛺️⛔️

Стрелочки (вверх, вниз, влево, вправо, конец)

⬆️ ⬇️ ⬅️ ➡️ ↗️ ↖️ ↘️ ↙️ ↔️ ↕️ ◀️ ▶️ ↩️ ↪️ ⏪ ⏩ ⏫ ⏬ ⤵️ ⤴️

Черно-белые значки

Знаки препинания, скобки, проценты

˙ ‥ ‧ ‵ ‵ ❛ ❜ ❝ ❞ 、 。 〃 「 」 『 』 〝 〞 ︰ ︰ ﹁ ﹂ ﹃ ﹄ ﹐ ﹒ ﹔ ﹔ ﹕ ! # $ % & * , . : ; ? @ ~ • … ¿ “ ‘ · ′ ” ’

Офисные значки (телефон, номера, ножницы, самолет, ручка, карандаш, копирайт, самолет и пр.)

‱ № ℗ ℠ ℡ ℀ ℁ ℅ ℆ ⅍ ☊ ☎ ☏ ✁ ✂ ✃ ✄ ✆ ✇ ✈ ✉ ✎ ✏ ✐ ✑ ✒ ™ © ® ‰ § ¶

Символы валют (биткоины, евро, сигма, дельта)

$ € £ ¥ ₮ ৲ ৳ ௹ ฿ ៛ ₠ ₡ ₢ ₣ ₤ ₥ ₦ ₧ ₨ ₩ ₪ ₫ ₭ ₯ ₰ ₱ ₲ ₳ ₴ ₵ ¥ƒ

Погода, значки солнца, тучек, зонта, месяца, снежинки и пр.

ϟ ☀ ☁ ☂ ☃ ☉ ☼ ☽ ☾ ♁ ♨ ❄ ❅ ❆

Звездочки, снежинки, солнышко и пр.

★ ☆ ✡ ✦ ✧ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ⁂ ⁎ ⁑ ✢ ✣ ✤ ✥ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❇ ❈ ❉ ❊ ❋

Человечки

☹ ☺ ☻ ☿ ♀ ♂ 〠 ヅ ツ ㋡ 웃 유

Знаки: сердечки и крестики

ღ ♡ ❣ ❤ ❥ ❦ ❧ ♥ ☤ ☥ ☧ ☨ ☩ ☫ ☬ ☭ ☯ ☽ ☾ ✠ ✡ ✢

Музыкальные значки для мелодий
♩ ♪ ♫ ♬ ♭ ♮ ♯

Шахматные значки (ладья, ферзь, конь, слон и пр.)

♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟

Псевдографика и графические фигуры (квадраты, треугольники, полоски, ромбики, кубики и др.)

ˍ ∎ ⊞ ⊟ ⊠ ⊡ ⋄ ⎔ ▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋ ▋ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ■ □ ▢ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ ▭ ▮ ▯ ▰ ▱ ► ◄ ◆ ◇ ◈ ◘ ◙ ◚ ◛ ◢ ◣ ◤ ◥ ◧ ◨ ◩ ◪ ◫ ☖ ☗ ❏ ❐ ❑ ❒ ❖ ❘ ❙ ❚ ◊

Псевдографика и различные линии (одинарные, двойне, пунктирные, вертикальные, горизонтальные)

` ˊ ᐟ ‐ ‑ ‒ ― ⁃ ≣ ⋐ ⋑ ⋒ ⋓ ⌒ ⌜ ⌝ ⌞ ⌟ ⎯ ─ ━ │ ┃ ┄ ┅ ┆ ┇ ┈ ┉ ┊ ┋ ┌ ┍ ┎ ┏ ┐ ┑ ┒ ┓ └ └ ┕ ┖ ┗ ┘ ┙ ┚ ┛ ├ ├ ┝ ┞ ┟ ┠ ┡ ┢ ┣ ┤ ┥ ┦ ┧ ┨ ┩ ┪ ┫ ┬ ┭ ┮ ┯ ┰ ┲ ┳ ┴ ┵ ┶ ┷ ┸ ┹ ┺ ┻ ┼ ┽ ┾ ┿ ╀ ╁ ╂ ╃ ╄ ╅ ╆ ╇ ╈ ╉ ╊ ╋ ╌ ╍ ╎ ╏ ═ ═ ║╒ ╓ ╔ ╔ ╕ ╕ ╖ ╖ ╗ ╗╘ ╙ ╚ ╚ ╛ ╛ ╜ ╜ ╝ ╝ ╞ ╟ ╟ ╠ ╡ ╡ ╢ ╢ ╣ ╣ ╤ ╤ ╥ ╥ ╦ ╦ ╧ ╧ ╨ ╨ ╩ ╩ ╪ ╪ ╫ ╬ ╬ ╭ ╮ ╯ ╰ ╱ ╲ ╳ ╴ ╵ ╶ ╷ ╸ ╹ ╺ ╻ ╼ ╽ ╾ ╿ ▏▕ ◜ ◝ ◞ ◟ ◠ ◡ ☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷ ✕ ≡ ⌈ ⌊ — ⌉ ⌋

Круги (закрашенные и пустые, полукруги)

⊖ ⊘ ⊙ ⊚ ⊛ ⊜ ⊝ ◉ ○ ◌ ◍ ◎ ● ◐ ◑ ◒ ◓ ◔ ◕ ◖ ◗ ◦ ◯ ❍ ⦿ ⊕ ⊗

Квадратики с галочками и крестиками (для тестов)

☐ ☑ ☒ ✓ ✔ ✗ ✘ ∨

Вставка в текст символов из программ и Word

  1. Таблица символов. В операционной системе Windows нажмите «Пуск» — «Программы» — «Стандартные» — «Служебные» — «Таблица символов» (или, например, «Панель математического ввода»). В результате откроется таблица с векторными формами всех установленных у вас в системе шрифтов. Если вы выберете в «Дополнительных параметрах» набор знаков Юникод, то сможете увидеть для каждого шрифта в отдельности весь ассортимент входящих в него символов. Скопируйте их, и через буфер обмена вставьте нужный символ в текст.
  2. Комбинация клавиш Alt+X на клавиатуре
Комбинация клавиш Alt+X. Источник фотографии — «Яндекс.Картинки»
Комбинация клавиш Alt+X. Источник фотографии — «Яндекс.Картинки»

Самый простой вариант для вставки символов — комбинация клавиш Alt+X. Поставьте курсор после буквы, где будет вставка, слитно с ней напишите цифры кода символа в Юникоде и нажмите комбинацию кнопок Alt+X. После нажатия число пропадёт и появится нужный знак. В редакторах Alt+X выполняет и обратное преобразование.

Способ 3: Через меню «Символы»

Поставьте курсор в тексте. Перейдите в меню Word на вкладку «Вставка», подменю «Символы» нажмите кнопку «Символ» и выберите пункт «Другие символы».

Вставка знаков через меню «Символы». Скриншот автора
Вставка знаков через меню «Символы». Скриншот автора

В Word 2000, XP и 2003 нажмите «Вставка» и в выпадающем меню выберите «Символ». Далее полностью повторяйте действия для более новых версий Word. В открывшемся окне выберите нужный набор символов, после чего нажмите на необходимый знак и завершите вставку кнопкой «Вставить». Если вы уже использовали символ ранее, он появится в быстром доступе на панели «Другие символы».

Подробнее об оформлении математических и технических текстов читайте в следующей статье.

О статьях на этом канале

Предыдущие статьи:

  1. Что нужно знать про Дзен. Как сделать красивое оформление статей в редакторе «Яндекс.Дзен» и вставить разные символы в блог

Читайте также статью «Об этом канале», и серию о лотереях — «Улыбка удачи и история игр. Бывает ли большой выигрыш в лотереях? Личный опыт игры в «Столото»» и «Улыбка удачи или оскал фортуны? Психологические аспекты зависимости от игр», которую я скоро продолжу.