Wordpress 存档和容器错误?

Posted

技术标签:

【中文标题】Wordpress 存档和容器错误?【英文标题】:Wordpress archive and container error? 【发布时间】:2015-10-19 17:25:59 【问题描述】:

我的 single.php、archive、index 和 category.php 页面都使用下面的编码相同...

<?php
/*
Template Name: Lisa-beauty.co.uk
*/
?>

<?php get_header(); ?>

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

<div class="headpostedin"><?php the_time('l, F jS, Y') ?> </div>

<div class="content" id="post-<?php the_ID(); ?>">" rel="bookmark" title="<?php the_title_attribute(); ?>"><div class="headtitle"><?php the_title(); ?></div>	

<div class="postmetadata"></div>

<?php the_content(__('CONTINUE READING...')); ?>

<?php the_tags('Tags: ', ', ', '
'); ?>

<div class="headposted"><?php comments_popup_link('0', '1', '%'); ?> comments</div>

<?php echo DISPLAY_ULTIMATE_PLUS(); ?>

<?php comments_template(); // Get wp-comments.php template ?>

<?php endwhile; else: ?>

<?php _e('Sorry, no posts matched your criteria.'); ?>

<?php endif; ?>

</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?> 

每个人在我的整个网站 lisa-beauty.co.uk 上都可以正常工作,但只要我点击侧边栏中的档案,然后点击页面 http://lisa-beauty.co.uk/lisa-beauty/?m=201509&paged=4,我的整个容器和侧边栏都完全关闭,但在其他页面上它们是好的,在我的档案中。

什么可能导致问题?

这是我的 header.php 和 footer.php 编码

<!DOCTYPE html>

<head>
<meta name="description" content="Beauty uk blogger">
<meta name="keywords" content="blogger, beauty, fashion, make up">
<meta name="author" content="Lisa Robinson">
<meta charset="UTF-8">

<title>Lisa's Beauty UK Blog!</title>

<style type="text/css" media="screen">	@import url(/wp-content/themes/twentytwelve1/style.css);</style>

<?php wp_head(); ?>

</head>
<body>
<a name="top"></a>
<div id="container">
<div id="header" onclick="window.location='http://lisa-beauty.co.uk'">
</div>





<div id="content">
<div class="content">
</br>


</div>

页脚

<div id="foot">
<div id="footer-wrapper">

</div>
</div>

<div class="top">
<a href="#top" title="Go up"><u>&#8593; up</u></a>
</div> 

<div class="left">
<div class="copyright">
Copyright 2015 www.lisa-beauty.co.uk <u>All rights reserved</u> | Powered by Wordpress | Theme by <a href="http://www.akaleez.co.uk/"><u>Akaleez</u></a>
</div>
</div> 





<?php get_sidebar(); ?>
<?php wp_footer(); ?>
</body>
</html>

【问题讨论】:

我猜这是你的标记有问题,在某个地方你正在关闭一个你不应该关闭的 div,但我无法按照标记告诉你在哪里,写得太糟糕了.我想说你最好的选择是从头开始重写你的标记。 这很奇怪,我从 cmets 或 archive.php 中删除了一个 div,然后一个有侧边栏和容器错误的页面正常,但我的其他页面出错了。似乎它只在特定页面上,例如这个lisa-beauty.co.uk/lisa-beauty/?m=201504&paged=2 【参考方案1】:

这很可能是由某处的流氓关闭 div 引起的。然而,正如sticksu所说,调试这段代码非常困难。

一些通用指针:

1) 缩进你的代码

调试起来要容易得多

<?php get_header(); ?>

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

  <div class="headpostedin">
    <?php the_time('l, F jS, Y') ?>
  </div>

  <div class="content" id="post-<?php the_ID(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">

    <div class="headtitle">
      <?php the_title(); ?>
    </div>

    <div class="postmetadata">
    </div>

    <?php the_content(__('CONTINUE READING...')); ?>

    <?php the_tags('Tags: ', ', ', ''); ?>

    <div class="headposted">
      <?php comments_popup_link('0', '1', '%'); ?> comments
    </div>

    <?php echo DISPLAY_ULTIMATE_PLUS(); ?>

    <?php comments_template(); // Get wp-comments.php template ?>

  </div>

<?php endwhile; else: ?>

    <?php _e('Sorry, no posts matched your criteria.'); ?>

<?php endif; ?>

<?php get_sidebar(); ?>
<?php get_footer(); ?> 

比您在上面发布的内容。

2。如果您使用的是&lt;br /&gt; 标签,它们应该是这样的,而不是&lt;/br&gt;

3.验证您的代码。

如果您遇到过这样的布局问题,请通过W3C validator 运行您的代码,99% 的时间它会给您一些关于潜在问题的重要线索。

我认为主要问题在于这一行:

<div class="content" id="post-<?php the_ID(); ?>">" rel="bookmark" title="<?php the_title_attribute(); ?>">

因为你有一个额外的引号和右括号。试试这个:

<div class="content" id="post-<?php the_ID(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">

另外请注意,在上面的示例中,我已将底部的最终关闭 &lt;/div&gt; 移动到循环内部,因为在打开它时关闭与抽象级别相同的 div 是一种很好的做法(原因如果没有返回结果,则不会返回开始 div,但无论如何都会返回结束 div,这会破坏页面)。

【讨论】:

认为我发现了一个问题,当我停用我两天前安装的插件时,我的整个网站都搞砸了,这是不对的,因为在安装插件之前主题已经好了。我正在使用插件 Ultimate Social Media PLUS

以上是关于Wordpress 存档和容器错误?的主要内容,如果未能解决你的问题,请参考以下文章

分类层次结构不起作用 [Wordpress]

k8s容器化部署wordpress实战

使用Docker搭建Wordpress

原生Kubernetes容器云平台应用部署WordPress

Wordpress 为自定义帖子类型存档页面选择了错误的模板

php 这个WordPress插件演示了如何使用WordPress提供的可拖动元文件构建自己的插件页面,需要WordPr