• 跳到主要导航
  • Skip to main content
  • 跳到主要侧边栏

WP站点

2665

原始创世纪教程和5000多个保证代码

片段

  • 支持
  • 通讯
  • 影片
  • 登录

高级会员? -请求自定义代码

在Magazine Pro Theme菜单中添加徽标

本教程中的解决方案使您可以在导航菜单项中内嵌显示徽标,如以下屏幕截图所示:

  • 由StudioPress编码以显示在Magazine Pro子主题的主导航菜单中。
  • 使用WordPress定制器中的“站点身份”设置添加图像,这是用于在WordPress中添加徽标的推荐方法& Genesis.
  • 与您的导航菜单项完美内联显示,并且不显示’t增加菜单的默认高度。
  • 可以与任何其他菜单一起使用,并显示在菜单项的右侧。

安装步骤

那里’s 2 完成工作所需采取的步骤。

  1. # Copy &将PHP代码从名为functions-1.php的文件粘贴到Magazine Pro主题函数文件的末尾。
  2.  
    解决方案1步骤1

  3. # Copy &将解决方案1的CSS规则从style-1.css文件粘贴到Magazine Pro子主题style.css文件的末尾,并清除缓存。
  4.  
    解决方案1步骤2

笔记 : 如果您修改custom-logo函数中的宽度值,则可能需要修改CSS& height of the logo.

不使用自定义徽标– Solution 2

如果您不想使用自定义徽标,并且想使用子主题图像文件夹中的图像,请按照以下步骤操作:

  1. # Copy &将PHP函数从名为functions-2.php的文件粘贴到Magazine Pro主题函数文件的末尾,然后将名为logo.png的图像上载到您的子主题images文件夹中。
  2.  
    解决方案2步骤1

  3. # Copy &将解决方案2的CSS规则从style-2.css文件粘贴到Magazine Pro子主题style.css文件的末尾,并清除缓存。
  4.  
    解决方案2步骤2

下载资料夹

相关教程

  • 显示响应菜单时,将徽标更改为网站标题&将徽标添加到移动菜单

自定义徽标 杂志专业主题 导航菜单

读者互动

评论

  1. 阿尔瓦罗·格瓦拉(Alvaro Guevara) 说

    2020年2月16日上午6:28

    在我的网站Brad上无法正常工作。添加和删​​除,以及添加3次,以确保。

    地点: //staging.samhughes.org/

    登录以回复
    • 布拉德·道尔顿 说

      2020年2月16日上午8:14

      刚刚测试过,它工作正常。您要在哪个菜单中添加徽标?小学还是中学?另外,您是否也在使用自定义徽标设置将菜单添加到标题中?

      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安装代码。默认情况下,其编码方式可与主菜单一起使用。

      登录以回复

发表评论 取消回复

你一定是 登录 to post a comment.

主侧边栏

PHP代码

template_include

get_body_class

如果别的

大批

class_exists

前言

冲刺

add_action

印刷品

多变的

广告 · WPEngine · 创世记 · 登录

  • 高级会员的工作方式
  • 报名
  • 支持
  • 订阅详细信息/发票
  • 标记教程
  • 访问下载问题
<figure id="c7lecFh" class="cu1LKvH"><xmp id="KJHE9vC" class="KNPgOdI">


  • <area class="OF1W7p9"></area>