Содержание


Создание Web-сайта на базе WordPress CMS

CMS WordPress – это современный проект для организации собственного информационного портала на базе Web-приложения. Эта система реализована на языке программирования РНР, а в качестве базы данных используется MySQL. Код WordPress является открытым, а подключаемые модули позволяют увеличить возможности, изначально заложенные в систему. Платформа WordPress используется уже в течение долгого времени и может применяться для самых разных областей применения – от блогов до сложных новостных ресурсов. Многие крупные компании используют Web-сайты, основанные на CMS, которые позволяют работать с размещаемой информацией без знания языка HTML. WordPress также является и бесплатным программным обеспечением.

История появления

Официальным предшественником WordPress является система b2/cafelog. В 2003 году Мишель Валдрижи (Michel Valdrighi) запустил отдельный проект на основе b2, и первая официальная версия WordPress 0.7 была выпущена 27 мая 2003 года. Тогда в ней отсутствовала поддержка шаблонов и плагинов, но уже через год в версии 1.2 была добавлена поддержка локализаций. А в 2005 году появилась система шаблонов, многие из которых до сих пор совместимы с новыми версиями; также была добавлена поддержка тем оформления и статичных страниц. В 2005 году была выпущена версия 2.0 (Duke) с поддержкой кэширования и ролей пользователей.

В 2008 году в WordPress изменился дизайн административного интерфейса, версия 2.7 предоставила автоматическое обновление и встроенные средства установки плагинов. Развитие платформы продолжается и сегодня, благодаря ежегодному выпуску новых версий.

Отличительные особенности

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

Существует две официальных реализации платформы WordPress:

  • WordPress.org - в которой находятся свежие версии CMS, модули, темы, локализации;
  • WordPress.com - ответвление от WordPress, которое позволяет контролировать несколько Web-сайтов при помощи одной установленной копии CMS.

Оба ресурса поддерживаются и развиваются компанией Automattic.

WordPress является идеальной платформой для ведения блога благодаря доступности и простоте использования. Информационная поддержка обеспечивается специализированным форумом.

Основное достоинство WordPress заключается в простоте использования. Философия WordPress — это легкое и максимально быстрое ядро, позволяющее подключать дополнительные модули (plugins) в зависимости от того, какой функциональностью должен обладать создаваемый Web-сайт. Перечислим некоторые преимущества WordPress:

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

Считается, что на начальной стадии разработки Web-проекта, выбор платформы имеет решающее значение. В огромном ассортименте IT-технологий можно легко потеряться, но выбирать следует такую платформу, которая позволит не только создать проект, но и развивать его в дальнейшем. Мнение о том, что WordPress подходит только для блогов, принадлежит тем, кто не до конца разобрался в возможностях этой системы, так как на сегодняшний день функционал платформы намного шире. Не случайно на сайте WordPress.com зарегистрировано более 25 миллионов блогов.

Установка WordPress

Перед установкой WordPress потребуется приобрести хостинг и домен. Хостинг дает возможность разместить Web-сайт в сети Интернет, а доменом называется имя или адрес Web-сайта, который непосредственно привязан к хостингу. Домен должен хорошо запоминаться и отражать суть Web-сайта. Услуги по регистрации домена и приобретению хостинга представляются специализированными хостинговыми компаниями, которые также могут оказывать услуги по размещению Web-сайтов на своих серверах.

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

  • PHP версия 4.3 или выше
  • MySQL версия 4.0 или выше
  • (опционально) Модуль Apache mod_rewrite

Для установки на хостинг потребуется скачать последнюю версию WordPress с официального сайта и распаковать загруженный архив в выбранный каталог. Локализованную русскую версию можно загрузить с ресурса ru.wordpress.org или других сайтов. Также можно загрузить специальную сборку данной платформы, ориентированную для использования в конкретной области или решения специфических задач.

Рисунок 1. Файлы WordPress в разархивированном виде
Файлы WordPress в разархивированном виде
Файлы WordPress в разархивированном виде

Весь процесс установки занимает меньше 10 минут. Некоторые хостинг провайдеры предлагают инструменты для автоматической установки WordPress, но это можно сделать и самостоятельно. Для этого достаточно скопировать файлы WordPress при помощи FTP-клиента в корневую директорию сервера PUBLIC_HTML или WWW.

Установлено, что данная CMS лучше всего работает на платформе Linux или UNIX, но её также можно использовать и на Windows-серверах. Кроме того, можно установить WordPress на локальный компьютер, используя, например, XAMPP (рис. 2).

