Вас колись цікавило, яку тему оформлення використовує той чи інший веб-сайт?
Часто в пошуках ідеальної теми ми дивимося на інші реалізовані проекти, щоб знайти щось схоже або зробити свій сайт на такій же темі, тільки зі своїм індивідуальним оформленням.
У цьому уроці ми покажемо, які інструменти та трюки можна застосувати, щоб дізнатися, яку тему оформлення використовує цей сайт на WordPress.
Дивіться також:
- 9 порад та підказок при виборі нової теми оформлення WordPress
- 5 порад при виборі відповідної теми на WordPress
- Стартові теми WordPress: Що це таке і чи варто з ними працювати?
- Готова WordPress тема чи своя власна? Плюси і мінуси
- Як створити свою ідеальну тему для WordPress за допомогою TemplateToaster
Спосіб 1. Сайт перевірки IsItWP
Найпростіший спосіб - це зайти на isitwp.com та перевірити там сайт, який вас цікавить.
Це онлайн-інструмент, який покаже вам, яку тему використовує WordPress, і чи взагалі використовується WordPress на цьому сайті.
Якщо на сайті стоїть WordPress, IsItWP спробує дізнатися про ім'я поточної теми оформлення.
Також він спробує дізнатися, які активні плагіни використовуються на сайті:
Якщо вам пощастило, і це не кастомна чи дочірня тема, IsItWP видасть її назву, і далі ви можете знайти цю тему в пошукових системах.
Спосіб 2. Визначаємо вручну
Іноді власники сайту або розробники змінюють назву рідної теми WordPress. У такому разі інструменти на зразок IsItWP не зможуть вам допомогти.
Але навіть якщо так, у коді сайту все одно можуть залишитись різні підказки, які допоможуть обчислити, що ж за тема встановлена.
Давайте подивимося.
Кожна тема оформлення WordPress має мати файл style.css. Цей файл містить всередині заголовок (header), в якому, як правило, вказано ім'я теми, автор теми, версія та сайт-розробник теми. Також там вказуються інші шаблони CSS-стилів, які використовує тема.
Щоб знайти цей файл, спочатку потрібно зайти на сам сайт. Клацніть правою кнопкою десь на головній сторінці та перейдіть до перегляду вихідного коду (Перегляд сторінки).
У браузері у новій вкладці відкриється вихідний код головної сторінки сайту.
Тепер вам потрібно знайти рядок коду, який виглядає приблизно так:
<link rel='stylesheet' id='themename_style-css' href='http://example.com/wp-content/themes/theme-name/style.css?ver=1.1.47' type='text/css' media='all' />
Щоб полегшити завдання, можна виконати Пошук по цій вкладці з кодом фрагменту "ТемиЦе частина з директорії, де лежить style.css.
Таким чином ви знайдете шлях, яким лежить файл style.css, і зможете відкрити цей файл прямо в браузері в новій вкладці.
У верхній частині style.css буде шапка із заголовком (про який ми говорили вище). Це сервісна інформація щодо теми оформлення. Виглядає це приблизно так:
/* Theme Name: Theme Name Theme URI: https://example.com Author: ThemeAuthorName Author URI: https://example.com Description: My Theme is a flexible WordPress theme designed for portfolio websites Version: 1.1.47 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: hestia Tags: blog, custom-logo, portfolio, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready */
З цього блоку ви зможете дізнатися назву теми та адресу розробника. Далі залишається лише знайти цю тему в інтернеті.
Спосіб 3. Як знайти батьківську тему
Багато сайтів використовують дочірні теми для налаштування оформлення. І це цілком правильний підхід.
У разі, якщо ви знайшли файл style.css від дочірньої теми, у його шапці буде вказано інформацію про батьківську тему:
/* Theme Name: My Child Theme Description: Just a child theme Author: Peter Smith Author URL: Write here the author's blog or website url Template: hestia Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: my-child-theme */
У прикладі вище батьківську тему вказує параметр "шаблон"Тобто для цієї дочірньої теми використовується батьківська тема "Hestia".
Також про батьківську тему можна дізнатися з вихідного коду, описаного в способі 2. У коді ви знайдете відсилання до файлу style.css не тільки від дочірньої теми, але і від батьківської теми.
Але не забувайте, що розробник міг постаратися і змінити всі заголовки style.css на свої, в такому випадку визначити оригінал теми буде дуже складно.
Коментарі до запису: 3
Можна ще скористатися визначником теми:
https://www.wptheme.us/opredelitel-nazvaniya-temy/
Дякую! За допомогою цього способу зрозумів, що сайт на бітріксі і знайшов його тему!
Це найкраща стаття, все докладно і зрозуміло, велике спасибі))