empty <p> tags

Question

I'm creating my own wordpress theme, I've added the Header and the footer and the Loop. When I go to inspector in Chrome I see there are some empty p tags that I didn't create. Why is this? How can I avoid it?

I have the following code:

index.php:

<?php get_header(); ?>


<section class="row">
  <div>

  <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

    <h1><?php the_title(); ?></h1>
    <p><?php the_content(); ?></p>

  <?php endwhile; else : ?>

    <p><?php _e("Sorry, no posts found"); ?>

  <?php endif; ?>

  </div>
</section>

<?php get_footer(); ?>

header.php:

<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title><?php wp_title(); ?></title>
  <?php wp_head(); ?>
</head>
<body>
  <header>
    <h1><?php echo bloginfo('name') ?></h1>

  </header>

footer.php:

<footer>
  <p>Copyright <?php echo date('Y'); ?></p>
</footer>

<?php wp_footer(); ?>
</body>
</html>

functions.php:

<?php

add_theme_support( 'menus');

function register_theme_menus() {
    register_nav_menus( array('primary-menu' => __('Primary Menu')));
}
add_action('init', 'register_theme_menus');

function etc_theme_styles(){
  wp_enqueue_style( 'main_css', get_template_directory_uri() . '/style.css' );
}

add_action( 'wp_enqueue_scripts', 'etc_theme_styles' );

function etc_theme_js() {

  wp_enqueue_script( 'main_js', get_template_directory_uri() . '/js/main.js' , array('jquery'), '', true);
}

add_action( 'wp_enqueue_scripts', 'etc_theme_js');

 ?>

Answer 1 · 2016-02-15T04:54:52Z

February 15, 2016 4:54am

Could the empty p tags be because no content?

Welcome to the Treehouse Community

Looking to learn something new?

Jorge Rafael Garcia

Jorge Rafael Garcia

empty <p> tags

Rich Bagley

Rich Bagley

1 Answer

Sue Dough

Sue Dough