Q&A前提・実現したいこと
<body> " <!--それぞれのmetaタグ--> <header class="header"> " " <table class="Stripe TableCRowA">…</table>で空白ができているが 文法エラーなのか半角全角の空白の問題なのかわからないヘディングのテキスト
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <!--それぞれのmetaタグ--> <script></script> <!--それぞれのscriptタグ--> <?php wp_head(); ?> </head> <body> <div class="wrapper"> <header class="header"> <table class="StripeTableCRowA"> <tbody> <tr> <td width="164" align="center" valign="middle" height="10"> <h1 id="blog-title"><a href="http://hobbylog.jp/" title="ログ フィギュア・プラモ情報"> <img src="https://livedoor.blogimg.jp/hobby_log/imgs/0/c/0c978685.png" width="124" height="10" border="0"> </a></h1> </td> <td width="180" align="center" valign="middle" bgcolor="#fff" height="10"> <a href="https://livedoor.blogimg.jp/hobby_log/imgs/0/e/0e2d290f.png" target="_blank"><img src="https://livedoor.blogimg.jp/hobby_log/imgs/0/e/0e2d290f-s.png" border="0" alt=""></a> </td> <td align="left" valign="top" width="480" height="10"> <ul class="header-menu"> <li><a href="http://hobbylog.jp/archives/1007639650.html">サイトについて</a></li> <li><a href="http://message.blogcms.jp/livedoor/hobby_log/message" target="_blank">お問い合わせ</a></li> <li><a href="https://twitter.com/Hobby_Log" target="_blank">RSS</a></li> <li><a href="https://twitter.com/Hobby_Log" target="_blank">twitter</a></li> <li><a href="https://twitter.com/Hobby_Log" target="_blank">リンク</a></li> <li><a href="https://twitter.com/Hobby_Log" target="_blank">ランキング</a></li> <li><a href="https://twitter.com/Hobby_Log" target="_blank">マイページ</a></li> </ul> </td> <td align="left" valign="center" width="680" height="10"> <a href="https://affiliate.suruga-ya.jp/modules/af/af_jump.php?user_id=997&goods_url=https%3A%2F%2Fwww.suruga-ya.jp%2F" rel="nofollow" target="_blank"><img src="https://www.suruga-ya.jp/pics/affiliate/banner/468_60/top.gif" width="468" height="10" alt="ゲーム・古本・DVD・CD・トレカ・フィギュア 通販ショップの駿河屋" title="ゲーム・古本・DVD・CD・トレカ・フィギュア 通販ショップの駿河屋"></a> </td> </tr> </tbody> </table> <!--サイトの説明--> <div class="intro"> <div class="width_1000"><a class="site_title" href="http://moeimg.net">二次萌画像ブログ</a>は、2chの画像スレに貼られている二次元萌え画像や二次元画像をまとめて紹介しています。</div> </div> <!--記事をランダム表示--> <?php query_posts(array('orderby' => 'rand', 'showposts' => 5)); if (have_posts()) : while (have_posts()) : the_post(); ?> <!--繰り返し表示させる部分--> <h1><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h1> <li class="custom"><a href="<?php echo get_permalink(); ?>"> <div class="img-wrap"> <!--画像を追加--> <?php if (has_post_thumbnail()) { the_post_thumbnail(); } else { echo '<img src="noimage.jpg">'; } ?> </div> </li> <?php endwhile; endif; ?> <img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="" /> <nav> <?php wp_nav_menu(array('theme_location' => 'mainmenu', 'container' => '', 'menu_class' => '', 'items_wrap' => '<ul id="main-nav">%3$s</ul>')); ?> </nav> <!--カスタムメニュー下のRSS--> <?php include_once(ABSPATH . WPINC . '/feed.php'); $rss = fetch_feed('https://gooero.jp/feed/ '); if (!is_wp_error($rss)) { $maxitems = $rss->get_item_quantity(5); $rss_items = $rss->get_items(0, $maxitems); } ?> <div class="grid-x grid-margin-y"> <?php if (!empty($maxitems)) : ?> <?php if ($maxitems == 0) echo '<div class="cell large-14">データがありませんでした.</div>'; else foreach ($rss_items as $item) : $first_img = ''; if (preg_match('/<img.+?src=[\'"]([^\'"]+?)[\'"].*?>/msi', $item->get_content(), $matches)) $first_img = $matches[1]; if (empty($first_img)) $first_img = "wp-content/uploads/2021/06/ダウンロード-2.png"; ?> <span class="date2"> <?= $item->get_date('Y.m.d') ?> </span> <div class="cell medium-7"> <a href="<?= $item->get_permalink() ?>"> <span class="thumbnail2"> <img class="heit6" src="<?= esc_attr($first_img) ?>" alt="" /> </span> </a> <div class="cell medium-79"> <a class="name21" href="<?= $item->get_permalink() ?>"> <?= $item->get_title(); ?> </a> </div> </div> <?php endforeach; endif; ?> <!--記事をランダム表示--> <?php if (is_single() && !is_user_logged_in() && !isBot()) : set_post_views(); endif; ?> <section class="popular-box"> <h4>人気記事</h4> <?php $args = array('post_type' => 'post', 'numberposts' => 8, 'meta_key' => 'pv_count', 'orderby' => 'meta_value_num', 'order' => 'DESC',); $posts = get_posts($args); if ($posts) : ?> <ul> <?php foreach ($posts as $post) : setup_postdata($post); ?> <li> <a href="<?php the_permalink(); ?>"> <div><?php the_post_thumbnail('thumbnail'); ?> <div> <h5><?php the_title(); ?></h5> </a> </li> <?php endforeach; wp_reset_postdata(); ?> </ul> <?php else : ?> <p>アクセスランキングはまだ集計されていません。</p> <?php endif; ?> </section> </div> </header> <!--ここまで-->
発生している問題・エラーメッセージ
なし
試したこと
コードの成型 文法確認
https://wandbox.org/permlink/x67pyIRAych0Gufaで確認
追記
<meta charset="UTF-8">が1つ目のエラー
回答1件
0
自己解決
<header class="header"><div class="intro">を1列にして、
<!DOCTYPE html>
<html lang="ja">の空白を削除すると解決しました
投稿2021/10/07 15:14
総合スコア28
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。