2017-09-30 135 views
-2

(我的网站是http://www.musaeus.dk/) 我有一个Wordpress.org网站,我想制作一个按钮,让用户回到首页,但我真的不知道如何。该按钮应位于左上角,不应位于首页。页面上的页眉。 (wordpress)

如果试图把此次在 “header.php文件” 文件

<?php if(is_page(<page id>)) { ?> 

--------- Header 1 ----- 

<?php } else { ?> 


--------- Header 2 -------- 


<?php } ?>  

,但没有运气。如果您有任何想法或知道如何做到这一点,我会非常感谢您的帮助!

+0

我们需要更完整的代码和HTML输出才能帮助您 –

+0

要将其隐藏起来,请将您的'if'改为使用内置Wordpress函数检测主页:'if( !(is_front_page ())&&!(is_home()))' – FluffyKitten

回答

0

header.php文件做这样的事情:

<?php 
// check to see we are not on front page or on home page 
if (! (is_front_page()) || ! (is_home())) : ?> 
    <div class="back-to-home"> 
     <a href="<?php echo get_site_url(); ?>">Back to Home</a> 
    </div> 
<?php endif; ?> 

,然后风格back-to-home类,以符合您的需求。

+0

制作按钮,但它会出现在包括首页的所有页面上。你知道如何让它在首页上看不到吗? – MaltheMusaeus

+0

@MaltheMusaeus它不应该出现在首页,你是否在'Settings> Reading>静态页面'中选择你的主页? – Sohrab

+0

是的,我已将自定义页面设置为我的主页 – MaltheMusaeus

0

试试这个。它应该工作。

<?php 
    /** 
    * If page is front page, 
    * don't display button "Back to Home" 
    */ 
    if (is_front_page()) : 
     $btn = false; 
    else : 
     $btn = true; 
    endif; 

    if ($btn === true) : ?> 

     <div class="back-to-home"> 
      <a href="<?php echo esc_url(home_url('/')); ?>">Back to Home</a> 
     </div> 

    <?php endif; ?> 
0

只需添加这个CSS:

.home .back-to-home { 
    display: none; 
} 

.home类(只),在网站首页的body标签,所以这个组合选择该规则将隐藏.back-to-home元素只在主页上