Рисунок 2. Пример конфигурации платформы XAMPP на локальном компьютере
Пример конфигурации платформы XAMPP на локальном компьютере
Пример конфигурации платформы XAMPP на локальном компьютере

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

Создание базы данных WordPress

Процесс установки данной платформы на сервер включает в себя:

  • загрузку файлов CMS на сервер хостинг-провайдера;
  • создание базы данных MySQL для работы;
  • запуск Web-интерфейса инсталлятора WordPress;
  • установку прав доступа к каталогам.

При наличии SSH-доступа к Web-серверу и умении работать с консольными приложениями, можно загрузить файлы WordPress прямо на Web-сервер с помощью wget или lynx. После того как файлы WordPress были установлены, потребуется создать и подключить базу, которая будет использоваться для хранения информации CMS.

Многие хостинг-провайдер предлагают инструменты, позволяющие создавать базы данных MySQL в автоматическом режиме с помощью инструментов cPanel или phpMyAdmin. Для примера мы рассмотрим создание базы данных с помощью панели управления cPanel.

Рисунок 3. UI-интерфейс cPanel для создания базы данных и пользователя
UI-интерфейс cPanel для создания базы данных и пользователя.
UI-интерфейс cPanel для создания базы данных и пользователя.

Для создания нового экземпляра базы данных необходимо войти в cPanel и нажать на ссылку MySQL Databases. Далее в списке Users следует создать пользователя, который будет использоваться для работы WordPress, указав в соответствующих полях имя учётной записи пользователя и пароль для него, и нажать кнопку Add User.

Потом в списке Databases следует выбрать имя только что созданного пользователя, ввести его в поле Db, нажать кнопку Add Db. После этого в выпадающем списке Db остаётся выбрать созданную базу данных, проверить наличие всех галочек в поле Privileges и нажать Add User to Db.

Базу данных, необходимую для работы WordPress, можно создать и с помощью стандартного клиента MySQL. Как и в случае с cPanel нам потребуется

  • ввести имя базы данных;
  • создать пользователя для подключения и управления базой данных;
  • установить права (привилегии) доступа пользователей к базе данных.
$ mysql -u adminusername -p
Enter password:
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 5340 to server version: 3.23.54
Type 'help;' or '\h' for help. Type '\c' to clear the buffer.
 mysql> CREATE DATABASE databasename;
Query OK, 1 row affected (0.00 sec)
 mysql> GRANT ALL PRIVILEGES ON databasename.* TO "wordpressusername"@"hostname"
    -> IDENTIFIED BY "password";
Query OK, 0 rows affected (0.00 sec)
 mysql> FLUSH PRIVILEGES;
Query OK, 0 rows affected (0.01 sec)
 mysql> EXIT

После создания базы данных остаётся настроить конфигурационные параметры WordPress, отвечающие за доступ к базе данных. Эти параметры должны храниться в файле wp-confiq.php, но если он ещё не был создан, то можно взять файл wp-config-sample.php, который находится в архиве с WordPress, и переименовать его в wp-confiq.php. В этом файле содержится большое количество конфигурационных параметров, но нас в данный момент интересует только фрагмент, относящийся к подключению к базе данных.

// ** MySQL settings ** //
define('DB_NAME', 'putyourdbnamehere');    // имя базы данных
define('DB_USER', 'usernamehere');         // имя пользователя для подключения к MySQL
define('DB_PASSWORD', 'yourpasswordhere'); // пароль пользователя
define('DB_HOST', 'localhost');    // адрес сервера БД, у многих localhost, но не всегда
define('DB_CHARSET', 'utf8');      // кодировка по умолчанию utf8, ее менять не нужно

После этого можно запустить сценарий установки WordPress. Для проверки установки в строке Web-браузера можно набрать http://www.your-site.ru/wp-admin/install.php, где www.your-site.ru — имя вашего сайта. При успешной инсталляции Web-браузер отобразит начальную страницу WordPress, как показано на рисунке 4.

Рисунок 4. Первый запуск WordPress
Первый запуск WordPress
Первый запуск WordPress

В эту форму следует ввести название блога и действующий E-mail адрес, на который будет присылаться важная информация о блоге. Нажатие на кнопку Установить WordPress приведет на страницу с информацией, как попасть в административный интерфейс WordPress.

Настройка WordPress

Настройка установленного экземпляра WordPress, начинается с установки прав доступа для каталогов и файлов CMS. Для большинства файлов рекомендуется использовать следующие битовые маски прав доступа: 644, 755 или 775.

