Используем WordPress как framework

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

Итак, я утверждаю, что с возможностями WordPress вы можете просто и быстро создать профессиональный веб-сайт, не обязательно в формате блога или формате стандартного WordPress'a, - просто используя WordPress как фрэймворк. Я пишу эту заметку для людей, которые имеют минимальное представление в сайтостроительстве, поэтому буду подробно обжевывать, возможно, какие-то уж слишком базисные вещи - лишь по одной причине: уверяю вас, это доступно каждому.

С возможностями WordPress вы можете просто и быстро создать профессиональный веб-сайт, не обязательно в формате блога или формате стандартного WordPress'a.


В чем суть метода?

При создании нашего будущего сайта для начала нужно установить его сердце - фреймворк. Вам нужна готовая инсталляция WordPress на вашем сайте, минимальные знания HTML (ну, а если будут ещё и начальные знания PHP - вообще супер), а также обычный текстовый редактор.

 

Давайте создадим файлик test.php и сохраним его в корне вашего сайта (здесь под корнем я имею в виду ту же папку, куда установлен WordPress и где вы видите файлы типа wp-config.php, wp-login.php или wp-blog-header.php и так далее).

Теперь давайте отредактируем наш тестовый файлик test.php и добавим туда в самом его начале (сверху) следующие строчки:

<?php include('wp-blog-header.php'); ?>

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

Давайте проверим, работает ли это так, как мы ожидаем. Для этого добавим в нашу тестовую страничку следующий простейший HTML-код:

<?php include('wp-blog-header.php'); ?>
<html>
<body>
 <div class="name"><?php bloginfo('name'); ?></div>
 <div class="description"><?php bloginfo('description');
?></div></body>
</html>

Не забудьте сохранить это на вашем сайте, после чего откройте эту страничку через браузер (например, по адресу www.yoursite.com/test.php, где yoursite.com - адрес вашего сайта).

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


Пишем шаблонизатор html-страничек за 10 секунд

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

Создаём новый test.php с данным минимальным кодом:

<?php include('wp-blog-header.php'); ?>
<?php get_header(); ?>
<!- ниже начинается ваш текстовый контент в HTML-формате
...
<!- здесь заканчивается ваш контент ->
<?php get_footer(); ?>

На этой страничке, используя функции get_header() и get_footer(),мы делаем вставку на нашу страницу заголовка и футера (концовку) для всех страниц сайта на основе этого шаблона. Повторюсь, все конкретные детали настройки шапки и хвоста страницы будут браться из настроек WordPress'a.

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

<?php include('wp-blog-header.php'); ?>
<?php get_header(); ?>
<!- ниже начинается ваш текстовый контент в HTML-формате
...
<!- здесь заканчивается ваш контент ->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Всё очень легко и понятно, не правда ли? С помощью функции get_sidebar() мы вставляем сайдбар на свой сайт. Теперь ответим на логичный вопрос: а какие вообще функции доступны для использования подобным образом? Таких функций слишком много, чтобы пытаться все их продемонстрировать в этой краткой статье. Здесь перечислены самые главные из них.

Выбирайте, приспосабливайте, фантазируйте!


Когда есть смысл использовать фреймворк на основе WordPress?

Сначала подытожим: мы уже знаем, что всё, что можно сделать с помощью WordPress или его установленного плагина, можно запросто использовать на своем кастомизированном HTML-сайте. Путем подключения в первой строке wp-blog-header.php вы подключаете всю мощь этой блоговой CMS.

Но тут возникает вполне правомерный и логичный вопрос: почему вместо всего этого вуду мне просто не использовать свой собственный шаблон в рамках WordPress?

Да, во многих случаях именно так лучше и сделать.

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


И что я могу делать с этой техникой?

Хорошо, давайте подытожим, что вообще мы можем сделать с помощью нашего хитрого Wordpress-инжектинга?

  • У вас уже есть свой блог на WordPress, но вы хотите расширить его до сайта, чтобы все это работало в паре. Часто в этой ситуации ставят второй (параллельный) WordPress - это не всегда оправданно и нужно. С другой стороны, голый HTML также часто смотрится слишком уж примитивно, а тут вы, как бонус, автоматически получаете единообразие оформления блога и его сайта-визитки;
  • Вам нравится какая-то тема оформления для WordPress и хочется с минимальными усилиями применить её на своём небольшом HTML-сайте;
  • Для каких-то динамических вставок или эффектов на своем сайте, когда вы без понятия, как их реализовать. Можно запросто воспользоваться готовой функциональностью WordPress или его любым подходящим плагином;
  • Для простых контент-сайтов, где не нужны излишние навороты, но часто не хватает лишь какой-то одной функции, например, комментариев к опубликованной статье.
  • Фактически, это более продвинутый заменитель таких методов, как SSI, который имеет множество преимуществ при работе над большими статическими контент-проектами, но не везде есть, тогда как сейчас трудно найти хостинг, на котором нельзя было бы установить суперстандартный для нынешнего интернета WordPress.
  • Наконец, это весело - использовать что-то совсем не так, как делают все остальные. Если вы настоящий гик, этот простой способ создания сайта - отличный способ лишний раз жирно это подчеркнуть.

В любом случае, эпоха статических сайтов уже точно прошла. И даже если вы так не считаете и так же, как и Google, уверены, что "контент - единственный король", попробуйте приведенный мною выше компромиссный вариант, который доступен даже для начинающих вебмастеров и требует минимального знания HTML.

Здесь вы, с одной стороны, сохраняете полный контроль над структурой своего сайта буквально ценой вставки одной-двух дополнительных строчек, а с другой - получаете сайт, сочетающий одновременно главные преимущества статических HTML-сайтов и современных динамических CMS.

P.S.: Если вдруг у вас выскакивают сообщения типа "Fatal error: Call to undefined function", просто проверьте кавычки в примерах кода, приведенного выше, так как при копировании в некоторых редакторах эти кавычки могут автоматически подменяться другими. Везде они должны быть одинарными кавычками, в противном случае это может приводить к таинственным ошибкам на вашем веб-сервере.

Игорь САВЧУК,
Blogerator.ru

Версия для печатиВерсия для печати

Рубрики: 

  • 1
  • 2
  • 3
  • 4
  • 5
Всего голосов: 0
Заметили ошибку? Выделите ее мышкой и нажмите Ctrl+Enter!