Как я пишу посты на блог в html-формате

Здравствуйте, друзья и зашедшие сюда случайно! С момента запуска блога прошло уже больше года и было написано чуть больше ста статей. Все статьи я писал без использования визуального редактора и сегодня я покажу Вам, каким образом я писал и буду писать посты на блоге в режиме html.

Прежде чем начну, хочу от души поздравить прекрасную половину человечества с прошедшим праздником 8 Марта!

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

И для начала назову три причины, почему я не использую визуальный редактор WordPress.

1. Статья с картинками может получиться не той, какой нужно (в плане отображения).
2. Во многих постах я использую плагин SyntaxHighlighter, который не очень дружит с визуальным редактором WordPress.
3. За время работы над постом в визуальном, да и обычном, редакторе накапливается большое количество черновиков (ревизий поста).

Алгоритм написания поста прост — открываю обычный блокнот, пишу пост со всеми тегами html, далее открываю html-редактор WordPress, добавляю картинки с помощью кнопки Добавить медиафайл, добавляю изображения в редактор в виде кода, вырезаю код изображений, вставляю в блокнот с постом в нужное место, потом выделяю весь, полностью готовый, текст поста и вставляю обратно в html-редактор WordPress, добавляя тег more.

Пример кода для этого изображения:

1

<img src="http://makoveckij.ru/wp-content/uploads/2014/03/addmedia.jpg" title="добавить медиафайл" width="264" height="74" class="alignnone size-full wp-image-1719" />

Ну а теперь приведу пример тех тегов и конструкций, которые я использую при написании поста в режиме html.

Заголовки

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

Вот как выглядит код заголовков в режиме html:

1
2
3
4
5
6

<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>

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

1
2
3
4
5

<del>Зачеркнутый текст</del>
<u>Подчеркнутый текст</u>
<em>Курсив</em>
<strong>Жирный шрифт</strong>
<span style="color: #код цвета;">Цветной текст</span>

Результат:

Зачеркнутый текст
Подчеркнутый текст
Курсив
Жирный шрифт
Цветной текст

Ссылки

Ссылки я тоже вставляю вручную с обязательным атрибутом target=»_blank» для того, чтобы при нажатии на них страница, или сайт, куда ведет ссылка, открывался в новом окне.

Пример ссылки на другую статью блога, или покупной ссылки:

1

<a href="http://site.ru/" target="_blank">Ссылка</a>

Остальные внешние ссылки я делаю через редирект на PHP.

Списки

Списки бывают двух видов: маркированные и нумерованные.
Отображение списков напрямую зависит от того, какие стили прописаны в файле темы блога style.css.

Код для маркированного списка:

1
2
3
4
5

<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>

Результат:

• Пункт 1
• Пункт 2
• Пункт 3

Код нумерованного списка:

1
2
3
4
5

<ol>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ol>

Результат:

1. Пункт 1
2. Пункт 2
3. Пункт 3

Цитата

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

Код для цитаты:

1
2
3

<blockquote>
Текст цитаты
</blockquote>

Результат:

Текст цитаты

Вот пожалуй и все. Я рассказал Вам об основных тегах html, используемых мною на практике при написании постов. А какими способами пишете посты Вы, уважаемые блоггеры?
—
Интересует качественное продвижение сайтов? Веб-студия Красдизайн оказывает все необходимые услуги для того, чтобы Ваш сайт попал в ТОП поисковой выдачи.