Архив категории: ‘Уроки Wordpress’

Уроки Wordpress: используем виджеты в Wordpress блоге

Воскресенье, Октябрь 26th, 2008

Сегодня мы расскажем о том, как можно добавлять дополнительные блоки информации в шаблон Вашего блога. Для этого мы будем использовать виджеты. Сейчас практически 98% шаблонов для Wordpress, поддерживают работу с виджетами, поэтому проблем с установкой виджетов у Вас возникнуть не должно.

Откройте панель управления блогом, раздел “Дизайн” - “Виджеты”.

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

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

Для добавления виджета нужно просто нажать на ссылку “Добавить” на одном из виджетов в списке доступных виджетов.

После того как Вы добавили виджет в боковую колонку, необходимо настроить параметры виджета, для этого в правой части сранице в списке добавленных виджетов, нажмите на ссылку “Изменить” на виджете который хотите настроить.

В данном примере, отображаются настройки виджета “Страницы”.  В поле “Заголовок” Вы задаете название блока, которое будет отображаться на Вашем блоге. Также Вы можете задать порядок сортировки для выводимых страниц и добить идентификационные номера страниц, которые Вы не хотите отображать в списке страниц этого виджета. После того как все настройки сделаны, нажмите кнопку “Изменить”.

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

Если Вам недостаточно виджетов, которые уже есть в Вашем блоге, Вы можете поискать подходящий плагин, который бы выводил виджет для Ваших нужд.

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

Уроки Wordpress: как обновить блог.

Четверг, Октябрь 16th, 2008

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

Прежде чем заняться обновлением блога, необходимо сделать полную резервную копию. Как это сделать, Вы можете прочитать в предыдущем уроке.

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

При нажатии на ссылку “Пожалуйста, обновитесь”, Вы попадете на страничку загрузки новой версии Wordpress. Для того, чтобы скачать новую версию Wordpress на русском языке, нажмите на ссылку “Wordpress also available in Русский”

Скачайте новую версию Wordpress на русском языке на свой компьютер.

Ознакомьтесь с инструкцией по настройке ФТП-соединения с сервером, на котором расположен Ваш блог.

Подключитесь через созданное соединение к серверу, откройте папку в которой находится Ваш блог, как правило, это “public_html” и загрузите файлы из папки “Wordpress” на сервер с перезаписью уже существующих.

После того как все файлы загрузятся на сервер, посетите панель администрирования Вашего блога, находится она по адресу http://adress.vashego.bloga/wp-admin/

Как правило, после установки новой версии Wordpress требуется обновление базы данных, о чем Вам и сообщат в панели администрирования блога. Нажмите на кнопку, “Обновить базу данных”, после этого Вам сообщат о том, что блог обновлен, и откроется панель администрирования блога.

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

Уроки Wordpress: резервное копирование блога.

Понедельник, Октябрь 13th, 2008

Резервное копирование Вашего блога - очень важная процедура, которую необходимо производить хотя бы 1 раз в неделю. Сегодня мы научимся делать полную резервную копию блога. На нашем хостинге установлена панель управления хостингом cPanel, поэтому все примеры будут с помощью этой панели.

Для этого заходим в панель управления хостингом, нажимаем на кнопку “Перейти на контрольную панель” и находим здесь, “Мастер резервного копирования”:

Нажимаем создать резервную копию:

Далее выбираем “Полная резервная копия”:

Указываем адрес e-mail, на который прийдет уведомление о том, что резервное копирование завершено:

И нажимаем “Создать резервную копию”. По завершению процесса, Вам придет письмо с уведомлением о том, что резервная копия создана и Вы можете скачать ее с сервера. Кстати сделать это можно с помощью настроенного ФТП-соединения.

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

Уроки Wordpress: настраиваем соединение с ФТП сервером

Суббота, Октябрь 11th, 2008

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

Для работы с сервером нам потребуется программа, которая бы поддерживала работу с сервером по FTP, самый простой вариант это установить и настроить файловый менеджер Total Commander.

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

Теперь создаем наше первое ФТП-соединение, с сервером на котором расположен наш блог.

Запускаем Total Commander и нажимаем комбинацию клавиш ctrl+f

Откроется окно, настройки ФТП-соединений:

Нажимаем на кнопку “Добавить” и вводим данные для доступа на сервер с блогом. Эти данные, должны были прийти в письме, при заказе хостинга.

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

Мы всегда будем работать с папкой “public_html“, в ней расположены все файлы Вашего блога. Открываем папку “public_html” и получаем список папок и файлов Вашего блога.

Собственно на этом все. Подключение настроено и работает. На следующем уроке мы будем учиться обновлять Wordpress, с помощью ФТП-соединения, которое настроили сегодня, так что подписывайтесь на RSS-ленту, и ждите новых публикаций.

