仅在主页上用大图像替换页眉,使用Genesis子主题

时间:2019-06-29 作者:JimLohse

已经看过Show TwentyEleven header image only on home page, Replace Home with image link inside custom header menu 更重要的是,我不知道我在做什么。

We want to replace the header only on the home page, with a much taller image. 仅供参考,我不是设计师,我们有一个实习生使用大量插件来修改侧栏和构建页面,所以这不是我,哈哈。我更喜欢基于代码的解决方案,而不是插件。

QUESTION IS: 我在《创世记》儿童主题(推广专业版,也是我无法控制的)首页上有这段代码。php:

/**  added by jim 6/28/19 per https://wpsites.net/web-design/remove-header/
     remove header on front page (this file) from   */
remove_action( \'genesis_header\', \'genesis_header_markup_open\', 5 );
remove_action( \'genesis_header\', \'genesis_do_header\' );
remove_action( \'genesis_header\', \'genesis_header_markup_close\', 15 );
这成功地抑制了标题,但现在似乎无法使用after\\u标题类型代码来放置图像。相反,我尝试使用::before 在css中的导航菜单上,如下所示:

/** jim\'s customizations July 2019 for tall Bob Gray image replacing header on home page only */
.nav-primary:before {
 content:url(/images/robert-c-gray-banner-maskbob-sharpen.jpg);
padding−right:6px;
}
但它没有出现,检查员也没有出现。

::beforenav-primary 选择一个好的方法?(I got the idea here.) FWIW我还需要在这个图像上浮动一些文本。

感谢您的指导。这是the page I am working on (test page) 这是what another page looks like with the header. 欢迎提出任何改进问题的建议!

2 个回复
SO网友:JimLohse

好吧,我用了一种不同的方法来解决这个问题,但是一个很好的答案可以解释为什么我的问题中的方法不起作用,它将被接受为答案。

我把它放在函数中。子主题的php:

add_action( \'genesis_before_header\', \'bob_gray_image\', 10 );

function bob_gray_image() {
    if ( is_front_page() ) {
        echo(\'<div class="bobgrayimage"><img src="/images/robert-c-gray-banner-maskbob-sharpen.jpg"></div>\'); 
    }
}

SO网友:Bapi

很可能您的路径url(/images/robert-c-gray-banner-maskbob-锐化.jpg)不正确。因为您提到了反斜杠url(“/”图像/…);您不应该在url的开头使用/。试试这个代码,我相信它会解决这个问题。url(images/robert-c-gray-banner-maskbob-锐化.jpg)