Как установить свой шаблон на WordPress?

Как установить шаблон на WordPress, натянуть html-макет и управлять темой

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

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

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

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

2 способа как добавить шаблон в Вордпресс

Первый способ. Для начала вам необходимо загрузить выбранный вами шаблон страницы. Учтите, что он должен быть в формате zip. Иногда на сайтах размещают темы в формате rar. Не переживайте, если вы скачали такой файл – разархивируйте его, и заново запакуйте, только уже в zip-архив. Следующий шаг – авторизация в административной панели Вордпресс. Чтобы настроить тему, найдите вкладку «Дизайн» (или «Внешний вид») в левой части «админки». В этом разделе вы обнаружите несколько пунктов, среди которых будет фраза со словом «Установить». Выбираем ее, и переходим на страницу установки шаблона.

Жмем на загрузку темы. Вордпресс потребует от вас файл формата zip. А поскольку вы уже его подготовили, то нажимайте «Установить тему формата zip». Далее через «Обзор» находите расположение файла на компьютере, и нажимаете «Загрузить» (или «Открыть»). Далее жмем «Установить». После того, как произошла установка шаблона WordPress, вы можете посмотреть, как преобразился ваш сайт.

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

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

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

Как натянуть html тему на Вордпресс

Такое тоже случается. Порой у вебмастера есть готовый макет сайта, который он уже хочет загружать на хостинг. Но дело в том, что «голый» html не будет работать с движком Worpdress. Необходимо ввести некоторые корректировки в html макет, прежде чем пытаться его интегрировать. И в первую очередь – это создание php-разделов, которые необходимы, чтобы объединить html шаблон с административной панелью движка. Для этого вам предстоит постепенно редактировать каждый важный файл макета, добавляя коды операций Вордпресса.

Начать можете с изменения файла «style.css». Именно с этого файла движок начнет идентификацию вашей темы html. Вам необходимо добавить информацию о шаблоне в начале кода, а именно:

Далее вам необходимо создать файл «header.php». Он будет состоять из фрагментов кода страницы «index», которая является основой html шаблона страницы. «Header» отвечает за вывод шапки на главной. Вам предстоит скопировать весь кусок кода, который в html был предназначен для определения стиля верхней части сайта – это параметры Title, информация о примененном стиле (раздел кода «link»), и все, что между тегами

По аналогии с «header» создается и файл «index.php». Он будет ответственен за контент, который отображается на главной странице сайта. Чтобы его создать, необходимо скопировать часть html файла «index» и слегка подкорректировать ее. Необходимо будет добавить разметку php, чтобы Вордпресс воспринимал этот код как команды. То же самое касается касается и других функций движка – вам предстоит настроить сайдбар (sidebar.php), отображение архивных записей на главной странице (archive.php), поиск по сайту через главную (Search.php), параметры вывода одиночного поста (Single.php) и одиночной страницы (Page.php), вывод комментариев (Comments.php) и другие функции.

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

Как управлять установленным шаблоном

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

1. Через административную панель можно вручную настроить тему при помощи изменения кода. Движок предоставит вам для этого редактор с кодом, уже поделенным на функциональные части.
2. Настройка при помощи файлового менеджера через хостинг.
3. Редактирование через ftp-клиент.
4. Любительская настройка через «админку» в разделе «Внешний вид» – «Настроить». Этот способ идеально подойдет для новичка.

wordpresslib.ru

WordPress. Как установить шаблон на существующий сайт

Из этого туториала вы узнаете, как установить шаблон на существующий сайт WordPress.

В первую очередь надо установить шаблон в одну и подпапок на вашем сервере (например: www.yourwebsite.com/test , где yourwebsite.com — текущий адрес вашего сайта). Обязательно используйте отдельную чистую базу данных. Установите шаблон со всеми демо-данными с помощью файла . sql . Вы можете следовать этой инструкции: как установить шаблон WordPress с помощью файла дампа.

После установки шаблона войдите в панель управления сайта и перейдите в раздел Инструменты (Tools) -> Экспорт (Export).

Экспортируйте все содержимое в виде файла . xml . Сохраните этот файл на вашем компьютере. В данном файле содержатся все демо-данные и большинство настроек шаблона:

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

Перейдите в раздел Инструменты (Tools) -> Импорт (Import). Выберите систему импорта ‘WordPress’:

