Оформление постов. Часть 1: базовые приёмы


Усач-ногач, граждане и гражданки!

Как написать красивый и качественный пост в VOX, Golos или Steemit? Ведь для этого же мало просто уметь печатать текст, нужно ещё и уметь делать оформление всякими хитрыми способами... О том, как это делать, я тут сейчас и расскажу.

Итак, приступаем к разбору основных приёмов и фич, которые должен знать каждый блогер, желающий сделать свои посты красивыми и удобочитаемыми.

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

И - идём дальше...


ФОРМАТИРОВАНИЕ ПРОСТОГО ТЕКСТА

Форматирование текста - важнейший элемент обработки поста. Оно делает его более просто усваиваемым, позволяет сделать акцент на определённых словах и абзацах. Существует 3 основных варианта форматирования текста: курсив, жирный текст и зачёркнутый текст. Чтобы соответствующим образом форматировать текст, нужно заключить его в специальные символы: одиночные звёздочки (для курсива), двойные звёздочки (для жирного) или в двойные заковычки (для зачёркивания).

Пример:

*курсив*
**жирный текст**
~~зачёркнутый текст~~

Результат:

курсив
жирный текст
зачёркнутый текст

Эти приёмы форматирования можно комбинировать.

Пример:

***жирный курсив***
~~*зачёркнутый курсив*~~
~~**жирный зачёркнутый текст**~~
~~***жирный зачёркнутый курсив***~~

Результат:

жирный курсив
зачёркнутый курсив
жирный зачёркнутый текст
жирный зачёркнутый курсив

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

Пример неправильной кодировки форматирования:

*** жирный курсив***
*зачёркнутый курсив *
~~** жирный зачёркнутый текст **~~

Результат:

жирный курсив
зачёркнутый курсив
жирный зачёркнутый текст


ФОРМИРОВАНИЕ ЗАГОЛОВКОВ

Самый простой способ сделать заголовок - поставить перед абзацем сеточку или несколько - до шести штук (от этого зависит уровень заголовка).

Пример:

# Это - заголовок

## Заголовок 2 уровня

### Заголовок 3 уровня

#### Заголовок 4 уровня

##### Заголовок 5 уровня

###### Заголовок 6 уровня

Результат:

Заголовок 1 уровня

Заголовок 2 уровня

Заголовок 3 уровня

Заголовок 4 уровня

Заголовок 5 уровня
Заголовок 6 уровня

Тот же самый результат можно произвести, использовав парные HTML-теги класса h.

Правила использования парных тегов:

  1. Теги ставятся в треугольные скобки;
  2. Наличие закрывающего тега строго обязательно;
  3. В закрывающем теге обязательно наличие правонаклонённой прямой.

Пример:

<h1>Заголовок 1 уровня</h1>

<h2>Заголовок 2 уровня</h2>

<h3>Заголовок 3 уровня</h3>

<h4>Заголовок 4 уровня</h4>

<h5>Заголовок 5 уровня</h5>

<h6>Заголовок 6 уровня</h6>

Результат:

Заголовок 1 уровня

Заголовок 2 уровня

Заголовок 3 уровня

Заголовок 4 уровня

Заголовок 5 уровня
Заголовок 6 уровня

ОТЦЕНТРОВКА ЭЛЕМЕНТОВ ПОСТА

Отцентровка задаётся парным HTML-тегом "center".

Пример:

<center> Это - отцентрованный текст </center>

<center><h3> А это - отцентрованный заголовок </h3></center>

Результат:

Это - отцентрованный текст

А это - отцентрованный заголовок


ВСТАВКА ССЫЛОК И КАРТИНОК

Ссылки и картинки вставлять на самом деле весьма просто.

Чтобы сделать ссылку, текст ссылки надо поместить в квадратные скобки, а адрес сайта - в круглые скобки, без пробела прицепленные к квадратным.

Пример правильно заполненного кода ссылки (для акцента сделаем текст жирным):

**УСАЧ-НОГАЧ**

Результат:

УСАЧ-НОГАЧ

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

Пример:

УСАЧ-НОГАЧ

Результат:

УСАЧ-НОГАЧ


ВСТАВКА ЦИТАТЫ

Чтобы обычный текст превратить в цитату, нужно поставить перед абзацем треугольную скобку.

Пример:

> Это - цитата

Результат:

Это - цитата

Теперь вы можете красиво цитировать кого угодно!


ВЫЗОВ ЧЛЕНА СООБЩЕСТВА

Для того, чтобы привлечь чьё-то внимание к посту или комментарию, не обязательно писать нужному человеку в комменты под его постами или в ТГ. Достаточно просто упомянуть в посте его аккаунт, поставив перед его никнеймом "собаку", а бот-доносчик уже сам до него донесёт, что его упомянули.

Пример:

@ivprstъ

Результат:

@ivprstъ

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

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


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


Научитесь оформлять посты - будете грести ману лопатой!
С уважением, @ivprstъ.


Comments 6


Спасибо. Это я уже освоила. Буду ждать продолжения, я не знаю про таблицы и т.д. И еще подскажите, как сделать несколько фото в одном квадрате или полоски из фото в одном квадрате.

24.06.2018 16:19
0

Пожелание принято. В принципе, я когда-то работал с HTML и знаю, как это делается, но сработает ли этот приём тут - большой вопрос.

24.06.2018 16:48
0

Вау! спасибо!! !буду учиться))

26.06.2018 06:10
0

29.06.2018 13:02
0

Публикуйте у себя новости Вокса, если они появятся. Хотелось бы отслеживать время от времени: а вдруг изменится ситуация.
В чаты надоело заходить, так как много флуда, а времени немного. Только в делегатском сейчас, но там сообщение последнее было очень давно.

11.08.2018 02:41
0