У цьому уроці я не описуватиму різні теми для WordPress і порівнювати їх. Також тут ви не знайдете опис характеристик та можливостей тем. Залишимо це для окремої рубрики нашого проекту. Давайте поговоримо про основні принципи.
Ви встановили WordPress , але стандартна тема Twenty Eleven вам здається занадто простою та нудною. Ви хочете надати своєму сайту оригінального зовнішнього вигляду. Отже, як встановити нову тему оформлення?
Дивіться також:
- Avada — найбільш багатоцільова тема WordPress, що продається в світі
- Tower є багатоцільова преміум бізнес тема для WordPress
- Pravda Theme – модна преміум тема WordPress для фотоблогів та журналів
- Salient – творча багатоцільова тема WordPress із понад 35,000 завантажень
- WPStore - багатофункціональна WooCommerce тема для створення інтернет-магазинів
Для початку розберемося, що таке "тема" в контексті WordPress.
Тема WordPress це оболонка сайту, його зовнішній вигляд. З технічної точки зору, це набір файлів .php і стилів розмітки .css, які визначають структуру, розміщення та колірне оформлення елементів на сайті.
Ви можете переглянути докладний відео урок у наступному ролику:
При зміні теми сам контент та інформаційне наповнення сайту ніяк не змінюється . Змінюється лише подача цього матеріалу. Ось приклад. Так виглядає тестовий сайт на стандартній темі Twenty Eleven :
А так виглядає той самий сайт із чудовою журнальною темою PRESSure :
Встановлення теми
Перед тим, як встановити нову тему на сайт, потрібно завантажити її . На просторах Інтернету ви легко зможете знайти сотні тисяч різних тем оформлення WordPress, як платних, так і безкоштовних. Щоб переконатися, достатньо набрати пошуковий запит WordPress themes , і ви самі побачите кількість результатів видачі.
Якщо вас цікавлять готові теми російською мовою з якісним перекладом та локалізацією, з непоганою добіркою ви зможете ознайомитись на блозі Hostenko . Теми можна завантажити як окремо, так і відразу створити готовий сайт на базі обраної теми.
Є два способи встановлення теми WordPress на сайт: через Консоль управління сайтом або через FTP-клієнт. Давайте коротко розглянемо обидва варіанти.
Установка через Консоль
Щоб завантажити тему на сайт через Консоль, вона має бути завантажена та збережена у форматі .zip . Тільки такий формат приймає вбудований у WordPress завантажувач тем.
Перейдіть до Консоль і перейдіть до меню Зовнішній вигляд → Теми . У цьому меню відображаються всі встановлені на сайт теми в даний момент. Натисніть Встановити теми.
Натисніть Завантажити :
Тепер вказуємо шлях до збереженої раніше теми у форматі .zip і тиснемо Встановити.
Тема встановиться, і після повернення в меню Теми ви побачите її в списку Доступних тем. Просто натисніть Активувати.
Ось і все, нова тема активована. Ви відразу побачите повідомлення про налаштування віджетів.
Справа в тому, що кожна тема по-своєму налаштована на роботу з віджетами, тому рекомендую все ж таки перейти на сторінку і відразу впорядкувати їх за своїм бажанням.
Достатньо перетягнути потрібні віджети з лівої частини в Основне поле для віджетів . Тепер ви можете натиснути на заголовок сайту у верхній частині Консолі і подивитися, як виглядає ваш сайт з новою темою.
Встановлення через FTP-клієнт
Цей спосіб передбачає, що у вас є логін і пароль для FTP доступу до сайту, та й, власне, саме право доступу. Нам знадобиться FTP-клієнт, підійде будь-хто. Я розповім на прикладі FileZilla - відмінне безкоштовне та кросплатформне рішення, є клієнти для Windows, Mac OS X, Linux.
Ось так виглядає робоче вікно FileZilla під Windows 7:
Для з'єднання з нашим сайтом, куди ми хочемо завантажити нову тему, потрібно зробити таке.
Відкриваємо меню Файл → Менеджер сайтів , тиснемо на кнопку Новий сайт і задаємо будь-яке зручне для вас ім'я:
У правій частині вікна потрібно заповнити лише 3 поля: Хост , Користувач та Пароль . Хост – це адреса вашого сайту. Інформація про ці три поля видається вашим хостинг-провайдером. Якщо ви не знаєте ім'я користувача та пароль, зверніться до служби підтримки вашого хостинг-провайдера.
Заповнюємо ці 3 поля і тиснемо З'єднатися (щоб ввести Користувача та Пароль, потрібно змінити Тип входу з "Анонімний" на "Нормальний"). Наступного разу заповнювати знову нічого не доведеться, вся інформація зберігатиметься в Менеджері сайтів.
Як тільки з'єднання буде встановлено, ви побачите структуру файлу вашого сайту. Нас цікавить каталог /wp-content/themes . Бачимо, що в ньому лежить лише одна папка з ім'ям " twentyeleven " - там зберігається стандартна тема Twenty Eleven.
Все, що потрібно зробити, це помістити поряд з папкою "twentyeleven" нашу нову тему. Тут на відміну від першого способу в тому, що завантажувати потрібно цього разу не .zip архів з темою, а папку , яка лежить усередині цього архіву. Тому розпаковуємо раніше завантажений архів з темою і просто перетягуємо мишкою папку у вікно FileZilla поруч із "twentyeleven". В результаті має вийти ось так:
На цьому все. Тепер можна закривати FileZilla. Залишилося тільки перейти в Консоль WordPress та активувати нову тему з меню Зовнішній вигляд → Теми з інструкції, описаної в першій частині уроку.
Тепер ви знаєте, як встановити теми для сайту на WordPress. Перший спосіб - простіший і зрозуміліший для новачків, т.к. всі дії виконуються безпосередньо через Консоль. Але перевага другого в тому, що можна редагувати окремі теми файли безпосередньо через FTP-клієнт. Це зручно, якщо потрібно підкоригувати певний параметр прямо на сайті без необхідності заново завантажувати тему повністю.
Коментарі до запису: 24
Дуже корисна стаття !!!!! Дякую!!!
На свій сайт я замовляв тему на замовлення. В американській студії. Зробили за 20 днів, я одержав. Вона була англійською мовою, але я її спритно переклав. Головне трохи знати CSS та HTML. Якщо хочете переглянути переклад, то заходьте на мій сайт:
Ну а якщо я вже свій сайт переклав, то можу вам допомогти. На рахунок ціни побачимо, а деяким зроблю безкоштовно! Якщо пишіть на EMail: okuznetcov29@yandex.ru
Олегу, адресу американської студії могли б повідомити? Я написав на вказане мило, відповіді не дочекався. А посилання на сайт видає фатал ерор
спеціаліст просто однак :-)
Дуже хороша і зрозуміла стаття! Дякую.
Привіт, тобі майстер. Встановив таку тему /поміняв, оскільки попередня була заражена від господаря сайту і, мабуть, вірус перейшов до мене/, а тепер пошуковики: Яндекс і 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 Хром і Ніхром від Рамблера-видають сайт.
Вордпрес видав порожню сторінку. видалила тему відразу через FTP-клієнт, не з'ясувавши причин, бо відразу після завантаження цієї теми сайт перестав відображатися. він не відображається. що робити?
Якщо тема стала криво і сайт перестав вантажитися, потрібно видалити через ФТП папку з цією темою і спробувати зайти в адмінку сайту за прямим посиланням на сайт.com/wp-admin — тоді відновитися тема за замовчуванням Twenty Eleven
Молодець хлопець! Все доступно і просто пояснив! Відразу з інету на сайт тема, чудово!
І FileZilla не потрібна.
Спасибо большое!
Мій сайт став таким: http://www.avtocarnews.ru/
З ув. StingerVX888
чому ж я не маю такої функції «встановити теми»?
Щоб встановлювати теми, потрібний обліковий запис адміністратора WordPress. Гості та учасники так само як і автори не можуть встановлювати теми.
після завантаження у мене видає порожню сторінку з написом Welkome! пробував встановлювати заново, завантажувати стандартні теми -все в порожню ...
Хочу подякувати творцю цього опусу, оскільки щойно завдяки йому відновила сайт з бекапа. День провозився, але результат задоволений. Молодець, творець, все чітко та зрозуміло. Єдине, що відновилася не зовсім нова версія сайту — зникло два десятки статей, але це не втрата порівняння з цілим сайтом. Робіть бекапи ... і спіть спокійно! Всім удачі!
Я адміністратор, але встановити користувальницьку все одно не можу. Тепер свій безкоштовний дизайн потрібно платно встановлювати?
видалив папку із встановленою темою на сервері, зараз же при спробі зайти на сайт нічого немає крім білого вікна браузера ... як встановити тему, не входячи в ПУ вордпрес? а прямо із сервера.
Завантажте по ФТП іншу папку з темою до каталогу тем вашого сайту.
За зміни теми всі встановлені раніше плагіни нікуди не зникнуть? Чи не потрібно буде їх заново встановлювати?
Не зникнуть, плагіни самі собою, теми — самі собою. Зміна теми не впливає на встановлені плагіни.
А можна у вас ще запитати, як у експерта?) Офіційних тем російською мовою немає, я вірно розумію? Якщо завантажувати російську тему, то це на свій страх та ризик?
Чому ж? Є російські розробники тим, що включають у тему офіційну російську локалізацію. Також усі стандартні теми WordPress (TwentyFourteen, TwentyFifteen, TwentySixteen тощо) йдуть у комплекті з російською локалізацією. Ще у TemplateMonster досить багато шаблонів для WordPress російською мовою.
Здрастуйте, а як встановити тему з наявним контентом у папці цієї теми? При перегляді демо варіанта теми зовнішній вигляд сильно відрізняється від наступної усіановки, і навіть позиціонування елементів інше. Наприклад фотографії, показані при демо перегляді вибраної теми, не завантажуються при встановленні, а в папці з темою присутні
Для цього в темі має бути передбачений імпорт-шаблон, який завантажується в адмінці через Інструменти — Імпорт. Якщо розробники полінувалися і не передбачили цього, тоді залишається тільки вручну додавати та налаштовувати всі ці картинки та контент, щоб досягти результату схожого з Демо версією теми.
Автор використовує поняття «тема» та «шаблон» як синонімів. Це справді тотожні понтія, чи таки різні?
Боюся, як би це змішання понять не внесло плутанину в голови користувачів-початківців (у мою, наприклад).
Це синоніми.