質問編集履歴

2 header.phpを追加しました

kii.32

kii.32 score 30

2019/05/16 02:52  投稿

【wordpress】bodyの一番上部分に謎の空白が入る 
```ここに言語を入力
<?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(); ?>
```![イメージ説明](c89bf00da19c88210311fd865a690197.png)
 
 
 
 
 
```ここに言語を入力  
<!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)のみ上部(ヘッダーの上)に謎の空白が自動で挿入されてしまいます。
これを取り除く方法はございませんでしょうか?
  • HTML

    17691 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    12209 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • WordPress

    12247 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

1 archive.phpのコードを追加しました。

kii.32

kii.32 score 30

2019/05/15 22:02  投稿

【wordpress】bodyの一番上部分に謎の空白が入る 
![イメージ説明](c89bf00da19c88210311fd865a690197.png)
```ここに言語を入力
<?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(); ?>
```![イメージ説明](c89bf00da19c88210311fd865a690197.png)
ワードプレスでサイトを作成しているのですが、アーカイブページ(archive.php)のみ上部(ヘッダーの上)に謎の空白が自動で挿入されてしまいます。
これを取り除く方法はございませんでしょうか?
  • HTML

    17691 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    12209 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • WordPress

    12247 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る