Как узнать, какая тема оформления WordPress используется на чужом сайте?

Вас когда-то интересовало, какую тему оформления использует тот или иной веб-сайт?

Часто в поисках идеальной темы мы смотрим на иные реализованные проекты, чтобы найти что-то похожее или сделать веб-сайт на такой же теме, только со индивидуальным оформлением.

В этом уроке мы покажем, какие инструменты и трюки можно легко применить, чтобы узнать, какую тему оформления использует этот веб-сайт на WordPress.

Как узнать, какая тема оформления WordPress используется на чужом веб-сайте?

Смотрите также:

  • 9 советов и подсказок при выборе новой темы оформления WordPress
  • 5 советов при выборе подходящей темы на WordPress
  • Стартовые темы WordPress: Что это такое и следует ли с ними работать?
  • Готовая WordPress тема или собственная? Плюсы и минусы
  • Как создать идеальную тему для WordPress при помощи TemplateToaster

Метод 1. Веб-сайт проверки IsItWP

Самый простой метод — это зайти на isitwp.com и проверить там веб-сайт, который вас интересует.

Это онлайн-инструмент, который покажет вам, какую тему использует WordPress, и используется ли вообще WordPress на этом веб-сайте.

Как узнать, какая тема оформления WordPress используется на чужом веб-сайте?

Если на веб-сайте следует WordPress, IsItWP попытается узнать имя текущей темы оформления.

Также он попытается узнать, какие активные плагины используются на веб-сайте:

Как узнать, какая тема оформления WordPress используется на чужом веб-сайте?

Если вам повезло, и это не кастомная или дочерняя тема, то IsItWP выдаст ее название, и дальше вы можете найти эту тему в поисковиках.

Метод 2. Определяем вручную

Иногда владельцы веб-сайта или разработчики меняют название родной WordPress темы. В таком случае инструменты вроде IsItWP не смогут вам помочь.

Но даже если так, в коде веб-сайта все равно могут остаться различные подсказки, которые помогут вычислить, что же за тема установлена.

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

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

Чтобы найти этот файл, для начала необходимо зайти на сам веб-сайт. Кликните правой кнопкой где-то на главной странице и перейдите к просмотру исходного кода( View Page Source).

Как узнать, какая тема оформления 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' />

Чтобы облегчить задачу, можно выполнить Поиск по данной вкладке с кодом по фрагменту » themes «. Это часть из директории, где лежит style.css.

Таким образом вы найдете путь, по которому лежит файл style.css, и сможете открыть этот файл напрямую в браузере в новой вкладке.

В верхней части style.css будет находиться шапка с заголовком(о котором мы говорили выше). Это сервисная информация о теме оформления. Выглядит это примерно так:

/*Theme Name: Theme Name Theme URI: https://example.comAuthor: ThemeAuthorNameAuthor URI: https://example.comDescription: My Theme is a flexible WordPress theme designed for portfolio websitesVersion:        1.1.47License:        GNU General Public License v2 or laterLicense URI:    http://www.gnu.org/licenses/gpl-2.0.htmlText Domain:    hestiaTags: 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 ThemeDescription:  Just a child themeAuthor:       Peter SmithAuthor URL:   Write here the author's blog or website urlTemplate:     hestiaVersion:      1.0License:      GNU General Public License v2 or laterLicense URI:  http://www.gnu.org/licenses/gpl-2.0.htmlText Domain:  my-child-theme*/

В примере выше на родительскую тему указывает настройка » Template «, то есть для данной дочерней темы используется родительская тема «Hestia».

Также о родительской теме можно легко узнать из исходного кода, описанного в Методе 2. В коде вы найдете отсылку к файлу style.css не только от дочерней темы, но и от родительской темы.

Но не забывайте, что разработчик мог постараться и настроить все заголовки для style.css на ваши, в таком случае определить оригинал темы будет сложно.

Источник: wpbeginner.com

Добавить комментарий

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