Расширяем функционал редактора «Яндекс.Дзен» по красивому оформлению статей через поддержку Юникода и встроенные функции. Вставляем в текст графические и другие спецсимволы.
В Юникоде очень много много различных интересных значков, вместе с функционалом редактора по выделению текста, они позволяют делать статьи более наглядными. Значки можно вставлять и в заголовок материала.
Продолжение темы, предыдущая часть — статья «История Юникода. Как поставить ударение над буквой и вставить символы в блог и 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
- Таблица символов. В операционной системе Windows нажмите «Пуск» — «Программы» — «Стандартные» — «Служебные» — «Таблица символов» (или, например, «Панель математического ввода»). В результате откроется таблица с векторными формами всех установленных у вас в системе шрифтов. Если вы выберете в «Дополнительных параметрах» набор знаков Юникод, то сможете увидеть для каждого шрифта в отдельности весь ассортимент входящих в него символов. Скопируйте их, и через буфер обмена вставьте нужный символ в текст.
- Комбинация клавиш Alt+X на клавиатуре
Самый простой вариант для вставки символов — комбинация клавиш Alt+X. Поставьте курсор после буквы, где будет вставка, слитно с ней напишите цифры кода символа в Юникоде и нажмите комбинацию кнопок Alt+X. После нажатия число пропадёт и появится нужный знак. В редакторах Alt+X выполняет и обратное преобразование.
Способ 3: Через меню «Символы»
Поставьте курсор в тексте. Перейдите в меню Word на вкладку «Вставка», подменю «Символы» нажмите кнопку «Символ» и выберите пункт «Другие символы».
В Word 2000, XP и 2003 нажмите «Вставка» и в выпадающем меню выберите «Символ». Далее полностью повторяйте действия для более новых версий Word. В открывшемся окне выберите нужный набор символов, после чего нажмите на необходимый знак и завершите вставку кнопкой «Вставить». Если вы уже использовали символ ранее, он появится в быстром доступе на панели «Другие символы».
Подробнее об оформлении математических и технических текстов читайте в следующей статье.
О статьях на этом канале
Предыдущие статьи:
- Что нужно знать про Дзен. Как сделать красивое оформление статей в редакторе «Яндекс.Дзен» и вставить разные символы в блог
Читайте также статью «Об этом канале», и серию о лотереях — «Улыбка удачи и история игр. Бывает ли большой выигрыш в лотереях? Личный опыт игры в «Столото»» и «Улыбка удачи или оскал фортуны? Психологические аспекты зависимости от игр», которую я скоро продолжу.