Путь:

Блог ЛабораторияWordPress для совсем маленьких

Статья опубликована достаточно давно и может некорректно отображаться либо содержать неточности и устаревшие данные.
15 6

Лаборатория

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

Такое по плечу последней версии WordPress, где наряду со «знаменитой» пятиминутной установкой и статичными страницами есть новая система меню и представлений плюс типы записей. А тысячи тем и модулей расширения — плагинов, имеющиеся на Приборной доске WordPress, помогут создать сложный сайт, не копаясь в PHP-коде и не изучая CSS самостоятельно.

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

Вы можете установить WordPress на удаленный сервер или, если хотите попробовать его на локальном компьютере, воспользоваться установкой XAMPP (только для пользователей  Linux).

Приборная доска — центр управления WordPress: здесь творится вся магия.

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

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

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

Мультимедиа. Этот пункт предоставляет доступ к изображениям, звуковым файлам и видеороликам, загруженным в вашу Галерею.

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

Страницы. Применяется для создания статических страниц, таких как «О проекте», «Часто задаваемые вопросы» и «Контакты».

Комментарии. Для управления контентом, создаваемым пользователями, включая удаление спам-комментариев.

Внешний вид. Настройка внешнего вида сайта — выбора темы и «шапки».

Модули расширения. Для добавления новых функций. » Пользователи В этом пункте можно задать роли и права доступа пользователей.

Инструменты. С их помощью добавляются на сайт содержимое и ссылки.

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

Секреты записи.

Основной элемент содержимого стандартного сайта WordPress -запись. Это датированная текстовая заметка, появляющаяся на главной странице блога. Новая запись создается выбором в меню Записи > Добавить новую [Posts > Add New]. Вверху экрана вы увидите текстовое поле Название [Title] — здесь вводится заголовок записи; а под ним находится зона текста. Над ней расположена панель инструментов с базовыми опциями: полужирное начертание или курсив, добавление ссылки или буллета — в общем, аналогично опциям стандарного текстового процессора.

На странице Добавление новой записи масса полезных опций, включая блестяще названную кнопку «Слив» — нажатие на нее покажет все вам доступные.

В большинстве ситуаций этого, пожалуй, достаточно, но для особых случаев есть и добавочные опции. Например, щелчок по кнопке справа на панели инструментов (т. н. кнопка «кухонного слива» [Kitchen Sink]) откроет дополнительную панель с полезной кнопкой Вставить из Word [Paste From Word] — она заодно очистит текст от встроенных форматов, которые любит навешивать MS Word — и набором стилей текста (Заголовок 1, Абзац и пр.). Для более полного контроля в правом верхнем углу редактора предусмотрен переключатель в режим просмотра HTML, для показа исходного кода текста и, при необходимости, его изменения. Здесь легко добавить код ролика с YouTube или просто контролировать внешний вид текста по мере записи.

Интерфейс редактора прост, но богат скрытыми функциями — если знать, где искать. Над панелью инструментов находится панель мультимедиа, где можно вставить в запись или загрузить изображения, видео- и аудиоролики и мультимедиа других типов. Щелчок по одной из кнопок этой панели вызовет окно, из которого можно загрузить файл с компьютера или указать адрес файла в Интернете. Когда вы укажете расположение файла -локальное или удаленное — он превращается в контент, далее обрабатываемый стандартно. Его можно вставить в запись, задать выравнивание и заголовки, альтернативный текст и др. Выбрав то, что нужно вставить в запись, нажмите кнопку Вставить в запись [Insert Into Post]. Отметим, что все загружаемое здесь пользователями будет доступно на вкладке Библиотека мультимедиа [Media Library], а ваш собственный контент — на вкладке Галерея [Gallery].

Кроме того, под текстовым редактором находится поле Отрывок [Excerpt] — впишите туда краткое изложение истории. Оно пойдет как вступление к статье и/или в RSS-ленту. Справа сидят опции Публикации [Publish]. С ними вы сможете сохранить запись как черновик, отложить публикацию на более позднюю дату или время или поместить ее немедленно. Там же вы найдете опцию Корзина [Trash], удаляющую запись.

И последнее на данный момент. Под параметрами публикации вы найдете Рубрики [Categories]. После установки по умолчанию здесь содержится всего одна рубрика, с парадоксальным названием Без рубрики [Uncategorised]. Так как рубрики понадобятся нам позже для классификации и отображения записей, создадим несколько штук.

Разделяй и властвуй.

