Вторник, 15 августа 2017   Подписка на обновления  RSS  Письмо редактору
Популярно
6:53, 14 февраля 2014

WordPress: Как добавить новую запись на сайт


Wordpress Здравствуйте, друзья! Уважаемые блогеры, начинающие, продолжающие, матёрые, а также господа меломаны и просто праздно шатающиеся! Рад приветствовать вас на страницах блога krugloffm.ru! Вспомнил время, когда мне впервые пришла в голову мысль сделать себе сайт. Много всего я тогда перепробовал, так как образования соответствующего не имел и не имею и, до сих пор, не считаю себя web-разработчиком, хотя кое-чему, всё же научился. Так вот, в ту пору я прошёл все эти Юкозы и Народы и, по понятным причинам, не захотел с ними дружить. И если, всё-таки, продолжать поиски нормальной CMS (я тогда даже не знал что такое CMS), то рано или поздно дорога тебя непременно приведёт либо к WordPress либо к Joomla. Ну и, естественно, на этих движках работать тоже уметь надобно.

Сколько я всего перерыл, перелопатил, перечитал...просто уму не постижимо! Сейчас кажется, чего уж проще-то — добавлять новые статьи себе на сайт. Зашёл в админку, добавил новую запись, написал заголовок, выбрал категорию, поставил метки и опубликовал. Всё!!! Но мне эти первые шаги давались с некоторым трудом. Одной из причин, пожалуй, я считаю недостаточно понятно написанные уроки по этой теме. Далее я попытаюсь рассказать о первых шагах размещения информации у себя на сайте, созданном на движке WordPress, максимально понятно и детально.

Добавляем новую статью в блог на CMS WordPress

 

Для начала давайте зайдём в панель администратора, где происходит всё таинство добавления, обновления, настроек и т.п действий с нашим блогом. Для этого в строке браузера следует набрать ваш сайт/wp-admin, если вы создали свой блог сразу на хостинге. Если же вы решили пока обойтись локальным сервером, то адрес будет несколько иной — localhost/название корневой папки вашего сайта/wp-admin. Напримерlocalhost/newblog/wp-admin (см. Установка WordPress). Вы войдёте в панель управления сайтом и в левой колонке найдите кнопку Записи.

 

Wordpress

 

Во всплывающем меню жмём на строчку Добавить Новую. И у нас откроется редактор, похожий на обычный Word. Здесь мы и напишем нашу первую статью, а за одно и пробежимся по инструментам, которые здесь находятся.

Wordpress

Итак, ЗаголовокПридумывая заголовок для статьи, имейте ввиду, что он будет отображён в URL, только латиницей. К примеру, если вы написали кириллицей Новая статьято в URL это будет выглядеть следующим образом - novaya-statia, или что-то типа этого. Заголовки лучше сразу придумывать под поисковую оптимизацию (см. ст.  SEO: Как написать правильный SEO-контент?). В будущем, когда Вы уже освоитесь в WordPress, советую Вам установить плагин WordPress SEO by Yoast он очень помогает в написании правильного SEO-контента.

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

Wordpress

 

Далее я предлагаю остановиться на рассмотрении панели инструментов. Пойдём по порядку — слева на право. Первый инструмент позволяет выделять текст жирным, т.е. добавляет тэг <strong> </strong>. Второй — добавляет тэг <em></em> т.е. меняет шрифт на прописной. Третий инструмент позволяет перечёркивать текст — тэг <del></del>. Далее идёт маркированный список (тэг <ul></ul>). Символы маркированного списка могут быть разными — точки, кружочки, квадратики, галочки и т.п. — это зависит от воображения создателя темы, которую Вы себе установили. Следующий инструмент — это упорядоченный список, как вы понимаете, обозначается он цифрами (тэг <ol></ol>). Инструмент Цитата при публикации добавляет своеобразный акцент тому месту в тексте, который вы определите, как цитату. В моём случае — это такая вертикальная полоса и немного затемнённый фон. У Вас же может быть выделение другим.

Wordpress

 

Далее идут инструменты выравнивания текста — по левому краю, по центру и по правому краю. Далее инструмент Добавить/редактировать ссылку. Очень часто используемый инструмент. Работает он следующим образом: выделяем слово или какую-либо часть текста, которую хотим сделать ссылкой и щёлкаем на значок этого инструмента.

Wordpress

 

Теперь это слово или часть текста являются ссылкой на тот ресурс, адрес которого Вы ввели в поле URL. Заголовок, если Вы его введёте, будет появляться, как всплывающая подсказка. Если щёлкнуть по меню, расположенному ниже, то откроется окно, в котором вы увидите заголовки всего своего контента и можете добавить ссылку на вашу статью прямо отсюда. Очень удобно при перелинковке сайта.

