本教程中的解决方案使您可以在导航菜单项中内嵌显示徽标,如以下屏幕截图所示:
- 由StudioPress编码以显示在Magazine Pro子主题的主导航菜单中。
- 使用WordPress定制器中的“站点身份”设置添加图像,这是用于在WordPress中添加徽标的推荐方法& Genesis.
- 与您的导航菜单项完美内联显示,并且不显示’t增加菜单的默认高度。
- 可以与任何其他菜单一起使用,并显示在菜单项的右侧。
安装步骤
那里’s 2 完成工作所需采取的步骤。
- # Copy &将PHP代码从名为functions-1.php的文件粘贴到Magazine Pro主题函数文件的末尾。
- # Copy &将解决方案1的CSS规则从style-1.css文件粘贴到Magazine Pro子主题style.css文件的末尾,并清除缓存。
笔记 : 如果您修改custom-logo函数中的宽度值,则可能需要修改CSS& height of the logo.
不使用自定义徽标– Solution 2
如果您不想使用自定义徽标,并且想使用子主题图像文件夹中的图像,请按照以下步骤操作:
- # Copy &将PHP函数从名为functions-2.php的文件粘贴到Magazine Pro主题函数文件的末尾,然后将名为logo.png的图像上载到您的子主题images文件夹中。
- # Copy &将解决方案2的CSS规则从style-2.css文件粘贴到Magazine Pro子主题style.css文件的末尾,并清除缓存。
在我的网站Brad上无法正常工作。添加和删除,以及添加3次,以确保。
地点: //staging.samhughes.org/
刚刚测试过,它工作正常。您要在哪个菜单中添加徽标?小学还是中学?另外,您是否也在使用自定义徽标设置将菜单添加到标题中?
I also updated the tutorial to include code which enables you to use a image from your child themes images folder rather than the custom logo which is added using customize > site identity.
您可以向我发送FTP / cPanel访问权限,而我’ll安装代码。默认情况下,其编码方式可与主菜单一起使用。