Одно из ключевых свойств системы управления контентом — возможность классификации и просмотра одной и той же информации множеством способов. Скажем, одним читателям интересны ваши размышления об открытом ПО, другим — об офисных пакетах. Легко представить, что тех и других заинтересует запись об ответвлении LibreOffice от OpenOffice.org. Лучший способ помочь им найти ее, не прибегая к поиску по ключевым словам — создать набор рубрик, к которым и отнести записи. Если затем создать пункт меню, отображающий все записи из рубрики «Офисные приложения», в нем появивится запись о LibreOffice. Та же запись появится в пункте меню Open Source.

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

Настройка рубрик проводится в два этапа. Сначала выберите пункт меню Записи > Рубрики [Posts > Categories]. Слева вы увидите поля для создания рубрики, справа — существующие рубрики. Укажите название новой рубрики, короткую ссылку (она появится в адресе записи, поэтому должна отражать смысл рубрики) и описание. Также можно назначить одну рубрику подрубрикой другой: например, у родительской рубрики «Новости» могут быть подрубрики «Образование», «Наука», «Знаменитости» и «Политика», и посетители смогут прочесть либо все новости, либо отфильтровать те, которые им интересны. Введя все необходимые данные, нажмите кнопку Добавить новую рубрику [Add New Category], и новая рубрика появится в списке справа. Повторяя процесс, создайте все необходимые рубрики.

Создав категории, можно делать записи, задавая для них рубрики в окне «Рубрики» справа. Для изменения существующей рубрики просто наведите на нее мышь и выберите пункт меню Изменить [Edit] или Быстрое редактирование [Quick Edit]. Во втором случае можно будет изменить только название и короткую ссылку.

Второй этап — упростить поиск содержимого для посетителей, и здесь нам поможет новая возможность WordPress — Меню [Menu]. Она появилась в версиях 3.x и требует поддержки тем или виджетов. Многие темы еще не поддерживают меню (хотя тема по умолчанию Twenty Ten это делает), но всегда можно добавить меню на сайт через виджет Меню (см. ниже).

Для доступа к системе меню выберите Внешний вид [Appearance] из списка слева на Приборной доске, а затем Меню [Menus]. Этот раздел разбит на два, и слева вы увидите опции, используемые при создании меню. Это Ссылки [Links], которые позволяют создать пункты меню для перехода на указанные сайты в Интернете, Страницы [Pages] для создания ссылок на статические страницы и Рубрики [Categories]. Для создания нашей навигационной структуры понадобится последняя опция.

Но сначала перейдем в правую часть экрана, воспользуемся вкладкой «+» для создания нового меню — Рубрики [Categories] и нажмем кнопку Создать меню [Create Menu]. Слева появятся настройки этой рубрики; вы сможете задать их, наставив «галочек». Нажмите кнопку Добавить в меню [Add To Menu], и опции добавятся, причем в алфавитном порядке. Если этот порядок вас не устраивает, перетащите пункты меню мышью.

Упорядочив пункты меню, нажмите кнопку Сохранить меню [Save Menu], и меню запомнится в системе. Можно создать сколько угодно меню и потом с помощью модуля Widget Logic разнести разные меню по разным страницам. Последний этап — показать меню вашей аудитории.

В меню.

Если ваша тема поддерживает меню, то расположение нового меню — например, в «шапке» или в боковой колонке — можно задать в разделе Расположения темы [Theme Locations] на странице Меню [Menus]. Если нет, разместить меню в подходящем месте поможет виджет.

Можно создать сколько угодно меню.

Раздел Виджеты [Widgets] также доступен из меню Внешний вид [Appearance]. Виджет — это, по сути, фрагмент содержимого, который можно закрепить на определенном месте страницы. В нем может находиться текст, галерея изображений, RSS-лента или опции управления учетной записью. В WordPress масса виджетов, а через модули расширения можно добавить еще.

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

Интереснее всего для нас виджет Пользовательское меню [Custom Menu]. Чтобы разместить его в боковой колонке, просто перетащите его мышью в одну из свободных областей справа. Названия областей соответствуют их положению на странице (боковая колонка, «подвал» и т. д.). Перетащив виджет в свободную область, можете ввести его название и выбрать, какое из доступных меню показывать. Когда все будет готово, нажмите кнопку «Сохранить [Save] и перейдите на сайт, чтобы увидеть меню в действии. Обратите внимание, что при выборе пункта меню будут выводиться только записи, которые относятся к связанной с ним рубрике.

Включите его.

В WordPress доступны тысячи модулей расширения, и они предоставляют функции, вполне способные составить конкуренцию даже более продвинутым CMS, типа Drupal или Joomla.

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

Вот несколько модулей, которые могут вам пригодиться. Устанавливаются они с помощью пункта меню Установить модуль [Install Plugin] — просто выберите Добавить новый [Add New] и воспользуйтесь одним из модулей из полученных результатов поиска.

