WordPress主题的某些页面上未显示页眉

时间:2021-10-09 作者:perez

第一次制作wordpress主题。我似乎无法在某些页面(archive.php)上显示标题。它在我的头版等上显示得非常好,只是不在档案或个人帖子中。我的代码如下。。。

archive.php

<?php get_header();?>
<div class="container">

<h1><?php single_cat_title();?></h1>

<?php if (have_posts()) : while(have_posts()) : the_post();?>


<div class="card mb-4">
    <div class="card-body">
    <?php if (has_post_thumbnail()):?>

<img src="<?php the_post_thumbnail_url(\'smallest\');?>" class="img-fluid">

<?php endif;?>
    <h3><?php the_title();?></h3>
    <?php the_excerpt();?>
    <a href="<?php the_permalink();?>" class="btn btn-success">Read more</a>
    </div>
    </div>
<?php endwhile; endif;?>

</div>
<?php get_footer();?>

front-page.php

<?php get_header();?>
<div class="container">

<h1><?php the_title();?></h1>

<?php if (have_posts()) : while(have_posts()) : the_post();?>

    <?php the_content();?>

<?php endwhile; endif;?>

</div>
<?php get_footer();?>

header.php

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
   
    <head>
            <?php wp_head(); ?>
            <div class="logo">
    <img class="logo" src="img/pmflogolandscapedemo_crop.png" width="100%" alt="">
</div>
    </head>

<body <?php body_class(); ?>>
    



<header>

<div class="container">
    <?php wp_nav_menu (

        array(

            \'theme_location\' => \'top-menu\',
            \'menu_class\' => \'navigation\'

        )

    );
    ?>
</div>

</header>
主题中是否有其他文件可能导致此问题?我似乎看不出这个页面和其他页面(如我的头版)之间有什么问题。php,其中标题显示良好。

提前感谢您的帮助,我真的很难掌握这里的基本知识。

1 个回复
最合适的回答,由SO网友:Sharif Mohammad Eunus 整理而成

我想问题在于header.php 文件head 标记不支持divimg. 然而,像Chrome这样的浏览器通过移动div 从…起headbody.

标题徽标出现在首页上,因为您为徽标设置了相对路径。因此,当您在主页上时,徽标URL变为yoursite.tld/img/pmflogolandscapedemo_crop.png. 也许那里有标志。但是,当您访问存档页面时,徽标URL将变为yoursite.tld/{archive-url}/img/pmflogolandscapedemo_crop.png 图像不存在的地方。

在收割台上。php文件,您可以试试这个。

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
    <head>
            <?php wp_head(); ?>
    </head>
<body <?php body_class(); ?>>
<header>
<div class="logo">
    <img class="logo" src="<?php echo get_template_directory_uri(); ?>/img/pmflogolandscapedemo_crop.png" width="100%" alt="">
</div>
<div class="container">
    <?php
    wp_nav_menu(
        array(

            \'theme_location\' => \'top-menu\',
            \'menu_class\'     => \'navigation\',

        )
    );
    ?>
</div>

</header>
get_template_directory_uri() 将URI返回到当前主题的模板目录。所以如果你把图像放在img 的目录active 主题,图像将加载到所有页面。

相关推荐

添加HTML代码以替换PHP中的文本

我想更改未登录用户的下载按钮。我想显示一个带有登录/注册消息的自定义HTML代码,而不是下载按钮。下面的代码隐藏了按钮,但新HTML代码的注入不起作用。<?php if (!is_user_logged_in()) : ?> <style> .product-purchase-box{ display: none; } </style> <script> <p>