После создания сайта на WordPress можно воспользоваться стандартным шаблоном или установить другой, который не предлагается в комплекте платформы. После выбора темы со стороны ее нужно будет внедрить в код созданного сайта. Этот процесс называют версткой или натяжкой верстки. Рассмотрим подробнее этапы верстки новой темы для сайта на WordPress.
Натяжка верстки на WordPress: план действий
Предполагается, что уже создан сайт и есть в наличии код шаблона (для примера взят «Corpbiz»), который нужно установить на WordPress.
Как натянуть верстку шаблона на WordPress быстро и без ошибок, станет ясно из следующего описания последовательности действий:
- Зайти в панель управления сайта.
- В схеме кода сайта найти папку «themes» и создать в ней папку «сorpbiz», в которой будет проводиться верстка шаблона.
- В новую папку перенести все файлы из архива шаблона. Убедиться, что есть файлы «header.php», «index.php», «sidebar.php» и «footer.php». Если в архиве шаблона WordPress все коды находятся в файле index-html, то создать обозначенные 4 файла и перенести в них соответствующие участки кода.
- Интегрировать шаблон с платформой WordPress.
Далее статичную тему, которая уже загружена в WordPress, предстоит преобразовать в динамичную, чтобы подгружались настройки и данные CMS. В коде макета будут попадаться PHP-операторы, начинающиеся «?». Они, как правило, вызывают выполнение функций системы.
Интеграция шаблона с платформой
Дальнейшая верстка под WordPress предусматривает ряд самых сложных операций, требующих повышенного внимания и точности.
Адаптация header
Чтобы натянуть шаблон и придать ему динамичность, придется поработать с кодами основных файлов движка.
- Открыть файл верхней части «header.php», поменять в нем участок кода до тега «body» на код:
<html <?php language_attributes(); ?>>
<head>
<meta charset=»<?php bloginfo( ‘charset’ ); ?>»>
<meta name=»viewport» content=»width=device-width»>
<link rel=»profile» href=»http://gmpg.org/xfn/11″>
<link rel=»pingback» href=»<?php bloginfo( ‘pingback_url’ ); ?>»>
<link rel=»stylesheet» href=»<?php bloginfo(‘stylesheet_url’); ?>» type=»text/css» media=»screen» />
<title><?php bloginfo(‘name’); ?></title>
<?php wp_head(); ?>
</head>
- Отредактировать «index.php» касательно header. Проверить, что в начале кода имеется оператор:
<?php get_header(); ?>
- Если он отсутствует, то прописать его. Данный оператор активирует шапку сайта.
- Заодно проверить, что в конце файла есть операторы:
<?php get_sidebar(); ?>
<?php get_footer(); ?>
- И если они отсутствуют, то прописать их. Последние два оператора активируют боковой бар и нижний отдел сайта.
После данных действий новая тема будет отображаться в ПУ и ее можно активировать. Но меню еще пока остается статичным и отображается только одна страница ресурса. Поэтому посадка верстки на WordPress будет продолжена.
Создание динамического горизонтального меню
В «header.php» участок кода с таблицей этого меню заменить на оператор:
<?php wp_nav_menu(‘menu=menu’); ?>
Чтобы меню отобразилось в ПУ сайта, перейти во «Внешний вид» — «Настроить» — «Меню», назвать созданное меню как «menu» или создать новое меню, если его все-таки еще нет, и присвоить название «menu».
Это обязательное имя нужно потому, что файл «header.php» с функцией «wp_nav_menu(‘menu=menu’);» активирует меню строго под именем «menu». Хотя оно при необходимости может заменяться другим, но должно совмещаться с указанным в настройках ПУ сайта и в «header.php».
Создание динамического названия и описания сайта
Имя сайта и его описание удобно изменять в админ-панели. Они должны восприниматься из настроек, для чего следует заменить часть кода, отвечающего за текст в шапке, на следующий набор кода:
<div id=»logo»>
<h1><a href=»#»><?php bloginfo(‘name’); ?></a></h1>
<h2><a href=»№» id=»metamorph»><?php bloginfo(‘description’); ?></a></h2>
</div>
На этом корректировка «header.php» заканчивается.
Адаптация index.php
Дальнейшая верстка шаблона для платформы WordPress касается публикации контента. Для корректного отображения всех имеющихся страниц в файле «index.php» необходимо изменить блок «right», но проще поменять весь код файла одним махом на следующий:
<?php get_header(); ?>
<!— Основной блок —>
<div id=»right»>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h2><a href=»<?php the_permalink() ?>»><?php the_title(); ?></a></h2>
<?php the_time(‘j’) ?> <?php the_time(‘M’) ?> <?php the_time(‘Y’) ?> / <?php the_tags(», ‘, ‘, »); ?> / <?php comments_popup_link(‘Комментариев 0’, ‘1 комментарий’, ‘Комментариев %’); ?>
<?php the_excerpt(); ?>
<?php endwhile; ?><?php else : ?>
<h1>А здесь нет ничего 🙁 404 </h1>
<?php endif; ?><?php if (function_exists(«emm_paginate»)) {
emm_paginate();
} ?>
</div>
<!— Конец основного блока —>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
Благодаря данному коду на страницу выведутся все посты с заголовками, датой публикации, тегами, комментариями. Кроме того, выводится постраничная навигация, если посты не поместились на одной странице.
Добавление виджетов в сайдбар
Далее начинается работа с файлом «functions.php», в котором запускаются все функции шаблона. Для добавления виджетов в теме необходимо идентифицировать боковую область с помощью функции register_sidebar(), которая прописывается в «
functions.php» со всеми параметрами для сайдбара.
Также необходимо будет настроить стили «style.css» для оформления сайдбара. Если все проделано верно, то в панели управления во вкладке «Внешний вид» появятся подразделы «Виджеты» и «Меню», в которых можно настраивать содержимое этих объектов.
Создание динамического вертикального меню
- В «sidebar.php» необходимо убрать вложенный листинг меню и добавить код:
<?php wp_nav_menu(‘menu=left_menu’); ?>
- В админке «добавить меню» и дать ему название «left_menu», так как оно должно совмещаться с названием в коде «sidebar.php». После сохранения изменений динамическое вертикальное меню должно отображаться правильно и изменяться в ПУ.
Код «sidebar.php» уменьшится и будет выглядеть так:
<!— Левая панель —>
<div id=»left»>
<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
<?php endif; ?>
<h3>Меню</h3>
<?php wp_nav_menu(‘menu=left_menu’); ?>
</div>
<!— Конец левой панели —>
Адаптация файла «footer.php»
Нижняя часть сайта может быть реализована в качестве виджетов, что позволит изменять их содержание из админ-панели.
- Открыть «fnction.php», до дескриптора?> вставить код:
register_sidebar(array(
‘name’ => ‘foot’,
‘before_widget’ => »,
‘after_widget’ => »,
‘before_title’ => ‘<p>’,
‘after_title’ => ‘</p>’,
));
Данный код зарегистрирует набор виджетов с характерным названием «foot».
- В «footer.php» программный код внутри заменить строчкой, которая активирует блок «foot»:
<php dynamic_sidebar(‘foot’);?>
3. В ПУ теперь можно настроить этот виджет и оформить нижнюю часть по своему усмотрению.
Закончив верстку на WordPress, вебмастер получает полностью динамический шаблон, сохранивший первоначальный внешний вид.
Автонаполняемый сайт на WordPress
После создания ресурса необходимо наполнить его контентом, который будет раскрывать тематику и заинтересовывать посетителей. Требуется постоянная периодическая публикация нового материала, новых статей.
Обновление информации самостоятельно занимает немало времени, поэтому иногда целесообразно настроить и запустить автонаполнение сайта.
Автоматически наполняемый ресурс на WordPress получает новые статьи за счет перепубликации информации с других ресурсов.
Если происходит размещение чужого контента на сайте, то следует указывать ссылку, чтобы автор не подавал в суд за нарушение его прав.
Как сделать автонаполняемый сайт
Самонаполняемый сайт с помощью плагинов обнаруживает и притягивает релевантные статьи с других ресурсов, используя RSS.
Для этих целей служат плагины-грабберы: FeedWordPress, Syndicate Out, SyndicatePress, CyberSyn, WP RSS Aggregator.
Принцип действия у плагинов практически идентичный. Граббер отбирает в соответствии с фильтрами подходящую по теме информацию и загружает на сайт в настроенное время. На автомате безнаказанно можно размещать 5-20 публикаций в день.
Процесс настройки и запуска граббера демонстрируется на работе самого распространенного плагина «FeedWordPress».
- Установить его через админ-панель.
- В разделе «Syndication» перейти в «Options» для настройки:
- Параметр «Check for new posts» настроить «Automatically»(копировать на автомате).
- Параметр «Unfamiliar categories» настроить «Don’t create new categories» (не создавать категории).
- «Permalinks point to» настроить «this website» (создание страницы для поста).
- «Posts by new authors» — «are assigned to admin» (администратора считать автором поста).
- Перейти в «Syndication» для добавления рсс-каналов, указав «Add», РСС-ленты следует подбирать с узкоспециализированных родственных по тематике порталов.
После проведенной настройки плагин-граббер спустя некоторое время разместит в качестве черновиков множество новых материалов. Вручную придется их переводить из статуса «Ожидает утверждения» в статус «Опубликовано».
Чтобы хоть немного уникализировать новый контент применяется синонимайзер, который по возможности заменит слова на синонимы. В результате их работы тексты становятся уникальными, но немного страдает качество слога и смысловая суть. Unikalizator – лучший, но платный синонимайзер.
Поисковые роботы не приветствуют плагиат на просторах интернета, поэтому автопополнение следует применять осторожно.
Автонаполнение уникальными статьями сайта WordPress
Создание уникальных текстов требует времени и усилий, но их можно купить на специализированных биржах. Более того, портал TextSale предоставляет программу, которая может автоматически покупать релевантные статьи и публиковать их на сайте.
От владельца ресурса требуется только настроить процесс, указав группу ключевых словоформ и периодичность покупки, и пополнять баланс аккаунта на TextSale. Благодаря уникальному контенту сайт будет благополучно развиваться.
Заключение
Многие пользователи сети постепенно начинают настраивать заработок с ее помощью. Создание собственного интернет-ресурса и его сопровождение непременно приведут к построению своей аудитории и естественного заработка благодаря ее заинтересованности в предложениях, опубликованных на страницах сайта.