Как найти, где лежит нужный элемент в WordPress?
Всем привет)
На странице нужно поменять плейсхолдеры
.
По коду страницы я их всех нашла, но не могу найти способ, как можно этот код править в WP.
В интернете не нашла ни плагинов, ни путь, где может лежать файл с кодом(
<div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="stm-c-f-search-form-category-wrap "> <div id="stm_search_form_category_17591694187670" class="stm-c-f-search-form-wrap"> <stm-search-form-category key="17591694187670" :stm_search_form_category_data="stm_search_form_category_data" :stm_search_form_category_texts="stm_search_form_category_text" inline-template> <div> <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link stm-cursor-pointer heading-font" data-v-bind_class="{ active: active_tab == 177}" data-v-on_click="set_active_tab(177)"><i class="stm-all-icon-car-1"></i> Авто из США</a> </li> <li class="nav-item"> <a class="nav-link stm-cursor-pointer heading-font" data-v-bind_class="{ active: active_tab == 178}" data-v-on_click="set_active_tab(178)"><i class="stm-all-icon-bike"></i> Мото из США</a> </li> <li class="nav-item"> <a class="nav-link stm-cursor-pointer heading-font" data-v-bind_class="{ active: active_tab == 179}" data-v-on_click="set_active_tab(179)"><i class="fa fa-bolt"></i> Авто из Китая</a> </li> </ul> <div class="tab-content"> <div data-v-if="active_tab == 177" class="tab-pane fade show active"> <div class="row"> <div data-v-if='category_selected.type_selected == 886' class='col-12 col-md-6 col-lg-3 '> <stm-field-dropdown inline-template data-v-bind_key="generateRandomId()" v-model='attribute.listing_type_886.motocycle_brand' placeholder="Brand" order_by='count' order='DESC' data-v-bind_callback_change='change' data-v-bind_items='attribute.listing_type_886.motocycle_brand_items' hide_empty='on' attribute_name='motocycle_brand' > <div class="ulisting-form-gruop"> <ulisting-select2 data-v-bind_key="generateRandomId()" data-v-bind_options='list' data-v-bind_placeholder="placeholder" data-v-model='value' theme='bootstrap4'></ulisting-select2> </div> </stm-field-dropdown> </div><div data-v-if='category_selected.type_selected == 886' class='col-12 col-md-6 col-lg-3 '> <stm-field-dropdown inline-template data-v-bind_key="generateRandomId()" v-model='attribute.listing_type_886.motocycle_model' placeholder="Model" order_by='count' order='DESC' data-v-bind_callback_change='change' data-v-bind_items='attribute.listing_type_886.motocycle_model_items' hide_empty='on' attribute_name='motocycle_model' > <div class="ulisting-form-gruop"> <ulisting-select2 data-v-bind_key="generateRandomId()" data-v-bind_options='list' data-v-bind_placeholder="placeholder" data-v-model='value' theme='bootstrap4'></ulisting-select2> </div> </stm-field-dropdown> |
<div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="stm-c-f-search-form-category-wrap "> <div id="stm_search_form_category_17591694187670" class="stm-c-f-search-form-wrap"> <stm-search-form-category key="17591694187670" :stm_search_form_category_data="stm_search_form_category_data" :stm_search_form_category_texts="stm_search_form_category_text" inline-template> <div> <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link stm-cursor-pointer heading-font" data-v-bind_class="{ active: active_tab == 177}" data-v-on_click="set_active_tab(177)"><i class="stm-all-icon-car-1"></i> Авто из США</a> </li> <li class="nav-item"> <a class="nav-link stm-cursor-pointer heading-font" data-v-bind_class="{ active: active_tab == 178}" data-v-on_click="set_active_tab(178)"><i class="stm-all-icon-bike"></i> Мото из США</a> </li> <li class="nav-item"> <a class="nav-link stm-cursor-pointer heading-font" data-v-bind_class="{ active: active_tab == 179}" data-v-on_click="set_active_tab(179)"><i class="fa fa-bolt"></i> Авто из Китая</a> </li> </ul> <div class="tab-content"> <div data-v-if="active_tab == 177" class="tab-pane fade show active"> <div class="row"> <div data-v-if='category_selected.type_selected == 886' class='col-12 col-md-6 col-lg-3 '> <stm-field-dropdown inline-template data-v-bind_key="generateRandomId()" v-model='attribute.listing_type_886.motocycle_brand' placeholder="Brand" order_by='count' order='DESC' data-v-bind_callback_change='change' data-v-bind_items='attribute.listing_type_886.motocycle_brand_items' hide_empty='on' attribute_name='motocycle_brand' > <div class="ulisting-form-gruop"> <ulisting-select2 data-v-bind_key="generateRandomId()" data-v-bind_options='list' data-v-bind_placeholder="placeholder" data-v-model='value' theme='bootstrap4'></ulisting-select2> </div> </stm-field-dropdown> </div><div data-v-if='category_selected.type_selected == 886' class='col-12 col-md-6 col-lg-3 '> <stm-field-dropdown inline-template data-v-bind_key="generateRandomId()" v-model='attribute.listing_type_886.motocycle_model' placeholder="Model" order_by='count' order='DESC' data-v-bind_callback_change='change' data-v-bind_items='attribute.listing_type_886.motocycle_model_items' hide_empty='on' attribute_name='motocycle_model' > <div class="ulisting-form-gruop"> <ulisting-select2 data-v-bind_key="generateRandomId()" data-v-bind_options='list' data-v-bind_placeholder="placeholder" data-v-model='value' theme='bootstrap4'></ulisting-select2> </div> </stm-field-dropdown>
Подскажите, пожалуйста, способы, как можно их заменить. Всем спасибо)
P.S. В редакторах типа элементор, стандартный редактор, гутенберг и т.д. этот блок не отображается. И это не относится к какому-то плагину.
Дополнительно:
Вариантов не много. Поиск по всем файлам проекта, поиск по БД.
Ответы:
Скорее всего этот код лежит где-то внутри купленной темы, из вордпресса добраться до него не реально.
Как указали в комментарии, нужен поиск по файлам проекта. Для этого, нужно попросить того, кто занимается этим проектом на сервере, чтобы он сделал поиск и вытащил нужные файлы для правки, или код из базы.
Если тема или плагин, которые это выводят, сделаны правильно, то эти плейсхолдеры подготовлены к переводу. А значит менять нужно локализацию.
loco translate в помощь.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Начинать нужно не с поиска плагина, а с определения источника этого HTML. По классам видно, что блок похож на компонент темы/плагина STM и, вероятно, выводится не обычным редактором WordPress, а виджетом/шорткодом/модулем конструктора. Поэтому вручную искать «страницу с таким div» в админке часто бесполезно: HTML собирается PHP-шаблоном и JavaScript-компонентом.
Самый быстрый путь:
stm-c-f-search-form-category-wrap,stm_search_form_category,stm-search-form-category.grep -R "stm-c-f-search-form-category" wp-content/themes wp-content/plugins grep -R "stm_search_form_category_text" wp-content/themes wp-content/plugins
Если есть доступ по SSH, удобнее использовать
rg:rg "stm_search_form_category|stm-c-f-search-form-category|placeholder" wp-contentrg "stm_search_form_category|stm-c-f-search-form-category|placeholder" wp-content
Когда найдёте файл, не правьте родительскую тему напрямую. Если это шаблон темы, переносите его в дочернюю тему. Если это текст из массива настроек, ищите в админке настройки модуля, перевод строки через Loco Translate или фильтр, который меняет текст перед выводом.
Если нужно поменять только placeholder, иногда безопаснее сделать через JS, но это запасной вариант:
document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('.stm-c-f-search-form-wrap input[placeholder]').forEach(function (input) { input.placeholder = 'Новый текст'; }); });document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('.stm-c-f-search-form-wrap input[placeholder]').forEach(function (input) { input.placeholder = 'Новый текст'; }); });
Такой JS не решает первопричину, зато не ломает обновления темы. Для постоянной правки лучше всё-таки найти шаблон/настройку модуля и изменить текст централизованно.