Как установить свой шаблон на wordpress. Установка шаблона wordpress через ftp

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

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

Если у вас был такой опыт, то вам не составит никакого труда подправить цветовую составляющую в шаблоне темы WordPress, которая вам приглянулась. Так что-то я отвлекаюсь, продолжим... Помимо всего этого нужно учитывать не только стиль темы, но и ее структуру, которая может оказаться слишком запутанной для начинающего вебмастера. В основном, все они по своей конструкции похожи и отличаются только расположением сайдбаров (колонок), которые чаще всего стоят слева или справа, или одновременно с двух сторон. Бывают кстати и такие темы, у которых сразу два сайдбара стоят с одной стороны, как, например, у Михаила Шакина .

Также бывают темы с спойлерами и без. Это такой слайдер, который показывает публикации или просто картинки, под меню перелистывая их. Ок, предположим, что вы уже нашли ту тему, которая вам понравилась, если же нет просто вбейте в Яндекс: скачать переведенные темы (шаблоны) для 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?

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

Чтобы закачать тему вам надо открыть ввести свои данные, такие как: хост, логин, пароль и подключиться к своему сайту. После этого вам нужно по такому адресу: httpdocs (или public_html, www, domains) /wp-content/themes закачать уже распакованную тему в папку themes ,где хранятся все темы оформления блога. После этого в админке надо ее активировать, как и в первом примере.

4 ) Вот мы и подошли к самому последнему способу установки темы (шаблона) на WordPress. Закачать ее можно через сайт вашего хостинга. Свой пример я буду показывать на , которым довольно-таки долго пользуюсь. Кстати, классный хостинг с дешевыми ценами, лучше пока что не видел. Итак, тут нет ничего трудного, вся процедура похожа, как и с FTP клиентом. В правой колонке «управления услугами» кликам на «сайты» потом «менеджер файлов», открываем папку themes и закачиваем в нее уже распакованную тему. Затем переходим в блог и активируем ее.

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

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

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

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

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

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

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

Где-то, на просторах Интернет, мы нашли интересную, на первых взгляд, тему (он же — шаблон), теперь пора ее установить.

Но прежде, необходимый минимум, требование:

  • Ваш Вордпресс работает нормально на стандартных или старых темах. Но захотелось чуточку больше красоты, функционала, новизны … Вообще, если все работает нормально — старайтесь ничего не трогать, по личному опыту скажу, что последующие доделывания могут все порядком испортить. Будьте аккуратны с новыми шаблонами, даже если вы их приобретаете из надежных источников. А если из не надежных … . По этому, второе условие —
  • Ставим плагин TAC . Условие: если ссылки на другие источники можно легко исправить — шаблон оставляем, если нет, шаблон содержит Encrypted Code Found! — забудьте о теме. Да, можно все «полечить», но оно того не стоит…

Как установить новый шаблон на Вордпресс

