Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

У цьому уроці я не описуватиму різні теми для WordPress і порівнювати їх. Також тут ви не знайдете опис характеристик та можливостей тем. Залишимо це для окремої рубрики нашого проекту. Давайте поговоримо про основні принципи.

Ви встановили WordPress, але стандартна тема Двадцять одинадцять вам здається занадто простою і нудною. Ви хочете надати своєму сайту оригінального зовнішнього вигляду. Отже, як встановити нову тему оформлення?

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

Дивіться також:

Для початку розберемося, що таке "тема" в контексті WordPress.

Тема WordPress - Це оболонка сайту, його зовнішній вигляд. З технічної точки зору, це набір файлів .php і стилів розмітки .css, які визначають структуру, розміщення та колірне оформлення елементів на сайті.

Ви можете переглянути докладний відео урок у наступному ролику:

При зміні теми сам контент та інформаційне наповнення сайту ніяк не змінюється. Змінюється лише подача цього матеріалу. Ось приклад. Такий тестовий сайт виглядає на стандартній темі Двадцять одинадцять:

Як встановити тему оформлення WordPress

А так виглядає той самий сайт із чудовою журнальною темою PRESSure:

Як встановити тему оформлення WordPress

Встановлення теми

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

Як встановити тему оформлення WordPress

Якщо вас цікавлять готові теми російською мовою з якісним перекладом та локалізацією, з непоганою добіркою ви зможете ознайомитись на блозі Hostenko. Теми можна завантажити як окремо, так і відразу створити готовий сайт на базі обраної теми.

є 2 способи встановлення теми WordPress на сайт: через Консоль керування сайтом або через FTP-клієнт. Давайте коротко розглянемо обидва варіанти.

Установка через Консоль

Щоб завантажити тему на сайт через Консоль, вона має бути завантажена та збережена у форматі ZIP.. Тільки такий формат приймає вбудований у WordPress завантажувач тем.

Зайдіть до Консолі та перейдіть до меню Зовнішній вигляд → Теми. У цьому меню відображаються всі встановлені на сайт теми в даний момент. Натисніть Встановити теми.

Як встановити тему оформлення WordPress

Натисніть Завантажити:

Як встановити тему оформлення WordPress

Тепер вказуємо шлях до збереженої раніше теми у форматі .zip і тиснемо встановити.

Як встановити тему оформлення WordPress

Тема встановиться, і після повернення до меню Теми, ви побачите її у списку Доступних тем. Просто натисніть Активувати.

Як встановити тему оформлення WordPress

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

Як встановити тему оформлення WordPress

Справа в тому, що кожна тема по-своєму налаштована на роботу з віджетами, тому рекомендую все ж таки перейти на сторінку і відразу впорядкувати їх за своїм бажанням.

Як встановити тему оформлення WordPress

Достатньо перетягнути потрібні віджети з лівої частини в Основне поле для віджетів. Тепер ви можете натиснути на заголовок сайту у верхній частині Консолі і подивитися, як виглядає ваш сайт з новою темою.

Встановлення через FTP-клієнт

Цей спосіб передбачає, що у вас є логін и пароль для FTP доступу до сайту, та й, власне, саме право доступу. Нам знадобиться FTP-клієнт, підійде будь-хто. Я розповім на прикладі FileZilla- Відмінне безкоштовне та кросплатформне рішення, є клієнти для Windows, Mac OS X, Linux.

Ось так виглядає робоче вікно FileZilla під Windows 7:

Як встановити тему оформлення WordPress

Для з'єднання з нашим сайтом, куди ми хочемо завантажити нову тему, потрібно зробити наступне.

відкриваємо меню Файл → Менеджер сайтів, тиснемо на кнопку Новий сайт і задаємо будь-яке зручне для вас ім'я:

Як встановити тему оформлення WordPress

У правій частині вікна потрібно заповнити лише 3 поля: хост, Користувач и Пароль. Хост – це адреса вашого сайту. Інформація про ці три поля видається вашим хостинг-провайдером. Якщо ви не знаєте ім'я користувача та пароль, зверніться до служби підтримки вашого хостинг-провайдера.

Заповнюємо ці 3 поля і тиснемо З'єднатися (щоб ввести Користувача та Пароль, потрібно змінити Тип входу з "Анонімний" до "Нормального"). Наступного разу заповнювати знову нічого не доведеться, вся інформація зберігатиметься в Менеджері сайтів.

Як тільки з'єднання буде встановлено, ви побачите файлову структуру Вашого сайту. Нас цікавить каталог / Wp-зміст / теми. Бачимо, що в ньому лежить лише одна папка з ім'ям.двадцять одинадцять- Там зберігається стандартна тема Twenty Eleven.

Як встановити тему оформлення WordPress

Все, що потрібно зробити, це помістити поряд з папкою "twentyeleven" нашу нову тему. Тут на відміну від першого способу в тому, що завантажувати потрібно цього разу не .zip архів з темою, а папку, що лежить усередині цього архіву. Тому розпаковуємо раніше завантажений архів з темою і просто перетягуємо мишкою папку у вікно FileZilla поряд з "twentyeleven". В результаті має вийти ось так:

Як встановити тему оформлення WordPress

На цьому все. Тепер можна закривати FileZilla. Залишилося тільки перейти в Консоль WordPress та активувати нову тему з меню Зовнішній вигляд → Теми за інструкцією, описаною у першій частині уроку.

