26 Фев 2017

В этой статье мы поговорим о таком важном элементе сайта, как тема WordPress. Подробно разберем следующие вопросы: «Как выбрать тему WordPress», «Как установить тему WordPress» и «Как настроить тему WordPress». После установки WordPress и его первоначальной настройки у пользователя возникает ряд вопросов: «Каким будет внешний вид сайта» и «Как изменить внешний вид сайта». Эти вопросы решаются установкой темы оформления WordPress, которых в сети огромное множество. Темы бывают платные и бесплатные. В этом пошаговом руководстве по созданию сайта мы рассмотрим установку бесплатной темы ВордПресс. Платная не нужна, так как внешний вид сайта мы будем настраивать сами.

Плейлист «Как создать сайт на WordPress»

TimeWeb лучший хостинг для WordPress: домен в подарок, 99 рублей в месяц.
Попробуйте, 10 дней бесплатно: РЕГИСТРАЦИЯ ВИДЕО

В административной панели WordPress зайдите в разделы «Внешний вид» ⇒ «Темы». Именно здесь настраивается внешний вид вашего сайта. По умолчанию в WordPress установлено пять бесплатных тем. Если предложенные темы вас не устраивают, можно загрузить много различных тем прямо из раздела «Темы». Для этого нажимаем «Добавить новую тему»:
Здесь можно загрузить тему для своего сайта. Доступны пять функций поиска тем: избранные, популярные, свежие, любимые и фильтр характеристик:
Фильтр характеристик это расширенный поиск тем в директории wordpress.org по заданным параметрам. Отметьте чекбоксы, которые вас интересуют, и нажмите «Применить фильтры». Например, я хочу синюю тему с гибким дизайном и с миниатюрами записей. Отмечаю соответствующие чекбоксы и нажимаю «Применить фильтры». По заданным параметрам доступно 166 тем. Одну из них я могу установить:
Я рекомендую установить базовую тему, которая называется Responsive (CyberChimps.com). На моем блоге установлена имена эта тема. Внешний вид сайта редактируется без каких-либо проблем. Абсолютно все параметры можно настроить под себя.

Через поиск находите подходящую тему и нажимайте «Установить»:
Затем непосредственно в разделе «Темы» нажимаете «Активировать»:
Все. Тема установлена на наш сайт. Теперь переходим к ее настройке:
Прежде, чем заняться настройкой, хочу подчеркнуть, что все темы разные. Каждая из них имеет свой функционал и поддерживает те или иные опции. То есть, темы одна на другую не похожи.

Сейчас я покажу вам, как легко настраивать темы WordPress на примере Responsive. Первым делом вам необходимо опубликовать на сайте главную страницу. По умолчанию в данной теме на главной странице отображаются последние записи блога. Если у вас не новостной сайт, главную страницу желательно сделать статической. Это положительно скажется на ранжировании сайта. После публикации главной страницы, переходим в разделы «Внешний вид» ⇒ «Настроить». Ищем пункт «Статическая главная страница» (последняя настройка) и под надписью «На главной странице отображать» переключиться с «Ваши последние записи» на «Статическую страницу». Напротив надписи «Главная страница» выберите «Главная» (эта та страница, которую вы опубликовали) и нажмите «Сохранить и опубликовать».
Далее разберем каждый пункт настройки по отдельности.

Свойства сайта – здесь продублированы название и описание сайта, которые мы уже добавили в разделе «Настройки» ⇒ «Общие».Элементы темы – здесь можно включить или отключить 4 опции: отключить список навигатора, отключить кнопку Призыв к действию, включить минификацию css, включить заголовок блога:Главная страница – этот пункт нам не нужен. Здесь настраивается пользовательская главная страница. Поскольку главная у нас другая, снимаем (или закрываем пункт, если галочка не стоит) галочку с чекбокса под названием «Включить пользовательскую главную страницу»:Макеты по умолчанию – здесь настраивается макет статической страницы по умолчанию. Ничего не меняем, поскольку по умолчанию включен правый сайдбар, это то, что нам нужно. В правом сайдбаре будут располагаться различные навигационные материалы. Правый сайдбар жизненно необходим сайту, благодаря которому пользователю будет легче найти нужную информацию. В дальнейших уроках я более подробно расскажу, как оформить и наполнить правый сайдбар, это действительно важно.Стили CSS и Скрипты – данные пункты настройки рекомендую не заполнять. Если нужно исправить стили или добавить скрипт на сайт, лучше всего это сделать через редактор.

