0

事実は次のとおりです。

  • 親Wordpressのテーマ：Pytheas（私は子テーマを使用しています）
  • サイト: http://longgame.org
  • 私は初心者です。CSSの基礎をまだまだ勉強中です。

私の問題：

フロント ページには、テキストを挿入する 5 つの「ハイライト」のグループがあります。次の図に注意してください (左端の 2 つを示しています)。

この黄色の領域がどこで生成されているのかわかりません

その黄色の強調表示は、削除できないように見える領域を示しています。私は次のことをしました：

  • HTML 要素をチェックして、偶発的なキャリッジ リターンがないことを確認しました。
  • モノを削除すると、次の項目である "About" の宣伝文句が「滑り落ち」、同じ動作を示しました。
  • 私が失敗したかどうかを判断するために、子テーマを検索しました（間違いなく問題ですが、見つかりません）。

これがいつから始まったのかはわかりませんが、ここ数日のうちに、この Wordpressy のすべてで運試しをしています。

何度も言いますが初心者です。これを修正する可能性を高めるために、さらにデータを提供できるかどうかお知らせください。

事前に、あなたが提供できる推奨事項をありがとう。

編集:特にphpっぽいものを編集する方法さえわからないため、特にどのコードが原因であるかはわかりませんでした。私は単に試したことがない。:)

とにかく、おそらくこれは親テーマからのものでしょうか？これはhome-highlights.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(); ?>

エチケットのフィードバックありがとうございます。次回はもっとうまくやります。:)

さらなる研究:

これは関連していますか？:なぜ  私のHTMLに表示されますか？

4

3 に答える 3

3

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>

上記のコード &#65279;では、それがUnicodeCharacter ' ZERO WIDTH NO-BREAK SPACE' (U+FEFF)です。

これらの空白を静かに含む別のファイル/場所からコンテンツをコピーしたと思います。

于 2013-04-14T19:59:51.737 に答える
1

問題はコンテンツ部分にあるようです。PHP の最後の行で、「the_content()」を「trim(the_content())」に置き換えてみてください。

それが失敗した場合、問題はコンテンツではなく php ファイルにあります。引用したphpスニペットの最後の3行ほどを完全に再入力して、偶発的な奇妙な文字を排除してください.

于 2013-04-15T19:02:06.517 に答える
0

私はトリム（）を狂ったように試してみました。サイコロはありません。幸いなことに、G+ Wordpress コミュニティの誰かが、答えへの道を示すユーザー フレンドリーなコメントを提供してくれました。

+Matt Warren さん、こんにちは。ウィジェット コードのどこかに余分なスペースがあるように見えます。カスタム テキスト ウィジェットを使用してヘッダーにさまざまなブロックを作成したと思いますか? スペースや改行を探してください -> 開口部の前に無防備なスペースが見つかるはずです

鬼ごっこ。あなたが参照している index.htm ファイルは、おせっかいな人が Web サーバー上のファイルを詮索しないようにするためのものです。彼らはそのように意図されています. </p>

ウィジェットではありませんが、それは私のホームページでした。空のホームページです。実際に使っていないからです。これは、実際にホームページにある残りのものの「代役」にすぎません。

ホームページを削除しました。それから私はそれを再作成し、読書設定に行き、それを私のホームページとして再設定しました。問題が解決しました。

于 2013-04-16T19:18:43.147 に答える