Уроки Wordpress: Как установить плагин

Пятница, Октябрь 3rd, 2008

Практически все дополнительные функции Вашего Wordpress-блога выполняются при помощи плагинов, поэтому очень важно уметь правильно устанавливать Wordpress плагины. Сегодня мы рассмотрим как правильно установить плагин без знания таких слов как  SSH, FTP и других сложных для понимания начинающего блоггера.

Для примера, сегодня будем устанавливать плагин, который приглашает новых посетителей Вашего блога, подписаться на RSS-ленту блога. Плагин определяет посетителя который еще не заходил на Ваш блог и в заданном месте показывает текст с приглашением о подписке, в настройках можно указать какое количество раз показывать приглашение новым посетителям.

Плагин называется “What Would Seth Godin Do”.

Для того, чтобы найти плагин воспользуйтесь либо поисковой системой либо разделом плагины на сайте Wordpress.

  1. Скачиваем плагин с сайта автора.
  2. Разархивируем его на своем компьютере.
  3. Далее заходим в панель администрирования хостера. Сначала авторизуемся здесь, а потом нажимаем на кнопку “Перейти на контрольную панель”
  4. В контрольной панели cPanel, находим “Диспетчер файлов”
  5. Открываем папку своего блога /public_html/wp-content/plugins/
  6. В верхней панели “Диспетчера файлов” нажимаем на иконку “Загрузить” и выбираем файл “what_would_seth_godin_do.php” который должен был получиться после того, как Вы разархивировали скачанный файл. Загружаем файл на сервер.
  7. После этого нам необходимо зайти в панель администрирования блога. Находится она по адресу http://adressmoegobloga.com/wp-admin/, возможно прийдется ввести логин и пароль администратора блога.
  8. После входа в панель администрирования открываем раздел “Плагины” и находим плагин, который мы только что установили, нажимаем на ссылку “Активировать”
  9. Если все сделано правильно, в разделе “Параметры” должен появится пункт настройки плагина:
  10. В текстовом поле “Message to new visitors:” вводим следующий текст “<p style="border:thin dotted black; padding:3mm;">Если Вам понравился блог, вы можете подписаться на <a href="http://test.blogmir.ru/feed/">RSS ленту</a>. Благодарю за визит!</p>" Естественно вместо http://test.blogmir.ru/feed/ Вам необходимо ввести адрес RSS-ленты Вашего блога.
  11. В поле “Repetition” вводим количество раз, которое блок с приглашением будет отображаться для новых пользователей, изначально настроено на 5 раз.
  12. В поле “Message to Return Visitors:” вводим текст, который отображается для возвращающихся посетителей: <p style="border:thin dotted black; padding:3mm;">Добро пожаловать!</p>
  13. Выбираем расположение блока. Before Post (перед записью), After Post (после записи).
  14. Нажимаем “Save Settings”.

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

Если Вы не хотите пропустить очередной Урок Wordpress, подписывайтесь на обновления блога.

Уроки Wordpress: социализируем блог

Среда, Октябрь 1st, 2008

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

Для установки плагина социальных закладок, скачиваем его с сайта автора.

Скачанный файл, загрузите на сервер с Вашим блогом, в папку /wp-content/plugins/ и распакуйте его, сделать это можно с помощью “Файлового Менеджера” в панели управления Вашим хостингом.

После этого, зайдите в панель администрирования Вашего Wordpress блога, раздел “Плагины” и активируйте установленный плагин.

После этого, под каждой записью Вашего блога, появится кнопка для добавления записи в социальные закладки.

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

Для этого сначала получим код, для установки в шаблон, для этого заходим на сайт автора, и выбираем параметры кнопки:

Теперь заходим в панель администрирования блога, раздел “Дизайн” - “Редактор тем” и ищем необходимый нам файл “Одна запись (single.php)”, открываем файл для редактирования.

Находим строчку которая выглядит примерно так: <?php the_content('<p class="serif">Продолжить чтение &raquo;</p>'); ?>

Сразу после нее вставляем строчку: <script src='http://odnaknopka.ru/ok2.js' type='text/javascript'></script>

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

Уроки Wordpress: Настраиваем RSS на Wordpress блоге.

Четверг, Сентябрь 25th, 2008

Сегодня мы с Вами ознакомимся с настройками RSS-ленты в Wordpress, а также с процессом настройки трансляции RSS-ленты на сервис FeedBurner.Com. Сервис Feedburner, позволяет собирать статистику подписчиков на  RSS-ленту блога, транслировать ее в различных форматах, организовать подписку на  обновления блога через E-Mail и многое другое.

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

