I started out making a full page by following

hello, I started out making a full page by following https://premium.wpmudev.org/blog/create-full-width-page/ these instruction; however when attempting to add this code Im having difficulty. Where do I add this code, below

<div id="primary" class="content-area sixteen columns">
<main id="main" class="site" role="main">
<?php get_template_part( 'content/content', 'page' ); ?>

below is the page I have, this is the code I have on the page I created
<?php
/*
Template Name: Full Width
*/
get_header(); ?>
<div class="right">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<?php /* include (TEMPLATEPATH . '/inc/meta.php' ); */ ?>
<div class="entry">
<?php the_content(); ?>
<?php wp_link_pages(array('before' => 'Pages: ', 'next_or_number' => 'number')); ?>
</div>
<?php edit_post_link('Edit this entry', '<p>', '</p>'); ?>
</div>
<?php comments_template(); ?>
<?php endwhile; endif; ?>
</div>
<?php get_footer(); ?>

where do I exactly add the code, thank you

  • Sam

    i have gotten this far I was able to create this code on my full page

    <?php
    /*
    Template Name: Full Width
    */
    get_header(); ?>

    <div class="post" id="post-<?php the_ID(); ?>">
    <?php /* include (TEMPLATEPATH . '/inc/meta.php' ); */ ?>
    <div class="entry">
    <?php the_content(); ?>
    <?php wp_link_pages(array('before' => 'Pages: ', 'next_or_number' => 'number')); ?>
    </div>
    <?php edit_post_link('Edit this entry', '<p>', '</p>'); ?>
    </div>

    <?php
    // Start the loop.
    while ( have_posts()) : the_post();
    // Include the page content template.
    get_template_part( 'content', 'page' );

    // If comments are open or we have at least one comment, load up the comment template.
    if ( comments_open() || get_comments_number() ) :
    comments_template();
    endif;

    // End the loop.
    endwhile;
    ?>
    </main><!-- .site-main -->
    </div><!-- .content-area -->

    <?php get_footer(); ?>

    and as far as the google map do I attempt to work with the url http://uploadmenu.com/?p=53 or do i focus my attention on the shortcode

    this was my orginal code
    <?php
    /*
    Template Name: Full Width
    */
    get_header(); ?>
    <div class="right">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="post" id="post-<?php the_ID(); ?>">
    <?php /* include (TEMPLATEPATH . '/inc/meta.php' ); */ ?>
    <div class="entry">
    <?php the_content(); ?>
    <?php wp_link_pages(array('before' => 'Pages: ', 'next_or_number' => 'number')); ?>
    </div>
    <?php edit_post_link('Edit this entry', '<p>', '</p>'); ?>
    </div>
    <?php comments_template(); ?>
    <?php endwhile; endif; ?>
    </div>
    <?php get_footer(); ?>

    do I leave this under the header ?
    <div id="primary" class="content-area sixteen columns">
    <main id="main" class="site" role="main">

    With this line of code below do I have to integrate this, leave out or add it with the line of code above?
    <div class="right">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    Im trying to view the full width google page on this url http://uploadmenu.com/about-us/

    I granted access, thanks
    Thanks

  • Anang

    Hi @Sam

    I'm working with Tyler. So could you try my code below ? and tell me if it's worked or not ? I use your original code + additional div and main tag you mentioned before .

    <?php
    /*
    Template Name: Full Width
    */
    get_header(); ?>
    <div id="primary" class="content-area sixteen columns">
    <main id="main" class="site" role="main">
    	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    	<div class="post" id="post-<?php the_ID(); ?>">
    		<?php /* include (TEMPLATEPATH . '/inc/meta.php' ); */ ?>
    		<div class="entry">
    			<?php the_content(); ?>
    			<?php wp_link_pages(array('before' => 'Pages: ', 'next_or_number' => 'number')); ?>
    		</div>
    	<?php edit_post_link('Edit this entry', '<p>', '</p>'); ?>
    	</div>
    <?php comments_template(); ?>
    <?php endwhile; endif; ?>
    </main>
    </div>
    <?php get_footer(); ?>

    Let me know the result :slight_smile:

    Best Regards

  • Sam

    http://uploadmenu.com/about-us/
    the map is there on the desk top, you can see it. You can't see it on your mobile device.
    You said It is fullwidth. Is this correct?

    Do I have to update this code below ?
    <div id="primary" class="content-area sixteen columns">
    <main id="main" class="site" role="main">

    To create the map full width with the code you gave me
    the code below I would no longer have to update this, I would have to focus on the css?
    <?php
    /*
    Template Name: Full Width
    */
    get_header(); ?>
    <div id="primary" class="content-area sixteen columns">
    <main id="main" class="site" role="main">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="post" id="post-<?php the_ID(); ?>">
    <?php /* include (TEMPLATEPATH . '/inc/meta.php' ); */ ?>
    <div class="entry">
    <?php the_content(); ?>
    <?php wp_link_pages(array('before' => 'Pages: ', 'next_or_number' => 'number')); ?>
    </div>
    <?php edit_post_link('Edit this entry', '<p>', '</p>'); ?>
    </div>
    <?php comments_template(); ?>
    <?php endwhile; endif; ?>
    </main>
    </div>
    <?php get_footer(); ?>

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.