Пользуюсь двумя способами установки:

  • Через админку самого ВП : Внешний вид -> Темы -> Добавить Новую -> Добавить темы — Загрузить … ,
  • Через Хостинг: (Менеджер файлов прокликиваю до / domains/ ваш_сайт/ wp-content/ themes. (Или FTP менеджер).
Первый способ — самый простой, но не всегда рабочий, ибо по умолчанию, некоторые хостинги (особенно бесплатные) накладывают ограничение в размере 6 мБ (или 2, 4-х, 10-те мБ). Если файл превышает эти показатели — выводится ошибка, что закачать невозможно, в доступе отказано. Тему не установить.

Вот тогда уже использую сам менеджер файлов хостинга (или ФТП, суть одна — ручками прокликать до хранилища тем WP, и соответственные действия).

По идее, все очень просто. Для демонстрации пример в картинах:

Порядок действий по установке шаблона на WP (1 вариант)

1 С раздела сайта данного блога скачали , естественно, себе на ПК; 2 Заходим в админ. часть WP: Внешний вид -> Темы -> Добавить Новую -> Добавить темы — Загрузить …

Первый вариант: тема загружена

После сообщений вида:

Извлечение файлов…

Установка темы…

Тема успешно установлена.

Второй вариант: Архив не удалось установить

Сообщение вида:

Извлечение файлов…

Установка темы…

Архив не удалось установить. В теме отсутствует таблица стилей style.css.

Установка темы не удалась.

Открываем загружаемый архив с шаблоном, а там находим подобное (striking — имя темы):

А надо, чтоб было:

Т.е. в ней должны быть особенные «шаблонные» файлы, например: … и прочие.

Движок WP не желает самостоятельно искать соответственную установочную папку.

Делаем это вместо него. Вытаскиваем папку (в моем случае, striking) из архива. И процедуру загрузки повторяем … (но шаблон должен быть в zip, т.е. в моем случае архивируем его. Но обычно, архив содержит другой архив — с одноименным названием шаблона Вордпресс).

Третий вариант: upload_max_filesize

Сообщение вида:

Размер загруженного файла превышает значение upload_max_filesize, установленное в файле php.ini.

Три возможности на выбор:

  • Если хостинг не против, в самой «высшей» папке: php-bin/php.ini найти строку upload_max_filesize = 2M , и выставить желаемый размер, превышающий веса архива с темой (upload_max_filesize = 124M ) .
  • Или настраивается отдельно, например на хостинге Джино : Главная / Управление / Настройки web-сервера / Настройки PHP, max_file_uploads — установить значение большее загружаемого файла.
  • Или через ФТП или файловый хостинговый менеджер: ваш_сайт/wp-content/themes закачиваем архив и тут же его распаковываем.

Порядок действий по установке шаблона WordPress (2 вариант)

Вообще то, я его только что описал: через ФТП или файловый хостинговый менеджер: ваш_сайт/wp-content/themes закачиваем архив и тут же его распаковываем. Но только следите, чтоб архив содержал файлы вида, как не рис. 2 (index.php, footer.php, header.php …), а не еще одну папку …

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. Theme Name.
  2. Theme URL.
  3. Description.
  4. Author.
  5. Author URL.

Далее вам необходимо создать файл «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. Любительская настройка через «админку» в разделе «Внешний вид» — «Настроить». Этот способ идеально подойдет для новичка.

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

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

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

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

Поэтому, в начале, разберем установку шаблона WordPress на denwer.

Установка темы WordPress на denwer

К примеру, выбираем тему TwentyFifteen на официальном сайте wordpress.org/themes :

Переходим в консоль управления, выбираем «Внешний вид» — «Темы». Если все сделано верно, то новый шаблон Twenty Fifteen появится в этом разделе. Вам остается только нажать кнопку «Активировать». После установки темы WordPress, ваш блог примет вид, который ей соответствует. Таким же методом вы можете добавить не одну, а сразу несколько папок с выбранными темами на денвер.

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

Как установить шаблон Вордпресс на хостинг?

После того, как вы поставили CMS WordPress на хостинге, есть два варианта установки шаблона WordPress.

Первый – это установить новую тему WordPress непосредственно из админки блога. Заходим «Внешний вид» — «Темы», выбираем «Добавить новую».

Из появившегося списка можно просмотреть и выбрать подходящие шаблоны.

Жмем «Установить» и ждем, пока не появится следующий результат:

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

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

Только теперь, чтобы скопировать файлы темы на удаленный сервер, нужно воспользоваться ftp-клиентом. Соединяемся с сервером и переносим распакованный архив с файлами шаблона в папку /www/ваш-блог.ru/wp-content/themes/ .

Теперь активируем новую тему в админке блога. И смотрим результат:

Как видите, ничего сложного в установке темы WordPress на хостинг или denwer нет. Экспериментируйте в свое удовольствие.

P.S. Перед отъездом из Анапы мы успели сходить в однодневный конный поход — мой подарок на День рождения. Это был очень насыщенный маршрут, втроем мы скакали на конях через казачьи станицы, леса, поля, спешивались в непроходимой чаще, переходили реки вброд и даже падали с коней! На обед останавливались в бывшем казачьем стане, готовили в печи и наслаждались полным единением с природой. Фото приложу чуть позже.

За дизайн сайта на CMS отвечают темы оформления, для WordPress которых написано огромное количество.

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

Часть тем оформления можно установить из панели администрирования, часть - найти и скачать со сторонних ресурсов. Рассмотрим порядок действий в обоих случаях.

Установка тем из админ-панели

1. Перейдите в раздел Внешний вид -> Темы .

2. На открывшейся странице вы увидите уже установленные темы. Для добавления нового шаблона нажмите соответствующую кнопку (их WordPress предлагает целых две).

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

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

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

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

7. Обычно темы оформления имеют собственные настройки. Для них может быть создан отдельный раздел админ-панели, но чаще всего чтобы перейти к настройкам шаблона достаточно нажать кнопку Настроить в его блоке (раздел Внешний вид -> Темы ).

Установка шаблонов из архива

Темы, которых нет в поиске панели управления WordPress, обычно распространяются в виде ZIP-архивов.

Для установки такого шаблона после скачивания (или загрузки на сервер) его необходимо распаковать в папку вида адрес_блога_wordpress/wp-content/themes/ , чтобы тема в конечном счёте лежала в директории адрес_блога_wordpress/wp-content/themes/название_темы .

Например, мы скачали тему flat-whait, распаковали её в папку test1.ru/www/wp-content/themes , и теперь файлы шаблона располагаются по адресу test1.ru/www/wp-content/themes/flat-white/ .

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