Question

以下是事实：

Wordpress主题家长：Pytheas（我正在使用儿童主题）
网站：http://longgame.org
我是初学者。我还在学习CSS的基础知识。

我的问题：

在首页上，有一组五个“精彩集锦”，我将在其中插入文字。请注意以下图像（描绘最左边的两个）：

I can't figure out where this yellow-area is being generated

黄色突出显示的区域似乎无法移除。我做了以下事情：

检查HTML元素以确认没有意外回车。
删除了该内容，其中下一个项目 - “关于”模糊，“滑过”并展示了相同的行为。
通过我的孩子主题进行搜索，以确定我是否愚蠢（毫无疑问是问题，但我找不到）。

我不知道这是什么时候开始发生的，但是在过去的几天里，我一直在尝试所有这些Wordpressy的运气。

正如我所提到的，我是初学者。如果我能提供进一步的数据以提高纠正这一点的可能性，请告诉我。

提前感谢您提出的任何建议。

编辑：我不确定是什么代码，特别是罪魁祸首，特别是因为我甚至不知道如何编辑任何php-ish。我根本就没试过。：）

无论如何，也许这一点来自父主题？这是来自 home-highlight.php - 所以，如果我离开，请告诉我。

            <div class="grid-container clearfix">

    <?php
    $count=0; //set counter var
    foreach($hp_highlight_posts as $post) : setup_postdata($post); //start loop
    $count++; //increase counter var with each post in loop

    //meta
    $hp_highlights_url = get_post_meta($post->ID, 'wpex_hp_highlights_url', TRUE);
    $hp_highlights_icon = get_post_meta($post->ID, 'wpex_hp_highlights_icon', TRUE);
    ?>

    <div class="hp-highlight grid-5 <?php echo $post->ID; ?>"> 
        <h3>
            <?php
            //display icon if option not set to default
            if($hp_highlights_icon !='Select') { ?>
                <span class="wpex-icon-<?php echo $hp_highlights_icon; ?>"></span>
            <?php } //highlight meta option set to "Select" ?>
            <?php
            //show the highlight title as a link
            if(!empty($hp_highlights_url)) { ?><a href="<?php echo $hp_highlights_url; ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
            <?php }
            //show plain title because link option is blank
            else { the_title(); } ?>
        </h3>
        <?php
        //show the post content
        the_content(); ?>

感谢礼仪反馈。我下次会做得更好。：）

进一步研究：

这有关系吗？：Why is  appearing in my HTML?

Answer 1

在h3标记和p标记之间有一些额外的空格..删除这些空格<p>This the digital notebook of Matt Warren. Thanks for stopping by.</p>

之前

尝试使用Firebug

您当前的HTML包含空格 -

<div class="hp-highlight grid-5 13699"> 
            <h3><span class="wpex-icon-home"></span>
                Welcome
            </h3>
            &#65279;<p>This the digital notebook of Matt Warren. Thanks for stopping by.</p>
        </div>

在上面的代码中，您有 Unicode字符' ZERO WIDTH NO-BREAK SPACE'（U + FEFF）。

我相信您从不同的文件/位置复制了内容，这些文件/位置默默地包含这些空格。

Answer 2

似乎问题出在内容部分。尝试替换＆＃34; the_content（）＆＃34;使用＆＃34; trim（the_content（））＆＃34;在你的PHP的最后一行。

如果失败则问题出在您的php文件中，而不是在您的内容中。尝试完全重新输入你引用的php片段的最后三行，以消除偶然的怪异角色。

Answer 3

我尝试了 trim（） - 像疯了一样。没有骰子。幸运的是，G + Wordpress社区中的某个人提供了一个用户友好的评论，指出了答案：

嗨+ Matt Warren，这让我觉得额外的空间就在你的widget代码中。   我假设你使用自定义文本小部件在标题中创建了各种块？在那里寻找空格或换行符 - ＆gt;我相信你会在开头的

标签前找到一个毫无疑问的空间。   你所指的index.htm文件是为了防止那些在你的网络服务器上窥探文件的烦人的鼻子！他们就是这样。

虽然不是小部件，但是我的主页：我的空主页。因为它实际上并没有使用。对于主页上实际的其他内容来说，这只是一个“支持”。

我删除了主页。然后我重新创建它，转到阅读设置和重新将其设置为我的主页。问题解决了。

我试图消除一个神秘的回车＆＃34;在我的Wordpress首页

3 个答案: