Здравствуйте, друзья и зашедшие сюда случайно! С момента запуска блога прошло уже больше года и было написано чуть больше ста статей. Все статьи я писал без использования визуального редактора и сегодня я покажу Вам, каким образом я писал и буду писать посты на блоге в режиме html.
Прежде чем начну, хочу от души поздравить прекрасную половину человечества с прошедшим праздником 8 Марта!
Такой способ написания поста может показаться сложным и неудобным, однако я к нему привык.
И для начала назову три причины, почему я не использую визуальный редактор WordPress.
- Статья с картинками может получиться не той, какой нужно (в плане отображения).
- Во многих постах я использую плагин SyntaxHighlighter, который не очень дружит с визуальным редактором WordPress.
- За время работы над постом в визуальном, да и обычном, редакторе накапливается большое количество черновиков (ревизий поста).
Алгоритм написания поста прост — открываю обычный блокнот, пишу пост со всеми тегами 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
- Пункт 2
- Пункт 3
Цитата
При цитировании чужих мыслей я использую такую вещь как цитата. Иногда применяю ее в случае выделения какого-либо важного текста.
Код для цитаты:
1 2 3 | <blockquote> Текст цитаты </blockquote> |
Результат:
Текст цитаты
Вот пожалуй и все. Я рассказал Вам об основных тегах html, используемых мною на практике при написании постов. А какими способами пишете посты Вы, уважаемые блоггеры?
—
Интересует качественное продвижение сайтов? Веб-студия Красдизайн оказывает все необходимые услуги для того, чтобы Ваш сайт попал в ТОП поисковой выдачи.
Не, у меня не хватает терпения так писать. Тем более, что визуальный редактор в принципе адекватно работает, просто перед публикацией код смотрю. За поздравление спасибо
Да мне ревизии постов лень чистить. Написал, вставил, опубликовал.
А у меня сохраняется только последние 2 ревизии и все
Да я тоже ограничил число сохраняемых ревизий до трех, но даже и такое количество лень чистить. Хватает спамных комментариев…
а не проще вовсе выключить ревизии, от них толку нет, только лишь базу данных засоряют
Ревизии могут пригодиться, если вдруг вырубят свет, чтобы сохранить последнее изменение поста.
А что так часто свет вырубают? Можно ИБП поставить на такие случаи
Да, совсем забыл. Однажды закрыл браузер, но благодаря ревизии пост не пропал!
ИБП тоже не нужен — работаю с нетбука.
В принципе есть клиент бля блога, через него удобно писать и проверять исходный код -чем корячится в админке
Да привык я вот так без суперпрограмм! Блокнот и далее публикация
Никита, осталось завести блог на голом html без CMS и заняться хардкор-блоггингом : ) (шучу-шучу)
Рад видеть на блоге, Дмитрий!
Ну да, каждый пост — новый html-файл, зато никаких php и mysql
Кстати, видел такие блоги без движков — очень шустрые.
Зато у них нет того, что есть у WordPress, например комментариев. Вобщем, администрировать жутко неудобно! Знаю по себе. Мой первый сайт был на одном html!
Думаю, что тяжеловато так будет писать неподготовленному человеку.
Согласен, не всем охота прописывать вручную html-теги, это я привык как-то. Альтернатива — писать и оформлять в Word-е, потом вставить из него в визуальный редактор WP, или же сохранить как веб-страницу, вытянуть html-код поста, скопировать, и вставить в редактор WP в режиме html.
Как по мне, то круто! Так писать сможет не каждый. Я вообще не силен в HTML, хотя основы знаю, и понял про что Вы писали даже без объяснений. Но писать как Вы, не смогу. Долго и не удобно. Я когда пишу, то проверяю через пункт посмотреть, и если что-то не нравиться, тогда ковыряю код. С уважением Андрей.