Сначала необходимо зарегистрироваться на сервисе, для этого заходим на сайт FeedBurner.com, в разделе “Языки” сразу установим “Русский”, чтобы процесс настройки был понятнее и проще.

После этого мы попадаем на главную страницу сервиса с формой для прожигания RSS. В форму вводим адрес нашей RSS-ленты. Если Вы настраивали, “Постоянные ссылки” в Вашем блоге, значит адрес RSS-ленты будет выглядеть примерно так: http://test.blogmir.ru/feed/ именно этот адрес и нужно вводить в форму.

Если Вы планируете публиковать подкасты на Вашем блоге, можете установить галочку “Я подкастер!”, нажимаем кнопку “Далее”, попадаем на форму регистрации на сервисе:

После нажатия на кнопку “Activate Feed” попадаем на страницу с сообщением о том, что RSS-лента активирована, также на нам сообщают адрес нашей RSS-ленты на сервисе FeedBurner.

Адрес этот необходимо запомнить, чтобы в дальнейшем настроить переадресацию всех наших подписчиков, на  FeedBurner.

Нажимаем кнопку “Next”, страница предварительной настройки RSS-ленты, в зависимости от Ваших предпочтений, можете включать или не включать дополнительные сервисы статистики.

Нажимаем кнопку “Next”, нам сообщают что наш фид готов и уже работает, но на этом мы не остановимся, сервис FeedBurner позволяет добавить к Вашей RSS-ленте очень много различных полезных функций.

Открываем закладку “Оптимизируй”, пункт “Browser Friendly”, изменяем язык интерфейса на ClearFeed (Russian)

Не забываем сохранять настройки.

Пункт “SmartFeed” - нажимаем кнопку “Активировать”:

Переходим на закладку “Публикуй”, пункт “FeedCount”, нажимаем кнопку “Активировать”. Вы можете выбрать тип счетчика и его цвет, в поле будет сгенерирован код, который можно вставить в шаблон блога.

После того как Вы выбрали цвет и тип счетчика, нажимаем на кнопку “Сохранить”.

Открываем пункт “Подписки по электронной почте”, в списке провайдеров выбираем FeedBurner

Нажимаем кнопку “Активировать”, после этого появится окошко с кодом формы для подписки на  RSS-ленту по E-Mail, в списке необходимо выбрать русский язык и в самом низу нажать кнопку “Сохранить”

Полученный код можно вставить в шаблон блога для отображения формы подписки на  RSS через E-Mail.

На этом настройку RSS-ленты можно считать законченной.

Теперь для настройки автоматической переадресации Ваших подписчиков на RSS-ленту, настроенную на FeedBurner, необходимо установить и настроить плагин Wordpress, который будет этим заниматься.

Скачиваем плагин, загружаем его на сервер в папку /wp-content/plugins/ и активируем в панели администрирование блога, раздел “Плагины.

Переходим в раздел “Параметры” - “FeedBurner”, в поле вводим адрес, который нам выдал FeedBurner, должно получится вот так:

Нажимаем кнопку “Save”, теперь все, кто будут обращаться к Вашему стандартному адресу RSS-ленты, вида http://myblog.com/feed/ будут автоматически переадресовываться на сервис FeedBurner для подписки.

Если у Вас что-то не получилось, не стесняйтесь задавать вопросы в комментариях к этому посту.

Уроки Wordpress: делаем красивые SEO ссылки в блоге.

Вторник, Сентябрь 23rd, 2008

Сегодня продолжим настраивать наш первый Wordpress-блог. Для того, чтобы Ваш блог был лучше проиндексирован поисковыми серверами, а также для удобства Ваших читателей, мы приведем ссылки блога из вида http://myblog.com/?p=1 к виду http://myblog.com/new_post/.

Для этого, необходимо открыть панель администрирования Вашего блога http://yourdomain.com/wp-admin/, раздел “Параметры” - “Постоянные ссылки”.

Здесь Вы можете задать шаблон ссылок, которые будут использоваться в Вашем блоге, по умолчанию он выглядит вот так: http://myblog.com/?p=1, для изменения нажимаем на шаблон, "месяц и название", и в поле "Произвольно" редактируем переменные, чтобы получилась строка "/%postname%/" (без кавычек).

Нажимаем “Сохранить изменения”, после этого можем получить следующее сообщение:

Это значит,  что Wordpress самостоятельно не смог внести изменения в файл .htaccess и нам придется сделать это самостоятельно.

Для этого, заходим в панель управления хостингом сPanel, открываем “Диспетчер файлов”

Должно появится окошко диалога, в котором нам необходимо включить отображение скрытых файлов, в папках не сервере:

Находим файл .htaccess  и открываем его для редактирования

В этот файл, вставляем следующий текст:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

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

