РЕКЛАМА
Вы уже знакомы с уроками о том как самому сделать тему для WordPress, а теперь я даю вам возможность сэкономить свое время и сделать свой дизайн для уже готовой темы. Я говорю о теме с практически чистым файлом стилей и пояснениями в каждом файле, чтобы вам было проще разобраться во всех функциях WordPress. Так же не забывайте о сборнике функций для WordPress в котором вы найдете еще несколько интересных решений.
Тема состоит из 8 файлов:
1 - шапка сайта, файл header.php
2 - тело сайта, файл index.php
3 - формируем комментарии, файл comments.php
4 - формирование виджетов в сайдбаре, файл functions.php
5 - левый сайдбар сайта, файл sidebar.php
6 - правый сайдбар сайта, файл sidebar_2.php
7 - подвал сайта, файл footer.php
8 - стили, файл style.css
Тема трехколоночная с виджетсовместимыми сайдбарами. В теме есть пояснения практически по всем функциям и вам не составит труда придать теме свой неповторимый дизайн. Вобщем качайте тему и смотрите сами.
НОВОСТИ
Часто блоггеры настраивают WordPress так, чтобы на страницах сайта отображалось несколько статей, если статьи слишком длинные, то такие страницы превращаются в километровые ленты. Читать такие страницы можно, но грузятся они долго, да и крутить колёсико мыши приходится, аж пальцы устают
Сечас я расскажу вам как организовать в таких случаях анонсы статей, чтобы укоротить странички и сделать навигацию максимально удобной.
(далее…)
Постоянные ссылки (ЧПУ).
%year%
год записи
%monthnum%
месяц года
%day%
день месяца
%hour%
час публикации
%minute%
минута публикации
%second%
секунда публикации
%postname%
заголовок записи латиницей
%post_id%
ID записи
%category%
название категории латиницей
%author%
имя автора латиницей
Вероятно вы уже имеете представление об аватарах ( avatar) и их использовании, так вот Gravatar - это тот же avatar, только его не нужно закачивать на все блоги и форумы, где вы общаетесь.
Объясняю! Gravatar закачивают один раз на сайт gravatar.com и оттуда он будет показываться на всех ваших блогах и форумах автоматически.
Как работает Gravatar
Gravatar закачан на gravatar.com и имеет адрес следующего вида:
http://www.gravatar.com/avatar.php?хххххххххххххх
хххххххххххххх - это ваш личный идентификатор.
Когда вы оставляете комментарий на блоге, поддерживающем аватары, вы пишете там свой емаил или логин, далее после отправки комментария блог находит (по емайлу или логину) на сайте gravatar.com ваш аватар и отображает рядом с комментом.
Как вставить аватары на WordPress читайте внизу статьи…
Регистрация на gravatar.com по-русски
Чтобы получить себе такой аватар идем на сайт gravatar.com
Находим в меню ссылку на регистрацию:
Вводим свой емаил:
Получаем сообщение о том, что на мыло отправлено письмо с кодом активации:
Идем на свою почту и открываем письмо. В письме кликаем по ссылке для активации аккаунта:
Вводим свой никнейм (логин, придумайте любой если еще нет) и придумываем пароль, пароль не должен быть односложным, вводите буквы и цифры иначе система не примет пароль.
Теперь нужно добавить сам аватар, кликайте по ссылке как на рисунке:
Выберите вариант загрузки аватара, первая ссылка загружает с компьютера:
Найдите аватару на компьютере и загрузите:
Курсором растяните прямоугольник на изображении для выделения области аватары, справа можно следить за результатами:
Выберите категорию аватары:
G — Подходит для любой аудитории
PG — Может содержать оскорбительные элементы, обычно для аудитории старше 13 лет
R — Рассчитан на взрослую аудиторию старше 17 лет
X — Для ещё более зрелой аудитории
Аватара должна появиться в профиле рядом с адресом почты, если не появится кликните по аватаре и присвойте ее емайлу.
Одну аватару можно использовать для нескольких емайлов, для этого нужно просто добавить в аккаунт второй адрес через меню:
После этого можно попробовать оставить на своём блоге комментарий.
Вставка Gravatar на WordPress
Начиная с версии WordPress 2.5 не требуется никаких плагинов для отображения аватаров. Для более ранних версий WordPress ищите плагин и читайте мануалы.
Итак, если ваше тема не поддерживает отображение аватаров, то мы ее можем легко настроить. Как правило аватары используют для комментариев, поэтому будем внедрять Gravatar-ы в файл comments.php откройте его Дримвеаром и найдите строку:
<?php foreach ($comments as $comment): ?>
После данной строки добавьте еще одну:
<?php echo get_avatar( $comment, 80 ); ?>
Эта строка будет отображать ваш аватар с размерами 80х80 пикселей.
Если у комментатора нет Gravatar-а, то у него будет отображаться картинка по-умолчанию, ее можно настроить в админке: Параметры => Обсуждение. Можно указать свою аватару по-умолчанию, для этого нужно изменить функцию так:
<?php echo get_avatar( $comment, $size = ‘80′, $default = ‘http://ваш_сайт.ru/images/avatar.gif’ ); ?>
Нерассмотренные тут моменты можно обсудить на форуме и в комментариях.
BlogJet - программа для публикации в WordPress. Очень удобная и полезная программа, значительно облегчит ваш труд при наполении блога новыми статьями. Печатать новый пост можно прямо в программе и позже подключиться к Интернет и опубликовать пост.
Установка BlogJet очень простая. Для подключения к вашему блогу достаточно ввести логин и пароль, если нужно опубликовывать изображения, то придётся ещё ввести ftp-данные от хостинга.
На WordPress можно установить коды Sape и зарабатывать продавая ссылки. На движок также можно установить и коды биржи LinkFeed.
Процесс установки кодов совсем не сложен и не потребует от вас каких-то специфических знаний, к тому же в видеоуроке все видно куда и как их вставлять.
Процесс вставки кодов можно доверить специальному плагину и не лазить по файлам движка - какой вариан выбрать решайте сами, а пока скачайте видеоурок абсолютно бесплатно.
Уроки по ВордПресс
Мы протестировали тему, убедились что все файлы содержат верную кодировку и теперь доведем до конца создание файла index.php, а именно пропишем функции для вывода содержания блога.
Файл index.php предназначен для вывода страниц и постов блога. Начнем с того, что заключим все содержание выводимой информации в один блок:
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8>
<title><?php bloginfo(’name’); ?><?php wp_title(); ?></title>
<style type=text/css media=screen>
@import url( <?php bloginfo(’stylesheet_url’); ?> );
</style>
<?php wp_head(); ?>
<link href=”images/favicon.ico” rel=”shortcut icon”>
</head>
<body>
<div align=center>
<table border=0 cellpadding=8 cellspacing=0 width=900 id=page>
<tr>
<td colspan=3>
<!– Выводим на страницу header –>
<?php get_header(); ?>
<!– Конец вывода header –>
</td>
</tr>
<tr>
<td width=200 valign=top>
<!– Выводим на страницу sidebar –>
<?php get_sidebar(); ?>
<!– Конец вывода sidebar –>
</td>
<td width=500 valign=top>
<!– Выводим на страницу index –>
<div id=index>
Контент, файл index.php, тут будут разные функции.
</div><!– /index –>
<!– Конец вывода index –>
</td>
<td width=200 valign=top>
<!– Выводим на страницу sidebar_right –>
<?php include(TEMPLATEPATH . ‘/sidebar_right.php’); ?>
<!– Конец вывода sidebar_right –>
</td>
</tr>
<tr>
<td colspan=3>
<!– Выводим на страницу footer –>
<?php get_footer(); ?>
<!– Конец вывода footer –>
</td>
</tr>
</table>
</div>
</body>
</html>
Чтобы не запутаться в закрывающих тегах для </div> допишем пояснения вида <!– /index –>
Итак, начнем, для вывода постов (записей) необходим следующий цикл:
<div id=index>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php endwhile; else: ?>
<?php endif; ?>
</div><!– /index –>
Теперь будем работать внутри этого цикла, добавим вывод заголовка поста и выделим его тегом <h1>
<div id=index>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h1>
<?php endwhile; else: ?>
<?php endif; ?>
</div><!– /index –>
Выводим содержание статьи:
<div id=index>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h1>
<?php the_content(__(’(more…)’)); ?>
<?php endwhile; else: ?>
<?php endif; ?>
</div><!– /index –>
Можно вывести еще информацию об авторе статьи, дату и время публикации, мы этого делать не будем. Выведем информацию о том в какой рубрике написан пост:
<div id=index>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h1>
<?php the_content(__(’(more…)’)); ?>
<?php _e(”Написано в рубрике:”); ?> <?php the_category(’,') ?>
<?php endwhile; else: ?>
<?php endif; ?>
</div><!– /index –>
Выводим список использованных меток:
<div id=index>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h1>
<?php the_content(__(’(more…)’)); ?>
<?php _e(”Написано в рубрике:”); ?> <?php the_category(’,') ?>
<?php the_tags(’Метки:’); ?>
<?php endwhile; else: ?>
<?php endif; ?>
</div><!– /index –>
Функция для редактирования записи:
<div id=index>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h1>
<?php the_content(__(’(more…)’)); ?>
<?php _e(”Написано в рубрике:”); ?> <?php the_category(’,') ?>
<?php the_tags(’Метки:’); ?>
<?php edit_post_link(’Редактировать’); ?>
<?php endwhile; else: ?>
<?php endif; ?>
</div><!– /index –>
Выводим функции для навигации по страницам блога:
<div id=index>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h1>
<?php the_content(__(’(more…)’)); ?>
<?php _e(”Написано в рубрике:”); ?> <?php the_category(’,') ?>
<?php the_tags(’Метки:’); ?>
<?php edit_post_link(’Редактировать’); ?>
<?php next_posts_link(__(’Предыдущая запись’)) ?>
<?php previous_posts_link(__(’Следующая запись’)) ?>
<?php endwhile; else: ?>
<?php endif; ?>
</div><!– /index –>
Вызываем информацию о комментариях:
<div id=index>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h1>
<?php the_content(__(’(more…)’)); ?>
<?php _e(”Написано в рубрике:”); ?> <?php the_category(’,') ?>
<?php the_tags(’Метки:’); ?>
<?php edit_post_link(’Редактировать’); ?>
<?php next_posts_link(__(’Предыдущая запись’)) ?>
<?php previous_posts_link(__(’Следующая запись’)) ?>
<?php comments_popup_link(’Нет комментариев’, ‘1 Комментарий’, ‘% Комментариев’); ?>
<?php comments_template(); ?>
<?php endwhile; else: ?>
<?php endif; ?>
</div><!– /index –>
Наконец выводим сообщение об ошибке если запрешенной страницы не существует, обратите внимание куда правильно вставлять этот код:
<div id=index>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h1>
<?php the_content(__(’(more…)’)); ?>
<?php _e(”Написано в рубрике:”); ?> <?php the_category(’,') ?>
<?php the_tags(’Метки:’); ?>
<?php edit_post_link(’Редактировать’); ?>
<?php next_posts_link(__(’Предыдущая запись’)) ?>
<?php previous_posts_link(__(’Следующая запись’)) ?>
<?php comments_popup_link(’Нет комментариев’, ‘1 Комментарий’, ‘% Комментариев’); ?>
<?php comments_template(); ?>
<?php endwhile; else: ?>
<?php _e(’Sorry, no posts matched your criteria.’); ?>
<?php endif; ?>
</div><!– /index –>
На этом с основными функциями файла index.php мы закончили, теперь нужно задать параметры для дальнейшего форматирования (дизайна, внешнего вида) страницы, например так:
Параметры для страницы index.php зададим в файле style.css
Переходим к функциям файла комментариев comments.php
Как создать тему для WordPress
Урок 1. Создаем тему для WordPress
Урок 2. Создаем файл index.php
Урок 3. Тег head для блога
Урок 4. Редактирование таблицы стилей
Урок 5. Скриншот для темы WordPress
Урок 6. Тестируем самодельную тему
Урок 7. Функции файла index.php
Урок 8. Функции файла comments.php
Рейтинг статьи
Загрузка ...
Страница 1 из 3 / 1 2 3 Следующая
Связанные записи
Все записи