Так как популярные блоги могут генерировать высокую нагрузку на используемый сервер, то производительность платформы WordPress можно повысить за счёт кеширования страниц. Несмотря на то, что в WordPress существует встроенное кеширование, можно использовать дополнительные плагины, которые позволяют упростить процесс настройки Web-сайта и предлагают дополнительные возможности, например сжатие файлов CSS и сценариев PHP. На рынке присутствует большое число плагинов для кеширования, которые способны снизить нагрузку на сервер:

  • WP-Cache – специальный плагин для Wordpress, который ускоряет обработку запросов, сохраняет страницы, сгенерированные Wordpress, в статические файлы и отдает их пользователю;
  • Wordpress Super Cache – плагин, сохраняющий статические страницы полностью, а не по фрагментам, а, следовательно, не использующий PHP для их компоновки;
  • Hyper Cache – полностью сохраняет HTML-страницы в статический файл и отдаёт его пользователю, если он находится в той же сессии, также может кешировать ошибки 404 (отсутствующие ресурсы) и запросы на перенаправление;
  • Blog Cacher – сохраняет ответы на запросы в локальные файлы, помещая их в дерево каталогов, которые соответствует структуре ссылок;
  • Throttle – плагин, который в моменты пиковой нагрузки на сервер просто отключает некритичные части блога.

В административном интерфейсе следует указать оптимальные настройки, соответствующие требованиям конкретного проекта. На рисунке 5 показана форма с основными конфигурационными параметрами WordPress.

Рисунок 5. Конфигурационные параметры WordPress
Конфигурационные параметры WordPress
Конфигурационные параметры WordPress

На платформе WordPress определены пять типов ролей, доступных для пользователей:

  • администратор (administrator) со всеми возможными полномочиями;
  • редактор (editor), который обладает правами администратора, за исключением полномочий для внесения изменений в конфигурацию Web-сервера;
  • автор (author), который создает и публикует собственные материалы (посты);
  • участники (contributor) могут создавать собственные записи, но не имеют права публиковать их самостоятельно;
  • подписчик (subscriber) может только читать записи в блоге и оставлять комментарии.

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

Плагины и темы Wordpress

Плагины – это расширения для WordPress, которые позволяют добавить в Web-сайт изначально отсутствующую функциональность. Темы оформления обеспечивают больший контроль над представлением материала, публикуемого на Web-сайте.

Под темой в WordPress понимаются файлы (или шаблоны), позволяющие реализовать изменение графического интерфейса и стиля отображения содержимого сайта. Тема меняет стиль отображения, используемый Web-сайтом, без внесения каких-либо изменений в программный код. Тема состоит из файлов шаблонов, изображений (*.jpg, *.gif), каскадных таблиц стилей (*.css) и любых файлов с PHP-кодом (*.php).

Большое количество тем доступно для свободного скачивания на официальном сайте WordPress Theme Directory. После добавления новых тем в определённый каталог на сервере, они появятся в разделе "Доступные темы", как показано на рисунке 6.

Рисунок 6. Каталог "Доступные темы"
Каталог 'Доступные темы'
Каталог 'Доступные темы'

Каждая тема содержится в отдельной папке с соответствующим названием. Чтобы тему можно было использовать, она должна содержать определённый набор файлов:

  • style.css - главный файл таблицы стилей;
  • index.php - главный файл шаблонов;
  • comments.php - шаблон комментариев;
  • home.php - шаблон главной страницы.

Для установки темы достаточно просто скопировать её файлы в папку themes или воспользоваться административным интерфейсом WordPress.

Настройка сайта на базе Wordpress для работы с поисковыми машинами

Чтобы ваш проект находился в начале списка ресурсов, выдаваемых поисковыми системами, потребуется учесть множество факторов, которым необходимо уделять внимание с самого начала разработки Web-сайта.

Платформа WordPress обладает базовыми возможностями для поисковой оптимизации. Так, название каждой публикуемой записи WordPress автоматически добавляет в тег <title> (вместе с названием сайта), а в самом тексте окружает его заголовочным тегом <h2>. При вставке иллюстраций можно заполнить поле Заголовок изображения и опционально — поле Подпись изображения. Содержимое этих полей записывается в параметры title и alt тега <img> и дает поисковым системам возможность определить, что именно изображено на иллюстрации. Визуальный редактор WordPress может выделять ключевые слова непосредственно в текстах публикаций.