Widget Logic. С его помощью можно задать единственную страницу или набор страниц, где будет отображаться виджет. После установки у каждого виджета внизу появится дополнительная область, в которой можно будет указать параметр. Вот несколько примеров:

is_home()- с таким параметром виджет будет виден только на главной странице сайта.

is_page(‘about’)- с таким параметром виджет будет виден только на странице «О сайте».

!is_page(‘about’)- с таким параметром виджет будет виден на всех страницах, кроме страницы «О сайте».

is_category(array(5,9,10,11))- с этим параметром виджет будет виден на страницах заданного набора рубрик. (Учтите, что кроме названия, у каждой рубрики есть и номер. Найти его можно в разделе «Рубрики» интерфейса администратора. Для этого наведите мышь на рубрику и найдите в ее URL-адресе фрагмент cat_ID=#. Здесь # будет номером рубрики).

Simple Facebook Connect. Есть множество способов добавить на сайт WordPress кнопки Facebook «Мне нравится» и «Поделиться», но данный модуль делает это комплексно. Можно добавить кнопки в нижнюю часть страниц или записей, а также позволить посетителям авторизовываться на вашем сайте через свою учетную запись в Facebook.

Buddypress. Если привязки к Facebook недостаточно и вы хотите создать собственную социальную сеть — это к Buddypress. С ним у каждого пользователя появится страница профиля, блог, фотогалерея и дискуссионные площадки. Установить и активировать Buddypress нетрудно, но для его настройки и настройки безопасности требуются дополнительные действия, достойные отдельного учебника.

Popularity Contest. Один из лучших способов заставить пользователей возвращаться на сайт — дать им то, что они хотят. Этот модуль выведет подборку чаще всего просматриваемых записей в виджете боковой колонки. Также установите виджет Popular Content, для быстрого доступа к популярным записям.

Google Analytics Dashboard. Статистика скажет вам, что на вашем сайте работает и чему нужно уделить внимание. Этот модуль взаимодействует с вездесущей системой Google и отображает на Приборной доске приглядный виджет с текущей статистикой -чтобы не заставлять вас постоянно наведываться в учетную запись Google.

Вас интересует регистрация ооо? Узнайте, как это можно сделать за 10 дней с минимальными вложениями капитала.

6 комментариев к записи “WordPress для совсем маленьких”

  1. Nevskii 16.06.2011, в 13:43

    интересная статейка, спасибо!) Установлю обязательно, и поковыряю его!)

    а насчет — «Вы можете установить WordPress на удаленный сервер или, если хотите попробовать его на локальном компьютере, воспользоваться установкой XAMPP (только для пользователей Linux).» — так же его можно устанавливать и для Windows как XP так
    и для 7 (если мне не изменяет память)!

    • NiL 10.03.2013, в 12:30

      Конечно можно на Windows установить, не пойму почему автор про Денвер умалчивает.)))

      Автору респект за статью!

      З.Ы. А про Джентльменский набор Web-разработчика напишите.

  2. Валентин 28.06.2011, в 14:30

    WordPress движок отличная штука. Мне кажется половина рунета выросла на WP. Ну и скорее всего WP будет здравствовать очень долго, так как этот движок оброс неимоверным количеством плагинов, тем и т.д.

    Хотя во всем этом есть минус, когда я подсел на wp я начал делать на нем все сайты и обленился до того, что перестал заниматься кодом у обучаться php и другим вебмастерским премудростям. А практика показывает, что поисковики больше ценят сайты с уникальной версткой чистым кодом и высокой скоростью загрузки, а у wordpress всего этого нет.

    Как-то пробовал с помощью Buddypress и других плгаинов сделать из WP социалку, также пробовал сделать на wp форум, но все это получается достаточно убогим, так что лучше социалки и форумы делать на специальных движках.

    • Andrew Aronsky 03.07.2011, в 16:39

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

      • Апокалиптик 07.07.2011, в 00:32

        Значит тебя wordpress не испортил. Мне в основном плагинов хватает, но немного напрягает то, что каждый плагин увеличивает нагрузку на БД и когда число плагинов переваливает за 15 то уже сайт работает нестабильно.
        Когда возросла посещаловка на блоге, то время от времени без видимых причины останавливался доменный севрис или сервис БД на моем VPS и сайт просто не работал.
        В общем мысль ястна, без подкруток WP подходит только для простеньких проектов.

        • Andrew Aronsky 07.07.2011, в 08:51

          Вполне согласен. В последнее время среди моих знакомых, занимающихся разработкой серьёзных проектов, наладилась тенденция покупки готовых движков в виде набора различных модулей, общающихся между собой по единому API, и сборка из них уже нужных проектов.
          А для проектов попроще, кроме WP можно использовать Drupal.

Не стоит держать это в себе!