如何將wordpress主題菜單搜索.svg圖標更改為自定義png

Question

我遇到一個wordpress主題頂部菜單搜索圖標的問題，我想將其更改為一個自定義的.png文件，說“立即預訂”，然后將其功能從當前打開的搜索表單更改為一個簡單的網址，以打開網站上的商店頁面。

主題為以下https://themes.waituk.com/entrada-default/

我設法弄清楚chrome的網絡工具和主題styles.css文件時，搜索圖標是一個svg文件，但發現在整個文件中都多次提到搜索圖標，並且不確定是哪個引用了它，或者如果我需要在主題結構的另一個文件中更改某些內容。

任何幫助，將不勝感激。

Answer 1

從您共享的鏈接中可以看到，基本上有兩件事需要在這里理解：

1-圖標。 我找不到對svg文件的任何引用，可能是可下載的主題不同於您共享的演示頁面。 在這種情況下，搜索圖標是由名為“ icomoon”（ https://icomoon.io/ ）的插件生成的，因此，我建議使用自定義CSS將span類“ icon icon-search”更改為新類。為您的新png圖標。

2-搜索功能

在jquery.main.js的函數中，似乎是插件的也調用了搜索功能：

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

在這里，您需要將“ search-opener”類更改為其他名稱，或者在根據需要修改鏈接之前注釋掉此函數。 我希望這有幫助。