Blank Template

I’ve just released a new version of the theme with a couple of new templates designed to work with popular page builders such as Visual Composer, Beaver Builder, Divi Builder and the SiteOrigin Page Builder.

There’s a ‘Page Builder Full-Width Template’ and a ‘Page Builder Boxed Template’. They still retain the header and footer sections as it’s usually the theme that handles these items, rather than the page builder itself.

If you plan on using Visual Composer, then you’ll most likely want to the ‘Page Builder Boxed Template’.

Thank you for the update. Providing compatibility for various visual editors is a great addition. However I also wanted the option of a landing page template which has no header or footer. I am no coder but I know how to use Firebug to identify areas of code. Your theme has 3 divs that i think that need to be removed or hidden. Can you please advise (with as much basic details as possible) how to do this. Here are the div ids:

<div id=”headcontainer”>
<div id=”bannercontainer”>
<div id=”footercontainer”>

I’m concerned if I just delete the divs it may make the theme unstable. Please advise. Thank you.

If you want a completely empty template then you’ll need to create a new template by following these steps…

Copy header.php from the Quark theme into your child theme folder. Rename it to header-blank.php Remove everything below the line <div id="wrapper" class="hfeed site">

Copy footer.php from the Quark theme into your child theme folder. Rename it to footer-blank.php Remove everything above the line </div> <!-- /.#wrapper.hfeed.site -->

Create a new file in your child theme folder called page-builderblank.php. Copy the following into the file and save.

/**
 * Template Name: Page Builder Blank Template
 *
 * Description: Displays a browser full-width page with no header or footer, for use with page builders like Visual Composer, Beaver Builder and the Divi Builder.
 *
 * @package Quark
 * @since Quark 1.3.2
 */

get_header( 'blank' ); ?>

<?php if ( have_posts() ) : ?>
   <?php while ( have_posts() ) : the_post(); ?>
      <?php get_template_part( 'content', 'builderfullwidth' ); ?>
      <?php comments_template( '', true ); ?>
   <?php endwhile; // end of the loop. ?>
<?php endif; // end have_posts() check ?>

<?php get_footer( 'blank' ); ?>

I haven’t tested this but hopefully it should work.

Thank you for the code. I did as you instructed but at the top of the page when I view it I’m seeing the following string of text:

/** * Template Name: Page Builder Blank Template * * Description: Displays a browser full-width page with no header or footer, for use with page builders like Visual Composer, Beaver Builder and the Divi Builder. * * @package Quark * @since Quark 1.3.2 */ get_header( ‘blank’ ); ?>

This of course is the info from the “page-builderblank.php” file.

Please advise.

I noticed

<?php

was missing from the code you provided. I added it at the top of the “page-builderblank.php” file and reloaded it but the text is still at the top.

Sorry to bother you again but if I never intend on using the banner, header, menu or footer can’t I just delete the appropriate divs? I don’t mind having to delete the divs everytime there is a theme update. Seems to me if that’s not problematic it’s the quickest way to resolve this. Please advise.

Ahh. Sorry about that. Yeah, it should have the opening PHP tag up the top.

<?php
/**
 * Template Name: Page Builder Blank Template
 *
 * Description: Displays a browser full-width page with no header or footer, for use with page builders like Visual Composer, Beaver Builder and the Divi Builder.
 *
 * @package Quark
 * @since Quark 1.3.2
 */

get_header( 'blank' ); ?>

<?php if ( have_posts() ) : ?>
   <?php while ( have_posts() ) : the_post(); ?>
      <?php get_template_part( 'content', 'builderfullwidth' ); ?>
      <?php comments_template( '', true ); ?>
   <?php endwhile; // end of the loop. ?>
<?php endif; // end have_posts() check ?>

<?php get_footer( 'blank' ); ?>

Once you add that PHP opening tag, it shouldn’t display that text comment. Make sure that your code also has the opening and closing comment tags (/* and */).

It’s entirely up to you if you want to delete those lines from the original files, but I wouldn’t recommend it. As you’re aware, it means that if you update the theme at any time, your changes will get overwritten. Also, deleting the lines from the original header and footer templates will mean that it removes the header and footer from every template, not just your page builder template.

Thank you for your help, your code worked! However when I view the page with my iPhone 6s Plus within the Safari browser, there is about a 10px spacing on the right side. I set the row to full width within Visual Composer (latest version). I even tried all the other row width settings with Visual Composer and I still get this spacing on the right when viewed from my iphone.

Below is a screen shot from my iphone.

https://s28.postimg.org/rri4xkvrx/example.jpg

Please advise.

Can you post a link to your site please so that I can get a better look.

Thanks.

Just to let you know, I’ve added a completely blank template to the theme now (ie. no header or footer section). You can download these updates from my Github repo.