Выбор и установка темы (шаблона) WordPress
Сегодня занятие у нас самое что ни на есть приятное — будем выбирать дизайн нашего блога, устанавливать тему (шаблон) wordpress. К этому вопросу стоит подойти с максимальной ответственностью, внешний вид блога очень важен (помните, что встречают именно по одежке).
Для WordPress нарисовано и переведено на русский язык огромное множество шаблонов (тем), большинство из них бесплатно и любезно предоставлено в наше с вами пользование. Поискать шаблон вашей мечты можно, например, здесь, здесь или здесь. Хочу предостеречь вас от скачивания шаблонов из непроверенных источников. Дело в том, что некоторые редиски берут чужие темы, не имея на то специального разрешения, переводят их (не факт, что качественно) и вписывают в них сторонний код — например, закодированную или скрытую ссылку. Найти и обезвредить такие ссылки для неподготовленного пользователя практически нереально, а навредить она вам может так, что мало не покажется. Поэтому настоятельно рекомендую брать темы WordPress у честных, порядочных и хороших людей не редисок. Для проверки темы на закодированные ссылки есть хороший плагин TAC, о нем я расскажу в следующем уроке. Скрытые ссылки придется искать вручную, пересматривая каждый файл темы. Однажды один мой сайт попал под фильтр АГС, я долго не могла найти причин, пока не облазила вдоль и поперек весь код. В итоге нашла в футере несколько ссылок, написанных шрифтом в 1 px, да еще и под цвет фона, что является грубейшим нарушением правил поисковиков. И вели эти ссылки на не очень хорошие сайты. Вот так-то. Из-под АГС мне сайт тогда вытащить удалось, но стоило большого труда и много времени.
Итак, после того, как вы выбрали и скачали понравившуюся вам тему, ее нужно установить.
Как установить тему WordPress? Делается это путем распаковки архива с темой в каталог themes вашего сайта. Он находится в папке wp-content. Рассмотрим на примере.
1. Запускаем ftp-клиент FileZilla
2. Архив с темой распаковываем на вашем компьютере и копируем в каталог тем (в моем случае путь выглядит так: /blogobabki.ru/public_html/wp-content/themes
Вы видите, что у меня установлены две темы: Studiopress и Twentyten
В том случае, если вы не пользуетесь ftp-клиентом (хотя я настоятельно рекомендую), а предпочитаете работать непосредственно с административной панелью хостинга, ваши действия будут точно такими: нужно зайти в административную панель под своим логином и паролем, найти пункт «Диспетчер файлов» или «Менеджер файлов» и распаковать папку с вашей темой в каталог wp-content/themes.
Следующим шагом идем в админку WordPress и в левом меню выбираем пункт «Внешний вид» (или «Дизайн», в разных версиях WordPress он называется по-разному):
Тема, которая в данный момент используется на вашем сайте, будет находиться в разделе «Текущая тема». Темы, которые вы вышеуказанным способом установили, будут находиться ниже, в разделе «Доступные темы». Нажав на кнопку «Просмотреть», вы сможете увидеть, как та или иная тема будет выглядеть, а кнопка «Активировать» сделает тему активной.
Ой, забыла. Есть совсем простой способ установки темы: Внешний Вид- Темы-Установить темы- Загрузить и выбираете zip-архив с темой с вашего компьютера. Установить, и усё 🙂
Теперь нам придется углубиться в теорию. Дело в том, что даже если вы найдете ту тему, которая будет во всем вас устраивать, со временем непременно возникнет необходимость что-либо подредактировать в шаблоне, например, установить счетчик посещаемости, код верификации или сменить картинку в заголовке. Для того вам необходимо хотя бы поверхностно понимать, что такое тема в техническом смысле и из чего она состоит.
Выбираем пункт меню «Внешний вид» — «Редактор».
В правой части вы увидите список файлов вашей темы:
В разных темах набор этих файлов может отличаться, но некоторые файлы являются основными. Каждый из них отвечает за оформление определенной части вашего сайта. Нажмите на название любого шаблона и в окне слева появится его содержимое. Если у вас установлены достаточные права, вы можете редактировать эти файлы. Рассмотрим их поподробнее:
1. Файл header.php — «Заголовок» или «Шапка». Он отвечает за внешний вид верхней части сайта, шапки. В этом файле указывается заголовок title вашего сайта, прописываются мета-тэги, задается кодировка и т.п. Содержимое этого файла остается неизменным для всех страниц сайта
2. Файл footer.php — «Подвал» или «Футер». В этом шаблоне задается оформление самой нижней части сайта. Обычно там прописываются авторские права, ставятся ссылки на главную страницу для улучшения оптимизации и устанавливаются счетчики посещаемости.
3. Файл index.php отвечает за содержимое главной страницы вашего блога
4. Файл single.php обозначает, как будет выглядеть каждая отдельно взятая запись
К примеру, если вы хотите, чтобы рекламный баннер вашего спонсора выводился только в том случае, если посетитель открывает пост полностью, то соответствующие изменения вносятся в файл single.php
5. Файл archive.php используется при выводе архивов ваших записей, а также при выводе записей из определенной рубрики
6. Файл search.php отвечает за вывод результатов поиска по блогу.
7. Файл page.php отвечает за оформление статичных страниц вашего блога. Например, в моем случае — это «Шаг 1 — Создание», «Шаг 2 — Продвижение», «Услуги и контакты» и т.п.
8. Файл sidebar.php используется для управления сайдбаром (боковой колонки) — там обычно находятся различные виджеты: список последних записей, рубрики, облако тэгов, кнопки подписки и т.п.
Ну и так далее. Более подробно будем разбираться по мере необходимости.
Июль 3rd, 2011 at 11:15 дп
Вот это то что надо! Подробная инструкция для новичков! Спасибо!
[Ответить]
Сентябрь 20th, 2011 at 11:36 дп
Добрый день!
расскажите, а как поставить на сайт форму регистрации или хотя бы просто отправки данных?
Нужно, чтобы люди, которые приходят на сайт, отправляли: ФИО, контактный е-mail, телефон, комментарий и еще могли прикреплять фотографии к сообщению
[Ответить]
admin Reply:
Сентябрь 20th, 2011 at 12:17 пп
А цель этих действий какая? Это должен быть сайт, доступный только для зарегистрированных? Или просто при добавлении комментария была возможность оставить ФИО, телефон и т.д?
[Ответить]
Сентябрь 24th, 2011 at 6:55 пп
Цель действий — создать клиентскую базу. чтобы клиентки присылали свои данные и фотографии — на их примере будем показывать,как лучше одеваться, какие аксессуары использовать и проч.
[Ответить]
admin Reply:
Сентябрь 24th, 2011 at 7:29 пп
По-моему, плагин Contact From 7 для создания контактных форм на сайте имеет возможность загрузки файлов
[Ответить]
Декабрь 1st, 2011 at 11:06 дп
Добрый день!
Маргарита, объясните пожалуйста, как можно заменить картинку в шапке например в такой теме http://www.wpfree.ru/preview/index.php?wptheme=Celeny#
[Ответить]
admin Reply:
Декабрь 1st, 2011 at 11:35 дп
Надо найти в папке с темой файл шапки (скорее всего в папке image), перерисовать или заменить на другой такого же размера и сохранить под тем же названием. Когда вы установите тему, шапка будет уже другой.
[Ответить]
Декабрь 2nd, 2011 at 6:42 пп
Маргарита, извините за может быть глупый вопрос — подскажите если в теме есть баннеры для рекламы, можно в них вместо рекламы разместить картинку со ссылкой на какую-нибудь страницу на этом же сайте?
[Ответить]
admin Reply:
Декабрь 2nd, 2011 at 6:47 пп
Совсем не глупый. Можно, надо найти в соответствующем файле (например, это сайдбар) код этих баннеров и заменить там адрес. Саму картинку можно сменить точно так же, как шапку
[Ответить]
Декабрь 3rd, 2011 at 9:13 пп
Подскажите пожалуйста, а можно в теме заменить картинку на свое фото?
[Ответить]
admin Reply:
Декабрь 4th, 2011 at 6:28 пп
Можно заменить на что угодно, я здесь в комментариях писала, как
[Ответить]
Декабрь 5th, 2011 at 3:53 пп
пыталась поменять шапку, выдавало, что не могу что-то менять в этой папке, меняла доступ — результат один. А в итоге вообще не могу зайти на свой сайт, меня отключили, вроди как за то, что какие-то некорректные файлы пыталась вставить, хотя и не вставляла вовсе ничего
[Ответить]
Декабрь 5th, 2011 at 4:38 пп
переустановила WordPress, теперь могу войти на свою страничку. А можно поподробнее об установке и корректировании темы? Нашла более-менее подходящую, но хочется сделать ее под себя, поменять задний план и картинку, шрифты и прочие мелочи.
[Ответить]
admin Reply:
Декабрь 5th, 2011 at 6:30 пп
Как сменить картинку в шапке, я уже писала в комментариях к этой записи. Чтобы изменить шрифты, цвета и пр., надо открыть на редактирование файл стилей style.css и заменить параметры в нужном блоке.
[Ответить]
Март 5th, 2012 at 1:34 пп
Добрый день, Маргарита! Установила тему вордпресс. В сайдбаре находится раздел объявления и 4 баннера с рекламой. Я открыла файл sidebar.php и попробовала найти код. Я правильно понимаю, это он /* General */
body {
margin: 0;
background: url(«images/bg.jpg»);
}
h1, h2, h3, h4 {
margin: 0;
}
img {
border: 0;
}
.clear {
И как мне убрать эти баннеры, как вообще код должен начинаться? Очень нужен совет, спасибо.
[Ответить]
admin Reply:
Март 5th, 2012 at 1:51 пп
Это стили вашего сайдбара, вам надо найти что-то с кодом
[Ответить]
Март 5th, 2012 at 1:54 пп
Спасибо, кажется уже нашла. Это не последний мой вопрос, хочу сказать огромное спасибо за то, что так быстро отвечаете!
[Ответить]
Март 7th, 2012 at 9:55 дп
А тему можно поменять, когда сайт уже работает и там есть контент?
То есть, что будет со статьями?
[Ответить]
admin Reply:
Март 7th, 2012 at 10:32 дп
Можно. Перед тем как активировать установленную тему, ее можно просто просмотреть — как она будет выглядеть с вашим контентом
[Ответить]
Май 6th, 2012 at 3:25 пп
Скажите, как можно вместо аватара установить фотографию в профиле?
[Ответить]
admin Reply:
Май 6th, 2012 at 7:30 пп
Зарегистрироваться на http://ru.gravatar.com/
[Ответить]
Май 8th, 2012 at 8:39 пп
Маргарита, а как проверить шаблон с помощью плагина TAC. Сайт с вашей помощью начала строить, он уже 5 месяцев яедексом не индексируется, гугл уже даже успел пр 1 дать. Думаю что-то в шаблоне, в каком это коде смотреть и, главное, что смотреть лишнее? Вы пишите «в футере несколько ссылок, написанных шрифтом в 1 px» — для меня тут все не понятно.
[Ответить]
admin Reply:
Май 8th, 2012 at 8:53 пп
Яндекс, бывает, долго не индексирует новые сайты, но чтобы 5 месяцев — это что-то запредельное. Из-за проблем в коде такого не может быть. Напишите в Яндекс, спросите у них в чем дело. ТАС находится в меню — Внешний вид, там все понятно, зеленая кнопка ОК означает, что все нормально. Лучше вручную просмотреть все файлы шаблона, искать код ссылок, он выглядит как
<a href.../a>
[Ответить]
Июнь 11th, 2012 at 11:00 дп
Активировал стандартный шаблон. Перехожу с панели ВП на сайт, а попадаю на страницу хостера с надписью:
«…Новый сайт успешно создан и подготовлен к работе…»
но при этом в УРЛ в адресной строке стоит мой.
Почему шаблон не отображается?
[Ответить]
admin Reply:
Июнь 11th, 2012 at 11:15 дп
База данных создана? Попробуйте опубликовать пост.
[Ответить]
Июнь 11th, 2012 at 11:40 дп
не выходит. написал в саппорт.
У меня вопрос немного не по теме. Возникла идея прикрепить к блогу небольшой форум (или даже два). Знаю, что есть много плагинов, но я подумал, не проще будет организовать этот форум без плагинов — просто в форме комментариев к теме, которые сам буду модерировать?
Спасибо.
[Ответить]
admin Reply:
Июнь 11th, 2012 at 12:20 пп
Что-то я не поняла вопрос. Форум — это форум, а комментарии — это комментарии.
[Ответить]
Июнь 18th, 2012 at 5:14 пп
здравствуйте. задам совсем тупой вопрос. в вордпрессе я новичок. вот вы пишите загрузить тему.. я перерыл уже весь раздел внешний вид и нигде нет кнопки ни на русском ни на анлийском чтоб залить скачанную тему. помогите, может я что то не так делаю
[Ответить]
admin Reply:
Июнь 18th, 2012 at 5:35 пп
Вопрос не тупой совсем, а вот у меня упущение, раз часто спрашивают о мелочах — значит недостаточно подробно пишу)) Все собираюсь сделать ряд видеоуроков по работе с wordpress и никак не соберусь. «Внешний вид» — «Темы», там наверху будут две вкладки — Управление темами и Установить темы. Переходим на «Установить темы» , выбираем «Загрузить» и загружаем zip архив с компьютера. Жмем «установить».
[Ответить]
стас Reply:
Июнь 18th, 2012 at 6:21 пп
нет вкладки управление темами. я о чем и говорю
[Ответить]
стас Reply:
Июнь 18th, 2012 at 6:23 пп
вернее есть управление темами а установки нет. я только сегодня сделал сайт. я уже думаю может за это надо платить дополнительно?
admin Reply:
Июнь 19th, 2012 at 1:25 дп
Нет, не надо. Странно это — может, wordpress кривой? Вы с официальных сайтов скачивали? Можно еще попробовать другим способом установить — распаковать архив с темой в папку wp-content/themes через ftp-клиент
Июнь 19th, 2012 at 7:50 дп
что значит скачивать? админ панель запускается через браузер. вот сайт откуда создан блог http://ru.wordpress.com/#!/fresh/
открывать такую папку пробовал, но ее не существует. есть только wp-admin/themes.php
вот нашел в платных услугах:
Custom Design
Customize the fonts in your theme and dive into CSS to make all the presentational changes you desire.
$30,00
USD в год
$0,08 в день
[Ответить]
admin Reply:
Июнь 19th, 2012 at 7:56 дп
Это вы используете бесплатную платформу wordpress.com. Это сервис для создания бесплатных блогов на движке wordpress. Ваш сайт будет иметь доменное имя 3-го уровня — site.wordpress.com. Там очень ограничен функционал (в том числе и нельзя загружать темы), невозможно повесить рекламу. Если вы хотите полноценный автономный сайт, то нужно купить домен и хостинг и установить на него движок WordPress. Движок можно скачать на офсайте , например здесь http://ru.wordpress.org/
[Ответить]
Сентябрь 26th, 2012 at 7:27 пп
Помогите пожалуйста разобраться! Я установила шаблон http://www.themeskingdom.com/theme/widely/ на сайт http://design-online.in/, но не могу понять как его настроить, в частности, чтобы начались отображаться фотографии и появилась галерея. Для этого нужны какие-то плагины, или что-то еще? если нужны, то как узнать, какие и где их взять?
[Ответить]
admin Reply:
Сентябрь 27th, 2012 at 3:18 дп
Я так не смогу ответить, т.к. не знаю, как устроен шаблон. Очевидно, нужно куда-то загружать картинки.
[Ответить]
Сентябрь 28th, 2012 at 8:19 дп
скажите, а как Вы чаще поступаете, если в шаблоне обнаружен зашифрованный код? уже 2 раза попался base64_decode(‘aWYg…
в тех темах, которые Вы рекомендовали.
расшифровать и удалить все не получается.
Вы научились их удалять или не заморачиваетесь и меняете сразу тему?
[Ответить]
admin Reply:
Сентябрь 28th, 2012 at 8:31 дп
Обычно мне жаль на это времени. Бесплатный шаблон проще сменить, а в платных такого не бывает.
[Ответить]
Октябрь 14th, 2012 at 3:23 дп
Извините за глупый вопрос, немного растерялась с шапкой шаблона. Вы уже ответили как заменить картинку в шапке, вопрос в том это обязательно сделать перед тем как активизировать тему,или сначала все установить, а потом менять?
[Ответить]
admin Reply:
Октябрь 14th, 2012 at 5:45 дп
Нет, не обязательно, можно менять шапку в любой момент.
[Ответить]
Июнь 19th, 2013 at 8:07 пп
Здравствуйте! Установила тему, а вверху страницы надпись: Notice: Функция unregister_sidebar_widget с версии 2.8 считается устаревшей! Используйте wp_unregister_sidebar_widget(). in /home/k/kuziam/blogokras.ru/public_html/wp-includes/functions.php on line 2839. Что это значит и как её убрать?
[Ответить]
Маргарита Reply:
Июнь 20th, 2013 at 8:41 дп
Это значит, что ваша тема использует функцию, которая уже не работает. Проще всего выбрать другую тему.
[Ответить]
Июнь 20th, 2013 at 3:46 пп
Спасибо огромное! Ваш сайт очень помогает. Я вообще никогда не занималась сайтами, а это очень интересно! И с Вами не кажется таким ужасно сложным делом! Спасибо ещё раз!
[Ответить]
Апрель 19th, 2014 at 11:46 дп
Здравствуйте! Подскажите, а как проверить шаблон, если я скачала его не с тех сайтов, которые вы порекомендовали? Мне он нравится, но Вы говорили, что шаблоны из непроверенных источников могут содержать всякую бяку.
[Ответить]
Маргарита Reply:
Апрель 21st, 2014 at 7:37 дп
Я просто пример привела, это не исчерпывающий список надежных источников. Для проверки на скрытый код используйте плагин TAC, ну и вручную просмотреть файлы шаблона будет не лишним.
[Ответить]
Апрель 21st, 2014 at 8:22 дп
Спасибо за ответ! в проверенной с помощью плагина ТАС теме оказался скрытый код!!
[Ответить]
Июнь 1st, 2014 at 4:16 пп
Здравствуйте Маргарита! Как вы оцениваете, этот источник шаблонов: http://www.templatemonster.com/ru/ , его можно считать проверенным? Хотелось бы узнать ваше мнение по этому ресурсу. И подскажите пожалуйста, как перевести шаблон на русский язык? Зарание спасибо.
[Ответить]
Маргарита Reply:
Июнь 2nd, 2014 at 6:34 дп
Не знаю, попробуйте скачать и проверить на наличие/отсутствие вредных ссылок. Перевести можно вручную каждый файл, или использовать программу типа Poedit
[Ответить]
Сентябрь 29th, 2014 at 3:11 дп
Здравствуйте, Маргарита! Спасибо Вам за этот замечательный сайт. Помогите пожалуйста. В скачанной теме В файле footer.php нашла вот такие ссылки
|
<?php printf( __( 'Theme: %1$s by %2$s.', 'story' ), 'Story', 'WebTuts‘ ); ?>
Тему скачивала с Сайта wordpress.org там темы вроде все проверенные. Безопасно ли пользоваться этой темой или лучше выбрать другую?
[Ответить]
Маргарита Reply:
Сентябрь 29th, 2014 at 5:00 дп
Безопасно. Это ссылки на разработчиков шаблона
[Ответить]
Октябрь 1st, 2014 at 10:37 пп
Большое спасибо, буду эту тему устанавливать
[Ответить]
Март 5th, 2015 at 7:21 пп
Здравствуйте, подскажите, вроде все делал пошагово, по вашей инструкции, но при переходе на сайт, я попадаю на страницу хостера с надписью:
«…Новый сайт успешно создан и подготовлен к работе…»
В адресной строке прописан при этом мой ЮРЛ, как мне быть?
[Ответить]
Маргарита Reply:
Март 6th, 2015 at 10:04 дп
А движок установили уже?
[Ответить]
Антон Reply:
Март 6th, 2015 at 12:55 пп
Да, я шел строго по Вашему плану. В паспорте хостера сказали, что у меня в корневом каталоге стоит их заглушка (файл индекс.пхп), а мне надо его удалить и поставить свой индекс.пхп. У меня вопрос теперь, откуда его брать. Писать самому?
[Ответить]
Антон Reply:
Март 6th, 2015 at 1:21 пп
Вообще как то странно, учитывая, что я копировал файлы вордпресс через файлзилу клиент в корневой каталог сайта, откуда тогда там взялся их индекс.пхп….?
Маргарита Reply:
Март 6th, 2015 at 4:22 пп
Да, удалите index.html , а index.php уже есть в дистрибутиве WordPress.
Март 6th, 2015 at 12:56 пп
Ой, не в паспорте, а в саппорте
[Ответить]