Настройки подвала – здесь нужно убрать галочку с чекбокса «Отображать ссылку работает на WordPress»:Цвета – здесь настраивается цвет фона сайта:Социальные иконки – если вы хотите, чтобы в шапке сайта отображались иконки на популярные соц. сети, заполните соответствующие поля:Изображение заголовка — нажав кнопку «Добавить», можно загрузить изображение в шапку сайта, в данной теме оформления рекомендуется заголовок размером 300 × 100 пикселей:Фоновое изображение – данный пункт настроек для тех, кто хочет загрузить фоновое изображение, а не использовать цвет фона. Гибкие настройки позволяют корректно вставить любое изображение. Поиграйте с настройками, для каждого изображения нужен индивидуальный подход.
Меню – в данном пункте настраивается меню сайта. Настраивать меню намного удобней через раздел «Внешний вид» ⇒ «Меню».Виджеты — в данном пункте настраиваются виджеты сайта. Настраивать виджеты намного удобней через раздел «Внешний вид» ⇒ «Виджеты».На этом настройка внешнего вида сайта не заканчивается. В следующих уроках мы разберем, как правильно оформить и настроить фон сайта, меню сайта, сайдбар справа, верхний и нижний виджеты, подвал сайта. Все эти параметры формируют дизайн сайта, от которого напрямую зависит популярность вашего блога.

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

WordPress темы, что это от куда их брать

Шаблон для вашего сайта на WordPress можно получить несколькими способами:

• выбрать из общедоступных тем в каталоге wordpress.org;
• купить премиум тему у разработчиков и распространителей;
• заказать собственную тему у программистов;
• создать шаблон самостоятельно.

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

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

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

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

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

Как выбрать и как установить тему WordPress

К статье прилагается видео урок по установке и настройке темы WordPress.

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

Откроются доступные вам темы которые уже установлены. Что бы выбрать, а затем скачать и установить свеженький дизайнерский шаблон нужно перейти по ссылке сверху «Добавить новую».

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

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

По предложенным характеристикам темы WordPress можно сортировать по цветам, разметке страниц и функциям предоставленных в темах.

Темы можно просматривать онлайн и установить к себе в «движок». После установки опять переходим во вкладку «Темы» и найдя скачанную ранее нажимаем активировать.

После выполнения этого действия выбранная вами тема будет внедрена в ваш сайт и будет отображаться на всех страницах.

Настройка темы WordPress

Перейдя во вкладку меню «Внешний вид»/ «Настроить» нам откроется наш сайт и с левой стороны от него настройки темы, которые зависят от самой темы и ее функционал может отличаться. Здесь можно по предложенным параметрам, которые зависят от самого шаблона, настроить некоторое отображение в «реальном времени»:

• описание;
• настроить название сайта;
• шрифты;
• ширину экрана;
• корректировать разметку страниц, её цвет;
• навигацию и т.д.

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

Сегодня, я хотел бы поговорить о способах установки тем (themes) на wordpress. Ведь после создания блога и его базовой настройки, нам обязательно нужно сделать ресурс не похожий на другие или с какой-то своей изюминкой, а как это сделать? Конечно установив тему. Но она, по возможности, должна быть уникальной, хотя можно воспользоваться и стандартными шаблонами вордпресс или темами, которые можно найти в сети интернет, в свободном доступе, а также шаблон для блога можно купить. Но самые лучший вариант — это уникальный шаблон, которого нет еще ни у кого, ведь тема нашего сайта — это его лицо, которое посетитель запоминает и может узнать наш блог среди других. А когда она стандартная или часто используемая на многих ресурсах, ваш ресурс будет теряться в этой толпе блогов или сайтов. Поэтому, давайте рассмотрим способы установки тем на wp .

1 способ: Установка темы wordpress, с помощью поиска в вордпресс.

