WordPress-дзюцу

...или как оформлять посты.

Изначально мы вообще не собирались писать подробный гайд, решив, что это и так все знают, а кто не знает — тот сам разберётся. Увы, время показало, что мы ошиблись. Поэтому вот вам краткий справочник по основам HTML вообще и по тегам WordPress в частности.

1. Как сделать жирный текст

Вручную — вот так

<strong>жирный</strong>

или вот так

<b>жирный</b>

Результат в нашем случае одинаковый.

В редакторе — выделяем ту часть текста, которую хотим сделать жирной, и нажимаем кнопку b в заголовке поля редактирования.

2. Как сделать курсивный текст

Вручную — вот так

<em>курсив</em>

или вот так

<i>курсив</i>

Результат в нашем случае опять же одинаковый.

В редакторе — выделяем ту часть текста, которую хотим выделить курсивом, и нажимаем кнопку i в заголовке поля редактирования.

3. Как вставить ссылку

Вручную — вот так:

<a href="адрес">текст</a>

Здесь "адрес" — это собственно ссылка, а "текст" — то, что будет подсвечено синеньким и на что надо будет нажать мышкой, чтобы по этой ссылке перейти.

В редакторе это делается так: пишем сперва %текст%, затем выделяем его, затем жмём кнопку link и в открывшемся окошке в поле "URL" копипастим ссылку.

4. Как вставить картинку

Вручную — вот так:

<img src="адрес картинки">

В редакторе так: жмём кнопку img, в открывшееся окошко копипастим адрес картинки.

Важное замечание: любые картинки шире 640 пикселей будут автоматически отмасштабированы до 640. Поэтому комиксы лучше выкладывать с превьюшками, то есть так:

<a href="адрес большой картинки"><img src="адрес превьюшки"></a>

5. Как сделать кат

Вручную — вот так:

<!--more-->

В редакторе — просто жмём кнопку "more".

Если хочется заменить стандартный текст ката, делаем так:

<!--moreСвой текст-->

6. Почему не надо увлекаться спойлерами

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

7. Прочие мелочи

Движок WP умеет расставлять по тексту тире и дефисы (кто не знает, в чём разница — см. здесь). За тире принимается либо знак минуса, окружённый пробелами, либо два минуса подряд. Сравните: вот дефис "-", вот тире "--". Подводный камень в том, что начало строки — это не пробел, поэтому если вы хотите, чтобы в начале прямой речи стояло именно тире, отбейте его пробелом. Пример:

— Я ничего не понял.

— А я понял всё.

Иногда хочется отцентрировать текст (например, чтобы добавить красивый разделитель между главками). Это делается так:

<center>текст</center>

Пример:

А если надо где-то увеличить пространство между абзацами, проще всего это сделать при помощи кода неразрывного пробела:

 

Достаточно добавить его в качестве отдельного невидимого абзаца.

Дальнейшим самосовершенствованием в области языка HTML можно заняться, скажем, здесь.

Ну и напоследок объявление: в связи с резким увеличением активности в нашем уютном бложике, и как следствие — с падением среднего качества постов, с данного момента все участники, хоть раз выложившие что-то годное, получают статус авторов, а для остальных включается режим предварительного одобрения. Всем, кто сейчас завопил "а как же лозунг 'у нас можно всё'?!" сообщаем, что ограничений по тематике постов по-прежнему нет (лишь бы про пони), а кроме того рекомендуем освежить в памяти вот эту цитату.