Как установить тему на вордпресс с компьютера

Обновлено: 04.07.2024

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

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

Существует несколько способов сделать это. Чаще всего темы для сайта находят в библиотеке WordPress. Их можно загружать через админпанель. Если же тема была найдена на стороннем ресурсе, ее нужно скачать на компьютер, и после этого установить вручную. Рассмотрим эти два способа подробнее.

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

Метод 2: Как установить тему WordPress из ZIP-файла

Шаблоны, взятые со сторонних ресурсов, а также преимум темы, которые приобретаются на сайте WordPress устанавливаются вручную. Это делается путем загрузки zip файлов в программу установки.

Установка необходимых плагинов для важных функциональных возможностей

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

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

Как настроить основные параметры вашей темы

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

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

Система управления содержимым сайта WordPress Customizer позволяет сразу оформить шаблон в полноценный сайт. При ее использовании можно увидеть на одной половине экрана страницу такой какая она есть, а на второй – предварительный просмотр запланированных изменений. Чтобы открыть Customizer надо пройти по пути – внешний вид→настроить.

Использование WordPress Customizer

Использование панели параметров пользовательской темы для настройки

Как добавить и настроить меню вашей темы

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

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

Как добавить виджеты своей теме в боковую панель и подвал сайта

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

Создание расширенных CSS-стилей и изменение кода вашей темы

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

Как добавить пользовательский CSS-код в тему

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

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

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

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

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

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

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

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

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

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

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

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

Но если честно, это не так уж и важно, если вы знаете хотя бы основы языка html или когда-то ковырялись в шаблонах, как я ^_^.

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

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

Бывают кстати и такие темы, у которых сразу два сайдбара стоят с одной стороны. Также бывают темы с спойлерами и без. Это такой слайдер, который показывает публикации или просто картинки, под меню перелистывая их.

Ок, предположим, что вы уже нашли ту тему, которая вам понравилась, если же нет просто вбейте в Яндекс: скачать переведенные темы (шаблоны) для WordPress.

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

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

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

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

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

И вот пришло время написание статьи по установке темы (шаблона) на WordPress и был бы большой грех с мой стороны не отвоевать эти шаблоны у моего коварного компьютера, который присвоил их себе на целых полгода.

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

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

Ок, теперь откройте папку вашей темы, там должны буду находиться только такие файлы: header.php, sidebar.php, footer.php, index.php, comments.php, functions.php, page.php, single.php, archive.php, searchform.php, search.php, 404.php style.css, а также папки с картинками оформления.

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

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

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

При переводе шаблона на русский язык программист вставляет ссылку, чаще всего в файл footer.php (низ блога) на свой сайт в кодированном виде при удалении которой перестает работать весь сайт.

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

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

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

Как автоматически установить тему на WordPress?

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

Вверху нажать на «добавить новую» затем «загрузить». Тут вам нужно будет выбрать архив темы, который должен быть на вашем компьютере в формате zip.

Если что, в формате rar WordPress не закачивает темы и выдает ошибку. После того как закачаете тему, снова зайдите во «внешний вид» «темы» и активируйте вашу тему оформления.

Если что-то непонятно – смотрите на картинки ниже.

2) Ок, как вы уже заметили тему необязательно закачивать с компьютера, ее можно найти и через ,«фильтр характеристик», который встроен в WordPress.

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

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

Как вручную установить тему (шаблон) на WordPress?

3) Давно, в далеком 2007г у движка WordPress еще не было автозагрузчика тем, плагинов и все это приходилось закачивать вручную через специальный FTP клиент, которым, кстати, до сих пор пользуются многие бывалые вебмастера, игнорируя возможность закачивать файлы через административную панель блога.

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

4) Вот мы и подошли к самому последнему способу установки темы (шаблона) на WordPress. Закачать ее можно через сайт вашего хостинга.

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

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

Какие файлы в теме (шаблоне) за что отвечают в структуре WordPress?

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