Но существуют и специальные плагины с более серьёзными возможностями для поисковой оптимизации, например, плагин All in One SEO Pack для WordPress.

Также рекомендуется выполнить стандартный комплекс шагов для SEO оптимизации:

  • установить и активировать плагины Google XML Sitemaps, All in One SEO Pack;
  • подготовить яркое и краткое описание сайта;
  • создать анонсы, которые коротко описывают опубликованные материалы;
  • создать страницу About.

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

Описание интерфейса WordPress

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

Рисунок 7. Интерфейс консоли
Интерфейс консоли
Интерфейс консоли

Под номером [1] располагается ссылка Настройка экрана, которая позволяет отключать или включать метабоксы. После щелчка на эту кнопку вверху откроется дополнительная панель для управления метабоксами. Метабоксы (модули) можно менять местами перетаскиванием мышью. Новые метабоксы можно добавлять через плагины или файл functions.php в теме сайта.

К разделам административного интерфейса относятся:

  • Записи (Posts);
  • Медиафайлы (Media);
  • Ссылки (Links);
  • Страницы (Pages);
  • Комментарии (Comments);
  • Внешний вид (Appearance);
  • Плагины (Plugins);
  • Пользователи (Users);
  • Инструменты (Tools);
  • Параметры (Settings).

В каждом пункте есть несколько более детальных подпунктов.

Панель навигации используется для быстрого доступа к наиболее часто используемым действиям в административном интерфейсе.

Рисунок 8. Панель навигации
Панель навигации
Панель навигации

Для создания материала типа "Запись" в левом меню нажимаем на пункт Записи -> Добавить новую.

Рисунок 9. Интерфейс для создания новой записи.
Интерфейс для создания новой записи.
Интерфейс для создания новой записи.

Перечислим некоторые поля с этого экрана и их назначение:

  1. Заголовок – поле для ввода заголовка статьи.
  2. Визуально – переключение в визуальный редактор для создания статей без знания HTML.
  3. Текст – переключение для ввода данных в виде HTML кода.
  4. Опубликовать – для публикации записи или сохранения как черновика.
    • Статус – дает возможность выбрать параметры "Черновик", "На утверждении".
    • Видимость – можно выбрать уровень видимости: "Личное", "Защищено паролем".
    • Опубликовать – выбирается дата публикации.
  5. Форматы – можно использовать для вывода разных типов материала.
  6. Рубрики – можно выбрать существующую рубрику или добавить новую.
  7. Метки – ключевые слова, относящиеся к статье.

Чтобы не придумывать содержимое записи, можно воспользоваться сервисом Lorem Ipsum, который автоматически формирует тестовое содержимое для записей. После публикации записи можно зайти в левое меню Записи -> Все записи и проверить статус новой записи.

Рисунок 10. Список записей
Список записей
Список записей

Добавление форума на сайт Wordpress

Для создания форума потребуется плагин bbPress 2.0, который можно установить через меню Плагины в административном интерфейсе. В результате в административной консоли появятся новые колонки, как показано на рисунке 11.

Рисунок 11. Меню для создания форумов.
Меню для создания форумов.

Для создания нового форума необходимо нажать на ссылку New Forum и пройти через серию экранов мастера создания форума. В результате будет добавлен новый форум, как показано на рисунке 12.

Рисунок 12. Новый форум.
Новый форум.
Новый форум.

Заключение

Платформа WordPress заслуженно является одной из самых популярных и распространенных CMS. Так, стандартный блог можно создать подключением всего нескольких модулей, а удобство навигационного меню и легкость настройки дает возможность адаптировать Web-сайт под конкретные задачи. В настоящее время для WordPress существует более 13 тысяч бесплатных модулей, кроме того Web-сайты, разработанные на этой платформе, занимают хорошие позиции в выдачах поисковиков.

WordPress можно назвать идеальной платформой для начинающих Web-мастеров, а к её недостаткам можно отнести только сложную структуру базы данных и большой объем памяти, необходимый для работы данной CMS. Однако в современных условиях эти проблемы легко разрешимы. Рассмотренные в статье приёмы работы с Wordpress могут помочь при создании собственных Web-сайтов для блогов или иных целей, и, кроме того, послужат отправной точкой для внесения изменений в стандартный функционал WordPress.


Ресурсы для скачивания

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=40
Zone=Open source
ArticleID=970441
ArticleTitle=Создание Web-сайта на базе WordPress CMS
publish-date=05052014