Add new Blank Page Builder Template

maddisondesigns · Nov 5, 2015 · eca09b1 · eca09b1
1 parent c3050f7
commit eca09b1
Show file tree

Hide file tree

Showing 4 changed files with 87 additions and 3 deletions.
diff --git a/footer-blank.php b/footer-blank.php
@@ -0,0 +1,19 @@
+<?php
+/**
+ * The template for displaying the footer in the full-width blank builder page template.
+ *
+ * Contains the closing of the id #maincontentcontainer div and all content after.
+ * There are also four footer widgets displayed. These will be displayed from
+ * one to four columns, depending on how many widgets are active.
+ *
+ * @package Quark
+ * @since Quark 1.3.3
+ */
+?>
+
+</div> <!-- /.#wrapper.hfeed.site -->
+
+<?php wp_footer(); ?>
+</body>
+
+</html>
diff --git a/header-blank.php b/header-blank.php
@@ -0,0 +1,39 @@
+<?php
+/**
+ * The Header for our theme.
+ *
+ * Displays all of the <head> section and everything up till <div id="wrapper">
+ *
+ * @package Quark
+ * @since Quark 1.3.3
+ */
+?><!doctype html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" <?php language_attributes(); ?>> <![endif]-->
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" <?php language_attributes(); ?>> <![endif]-->
+<!--[if IE 8]>    <html class="no-js lt-ie9" <?php language_attributes(); ?>> <![endif]-->
+<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
+<!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
+
+
+<head>
+	<meta charset="<?php bloginfo( 'charset' ); ?>" />
+	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+	<meta http-equiv="cleartype" content="on">
+
+	<!-- Responsive and mobile friendly stuff -->
+	<meta name="HandheldFriendly" content="True">
+	<meta name="MobileOptimized" content="320">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+
+	<link rel="profile" href="http://gmpg.org/xfn/11" />
+	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
+
+	<?php wp_head(); ?>
+</head>
+
+<body <?php body_class(); ?>>
+
+<div id="wrapper" class="hfeed site">
diff --git a/page-templates/page-builderblank.php b/page-templates/page-builderblank.php
@@ -0,0 +1,22 @@
+<?php
+/**
+ * Template Name: Page Builder Blank Template
+ *
+ * Description: Displays a browser full-width blank page for use with page builders like Visual Composer, Beaver Builder and the Divi Builder. This template also removes the header and footer section of the page
+ *
+ * @package Quark
+ * @since Quark 1.3.3
+ */
+
+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' ); ?>
diff --git a/style.css b/style.css
@@ -2198,19 +2198,23 @@ h1.page-title {
    ========================================================================== */
 
 /* Divi Builder - Resize rows to match Quark */
-.page-template-page-builders.et_divi_builder #et_builder_outer_content .et_pb_section .et_pb_row {
+.page-template-page-builderfullwidth.et_divi_builder #et_builder_outer_content .et_pb_section .et_pb_row,
+.page-template-page-builderblank.et_divi_builder #et_builder_outer_content .et_pb_section .et_pb_row,
+.page-template-page-builderboxed.et_divi_builder #et_builder_outer_content .et_pb_section .et_pb_row {
 	max-width: 1200px;
 	width: 90%;
 }
 
 /* Visual Composer - Remove the negative margin when using the full-width page builder template */
-.page-template-page-builders.wpb-js-composer .vc_row {
+.page-template-page-builderfullwidth.wpb-js-composer .vc_row,
+.page-template-page-builderblank.wpb-js-composer .vc_row {
 	margin-left: 0;
 	margin-right: 0;
 }
 
 /* SiteOrigin Page Builder - Ensure the grid only extends 100% */
-.page-template-page-builders.siteorigin-panels .panel-grid {
+.page-template-page-builderfullwidth.siteorigin-panels .panel-grid,
+.page-template-page-builderblank.siteorigin-panels .panel-grid {
 	margin-left: 0 !important;
 	margin-right: 0 !important;
 }