Q&A
archive.phpのソースコードを質問本文に記載ください。
質問本文は編集が可能です。
また、ソースコード記載の時は、<code>ボタンから、マークダウン形式で記載ください。
<?php /* Template Name: アーカイブ */ ?> <?php get_header(); ?><div class="heading_v"> <h2>アーカイブ</h2> </div> <div class="breadcrumbs-inner"> <div class="breadcrumbs"> <?php if ( function_exists( 'bcn_display' ) ) { bcn_display(); } ?> </div> </div> <div class="main"> <div class="inner"> <div class="blog"> <?php query_posts('showposts=10&paged='.$paged ); ?> <?php if (have_posts()) :while(have_posts()) : the_post(); ?> <div class="item"> <div class="img"> <?php the_post_thumbnail(array('90,auto'), array('class' => 'thumb')); ?> </div> <div class="text"> <h2 class="title"><?php echo wp_trim_words( get_the_title(), 18, '...' ); ?></h2> <p class="date"><?php the_time( "Y.n.j" ); ?></p> <p><a class="btn" href="<?php the_permalink( $post ); ?>">詳しく見る</a></p> </div> </div> <?php endwhile; endif; ?> <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?> <?php wp_reset_query(); ?> </div> <?php get_sidebar(); ?> </div> </div> <div class="inquiry"> <div class="inner"> <p class="lead">お気軽にご相談くださいませ</p> <div class="item"> <div class="info"> <div class="tel"> <img src="<?php echo get_template_directory_uri(); ?>/img/home/tel_icon2.svg" alt="#"> <p class="p1">0000-0000-0000</p> </div> <p class="p2">0：00〜0：00</p> </div> <a href="<?php echo home_url(''); ?>"> お問い合わせはこちら<i class="far fa-envelope"></i> </a> </div> </div> </div> <div class="pagetop"> <a href="#"><i class="fas fa-chevron-up"></i></a> </div> <?php get_footer(); ?> ``` ```ここに言語を入力 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/reset.css"> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/style.css"> <?php if ( is_page( 'blog' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/blog.css"> <?php endif; ?> <?php if ( is_page( 'contact' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/contact.css"> <?php endif; ?> <?php if ( is_page( 'flow' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/flow.css"> <?php endif; ?> <?php if ( is_page( 'flow2' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/flow2.css"> <?php endif; ?> <?php if ( is_page( 'links' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/links.css"> <?php endif; ?> <?php if ( is_page( 'mitsumori' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/mitsumori.css"> <?php endif; ?> <?php if ( is_page( 'mitsu' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/mitsu.css"> <?php endif; ?> <?php if ( is_page( 'price' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/price.css"> <?php endif; ?> <?php if ( is_page( 'qa' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/qa.css"> <?php endif; ?> <?php if ( is_page( 'privacypolicy' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/privacypolicy.css"> <?php endif; ?> <?php if ( is_page( 'blog2' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/blog2.css"> <?php endif; ?> <?php if ( is_category( 'column' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/column.css"> <?php endif; ?> <?php if ( is_category( 'qa' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/column.css"> <?php endif; ?> <?php if ( is_category( 'blog' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/column.css"> <?php endif; ?> <?php if ( is_category( 'news' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/column.css"> <?php endif; ?> <?php if ( is_category( 'voice' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/column.css"> <?php endif; ?> <?php if ( is_single( ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/single.css"> <?php endif; ?> <?php if ( is_archive( ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/column.css"> <?php endif; ?> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"> <!-- drawer.css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css"> <!-- jquery & iScroll --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script> <!-- drawer.js --> <script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/js/drawer.min.js"></script> <script src="<?php echo get_template_directory_uri(); ?>/js/script.js"></script> <title><?php wp_title(' | ', true, 'right'); ?></title> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <header class="header"> <div class="inner"> <div class="flexbox"> <div class="header-left"> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"> <div class="logo"><img src="<?php echo get_template_directory_uri(); ?>/img/common/logo.svg" alt="ロゴ"></div> <h1>ホゲホゲ<br><span>ホゲホゲ</span></h1> </a> </div> <div class="header-right"> <div class="info"> <div class="tel"> <img src="<?php echo get_template_directory_uri(); ?>/img/common/tel_icon.svg" alt="#"> <p>ホゲホゲ</p> </div> <p class="address">ホゲホゲ</p> </div> <a href="<?php echo home_url('/contact'); ?>"> ホゲホゲ<i class="far fa-envelope"></i> </a> </div> </div> </div> <div class="nav_inner"> <nav> <ul> <li><a href="<?php echo esc_url( home_url( '/' ) ); ?>">ホーム</a></li> <li><a href="<?php echo home_url('/law'); ?>">ホゲホゲ</a></li> <li><a href="<?php echo home_url('/flow'); ?>">ホゲホゲ</a></li> <li><a href="<?php echo home_url('/qa'); ?>">ホゲホゲ</a></li> <li><a href="<?php echo home_url('/repair'); ?>">ホゲホゲ</a></li> <li><a href="<?php echo home_url('/voice'); ?>">ホゲホゲ</a></li> <li><a href="<?php echo home_url('/price'); ?>">ホゲホゲ</a></li> </ul> </nav> </div> <div class="drawer drawer--right" role="banner"> <div class="banner"> <button type="button" class="drawer-toggle drawer-hamburger"> <span class="sr-only">toggle navigation</span> <span class="drawer-hamburger-icon"></span> </button> <nav class="drawer-nav" role="navigation"> <ul class="drawer-menu"> <li><a href="<?php echo esc_url( home_url( '/' ) ); ?>">ホーム</a></li> <li><a href="<?php echo home_url('/law'); ?>">ホゲホゲ</a></li> <li><a href="<?php echo home_url('/flow'); ?>">ホゲホゲホゲホゲ</a></li> <li><a href="<?php echo home_url('/qa'); ?>">ホゲホゲ</a></li> <li><a href="<?php echo home_url('/repair'); ?>">ホゲホゲ</a></li> <li><a href="<?php echo home_url('/voice'); ?>">ホゲホゲ</a></li> <li><a href="<?php echo home_url('/price'); ?>">ホゲホゲ</a></li> </ul> </nav> </div> </div> </header>
ワードプレスでサイトを作成しているのですが、アーカイブページ（archive.php）のみ上部（ヘッダーの上）に謎の空白が自動で挿入されてしまいます。
これを取り除く方法はございませんでしょうか？
回答2件
0
実はこれ、WordPressで、オリジナルテンプレートを使う上での、有名な現象です。
サイトの上部に謎の余白が出る原因【WordPress編】 | うれしデザイン
この記事の通りやれば、解消されるかと思います。
やってもまだ余白できるようであれば、コメントいただければと思います。
（申し訳ございません、archive.phpより、header.phpの方に原因がありそうです）
投稿2019/05/15 14:58
総合スコア9528
ご回答ありがとうございます。
heder.php,archive.phpどちらも全角が入っていないかの確認、cotEditerを使ってBOMなしでの保存をしてみましたが、解決されず。。。
トップページや他のページでもheader.phpを読み込んでるのですが、そちらでは上に余白は特に出ておらず、この場合でもheader.phpが原因の場合があるのでしょうか？
なんと・・・・。
やっぱarchive.phpなんですかね・・・。
記事にあります、function.phpに処理を追加するっていうのは試されましたか？？
はい、下記をfunctions.phpに入れてみましたがダメでした。。。
add_action( 'wp_head', 'add_meta_to_head' );
function add_meta_to_head() {
echo '';
}
ふむ・・・。
一応、header.phpの中身も、質問本文に記載お願いします。
header.phpを追加いたしました。
ありがとうございます。
WordPress関数でしょうか、is_archive()あたりが怪しい気がします。
その後のlinkタグが、bodyタグに入ってしまっているので、
検証でこういったことが起こるときは、たいてい、
PHPのエラーかなんかで、閉じタグが足りなくなっている時に、
DOMツリーが正常に構築されていない時に起きます。
検証ではなく、ソースの表示をやってみて、PHPでのエラーが何か起きてないかご確認ください。
0
自己解決
<?php if ( is_archive( ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/column.css"> <?php endif; ?>
ここの部分が悪さをしているようでした。
<?php if ( is_archive( ) ): ?><link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/column.css"><?php endif; ?>
上記のようにスペースを全て消すと解決されました。
ご親切にありがとうございました！
投稿2019/05/16 03:24
総合スコア67
解決されて何よりです！
私自身、学ぶことができました。
ありがとうございます！
あなたの回答
tips
プレビュー