Тепер ви знаєте, як встановити теми для сайту на WordPress. Перший спосіб  - простіше і зрозуміліше для новачків, т.к. всі дії виконуються безпосередньо через Консоль. Але перевагадругий у тому, що можна редагувати окремі файли теми безпосередньо через FTP-клієнт. Це зручно, якщо потрібно підкоригувати певний параметр прямо на сайті без необхідності заново завантажувати тему повністю.

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 24

Mistervolf:

Дуже корисна стаття !!!!! Дякую!!!

Олег Кузнєцов:

На свій сайт я замовляв тему на замовлення. В американській студії. Зробили за 20 днів, я одержав. Вона була англійською мовою, але я її спритно переклав. Головне трохи знати CSS та HTML. Якщо хочете переглянути переклад, то заходьте на мій сайт:
Ну а якщо я вже свій сайт переклав, то можу вам допомогти. На рахунок ціни побачимо, а деяким зроблю безкоштовно! Якщо пишіть на EMail: okuznetcov29@yandex.ru

Камал:

Олегу, адресу американської студії могли б повідомити? Я написав на вказане мило, відповіді не дочекався. А посилання на сайт видає фатал ерор

Зайшов почитати:

спеціаліст просто однак :-)

Arizella:

Дуже хороша і зрозуміла стаття! Дякую.

Про Dachkin:

Привіт, тобі майстер. Встановив таку тему /поміняв, оскільки попередня була заражена від господаря сайту і, мабуть, вірус перейшов до мене/, а тепер пошуковики: Яндекс і Google, не видають сайт і пишуть:Older posts. Fatal error: Call для undefined function get_post_format() in /home/p/ provse/public_html/wp-content/themes/twentyeleven/index.php on line 27. Якщо буде час, будь ласка скажи, що це і як це виправити o. dachkin@mail.ru, буду вдячний. Google Хром і Ніхром від Рамблера-видають сайт.

Natalya Pominova:

Вордпрес видав порожню сторінку. видалила тему відразу через FTP-клієнт, не з'ясувавши причин, бо відразу після завантаження цієї теми сайт перестав відображатися. він не відображається. що робити?

WordPresso:

Якщо тема стала криво і сайт перестав вантажитися, потрібно видалити через ФТП папку з цією темою і спробувати зайти в адмінку сайту за прямим посиланням на сайт.com/wp-admin — тоді відновитися тема за замовчуванням Twenty Eleven

Stingervx888:

Молодець хлопець! Все доступно і просто пояснив! Відразу з інету на сайт тема, чудово!
І FileZilla не потрібна.
Спасибо большое!
Мій сайт став таким: http://www.avtocarnews.ru/
З ув. StingerVX888

Zhrvla:

чому ж я не маю такої функції «встановити теми»?

WordPresso:

Щоб встановлювати теми, потрібний обліковий запис адміністратора WordPress. Гості та учасники так само як і автори не можуть встановлювати теми.

Максим:

після завантаження у мене видає порожню сторінку з написом Welkome! пробував встановлювати заново, завантажувати стандартні теми -все в порожню ...

Катерина:

Хочу подякувати творцю цього опусу, оскільки щойно завдяки йому відновила сайт з бекапа. День провозився, але результат задоволений. Молодець, творець, все чітко та зрозуміло. Єдине, що відновилася не зовсім нова версія сайту — зникло два десятки статей, але це не втрата порівняння з цілим сайтом. Робіть бекапи ... і спіть спокійно! Всім удачі!

stacyrichard:

Я адміністратор, але встановити користувальницьку все одно не можу. Тепер свій безкоштовний дизайн потрібно платно встановлювати?

Олександр:

видалив папку із встановленою темою на сервері, зараз же при спробі зайти на сайт нічого немає крім білого вікна браузера ... як встановити тему, не входячи в ПУ вордпрес? а прямо із сервера.

WPcafe.org:

Завантажте по ФТП іншу папку з темою до каталогу тем вашого сайту.

Чу:

За зміни теми всі встановлені раніше плагіни нікуди не зникнуть? Чи не потрібно буде їх заново встановлювати?

WPcafe.org:

Не зникнуть, плагіни самі собою, теми — самі собою. Зміна теми не впливає на встановлені плагіни.

Чу:

А можна у вас ще запитати, як у експерта?) Офіційних тем російською мовою немає, я вірно розумію? Якщо завантажувати російську тему, то це на свій страх та ризик?

WPcafe.org:

Чому ж? Є російські розробники тим, що включають у тему офіційну російську локалізацію. Також усі стандартні теми WordPress (TwentyFourteen, TwentyFifteen, TwentySixteen тощо) йдуть у комплекті з російською локалізацією. Ще у TemplateMonster досить багато шаблонів для WordPress російською мовою.

вячеслав:

Здрастуйте, а як встановити тему з наявним контентом у папці цієї теми? При перегляді демо варіанта теми зовнішній вигляд сильно відрізняється від наступної усіановки, і навіть позиціонування елементів інше. Наприклад фотографії, показані при демо перегляді вибраної теми, не завантажуються при встановленні, а в папці з темою присутні

WPcafe.org:

Для цього в темі має бути передбачений імпорт-шаблон, який завантажується в адмінці через Інструменти — Імпорт. Якщо розробники полінувалися і не передбачили цього, тоді залишається тільки вручну додавати та налаштовувати всі ці картинки та контент, щоб досягти результату схожого з Демо версією теми.

Всеволод:

Автор використовує поняття «тема» та «шаблон» як синонімів. Це справді тотожні понтія, чи таки різні?
Боюся, як би це змішання понять не внесло плутанину в голови користувачів-початківців (у мою, наприклад).

Andrey Vasylenko:

Це синоніми.

Додати коментар або відгук