Краткая инструкция по наполнению информацией ВЕБ-сайта на основе CMS WordPress

Поздравляем! 
Ваш сайт сверстан и выложен в сеть Интернет. 
Основой Вашего сайта является система управления контентом под названием WordPress. WordPress – система современная, надежная и удобная. Под нее разработана масса различных модулей, добавление которых позволяет существенно расширить функционал Вашего сайта, его информативность, ускорить продвижение в поисковых системах, придать определенный стиль.
Самое главное в системе WordPress – интуитивно понятный русифицированный интерфейс. Что это значит? Это значит, что Вы сможете самостоятельно, без помощи специалистов, выполнять простейшие действия по наполнению своего сайта информацией, даже если Вы совсем не знакомы ни с языком гипертекстовой разметки документов HTML, ни с языком ВЕБ — программирования PHP, ни с таблицами стилей CSS.
Для осуществления действий по наполнению сайта информацией, добавления новостей, текстовых записей, изображений и т.п. необходимо воспользоваться панелью администрирования, которая встроена в систему WordPress. Панель администрирования сайта – это такая же ВЕБ-страница, сайта, но доступ к ней ограничен паролем администратора. На этой странице – панели администрирования – содержатся средства, позволяющие Вам без труда добавлять любую информацию на Ваш сайт, редактировать ее или удалять.

Вход в панель администрирования

Вход в панель администрирования возможен через специальную форму, размещаемую на сайте. Если на Вашем сайте такой формы нет, то следует в адресной строке Вашего браузера ввести адрес страницы панели администрирования. Выглядеть этот адрес будет так:  
«адрессайта/wp-admin».
Например, адрес Вашего сайта в сети интернет: «http://cosanostra.com». В этом случае для перехода на страницу администрирования следует ввести в адресной строке:
«http://cosanostra.com/wp-admin».
После ввода данного адреса и нажатия клавиши Enter будет загружена форма входа в панель администрирования (рис. 1). Форма содержит поле для вода имени администратора сайта (по умолчанию admin), поле ввода пароля, переключатель для сохранения пароля, кнопку подтверждения, а также может содержать капчу для защиты от подбора пароля.

Внимание! 
Не рекомендуется сохранять пароль доступа к панели администрирования сайта в хранилище Вашего браузера (не ставьте галочку)!

Современные вирусы и скрипты способны перехватывать сохраненные пароли и отправлять их злоумышленникам.

Скриншот формы аутентификации для входа в админку сайта

Рис.1. Форма входа в панель администрирования сайта


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

Внешний вид панели администрирования (рис.2) конечно же отличается от внешнего вида Вашего сайта. 
В левой части окна панели администрирования Вы увидите меню. Если Вы НАЧИНАЮЩИЙ пользователь WordPress, то Вам следует обратить внимание на следующие пункты меню:

  • Записи
  • Медиафайлы,
  • Страницы,
  • Комментарии.

На все остальные пункты меню новичкам рекомендуем не обращать внимание и категорически рекомендуем не заходить в эти пункты!
Записи – раздел панели администрирования, позволяющий создавать, просматривать, редактировать и удалять записи на Вашем сайте. Этот раздел применяется как правило для размещения Ваших новостей, организации блога или форума. Если Вы не ведете новостную ленту, то также не переходите по этой ссылке.
Медиафайлы – раздел, посвященный вставке на страницы Вашего сайта и в записи Вашего сайта изображений, видео и другого нетекстового контента. 
Страницы – раздел, посвященный созданию, редактированию и удалению страниц Вашего сайта.

Скриншот внешнего вида панели администрирования сайта на Вордпресс

Рис. 2. Внешний вид панели администрирования сайта  

Комментарии – раздел, который позволяет обрабатывать комментарии, оставленные посетителями на Вашем сайте. Комментировать можно записи, новости или содержимое страниц. Комментирование можно разрешить или запретить для каждой из страниц и для каждой из записей (новостей).
Если Вы считаете себя достаточно продвинутым и опытным пользователем и хотели бы вмешаться в настройки внешнего вида Вашего сайта, то Вам также следует познакомиться с пунктами меню: 

  • Плагины − подключение и настройка дополнительных модулей;
  • Пользователи – настройка прав пользователей сайта, регистрация новых пользователей;
  • Инструменты,
  • Параметры;
  • Внешний вид.


Меню «Внешний вид» отвечает за настройки отображения Вашего сайта. Оно содержит несколько подпунктов:

Темы (выбор и настройка тем оформления),

Настроить,

  • Виджеты – добавление, удаление и настройка виджетов;
  • Меню –настройка параметров меню Вашего сайта;(Настройки конкретной темы оформления), например, «Параметры Graphene»;
  • Заголовок – смена заголовка и шапки сайта;
  • Фон – настройка фона сайта или вставка фонового изображения;
  • Редактор – редактирование всех файлов сайта в текстовом режиме.

