Page Templater For Elementor - Version 1.0.1

Version Description

  • NEW: Added support to use the custom menu widget on full width blank template - ideal for anchor menus
Download this release

Release Info

Developer WPDevHQ
Plugin Icon wp plugin Page Templater For Elementor
Version 1.0.1
Comparing to
See all releases

Code changes from version 1.0.0 to 1.0.1

Files changed (6) hide show
  1. assets/custom.css +178 -0
  2. assets/custom.js +14 -0
  3. elementemplater-class.php +20 -0
  4. elementemplator.php +2 -2
  5. inc/themes/twentysixteen.php +7 -1
  6. readme.txt +25 -15
assets/custom.css ADDED
@@ -0,0 +1,178 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ * Custom CSS specific to the Elementor Blank Template and theme agnostic.
3
+ */
4
+
5
+ /* Anchor Menu */
6
+ .anchor-menu {
7
+ background-color: #ffffff;
8
+ color: #29292a;
9
+ }
10
+
11
+ .anchor-menu a,
12
+ .anchor-menu a:visited {
13
+ color: #29292a;
14
+ -webkit-transition: color 0.2s;
15
+ transition: color 0.2s;
16
+ }
17
+
18
+ .anchor-menu a:hover,
19
+ .anchor-menu a:focus {
20
+ color: rgba(255,255,255,0.7);
21
+ }
22
+
23
+ .elementor-widget-wp-widget-nav_menu {
24
+ clear: both;
25
+ display: block;
26
+ width: 100%;
27
+
28
+ }
29
+
30
+ .elementor-widget-wp-widget-nav_menu h5 {
31
+ width: 20%;
32
+ float: left;
33
+ clear: none;
34
+ margin: 0;
35
+ padding: 0.757em 0;
36
+ font-size: 18px;
37
+ text-align: left;
38
+ }
39
+
40
+ .elementor-widget-wp-widget-nav_menu ul {
41
+ background-color: transparent;
42
+ display: none;
43
+ list-style: none;
44
+ padding: 0 1em;
45
+ margin: 0 auto;
46
+ max-width: 1080px;
47
+ width: 80%;
48
+ float: left;
49
+ }
50
+
51
+ @media screen and (min-width: 60em) {
52
+ .anchor-menu-fixed.elementor-widget-wp-widget-nav_menu .wrap,
53
+ .site-header-hidden.elementor-widget-wp-widget-nav_menu .wrap {
54
+ padding-bottom: 0.25em;
55
+ padding-top: 0.25em;
56
+ }
57
+
58
+ .anchor-menu {
59
+ left: 0;
60
+ position: absolute;
61
+ top: 0;
62
+ width: 100%;
63
+ z-index: 3;
64
+ transition: transform 0.2s;
65
+ }
66
+
67
+ .anchor-menu-fixed.elementor-widget-wp-widget-nav_menu,
68
+ .site-header-hidden.elementor-widget-wp-widget-nav_menu {
69
+ position: fixed;
70
+ top: 0;
71
+ width: 100%;
72
+ z-index: 7;
73
+ }
74
+
75
+ .anchor-menu-fixed.anchor-menu,
76
+ .anchor-menu-fixed.elementor-widget-wp-widget-nav_menu {
77
+ -webkit-animation: header-down 0.2s ease-in;
78
+ animation: header-down 0.2s ease-in;
79
+ -webkit-transform: translate(0);
80
+ transform: translate(0);
81
+ }
82
+
83
+ .site-header-hidden.anchor-menu,
84
+ .site-header-hidden.elementor-widget-wp-widget-nav_menu {
85
+ -webkit-animation: header-up 0.5s ease-in;
86
+ animation: header-up 0.5s ease-in;
87
+ -webkit-transform: translate(-100%);
88
+ transform: translate(-100%);
89
+ }
90
+
91
+ .admin-bar .anchor-menu-fixed.anchor-menu,
92
+ .admin-bar .anchor-menu-fixed.elementor-widget-wp-widget-nav_menu {
93
+ top: 32px;
94
+ }
95
+
96
+ @-webkit-keyframes header-down {
97
+ from {
98
+ -webkit-transform: translate(0, -100%);
99
+ }
100
+
101
+ to {
102
+ -webkit-transform: translate(0);
103
+ }
104
+ }
105
+
106
+ @keyframes header-down {
107
+ from {
108
+ transform: translate(0, -100%);
109
+ }
110
+
111
+ to {
112
+ transform: translate(0);
113
+ }
114
+ }
115
+
116
+ @-webkit-keyframes header-up {
117
+ from {
118
+ -webkit-transform: translate(0);
119
+ }
120
+
121
+ to {
122
+ -webkit-transform: translate(0, -100%);
123
+ }
124
+ }
125
+
126
+ @keyframes header-up {
127
+ from {
128
+ transform: translate(0);
129
+ }
130
+
131
+ to {
132
+ transform: translate(0, -100%);
133
+ }
134
+ }
135
+
136
+ .elementor-widget-wp-widget-nav_menu {
137
+ width: 100%;
138
+ }
139
+
140
+ .elementor-widget-wp-widget-nav_menu ul {
141
+ display: block;
142
+ padding: 0.857em 0;
143
+ }
144
+
145
+ .elementor-widget-wp-widget-nav_menu li {
146
+ display: inline-block;
147
+ position: relative;
148
+ }
149
+
150
+ .elementor-widget-wp-widget-nav_menu li li {
151
+ display: block;
152
+ }
153
+
154
+ .elementor-widget-wp-widget-nav_menu a {
155
+ padding: 0.5em 1em;
156
+ }
157
+
158
+ .anchor-menu-fixed.anchor-menu .elementor-widget-wp-widget-nav_menu a {
159
+ padding-bottom: 0.75em;
160
+ padding-top: 0.75em;
161
+ }
162
+
163
+ .elementor-widget-wp-widget-nav_menu a:hover,
164
+ .elementor-widget-wp-widget-nav_menu a:focus {
165
+ color: #999;
166
+ }
167
+
168
+ .anchor-menu-fixed.elementor-widget-wp-widget-nav_menu h5 {
169
+ text-align: right;
170
+ margin-left: 3.5%;
171
+ }
172
+
173
+ .anchor-menu-fixed.elementor-widget-wp-widget-nav_menu ul {
174
+ float: left;
175
+ padding-right: 3.5%;
176
+ }
177
+
178
+ }
assets/custom.js ADDED
@@ -0,0 +1,14 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ jQuery( document ).ready( function( $ ) {
2
+
3
+ $(function () {
4
+ var nav = $('.elementor-widget-wp-widget-nav_menu');
5
+ $(window).scroll(function () {
6
+ if ($(this).scrollTop() > 85) {
7
+ nav.addClass("anchor-menu-fixed anchor-menu");
8
+ } else {
9
+ nav.removeClass("anchor-menu-fixed anchor-menu");
10
+ }
11
+ });
12
+ });
13
+
14
+ });
elementemplater-class.php CHANGED
@@ -38,7 +38,9 @@ class ElemenTemplater {
38
 
39
  add_action( 'init', array( $this, 'elementemplater_load_plugin_textdomain' ) );
40
 
 
41
  add_action( 'wp_enqueue_scripts', array( $this, 'elementemplater_styles' ), 999 );
 
42
 
43
  // Add a filter to the attributes metabox to inject template into the cache.
44
  add_filter(
@@ -132,6 +134,24 @@ class ElemenTemplater {
132
 
133
  }
134
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
135
  /**
136
  * Enqueue CSS for active theme.
137
  * @since 1.0.0
38
 
39
  add_action( 'init', array( $this, 'elementemplater_load_plugin_textdomain' ) );
40
 
41
+ add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_styles' ), 998 );
42
  add_action( 'wp_enqueue_scripts', array( $this, 'elementemplater_styles' ), 999 );
43
+ add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ), 9999 );
44
 
45
  // Add a filter to the attributes metabox to inject template into the cache.
46
  add_filter(
134
 
135
  }
136
 
137
+ /**
138
+ * Enqueue Custom CSS - theme agnostic.
139
+ * @since 1.0.1
140
+ * @return void
141
+ */
142
+ public function enqueue_styles() {
143
+ if ( is_page_template( 'templates/builder-fullwidth.php' ) ) {
144
+ wp_register_style( 'builder-fullwidth-style', plugins_url( 'assets/custom.css', __FILE__ ) );
145
+ wp_enqueue_style( 'builder-fullwidth-style' );
146
+ }
147
+ }
148
+
149
+ public function enqueue_scripts() {
150
+ if ( is_page_template( 'templates/builder-fullwidth.php' ) ) {
151
+ wp_enqueue_script( 'builder-fullwidth-js', plugins_url( 'assets/custom.js', __FILE__ ), array( 'jquery' ), '', true );
152
+ }
153
+ }
154
+
155
  /**
156
  * Enqueue CSS for active theme.
157
  * @since 1.0.0
elementemplator.php CHANGED
@@ -2,8 +2,8 @@
2
  /*
3
  * Plugin Name: Elementor Templater: ElemenTemplator
4
  * Plugin URI: http://www.wpdevhq.com/plugins/elementor-templator
5
- * Description: A helper plugin for users of [Elementor Pagebuilder] (https://wordpress.org/plugins/elementor/).
6
- * Version: 1.0.0
7
  * Author: WPDevHQ
8
  * Author URI: http://www.wpdevhq.com/
9
  * Requires at least: 4.4
2
  /*
3
  * Plugin Name: Elementor Templater: ElemenTemplator
4
  * Plugin URI: http://www.wpdevhq.com/plugins/elementor-templator
5
+ * Description: A helper plugin for users of Elementor Pagebuilder.
6
+ * Version: 1.0.1
7
  * Author: WPDevHQ
8
  * Author URI: http://www.wpdevhq.com/
9
  * Requires at least: 4.4
inc/themes/twentysixteen.php CHANGED
@@ -30,7 +30,13 @@
30
  margin-left: auto;
31
  }
32
  @media screen and (min-width: 56.875em) {
33
- .page-template-builder-fullwidth .entry-content,
 
 
 
 
 
 
34
  .page-template-builder-fullwidth-std .entry-content {
35
  margin-right: auto;
36
  margin-left: auto;
30
  margin-left: auto;
31
  }
32
  @media screen and (min-width: 56.875em) {
33
+ .admin-bar .anchor-menu {
34
+ top: 20px;
35
+ }
36
+ .admin-bar .anchor-menu-fixed.anchor-menu, .admin-bar .anchor-menu-fixed.elementor-widget-wp-widget-nav_menu {
37
+ top: 54px !important;
38
+ }
39
+ .page-template-builder-fullwidth .entry-content,
40
  .page-template-builder-fullwidth-std .entry-content {
41
  margin-right: auto;
42
  margin-left: auto;
readme.txt CHANGED
@@ -3,32 +3,33 @@ Contributors: WPDevHQ
3
  Tags: elementor, pagebuilder, page builder, page builder template, page builder templates, actions, storefront, twentysixteen, genesis, template builder, builder templates
4
  Requires at least: 4.0
5
  Tested up to: 4.6
6
- Stable tag: 1.0.0
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
10
  A helper plugin for users of Elementor Page Builder
11
 
12
  == Description ==
13
- This plugin does one and one thing only - adds page templates (plus css) to any theme for use with the [Elementor Page Builder](https://wordpress.org/plugins/elementor/)
 
14
 
15
  Initial version only contains 2 templates
16
- - Template 1: Full width with header and footer : Builder Fullwidth Standard
17
- - Template 2: Full width and no header or footer : Builder Fullwidth Blank
18
 
19
  == Supported Themes ==
20
  The following themes are currently supported out of the box - if your desired theme is not list you may need to add some custom css.
21
- * [Actions](https://wordpress.org/themes/actions/) - by WPDevHQ
22
- * [Edge](https://wordpress.org/themes/edge/) - By themefreesia
23
- * [Experon](https://wordpress.org/themes/experon/) - ThinkUpThemes
24
- * [Genesis](http://my.studiopress.com/themes/genesis/) - By StudioPress
25
- * [Storefront](https://wordpress.org/themes/storefront/) - by WooThemes/Automattic
26
- * [TwentyFourteen](https://wordpress.org/themes/twentyfourteen/) - by WordPress.org
27
- * [TwentyFifteen](https://wordpress.org/themes/twentyfifteen/) - by WordPress.org
28
- * [TwentySixteen](https://wordpress.org/themes/twentysixteen/) - by WordPress.org
29
- * [TwentyThirteen](https://wordpress.org/themes/twentythirteen/) - by WordPress.org
30
- * [Vantage](https://wordpress.org/themes/vantage/) - by Greg Priday
31
- * [Virtue](https://wordpress.org/themes/virtue/) - by Kadence Themes
32
 
33
  If you are a theme author and would like to have your theme added to our supported list please provide details and we'll see what we can do.
34
 
@@ -57,6 +58,12 @@ Yes and No. The short answer is yes, you will be able to select the included tem
57
  **Why a blank template?**
58
  Ever wanted to build Landing pages, sales pages or display specific pages without the clutter and distruction of header items, sidebar widgets and footer items? Now you can.
59
 
 
 
 
 
 
 
60
  == Screenshots ==
61
 
62
  1. Fullwidth with Header and Footer
@@ -65,5 +72,8 @@ Ever wanted to build Landing pages, sales pages or display specific pages withou
65
 
66
  == Changelog ==
67
 
 
 
 
68
  = 1.0.0 =
69
  * Initial release.
3
  Tags: elementor, pagebuilder, page builder, page builder template, page builder templates, actions, storefront, twentysixteen, genesis, template builder, builder templates
4
  Requires at least: 4.0
5
  Tested up to: 4.6
6
+ Stable tag: 1.0.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
10
  A helper plugin for users of Elementor Page Builder
11
 
12
  == Description ==
13
+ This plugin does one and one thing only - adds page templates (plus css) to any theme for use with the [Elementor Page Builder](https://wordpress.org/plugins/elementor/)
14
+ Now includes support for custom menu to be used for anchor points on the full width blank template.
15
 
16
  Initial version only contains 2 templates
17
+ - Template 1: Full width with header and footer : Builder Fullwidth Standard
18
+ - Template 2: Full width and no header or footer : Builder Fullwidth Blank
19
 
20
  == Supported Themes ==
21
  The following themes are currently supported out of the box - if your desired theme is not list you may need to add some custom css.
22
+ * [Actions](https://wordpress.org/themes/actions/) - by WPDevHQ
23
+ * [Edge](https://wordpress.org/themes/edge/) - By themefreesia
24
+ * [Experon](https://wordpress.org/themes/experon/) - ThinkUpThemes
25
+ * [Genesis](http://my.studiopress.com/themes/genesis/) - By StudioPress
26
+ * [Storefront](https://wordpress.org/themes/storefront/) - by WooThemes/Automattic
27
+ * [TwentyFourteen](https://wordpress.org/themes/twentyfourteen/) - by WordPress.org
28
+ * [TwentyFifteen](https://wordpress.org/themes/twentyfifteen/) - by WordPress.org
29
+ * [TwentySixteen](https://wordpress.org/themes/twentysixteen/) - by WordPress.org
30
+ * [TwentyThirteen](https://wordpress.org/themes/twentythirteen/) - by WordPress.org
31
+ * [Vantage](https://wordpress.org/themes/vantage/) - by Greg Priday
32
+ * [Virtue](https://wordpress.org/themes/virtue/) - by Kadence Themes
33
 
34
  If you are a theme author and would like to have your theme added to our supported list please provide details and we'll see what we can do.
35
 
58
  **Why a blank template?**
59
  Ever wanted to build Landing pages, sales pages or display specific pages without the clutter and distruction of header items, sidebar widgets and footer items? Now you can.
60
 
61
+ **I see that support for anchor menu has been added, what is this?**
62
+ Anchors a point on a template that are attached to a specific menu item - upon click on the menu item the anchor position will scroll in to the viewport.
63
+
64
+ **How do I use this new feature?**
65
+ Please visit [Build With Elementor: Anchor Menus](http://buildwithelementor.com/custom-menu/) to get an over view of the it all works.
66
+
67
  == Screenshots ==
68
 
69
  1. Fullwidth with Header and Footer
72
 
73
  == Changelog ==
74
 
75
+ = 1.0.1 =
76
+ * NEW: Added support to use the custom menu widget on full width blank template - ideal for anchor menus
77
+
78
  = 1.0.0 =
79
  * Initial release.