Сначала, в админке wordpress нужно перейти к установке тем. Для этого, слева, в меню есть пункт «внешний вид «, а в этом разделе есть подраздел «темы «. Он нам и нужен сегодня, для установки шаблона на вордпресс. После перехода в подраздел можно увидеть две вкладки — нам нужна вторая, под названием «установить темы».

С помощью поиска подобрать шаблон довольно просто, достаточно указать нужные вам критерии и нажать на кнопочку «найти темы». С этим проблем не должно возникнуть. После нажатия появятся страницы с темами, которые должны соответствовать вашим критериям. Для каждой будут описания, правда не на русском языке, но сейчас web-браузеры умеют переводить, поэтому проблем, также не должно быть. Еще у каждого шаблона будут две возможности, установка и просмотр. То есть перед тем, как окончательно решиться установить тему на wordpress, у вас будет возможность ее «просмотреть» и более подробно изучить. А после этого, принять решение — устанавливать или нет.

Для установки достаточно нажать на кнопку «установить» и подтвердить установку. После этого, вы увидите сообщение об успешной установке и останется только активировать тему для вордпресс.

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

Вот так просто, можно установить тему для вордпресс , используя поиск.

2 способ: Установка темы wordpress, с помощью загрузки ее из админпанели водпресс.

Следующий вариант установки не сложнее первого. Нужно найти тему в сети интернет и скачать к себе на компьютер. Обратите внимание на то, что она должна быть запакована в архив, в формате zip. После этого, во вкладке «установить темы «, нужно нажать на «загрузить».

Для установки, нужно выбрать файл, с помощью соответствующей кнопки. И нажать на кнопочку «установить». После этого вы увидите сообщение об успешной установке шаблона для wordpress . И останется только ее активировать. Все, наша тема для вордпресс установлена.

А также, в этой вкладке («установить темы») можно посмотреть избранные, свежие и недавно обновленные шаблоны, предлагаемые wordpress.

3 способ: Установка темы wordpress, с помощью загрузки файлов темы на хостинг.

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

1) Установка темы wordpress на локальный сервер : Для установки на сервер, необходимо папку темы скопировать в папку themes. Найти ее можно по следующему пути: C/Webservers/home/localhost/www/ваша папка с установленным движком wp/wp-content/themes . Копируем папку шаблона в папку themes и перезапускаем локальный сервер . После этого, идем в админку wordpress и во вкладке «управление темами», находим наш шаблон. И нажимаем «активировать». Шаблон для вордпресс на локальный сервер установлен.

2) Установка темы вордпресс на хостинг . Здесь зависит от вашего хостинга, который вы используете и ваших предпочтений. На хостинге, который я использую, можно загрузить в нужную папку архив и уже там его распаковать. И после этого, достаточно перейти в «управление темами» и активировать ее. Все очень просто. Но более распространенный способ — это воспользоваться FTP-клиентом, например FileZilla. Это бесплатный FTP-клиент для загрузки или скачивания с FTP-серверов.

Итак, для загрузки темы на хостинг , нужно запустить программу и в поля хост, имя пользователя, пароль и порт вписать ваши данные, предоставленные для работы с FTP, при . После заполнения всех необходимых полей нажимаем на кнопку «быстрое соединение». В правом окне, под названием «удаленный сайт» ищем папку themes. Она должна находится по следующему пути: Ваш домен.ru/public_html/wp-content/themes .

Открываем папку и сюда копируем папку с темой. Я, это делаю просто перетаскиванием. То есть, просто перетаскиваю папку с шаблоном в папку themes в правом окошке FTP-клиента.

После копирования, нужно перейти во вкладку «управление темами» и активировать тему.

Вот такими не хитрыми способами можно установить тему на wordpress. Надеюсь все было понятно и полезно. Удачи, в ваших начинаниях.

Да, и не забываем постоянно себя развивать. Для ускорения вашего развития, я вам рекомендую видео курс: Все Технические Моменты Онлайн Бизнеса в Видеоформате , от известного автора видео курсов — Евгения Попова.

1. Настройка шаблона

1.1. Добавление копии

1.2. Продажи и SEO

1.3. Структура копии