Сразу обратим Ваше внимание на то, что если Вы не знаете HTML, PHP и CSS, то заглядывать в пункт меню «Редактор» Вы не должны и тем более не должны там что-то менять! При неправильном подходе это чревато полным нарушением работы Вашего сайта.

Создание и редактирование страниц

Создать новую страницу можно тремя способами:

  • с использованием пункта меню «Страницы»,
  • с использованием меню верхней панели,
  • с использованием меню в самом разделе «Страницы».

Первые два способа доступны, когда Вы находитесь в любом из окон панели администрирования сайта.
Для создания новой страницы первым способом наведите указатель мыши на пункт меню «Страницы» (рис.3). При этом откроется подменю, в котором следует выбрать «Добавить новую».
Второй способ заключается выборе из выпадающего меню «Добавить» (рис. 4)  пункта «Страницу». Этот способ как правило предпочтителен!
Третий способ добавления страниц используется, когда администратор сайта уже перешел в раздел редактирования страниц «Страницы» (рис. 5).

Скриншот создания новой страницы сайта с использованием меню "Страницы"

Рис. 3. Создание новой страницы через пункт меню «Страницы»

Скриншот альтернативного метода добавления новой страницы сайта

Рис.4. Добавление новой страницы – второй вариант

Скриншот третьего варианта создания новой страницы сайта на Вордпресс

Рис. 5. Добавление страницы – третий вариант

При этом используют ссылку «Добавить новую» справа от надписи «Страницы», нажатие на которую, как и при первых двух способах создания вызывает появление окна (рис. 6), в котором ниже надписи «Добавит страницу» следует указать название создаваемой страницы. После нажатия указателем мыши на кнопке «Обновить», расположенной в правой части этого окна, страница без содержимого будет создана.

Скриншот окна создания и редактирования страниц

Рис. 6. Окно создания и редактирования страниц

Вновь созданная страница не имеет содержимого. Добавление содержимого осуществляется в редакторе страницы, который расположен в центре раздела редактирования страницы. Это белое поле, выше которого расположены инструменты редактирования и форматирования текста, вставки медиафайлов и т.п., слева – основное меню панели администрирования сайта,  ниже — настройки SEO-продвижения и отображения страницы, справа – опции внутренней структуры страниц.
Редактор  страницы предоставляет пользователю два режима: визуальный и профессиональный, которые соответствуют вкладкам «Визуально» и «Текст». В визуальном режиме администратор сайта может видеть непосредственно как будет отображаться содержимое сайта после опубликования. В профессиональном режиме администратор может видеть и редактировать содержимое страницы сайта в виде HTML – кода.
Для размещения на Вашей новой или существующей странице фрагмента текста необходимо:

  • ввести текст с использованием клавиатуры;
  • используя инструменты форматирования улучшить отображение текста или привести его к требованиям стиля сайта;
  • щелкнуть указателем мышки в окне редактора страницы в том месте, где планируется вставить новый фрагмент;

Пользователю (администратору) сайта доступны следующие инструменты форматирования текста:

  • режим отображения: полужирный, курсив, подчеркнутый;
  • режим разметки: маркированный список, нумерованный список;
  • выравнивание текста: по левому, правому краям, посередине и по ширине;
  • вид текста: абзац, заголовок, формат и пр.;
  • цвет текста, наличие отступов.

Также редактор дает пользователю возможность вставки ссылок, медиафайлов, вставки внешних текстовых фрагментов и фрагментов документа MS Word с сохранением форматирования.

Текстовый фрагмент можно предварительно набрать в текстовом редакторе или приложении MS Word, а затем, скопировав в буфер обмена, поместить на Вашей странице с сохранением форматирования. Для этого:

  • текстовом редакторе выделяем фрагмент текста;
  • нажимаем сочетание клавиш Ctrl-C (идет копирование в буфер обмена);
  • переходим в редактор страницы сайта и щелкаем указателем мышки в точке предполагаемого размещения фрагмента текста;
  • нажимаем в панели инструментов редактора страницы кнопку W;
  • в открывшемся окне нажимаем сочетание клавиш Ctrl-V (идет вставка содержимого буфера в окно);
  • нажимаем кнопку Ok.

На страницах и в записях можно разместить изображения и другой медиаконтент. Для этого необходимо зайти в окно редактора страницы или записи и указателем мыши обозначить место вставки изображения или другого медиафайла, нажав левую кнопку мыши. Далее следует нажать кнопку «Добавить медиафайл» (рис. 7) в верхней части редактора страницы (записи).

Добавление медиафайла на сайт, скриншот

Рис. 7. Добавление медиафайла