Загрузите файл . xml , ранее сохраненный на вашем компьютере. Нажмите кнопку «Загрузить файл и импортировать» (‘Upload file and import’):

Отметьте поле «Загрузить и импортировать вложенные файлы» (‘Download and import file attachments’) и нажмите кнопку «Подтвердить» (‘Submit’). Так вы импортировали все демо-данные и большинство настроек шаблона:

Обязательно скопируйте все настройки виджетов из тестовой установки на сайт. Перейдите в Внешний вид (Appearance) -> Виджеты (Widgets) и скопируйте все настройки виджетов из всех областей:

Вы также можете скопировать настройки Чтения (Reading) из меню Настройки (Settings) -> Чтение (Reading):

На этом туториал заканчивается — вы научились устанавливать шаблон на существующий сайт.

Вы также можете ознакомиться с детальной видео-версией туториала:

www.templatemonster.com

Как установить шаблон WordPress

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

Перед тем как установить шаблон WordPress

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

Устанавливаем WordPress-шаблон при помощи поиска в консоли

Если вы решили установить бесплатный шаблон из каталога шаблонов на WordPress.org , то проще всего будет воспользоваться соответствующим разделом в консоли администратора. Прежде всего, нужно будет авторизоваться в панели администрирования вашего WordPress-сайта . Затем перейдите в раздел Внешний вид > Темы :

Когда найдете шаблон, который хотите установить, переведите курсор мыши на изображение. Это действие приведет к отображению кнопок предварительного просмотра или установки шаблона WordPress . Нажмите кнопку « Установить »:

Нажмите кнопку « Активировать » ( Activate ), и на этом установка шаблона завершена.

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

Установка шаблона WordPress методом загрузки архива на сайт

Приведенный выше метод подходит лишь для установки бесплатных шаблонов, доступных в каталоге WordPress.org . Но как установить тему WordPress уровня « премиум » ( иначе говоря, платный ) шаблон?

Или у вас имеется собственный шаблон? В данном случае вам нужно устанавливать шаблон путем его загрузки на сервер через консоль WordPress .

Начнем со скачивания .zip-файла шаблона с платформы, на которой вы его приобрели. После этого авторизуйтесь в консоли администратора WordPress и перейдите в раздел « Темы »:

Примечание: функция загрузки шаблонов доступна только тем пользователям WordPress , кто использует CMS на собственном хостинге. Если ваш сайт « сидит » на сервере WordPress.com , то у вас нет такой возможности. Чтобы воспользоваться функцией загрузки WordPress шаблона , обзаведитесь хостингом и установите на него автономную версию CMS WordPress .

Установка WordPress-шаблона с помощью FTP-сервера

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

Если вы знаете, как работать с FTP-сервером и установили FTP-клиент , пришло время подключиться к хостингу, используя этот инструмент. Вам нужно будет попасть в директорию /wp-content/themes/ . Затем загрузите туда папку с шаблоном. Учтите, что перед загрузкой нужно распаковать zip-архив . Как только загрузите шаблон на сервер, можно переходить в раздел « Темы » в консоли.

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

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

Данная публикация представляет собой перевод статьи « Beginners Guide: How to Install a WordPress Theme » , подготовленной дружной командой проекта Интернет-технологии.ру

www.internet-technologies.ru

Как установить шаблон WordPress?

Доброго времени суток! В этом уроке мы рассмотрим, как установить шаблон WordPress на свой блог, если он у Вас уже есть, а если же у Вас его еще нет, тогда читайте далее, и я расскажу, где его найти, и как подобрать. Шаблоны есть разные, например, с одной. или 2-3 колонками; резиновые, контрастные, широкие и узкие.

Можно найти красивые шаблоны и бесплатные,, а можно его купить. Если Вы собираетесь вести свой блог не один день, тогда я предлагаю Вам второй вариант. Цены на шаблоны везде разные, например, на templatemonster , есть и 75$, а есть и 114$. На этом не стоит экономить, потому что потом шаблон все равно придется менять, поверьте.

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

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

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

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

http://freewpthemes.co/ — нерусские темы, но можно подобрать красивую
http://www.wpfree.ru/ — большой выбор тем для WP
http://wordpress-ru.ru/ — можно подобрать тему WordPress на любой вкус

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