1.4. Аутсорсинг или самостоятельная настройка?

1.5. Добавление контента на сайт

2. Другие страницы

2.1. Добавление и настройка формы контактов

2.2. Добавление Google Maps

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

Чтобы приступить к созданию первой публикации, перейдите в панель управления WordPress/Записи/Добавить новую . Здесь вы увидите множество вариантов для редактирования. Вот некоторые основы создания постов на сайте WordPress:

1. Не используйте заезженные фразы и клише. Будьте оригинальными.

2. Знайте свою аудиторию и пытайтесь общаться с ней на их языке. Если вашим читателям нравится юмор, будьте смешными. Если им необходим максимум информации - будьте прямыми и информативными.

3. Не переусердствуйте со знаками препинания.

4. Не переходите на снисходительный тон.

5. Создавайте легко читаемые тексты. Убедитесь, что информация соответствует общей теме:

— Заголовки;

— Подзаголовки;

— Маркеры;

— Нумерованные списки;

— Жирный шрифт;

— Курсив и подчеркивание.

6. Увлекайтесь тем, о чем пишете. Это единственный способ создать осмысленный пост и привлечь внимание читателя.

7. Более чем важны заголовки в тандеме с увлекательным и интересным содержанием.

8. Обращайте внимание на тайтлы.

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

10. Избегайте нецензурных слов и выражений, если они употребляются не в ироническом контексте.

11. Никакой жаргонной лексики быть не должно.

12. Используйте видео/изображения в качестве иллюстраций к текстам.

13. Не бойтесь быть оригинальными.

14. Играйте словами.

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

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

Писать SEO оптимизированные тексты на самом деле намного проще, чем может показаться. Просто придерживайтесь ниже приведенных правил:

Работайте с 1-2 ключевиками в тексте. Те же ключевые слова могут быть использованы в мета-описаниях, заголовках и URL;

Оптимизируйте изображения и используйте альтернативный текст. Важно: в описаниях картинок используйте одно короткое ключевое слово.

Используйте ссылки. Этот момент очень важен. Залинкуйте публикацию с 1-2 уже существующими на сайте постами схожей тематики, которые имеют высокий рейтинг. Также рекомендуется, чтобы ключевые слова были связаны между собой, а каждая ссылка открывалась в новом окне.

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

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

Прежде чем войти в административную панель WordPress своего сайта, выполните следующие действия:

1. В панели инструментов выберите пункт Записи;

2. Нажмите Добавить новую;

3. Заполните все поля, начиная с заголовка;

4. Введите свой текст или скопируйте его в текстовое поле;

6. Когда вы закончите редактировать свой пост, нажмите Опубликовать.

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

Форма контактов является обязательным плагином для любого современного сайта или блога. Наш Cherry Framework включает в себя уже встроенную Contact Form 7. Давайте посмотрим как его можно его настроить.

1. Перейдите к Плагины/Установленные.

2. Вы увидите, что плагин Contact Form 7 уже установлен.

4. Здесь находится форма контактов, созданная по умолчанию. Чтобы настроить ее, нажмите Изменить.

5. Измените название контактной формы и сохраните изменения.

6. В поле Шаблон формы вы можете вставить между тегами.

7. В блоке Письмо вы также можете изменить параметры во всех имеющихся полях.

8. Скопируйте код Контактной формы и вставьте его в свой пост.

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

На этом этапе все. Надеемся, у вас не возникло проблем с настройкой шаблона.

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

Прекрасная тема для wordpress с огромным количеством настроек, адаптивностью и все это на русском.

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

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

Настройка шаблона wordpress. Настройка слайдера.

Чтобы добавить слайды необходимо зайти во Внешний вид — Настройки темы — Слайдер и выбрать вкладку Настройки слайдера для записей/страниц. Очень важно чтобы слайдер был включен, иначе ничего он не будет работать, что логично. Перед собой вы увидите вот такие настройки.

Все, что вам осталось сделать так это добавить соответствующие ID записей или страниц в поля слайдов (в моем примере добавлены 1 и 17). Найти ID вы можете на вкладке Все записи или Все страницы. На картинке поле с ID отмечено красным.