Если в Вашем блоге ссылки стали отображаться на русском языке - это не совсем правильно, и для исправления этой ситуации, необходимо установить плагин rus-to-lat.

Скачать плагин можно здесь.

Для установки плагина загрузите его на сервер и распакуйте в папку “wp-content/plugins”, о том, как загружать и распаковывать файлы на сервер, Вы можете прочитать в нашем первом уроке.

После того как Вы закачали плагин на сервер его необходимо активировать, в разделе панели администрирования блога - “Плагины”. После активации плагина все ссылки в новых записях будут отображаться латинскими буквами. Если до этого у Вас были какие-то записи в блоге, их ссылки необходимо исправить вручную, в режиме редактирования записи.

На сегодня все, подписывайтесь на RSS-ленту, и ждите следующих “Уроков Wordpress”.

Первоначальная настройка Wordpress

Суббота, Сентябрь 20th, 2008

Сегодня мы постараемся рассказать, как настроить Ваш блог, после того как Вы оплатили хостинг, и получили учетную запись, тарифа блог-хостинг с предустановленным Wordpress.

При открытии сайта, который Вы регистрировали, Вас ожидает процедура стартовой конфигурации блога.

Начальная конфигурация блога

Начальная конфигурация блога

Введите необходимые данные о блоге, заголовок блога - это та надпись, которая в дальнейшем будет красоваться на главной странице Вашего блога, а e-mail будет использоваться для уведомлений о различных событиях Вашего блога, новых комментариях, и тп.

После того как Вы нажмете “Установить WordPress”, появится окошко, в котором будут указаны данные для входа в панель администрирования (http://www.yourdomain.com/wp-admin)

Учетные данные для работы с блогом

Учетные данные для работы с блогом

После нажатия на кнопку “Войти” Вы перейдете к странице авторизации на блоге, введите пароль и логин, которые Вам были выданы при установке блога, и попадете в панель администрирования.

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

Заголовок и описание блога

Заголовок и описание блога

Заходим в раздел управления “Написание”, здесь в новых версиях Wordpress появились две очень важные настройки. Если Вы планируете пользоваться средствами удаленной публикации в блоге необходимо включить “Протокол публикации Atom” и “XML-RPC.

Протоколы удаленной работы с блогом XML-RPC и  Atom

Протоколы удаленной работы с блогом XML-RPC и Atom

Переходим в раздел “Чтение”, здесь находятся настройки, с которыми у начинающих пользователей чаще всего возникают вопросы. В этом разделе Вы можете настроить количество записей, которые отображаются в Вашем блоге, количество записей, которые отображаются в  RSS-ленте Вашего блога и варианты записей для RSS-ленты либо краткие либо полные, чаще всего рекомендуется отдавать полные версии записей, чтобы читателям, которые подписались на RSS было удобнее читать Ваш блог.

Настройка отображения записей Вашего блога

Настройка отображения записей Вашего блога

В разделе “Обсуждение” Вы можете настроить параметры комментирования записей Вашего блога. Должны ли пользователи регистрироваться, для того, чтобы оставить комментарий, нужны ли уведомления администратору о новых комментариях и тп. Также имеется возможность настроить черный список и количество ссылок, для борьбы со спамом в комментариях, если Wordpress найдет одно из слов указанных в черном списке, он поставит комментарий на модерацию, также будет, если в комментарии будет опубликовано определенное количество ссылок (по умолчанию 2).

Теперь попробуем установить новый шаблон для Вашего блога, к примеру это будет шаблон WP Premium, необходимо скачать шаблон на Ваш компьютер, и разархивировать его.

Для редактирования и закачки файлов, на сервер Вашего блога, будем пользоваться Файловым Менеджером, который имеется в панели управления хостингом. Для этого заходим сюда https://user.eskhosting.com/manage/ вводим Ваш логин и пароль, нажимаем на кнопку “Перейти на контрольную панель”. В контрольной панели находим “Файловый менеджер” иконка выглядит вот так:

Открываем папку public_html/wp-content/themes/

Теперь нам необходимо закачать архив с шаблоном в эту папку, для этого находим кнопку Upload

Выбираем архив с шаблоном, который мы скачали и ждем пока он закачается на сервер:

Теперь отмечаем файл, галочкой и нажимаем Извлечь (Extract)

Убедитесь что извлекать мы будем в правильную папку, /wp-content/themes/

Шаблон установлен, теперь нам остается только зайти в панель администрирования Wordpress, раздел “Дизайн” и активировать новый шаблон, который мы только что установили, для этого нажмите на иконку шаблона wp-premium и в открывшемся окне, в правом верхнем углу нажмите “Активировать Wp Premium”.

О том как редактировать и настраивать шаблоны, Вы прочитаете в следующих “Уроках Wordpress”, а на сегодня все, до встречи.