在wordpress中编辑导航菜单的HTML

时间:2016-10-11 14:31:24

标签: html css wordpress

我在wordpress主题中遇到HTML编辑问题。我创建了一个包含图像的CSS类,我用这个css类创建了一个菜单项。现在我需要将整个图像作为按钮点击,将我转移到另一个页面。我知道该怎么做,但我不知道怎么做。

我需要更新以下HTML代码:

<li id="menu-item-306" class="sortimentButton menu-item menu-item-type-post_type menu-item-object-page menu-item-306"> <a href="http://beeweiss.com/sortiment/"></a>Sortiment</li>

此HTML代码:

<a href="http://beeweiss.com/sortiment/">Sortiment
<li id="menu-item-306" class="sortimentButton menu-item menu-item-type-post_type menu-item-object-page menu-item-306"></li></a>

我需要在wordpress中更新哪些文件,以便为菜单项进行此类HTML自定义?

2 个答案:

答案 0 :(得分:1)

最佳做法是创建子主题(https://codex.wordpress.org/Child_Themes)。创建子主题后,您可以使用所需的css修改style.css。

答案 1 :(得分:0)

您需要更新functions.php文件以“注册”导航,然后在主题目录中包含html + css。

以下链接可能有所帮助:

https://codex.wordpress.org/Navigation_Menus

http://www.wpbeginner.com/wp-themes/how-to-add-custom-navigation-menus-in-wordpress-3-0-themes/