Как добавить сайдбар в шаблон
Наверняка многие из вас видели в сайдбаре разных блогов помимо стандартных блоков (архив, категории) ещё и разнообразные “приблуды” (например блок подписки на моём сайте). И вам захотелось себе на сайт что ни будь похожее, но вот ведь фигня, в вашем шаблоне только 2 сайдбара, а вам нужен третий, да ещё и другого размера. Ну что ж, придётся как всегда всё делать самим.
1) Создаём файл сайдбара
Заходим на сервер в папку с нашим шаблоном и копируем файл Sidebar.php (Sidebar1.php, Sidebar2.php, l_ sidebar.php, какой найдёте) и называем его Sidebar3.php и помещаем в ту же папку.
2) Редактируем список стилей
Теперь надо вписать наш сайдбар в список стилей. Открываем файл Style.css и ищем что-нибудь на подобие этого:
.art-contentLayout .art-content-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 810px;
}
.art-contentLayout .art-content-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 790px;
}
Код может отличаться от этого, главное чтобы в нём присутствовала строчка sidebar (если у вас есть файл Sidebar2.php то в коде вы должны искать строку Sidebar2, если у вас есть файл r_ sidebar.php то соответственно ищите строку r_ sidebar.php и т.д.).
Теперь приводим код примерно к такому виду:
.art-contentLayout .art-content-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 810px;
}
.art-contentLayout .art-content-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 790px;
}
.art-contentLayout .art-content-sidebar3
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 1600px;
}
Самое главное для нас здесь, это параметр “width:” который показывает ширину блока.
3) Редактируем шаблон
Продолжаем добавлять наш файл Sidebar3.php в шаблон. Нам необходимо чтобы наш сайдбар отображался как на главной странице, так и в архивах, категориях и ещё много где. Для этого открываем файлы: archives.php, archive.php, single.php, index.php, search.php, 404.php, page.php. И ищем там что нибудь похожее на:
<?php include (TEMPLATEPATH . ‘/sidebar1.php’); ?><?php include (TEMPLATEPATH . ‘/sidebar2.php’); ?>
Эти параметры вызывают сайдбары, добавим к ним ещё один.
<?php include (TEMPLATEPATH . ‘/sidebar1.php’); ?><?php include (TEMPLATEPATH . ‘/sidebar2.php’); ?><?php include (TEMPLATEPATH . ‘/sidebar3.php’); ?>
Если новый сайдбар должен находится выше остальных, то тогда строчку “<!–p include (TEMPLATEPATH . ‘/sidebar3.php’);–>” нужно добавлять перед остальными, то есть:
<?php include (TEMPLATEPATH . ‘/sidebar3.php’); ?> <?php include (TEMPLATEPATH . ‘/sidebar1.php’); ?> <?php include (TEMPLATEPATH . ‘/sidebar2.php’); ?>
4) Редактируем файл сайдбара
Открываем файл Sidebar3.php, пока он является полной копией того файла который мы скопировали и переименовали. Добавляем в код любую строчку наподобие этой “<a href=”#”><img src=”<?php bloginfo(‘template_url’)?>/images/!img01.gif” width=”125″ height=”125″ alt=”" /></a>” (должен появиться пустой квадрат) что бы хоть как-то отличить его от исходного файла.
5) Активируем возможность добавления виджетов
Теперь активируем возможность добавлять виджеты в наш новоиспечённый сайдбар. Открываем файл Function.php и ищем строку:
if (function_exists(‘register_sidebars’)) {
register_sidebars(2, array(
и меняем цифру 2 на 3 (число сайдбаров).
6) Проверяем работоспособность
Обновляем блог и смотрим, если наш сайдбар корректно отображается, то можно радоваться и придавать ему нужный вид и функциональность, если нет, то возвращаемся в начало статьи и вдумчиво читаем.
Я не гарантирую что с вашим шаблоном будет всё точно так же. Но общие принципы будут практически те же, поэтому подключаем мозг и используем метод научного тыка.
Постовой.
SEO блог снова в строю, и готов к новым высотам.
Comments
Анонсы в wordpress
О том, что такое анонсы и для чего они нужны, можно почитать в статье “The_excerpt Reloaded: как добавить анонс“, там рассказано о более тонкой настройке анонсов в wordpress, здесь же будет описан способ для тех, кто не хочет разбираться в этом деле.
Итак, начнём. Первый способ создать , это вставить <!– more –> после того слова до которого вы планируете выводить анонс. Это не очень удобно, потому как придётся каждый раз добавлять эту фразу в текст. А если на блоге уже довольно большое количество постов, то вставлять в каждую запись строку <!– more –> нет ни какого желания.
Второй способ – можно отредактировать шаблон. Выбираем нужные нам файлы: index.php, category.php, archive.php подробнее можно прочитать в этой статье. Затем ищем в этих файлах строку “<?php the_content(’Читать далее »’); ?>” и меняем её на “<?php the_excerpt(); ?>”, чтобы добавить в конец анонса ссылку для перехода к полной статье добавляем следом код “<a href=”<?php the_permalink() ?>”>Читать полностью »</a>”. То есть у нас получиться такая строка “<?php the_excerpt(); ?> <a href=”<?php the_permalink() ?>”>Читать полностью »</a>”.
Для того, чтобы появились анонсы, необходимо вставить их в поле “Цитата”, если этого не сделать то в анонсе будут отображаться 50 первых слов из текста. Кстати в анонсах не будет ни ссылок, ни изображений. Это тоже довольно муторный способ, потому как писать анонс к каждому посту лично мне в падлу, поэтому лучше воспользоваться специальным плагином, о котором написано здесь.
Comments
Настройка wordpress
Итак, продолжаем ликбез по вордпресу на страницах нашего блога. Как установить WordPress на хостинг, мы уже знаем. Для того, чтобы начать настраивать WordPress на нужно добавить wp-admin к названию нашего сайта, то есть если адрес нашего сайта http://Site.ru/, то войти в панель управления мы сможем по адресу http://Site.ru/wp-admin/.
Админка довольно проста в освоении, но всё таки можно дать пару советов.
Для начала смотрим на менюшку с лева.
Доска объявлений:
Доска объявлений – показывает различную информацию о нашем блоге (количество страниц, записей, рубрик, комментариев, спама и т.д.)
Записи:
Редактировать – отражает список записей, которые можно отредактировать.
Добавить запись – запись в WordPress это то, что вы сейчас читаете. Для добавления записи у нас есть два вида редакторов, это: визуальный редактор и HTML редактор. Так же можно дать записи название, добавить цитату, теги и метки, ну и определить в какую либо рубрику. Метки необходимы нам для создания анонсов, подробнее об этом здесь и здесь.
Метки – здесь можно добавить метки (гораздо удобнее добавлять метки во время создания статьи).
Рубрики – можно добавлять новые, и редактировать старые рубрики, так же можно создавать для рубрик подрубрики.
Медиафайлы:
Библиотека – отражает список загруженных медиафайлов.
Добавить файл – позволяет добавлять мультимедиа файлы. Есть два вида загрузчиков: Flash загрузчик и браузерный загрузчик. Для загрузки файлов у вас должна быть создана папка uploads в папке wp-content, и на папку uploads должны быть установлены права доступа 755, 775 или 777.
Ссылки:
Редактировать – здесь можно менять названия ссылок, веб-адрес, описание, так же можно назначить для ссылок рубрики.
Добавить ссылку – добавляем новую ссылку, и редактируем все те же поля, что и вверху.
Рубрики – Создаём различные рубрики, в которые позже будем добавлять ссылки.
Страницы:
Редактировать – редактируем уже созданные страницы.
Создать – страницы в основном можно увидеть в шапке сайта (о нас, об авторе, контакты, главная и прочее). Настройки похожи как на создании записей, но к страницам можно выбрать шаблон оформления, а так, же назначить ему родительскую страницу, и получить выпадающее меню.
Комментарии:
Комментарии – можно одобрять, удалять или пометить комментарии как спам.
Дизайн:
Темы – выбираем тему оформления (темы закачиваем в wp-content/themes).
Виджеты – здесь можно добавлять необходимые виджеты.
Редактор – очень важный инструмент, позволяет редактировать темы.
Добавление новой темы – позволяет загружать новые темы с интернета, и загружать свои темы.
Плагины:
Установленные – показывает список установленных плагинов, которые можно: активировать, деактивировать, обновлять или удалять (темы закачиваем в wp-content/plugins).
Добавить плагин – позволяет загружать новые плагины с интернета, и загружать свои темы.
Редактор – позволяет редактировать плагины.
Пользователи:
Авторы и пользователи – выдаёт список пользователей.
Добавить пользователя – позволяет добавить пользователя.
Ваш профиль – настройки пользователя.
Инструменты:
Импорт – позволяет импортировать записи и комментарии с ваших блогов на других системах
Экспорт – позволяет сохранить все ваши записи на жёсткий диск.
Обновление – проверяет установленную версию wordpress и позволяет обновить её при необходимости.
Настройки:
Общие – настройки заголовка блога, его краткого описания, формата даты и времени и т.д.
Написание – здесь в основном функции, которые нужны далеко не всем, из самых востребованных можно выделить лишь возможность выбора, будут ли смайлы отображаться картинками или простым текстом.
Чтение – возможность выбора, отображать ли на главной странице новые посты, или постоянную страницу, которую можно выбрать. Можно выбрать количество постов отображаемых на главной странице и в RSS. Выбор отображения в RSS ленте (полностью или анонс). Выбор кодировки для RSS.
Обсуждение – большое количество настроек связанных с комментариями, описывать их нет смысла там всё просто.
Медиафайлы – определяют максимальные размеры изображений.
Приватность – позволяет выбрать, будет ли блог виден для поисковиков.
Постоянные ссылки (ЧПУ) – советую обратить внимание на это меню, оно поможет определить то, какого типа будут ссылки на вашем блоге.
Разное – выбор папки для сохранения загруженных файлов.
Со временем, когда вы будете добавлять новые плагины, в меню будут добавляться всё новые и новые пункты.
Comments
Как установить wordpress
Ну что ж, уважаемые читатели, вот меня и посетила идея сделать серию статей посвящённым замечательному движку wordpress. Почему же он такой популярный? Мне кажется, что его популярность кроется в том, что он бесплатный, легко настраивается, к нему имеется много шаблонов и плагинов, и самое главное по нему до хрена информации в сети. Конечно многое из того, что я планирую здесь написать вы уже могли читать ранее, но всё-таки гораздо более удобно, когда вся нужная информация собрана в одном месте. И так в этом цикле я постараюсь доступно описать настройку WordPress на начальной стадии, а дальше ….. а дальше видно будет. Короче приступаем.
Итак, вы решили сделать свой блог или сайт. Хорошо. Для начала вам нужно будет зарегистрировать доменное имя у регистратора, на мой взгляд, лучше воспользоваться услугами официального регистратора, но, как хотите. Затем нужно выбрать хостинг. Так, а что же нужно движку wordpress от хостинга? Да в общем-то особо ничего ему и не нужно: PHP версии 4.3, MySQL версии 4.0, модуль Apache mod_rewrite, то есть то, что есть практически на всех хостингах. Ах да, ещё конечно нужно место на серверере, сколько его нужно зависит от того, какого размаха будет ваш проект, если планируете, текст и картинки, то вполне хватит и около 100 мб памяти.
Хорошо, домен и хостинг у вас есть, теперь приступаем к установке wordpress на хостинг. WordPress ставится довольно таки просто, но вот инструкция:
1. Создаём базу данных MySQL.
2. Создаём пользователя, который будет иметь все права для доступа к нашей базе, и добавляем его к базе.
3. Распаковываем архив с WordPress на сервер (у моего хостера стоит панель Cpanel, довольно таки удобная штука, но вот закачка файлов через неё просто выводит меня из себя, поэтому лучше воспользоваться файлов менеджером, типа FileZilla). Можем закачивать файлы либо в корень сайта, либо создаём папку с необходимым названием, и закачиваем туда файлы WordPress (wp-admin, wp-content, wp-includes и прочие файлы).
4. Ищем файл wp-config-sample.php и меняем его название на wp-config.php.
5. Открываем файл wp-config.php в текстовом редакторе (лучше не пользуйтесь блокнотом, используйте например WordPad), и ищем там примерно такие строки:
// ** Настройки MySQL – Вы можете получить их у вашего хостера ** //
/** Имя базы данных для WordPress */
define(‘DB_NAME’, ‘putyourdbnamehere’);
/** MySQL имя пользователя */
define(‘DB_USER’, ‘usernamehere’);
/** MySQL пароль базы данных */
define(‘DB_PASSWORD’, ‘yourpasswordhere’);
/** MySQL сервер – иногда требуется изменять это значение. например на Мастерхосте */
define(‘DB_HOST’, ‘localhost’);
/** Кодировка базы данных, используемая при создании таблиц. */
define(‘DB_CHARSET’, ‘utf8′);
/** Сопоставление базы данных. НЕ ИЗМЕНЯЙТЕ ЭТО ЗНАЧЕНИЕ. */
define(‘DB_COLLATE’, ”);
Ну, тут в принципе всё понятно, допустим, вы назвали вашу MySQL базу данных “Baza”, пользователя “user” и пароль к нему “12345”. Значит наши строки будут выглядеть так:
// ** Настройки MySQL – Вы можете получить их у вашего хостера ** //
/** Имя базы данных для WordPress */
define(‘DB_NAME’, ‘Baza’);
/** MySQL имя пользователя */
define(‘DB_USER’, ‘user’);
/** MySQL пароль базы данных */
define(‘DB_PASSWORD’, ’12345′);
/** MySQL сервер – иногда требуется изменять это значение. например на Мастерхосте */
define(‘DB_HOST’, ‘localhost’);
/** Кодировка базы данных, используемая при создании таблиц. */
define(‘DB_CHARSET’, ‘utf8′);
/** Сопоставление базы данных. НЕ ИЗМЕНЯЙТЕ ЭТО ЗНАЧЕНИЕ. */
define(‘DB_COLLATE’, ”);
В редких случаях, даже в ОЧЕНЬ РЕДКИХ случаях, вам придётся поменять значение MySQL сервера.
6. Набираем в браузере:
http://Ваш_сайт.ру/wp-admin/install.php
7. Если всё сделали правильно, то можете радоваться, завершать установку, и приступать к настройке WordPress.