Еще можно поискать темы прямо на своем сайте, в панели администратора. Перейдите «Внешний вид» —> «Темы» — «Установить темы». Вы попадете на страницу, где можно шаблон подобрать по следующим параметрам: цвет, количество колонок, ширина и прочие.

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

Установка шаблона WordPress?

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

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

Зайдите в Панель Администратора, нажмите в левой колонке «Инструменты« —> «Экспорт«. В следующем окне поставьте галочку, как показано на скрине

Жмите «Скачать файл экспорта«.

В новом окне выберите папку, в которую Вы желаете сделать бэкап, то есть сохранить файл и нажмите «Сохранить«. Не забудьте, в какую папку Вы делали бэкап.

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

Установка темы WordPress — способ первый

Итак, шаблон Вы уже подобрали для своего ресурса. Он должен быть заархивирован в zip-архив.

Зайдите в панель администратора, и в левой колонке нажмите «Внешний вид» —> «Темы» — Вы перейдете на страницу «Управление темами». Вверху жмите «Установить темы«.Чуть ниже нажмите «Загрузить«.

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

Установка темы — способ второй

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

Зайдите в панель администратора:

• На локальном сервере: localhost/mysite/wp-admin
• На удаленном сервере:

В левой колонке Панели Администратора выберите «Внешний вид» —> «Темы«. Вы перейдете в панель управления темами. Здесь можно установить, посмотреть или удалить шаблон.

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

Удаляем лишние баннеры, если они есть. В левой колонке панели администратора: «Внешний вид» — «Опции темы«. Удалите там все вставленные коды баннеров. Если желаете, то можете установить свои, но на молодом блоге баннеры нет смысла вешать.

dvpress.ru

Как установить шаблон на WordPress – руководство для новичков

Приветствую вас, дорогие посетители блога iklife.

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

Установка бесплатных шаблонов из каталога

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

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

Чтобы перейти к установке бесплатных тем от сообщества Вордпресс, выберите в боковом меню: Внешний вид – Темы – Добавить новую. Так вы попадете на страницу каталога бесплатных шаблонов для ВП.

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

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

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

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

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

Установка бесплатных шаблонов с помощью архива

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

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

Затем, если хотите, вы можете удалить тему, но уже с помощью стандартного функционала. Для этого нажмите на установленную тему и прямо на странице самого шаблона кликните на кнопку “Удалить” в правом нижнем углу.

Установка премиум-тем

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

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

Кстати об этом, позволю себе рассказать о некоторых из них. Итак, премиум-шаблоны можно купить:

• ThemeForest – крупнейший магазин цифровых товаров во всем интернете.

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

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

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

• TemplateMonster – еще один крупный поставщик тем оформления для ВордПресс.

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

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

Здесь же отмечу, что помимо премиум-шаблонов, через TemplateMonster можно заказать уникальный вариант для собственного сайта. Цена, конечно же, будет весьма отличаться – стоимость создания уникального дизайна начинается от 1 000 долларов.

• WPShop – русскоязычный магазин тем и плагинов для WordPress.

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

Кстати говоря, на нашем курсе “Как создать блог” мы настоятельно рекомендуем новичкам тему Root, доступную как раз в этом магазине. Как и все прочие продукты, тема отлично оптимизирована для SEO, имеет в себе удобные инструменты работы для блогов, а также великолепную универсальность.

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

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

Чтобы изменить настройки любого продукта, как бесплатного, так и платного, вы можете воспользоваться двумя вариантами:

1. Нативный настройщик WordPress.
2. Собственный настройщик от автора (есть далеко не везде).

Каждый из этих способов позволит вам легко и непринужденно редактировать все параметры дизайна на своем веб-ресурсе, позабыв о мучениях с html- и css-кодами.

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

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

Вкратце расскажу об основных пунктах в настройщике ВордПресс:

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

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

Заключение

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

Здесь же позволю себе дать вам один совет: не пытайтесь найти лучшую тему с первого раза. Порой лучше остановиться на одном варианте и понять, что же на самом деле вам нужно. А то бывает, что люди просто теряются из-за такого многообразия. Вы в любой момент можете переустановить тему, поэтому не надо бояться трогать настройки.А если вы хотите лучше разбираться в дизайне для сайтов, да и в самих сайтах в целом, то советую обратить внимание на курс Василия Блинова “Как создать блог”. На нем вы сможете понять, что такое хороший дизайн для WordPress и как с ним взаимодействовать.

iklife.ru