Як дізнатись, яка тема оформлення WordPress використовується на чужому сайті?

Вас колись цікавило, яку тему оформлення використовує той чи інший веб-сайт?

Часто в пошуках ідеальної теми ми дивимося на інші реалізовані проекти, щоб знайти щось схоже або зробити свій сайт на такій же темі, тільки зі своїм індивідуальним оформленням.

У цьому уроці ми покажемо, які інструменти та трюки можна застосувати, щоб дізнатися, яку тему оформлення використовує цей сайт на 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 на свої, в такому випадку визначити оригінал теми буде дуже складно.

Джерело: wpbeginner.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/