Wordpress

Следующий инструмент, наоборот, удаляет ссылку. Выделяете слово или часть текста, который в данный момент является ссылкой, кликаете по кнопке «разорванная цепь» и всё, текст становится обычным. Далее... Этот инструмент позволяет вставлять в статью метку Далее или Читать полностью, как у меня на блоге.

Wordpress

Используется для того, чтобы на главной странице и на страницах рубрик не выводить полный текст статьи. Ведь она может быть достаточно объёмной. Работает эта функция так: ставите курсор в конец текста, после которого вы намереваетесь сделать эту метку, нажимаете Enter и, за тем, жмёте на кнопку этого инструмента. Появится пунктирная линия, отделяющая эту часть текста от основной.  Следующим располагается инструмент, который позволяет проверять текст на наличие орфографический ошибок — очень полезный инструмент :). Дальше идёт инструмент, позволяющий работать в редакторе в полноэкранном режиме и инструмент который сворачивает нижнюю часть этой панели. Следующих иконок, если Вы новичок, в вашей панели инструментов, скорее всего, нет. Если же есть, то объяснять, что они означают не имеет смысла, потому что вы их сами установили вместе с плагинами.

Wordpress

Спускаемся на вторую строку панели инструментов редактора и первый пункт — это выпадающее меню с набором форматирования текста. Здесь и заголовки разных уровней. Заголовки в тексте занимают особое место. Например заголовок первого уровня, H1, обязательно должен присутствовать в любом тексте. Дело в том, что поисковики индексируют именно эти заголовки — H1.  Понятно, что другие, к примеру H2, тоже должны быть. Бывает такое, что размер шрифта заголовка первого уровня очень большой и это уродливо смотрится на странице. В этом случае его размер надо изменить в таблице стилей. Но использовать вместо заголовка H1, скажем, заголовок H2, не желательно. Далее, по-порядку, у нас идут  инструмент подчёркивание и выравнивание по ширине. На них останавливаться не буду — всё, как в редакторе Word. И, в заключении, очень простые инструменты вставки текста (для чего они, мне не понятно?), вставки символа, выравнивания по левому и правому краям и отмены-повтора действия, вызов помощи. Всё.

WordPress: вставка изображения в текст.

Теперь я предлагаю вставить в наш текст какую-нибудь картинку. Для этого вверху, над панелью инструментов редактора расположена кнопка добавить медиафайл. Жмём на неё и перед нами откроется такое окно:

Wordpress

 

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

Wordpress

 

Как видите, всё происходит в стандартном режиме — выбираете файл, а потом вставляете в запись. Только перед этим не забудьте подготовить его — отредактируйте размер, разрешение и сохраните его для Web.

Wordpress

С помощью пункта Вставить с URL можно вставлять картинку из интернета.

Wordpress

 

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

Обтекание изображение текстом. Этого добиться в Wordpres также очень просто. После того, как картинка появилась в редакторе, кликаем на неё и в верхнем левом углу выделенного изображение появятся две иконки — одна служит для удаления, другая — для редактирования. Жмём ту, которая для редактирования. Появится следующее окно:

Wordpress

 

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

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

WordPress: публикация статьи.

Wordpress10Итак, в правой части панели управления у нас находится модуль для управления публикациями. Здесь три главных кнопки, которые нам и нужны — Сохранить черновик, Предпросмотр и Опубликовать. Для начала, я предлагаю сохранить статью, затем, посмотреть, как она  выглядит у нас на сайте. Единственное, что не показывается при функции предпросмотра — это метка ДалееЕсли  всё в порядке, то нашим следующим шагом будет создание рубрики — где, собственно у нас будет размещена статья. Для этого спускаемся ниже и видим окно РубрикиУ Вас там по умолчанию должна находится, как минимум, одна рубрика и, как правило — это Новости. Нам же нужно создать свою.

WordpressДля этого щёлкаем по строке Добавить новую рубрику. В появившемся поле вписываем, название рубрики и жмём на кнопку ниже, которая также называется Добавить новую рубрику.

При размещении материала в какой-либо из рубрик, необходимо отметить её галочкой, если этого не сделать то статья сохранится в рубрику по умолчанию.  Ниже расположен блок для добавления меток. Добавляем парочку. Всё. Статью можно публиковать.

Уважаемые друзья, надеюсь, статья получилась понятной и подробной. Если она смогла помочь решить Ваши вопросы, напишите отзыв. Если не лень будет 🙂

Спасибо за внимание.

Автор Евгений Запорожский.

 

 

Онлайн бронирование туров - 728*90

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2017 Mr.X
Дизайн и поддержка: GoodwinPress.ru