header.php – отвечает за создание верхней части сайта (шапки), в которой находится логотип (заголовок) блога, меню и иногда спойлер.

sidebar.php – отвечает за формирование сайдбара (колонки), которая находится слева или справа в зависимости от темы оформления.

footer.php – отвечает за формирование низа блога (подвала). В нем чаще всего прячут левые ссылки и ставят разнообразные счетчики.

index.php – отвечает за формирование и вывод контента (статей, страниц).

comments.php – отвечает за формирование и работу комментариев.

functions.php – отвечает за скрипты, которые выполняют какую-нибудь функцию на сайте.

page.php – отвечает за вывод страниц, которые чаще всего находятся в верхнем меню блога.

single.php – отвечает за вывод отдельных заметок статей на главной странице блога.

archive.php – отвечает за вывод содержимого категории, заметок и архивов.

searchform.php – отвечает за вывод формы поиска на блоге.

search.php – отвечает за вывод результатов поиска.

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

404.php – отвечает за вывод страницы ошибки при неправильном вводе адреса сайта.

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

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

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

При установке CMS WordPress в ней предустановленна стандартная тема Twenty Seventeen. Как правило, функционала этого шаблона недостаточно и поэтому возникает необходимость установить другой. Тему можно выбрать с официального каталога тем WordPress или приобрести на таких ресурсах как Templatemonster или Themeforest. При помощи нашего руководства вы сможете самостоятельно установить выбранную тему на свой сайт.

Как установить тему для WordPress

Установить тему для WordPress можно разными способами. Рассмотрим основные из них.

установка темы WordPress из официального каталога через административную панель сайта
установка скачанной темы WordPress через административную панель сайта
установка темы WordPress через FTP

Установка темы WordPress из официального каталога через сайт

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

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

Установка скачанной темы WordPress через сайт вручную

Если у вас имеется скачанная тема WordPress в формате .zip то установить ее можно таким образом:

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

Важно! Убедитесь, что вы загружаете архив именно в формате .zip

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

Установка темы WordPress через FTP

Установка темы WordPress через FTP реализуется посредством FTP клиента (например FileZilla) или файлового менеджера. Чтобы установить тему WordPress через FTP необходимо:

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

Смена темы WordPress через phpMyAdmin

Иногда бывают ситуации, когда после автоматического обновления WordPress или обновления различных установленных плагинов на сайте возникают ошибки и становиться невозможным вход в административную панель сайта или он вовсе перестает работать. В такой ситуации первое, что необходимо сделать — это вернуть стандартную предустановленную тему. Но как же это сделать, если административная панель сайта не работает? Решение есть — можно сменить тему WordPress через phpMyAdmin. Чтобы это сделать необходимо:

Найти файл wp-config.php. Как правило, этот файл находиться в кореневой папке установленного WordPress на хостинге. Найти его можно при помощи файлового менеджера, FTP клиента или cPanel.
Открыть файл wp-config.php и найти в нем строку define(‘DB_NAME’. После этого текста в кавычках будет указано имя базы данных. Базу данных именно с этим названием необходимо будет отредактировать.
Узнать какие стандартные темы предустановлены на сайте. Для этого в файловом менеджере в папке wp-content/themes просмотреть список тем. Предустановленные стандартные темы как правило имеют названия twentyfifteen, twentyseventeen, twentysixteen. Именно на одно из этих названий необходимо заменить название пользовательского шаблона темы в базе данных.
Войти phpMyAdmin (это можно сделать с панели управления хостинга, где находиться сайт) и найти название базы данных, которую искали в пункте №2.
Войти в таблицу со словом _options и найти там разделы template и stylesheet
Заменить название установленной темы на одну из стандартных. Если все пункты выполнены корректно, то сайт должен заработать на базе выбранной стандартной темы.

Важно! Если все пункты выполнены корректно, а сайт так и не заработал попробуйте очистить кэш браузера и/или кэш WordPress.

Заключение

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

Читайте также: