Как изменить поиск по меню WordPress темы. SVG значок на пользовательский PNG - PullRequest
0 голосов
/ 25 мая 2018

У меня проблема со значком поиска в верхнем меню темы WordPress. Я хочу изменить его на собственный файл .png с надписью «Забронировать сейчас» и изменить его функцию с формы поиска, которая открывается в данный момент, на простой URL-адрес.чтобы открыть страницу магазина на веб-сайте.

Тема выглядит следующим образом: https://themes.waituk.com/entrada-default/

Мне удалось понять, что значок поиска представляет собой файл SVG, в то время как он работает с сетевыми инструментами Chrome ифайл theme styles.css, но обнаружил, что значок поиска упоминается несколько раз по всему файлу, и не был уверен, какой из них ссылается на него, или мне нужно что-то изменить в другом файле в структуре темы.

AnyПомощь будет оценена.

1 Ответ

0 голосов
/ 25 мая 2018

Из того, что я увидел по ссылке, которой вы поделились, в основном нужно понять две вещи:

1- Значок.Я не нашел ссылки на файл SVG, возможно, загружаемая тема отличается от демонстрационной страницы, которой вы поделились.В этом случае значок поиска генерируется плагином «icomoon» (https://icomoon.io/),, поэтому я предлагаю изменить класс span «icon icon-search» на новый класс с пользовательским css для вашего нового pngicon.

2- Функция поиска

Функция поиска также вызывается тем, что выглядит как плагин, в функции в jquery.main.js:

// apply search plugin
$body.search({
        hideOnClickOutside: false,
        menuActiveClass: 'search-active',
        menuOpener: '.search-opener',
        menuDrop: '.form-group'
    });

Здесь вам нужно будет изменить класс "search-opener" на что-то другое или закомментировать эту функцию, прежде чем изменять ссылку, как вы хотите. Надеюсь, это поможет.

...