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

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

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

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

У цьому уроці ми покажемо, які інструменти та трюки можна застосувати, щоб дізнатися, яку тему оформлення використовує цей сайт на WordPress.

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

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

Спосіб 1. Сайт перевірки IsItWP

Найпростіший спосіб - це зайти на isitwp.com та перевірити там сайт, який вас цікавить.

Це онлайн-інструмент, який покаже вам, яку тему використовує WordPress, і чи взагалі використовується WordPress на цьому сайті.

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

Якщо на сайті стоїть WordPress, IsItWP спробує дізнатися про ім'я поточної теми оформлення.

Також він спробує дізнатися, які активні плагіни використовуються на сайті:

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

Якщо вам пощастило, і це не кастомна чи дочірня тема, IsItWP видасть її назву, і далі ви можете знайти цю тему в пошукових системах.

Спосіб 2. Визначаємо вручну

Іноді власники сайту або розробники змінюють назву рідної теми WordPress. У такому разі інструменти на зразок IsItWP не зможуть вам допомогти.

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

Давайте подивимося.

Кожна тема оформлення WordPress має мати файл style.css. Цей файл містить всередині заголовок (header), в якому, як правило, вказано ім'я теми, автор теми, версія та сайт-розробник теми. Також там вказуються інші шаблони CSS-стилів, які використовує тема.

Щоб знайти цей файл, спочатку потрібно зайти на сам сайт. Клацніть правою кнопкою десь на головній сторінці та перейдіть до перегляду вихідного коду (Перегляд сторінки).

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

У браузері у новій вкладці відкриється вихідний код головної сторінки сайту.

Тепер вам потрібно знайти рядок коду, який виглядає приблизно так:

<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/

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

Єгор:

Можна ще скористатися визначником теми:
https://www.wptheme.us/opredelitel-nazvaniya-temy/

Serg:

Дякую! За допомогою цього способу зрозумів, що сайт на бітріксі і знайшов його тему!

лілія:

Це найкраща стаття, все докладно і зрозуміло, велике спасибі))

Додати коментар

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

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

У цьому уроці ми покажемо, які інструменти та трюки можна застосувати, щоб дізнатися, яку тему оформлення використовує цей сайт на WordPress.

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

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

Спосіб 1. Сайт перевірки IsItWP

Найпростіший спосіб - це зайти на isitwp.com та перевірити там сайт, який вас цікавить.

Це онлайн-інструмент, який покаже вам, яку тему використовує WordPress, і чи взагалі використовується WordPress на цьому сайті.

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

Якщо на сайті стоїть WordPress, IsItWP спробує дізнатися про ім'я поточної теми оформлення.

Також він спробує дізнатися, які активні плагіни використовуються на сайті:

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

Якщо вам пощастило, і це не кастомна чи дочірня тема, IsItWP видасть її назву, і далі ви можете знайти цю тему в пошукових системах.

Спосіб 2. Визначаємо вручну

Іноді власники сайту або розробники змінюють назву рідної теми WordPress. У такому разі інструменти на зразок IsItWP не зможуть вам допомогти.

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

Давайте подивимося.

Кожна тема оформлення WordPress має мати файл style.css. Цей файл містить всередині заголовок (header), в якому, як правило, вказано ім'я теми, автор теми, версія та сайт-розробник теми. Також там вказуються інші шаблони CSS-стилів, які використовує тема.

Щоб знайти цей файл, спочатку потрібно зайти на сам сайт. Клацніть правою кнопкою десь на головній сторінці та перейдіть до перегляду вихідного коду (Перегляд сторінки).

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

У браузері у новій вкладці відкриється вихідний код головної сторінки сайту.

Тепер вам потрібно знайти рядок коду, який виглядає приблизно так:

<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/

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

Єгор:

Можна ще скористатися визначником теми:
https://www.wptheme.us/opredelitel-nazvaniya-temy/

Serg:

Дякую! За допомогою цього способу зрозумів, що сайт на бітріксі і знайшов його тему!

лілія:

Це найкраща стаття, все докладно і зрозуміло, велике спасибі))

Додати коментар