После нажатия кнопки открывается специальное окно (рис. 8), которое содержит две вкладки: «Загрузить файлы» и «Библиотека файлов». По умолчанию открыта вторая вкладка, дающая доступ к уже имеющимся на сервере медиафалам, относящимся к Вашему сайту. Для вставки имеющегося фала достаточно щелкнуть по нему а затем нажать кнопку «Вставить в страницу», расположенную справа в нижней части окна. Можно выделить сразу несколько файлов, для чего следует удерживать клавишу Ctrl на клавиатуре и последовательно указывать мышкой требуемые файлы в окне. Выбранные файлы отмечаются галочкой, размещаемой в верхней части изображения, а также отображаются в нижней части окна. В нижней части окна также отображается количество выбранных файлов.
Чтобы исключить изображения из набора выделенных следует также удерживая клавишу Ctrl на клавиатуре, указателем мыши отметить изображения данных файлов.
При выборе любого из файлов перед вставкой в страницу сайта в правой части окна Вы можете отредактировать свойства вставляемого файла, например, вписать текст, который будет выводиться как комментарий к изображению при наведении на него указателя мышки, а также текстовую подпись под изображением.

Окно вставки медиафайлов, скриншот

Рис. 8. Окно вставки медиафайла

Если Вы планируете загрузить новый медиафайл, следует перейти на вкладку «Загрузить файлы» (рис. 9). Следует отметить, что при загрузке файлов на сервер WordPress автоматически создает уменьшенные файлы изображений для предварительного просмотра и галерей. Это делается для ускорения загрузки страниц. По той же причине не рекомендуется нагружать страницы загружаемым медиаконтентом и фотоснимками с фотоаппаратов с высоким разрешением. Загружаемые фотографии следует предварительно сжать, например, с использованием средств диспетчера рисунков Microsoft Office.
Также следует помнить, что в отличие от текстовой информации любой медиафайл занимает на диске сервера значительно большее пространство. Следовательно, если Вы не уверены в наличии свободного объема Вашего сервера, постарайтесь не закачивать на сайт необязательные файлы, старайтесь удалять неактуальные файлы, а также старайтесь сжимать изображения перед их загрузкой на сайт.

Окно загрузки фалов, скриншот

Рис. 9. Окно загрузки файлов

После перехода в окно загрузки файлов (см. рис. 9), пользователь получает возможность осуществить загрузку двумя способами. Если Папка с нужным файлом уже открыта у Вас в проводнике операционной системы, то следует с помощью мышки выделить этот файл и методом переноса перетащить его в окно «Загрузить файлы» на свободное пространство. Аналогично как это происходит при перетаскивании ненужного файла с рабочего стола в корзину или при загрузке изображений в социальных сетях.
Другой способ – использование проводника и поиск фала по адресу. Для этого следует нажать кнопку «Выберите файлы» в центре окна «Вставить медиафайл». При этом будет открыт проводник и загружаемый файл Вы будете должны выбрать через файловую систему Windows. После чего нажать в окне проводника кнопку «Открыть».
Окно вставки медиафайлов содержит также дополнительные иснтурменты для администратора, такие как «Задать миниатюру», «Вставить с сайта» и «Создать галерею», которые расположены в левой части окна вставки файлов.
Миниатюра – это малое изображение, создаваемое из выбранного изображения и привязанное к конкретной странице или записи, мнемонически характеризуя эту страницу или запись. Миниатюра может быть использована для подсказки посетителю сайта, что именно содержится на этой странице (рис. 10) или для подмены главного баннера сайта на собственный. Эта опция должна быть разрешена в параметрах используемой темы.
Галерея применяется для более удобного просмотра изображений на сайте, а также увеличения динамичности сайта. Встроенная галерея WordPress имеет ограниченный набор функций и настроек, однако это не уменьшает ее значимости для отображения нужной информации и ее структуризации. Более сложные и интересные с эстетической и динамической точек зрения фото-галереи могут быть организованы с использованием подключаемых модулей.

Скриншот использования миниатюр изображений

Рис. 10. Использование миниатюр для однозначной идентификации страниц сайта в WordPress

Работа с наполнением фотогалереи аналогична работе по добавлению изображений на страницу. После создания галереи она отображается в окне редактора страницы или записи в виде безликого прямоугольника. Однако после сохранения страницы на сервере и ее просмотре в браузере галерея будет отображаться в виде набора картинок, структурированных в виде столбцов и строк. Число изображений в одной строке (число столбцов) может быть настроено в опциях галереи.

Просмотр изображений в режиме фотогалереи

Рис. 11 Просмотр изображений в режиме фотогалереи

Возможность редактировать страницы или записи, также осуществляется напрямую на сайте, после авторизации в админ-панели (wp-admin).
Пункт редактирования и управления содержимым находится вверху справа в месте вывода информации записи или страницы сайта. После нажатия на ссылку «Редактировать Запись» или «Редактировать страницу», система перенаправит Вас сразу в админ-панель с инструментами для редактирования.

Редактирование страницы или записи напрямую с сайта

Рис. 12 Редактирование страницы/записи напрямую с сайта

Успешной Вам работы!

Закладка Постоянная ссылка.

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

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