AMP for WP – Accelerated Mobile Pages - Version 0.8.2

Version Description

  • Proper Details at http://ampforwp.com/blog/the-custom-frontpage/
  • Custom AMP FrontPage
  • Featured Image
  • New Mobile Friendly Advertisement sizes
  • Single Post Pagination Option
  • RTL Support
  • Notifications
  • Gaping if the Meta was turned off.
  • Analytics was not fetching the user id properly.
  • Page was not using the post template along with the AD support.
  • AMP Endpoint support for Paged when the front page is active.
  • UI improvement of Admin panel
  • Few Validation issues fixed
Download this release

Release Info

Developer mohammed_kaludi
Plugin Icon 128x128 AMP for WP – Accelerated Mobile Pages
Version 0.8.2
Comparing to
See all releases

Code changes from version 0.8.1 to 0.8.2

Files changed (10) hide show
  1. README.md +26 -9
  2. accelerated-moblie-pages.php +4 -2
  3. includes/options/options-init.php +109 -8
  4. includes/options/redux-framework/assets/css/redux-admin.css +1 -1
  5. readme.txt +24 -5
  6. templates/features.php +65 -17
  7. templates/frontpage.php +73 -0
  8. templates/index.php +1 -1
  9. templates/single.php +17 -4
  10. templates/style.php +77 -10
README.md CHANGED
@@ -1,27 +1,27 @@
1
- # Accelerated Mobile Pages
2
- Automatically add Accelerated Mobile Pages (AMP Project) functionality on your WordPress.
3
- https://wordpress.org/plugins/accelerated-mobile-pages/
4
 
5
- === AMP - Accelerated Mobile Pages ===
6
  Contributors: mohammed_kaludi, ahmedkaludi
7
  Tags: AMP, accelerated mobile pages, mobile, amp project, google amp, amp wp, google
8
  Requires at least: 3.0
9
  Tested up to: 4.6.1
10
- Stable tag: 0.8.1
11
  License: GPLv2 or later
12
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
13
 
14
- AMP for WordPress Support out of the box. Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on your WordPress site.
15
 
16
  == Description ==
17
  Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on your WordPress site. AMP WP is a plugin that needs to no configuration, just activate it and you are done.
18
 
19
- [What's New in Version 0.8?](http://ampforwp.com/blog/the-change/) | [Priority Support](http://ampforwp.com/priority-support/) | [View Demo and Screenshot of the plugin](http://ahmedkaludi.com/accelerated-mobile-pages/)
20
 
21
  **Features:**
22
 
23
  * Automatically integrate AMP to your website.
24
  * Google Adsense (AMP-AD) Support with 4 different Ad slots across the layout! The First Plugin to have this capability.
 
25
  * Google Analytics Support.
26
  * User Friendly Theme Options Panel.
27
  * Unlimited Color Scheme.
@@ -40,11 +40,13 @@ Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on
40
  * Twitter oembed Support.
41
  * Instagram Embed Support.
42
  * Facebook Video Embed Support.
 
 
 
43
  * Great Support & Active Development.
44
 
45
 
46
- **NOTE:** Next Big Update of this plugin will be released by 20th October 2016.
47
-
48
 
49
  **How to test if AMP is working or not?**
50
  After you install the plugin, Google will automatically index the amp pages using the amp tag and then show you the updates in the search console.
@@ -108,6 +110,21 @@ Please check if you have "Pretty Permalinks" enabled. If not then activate it. F
108
 
109
 
110
  == Changelog ==
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
111
  = 0.8.1 =
112
  * Warning: Cannot modify header information error fixed
113
  * Validation issue fixed. KK Star Plugin compatible.
1
+ #AMP Toolbox - Accelerated Mobile Pages
2
+ The Must have AMP plugin for WordPress. Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on your WordPress site. More details on https://wordpress.org/plugins/accelerated-mobile-pages/ & http://AMPforWP.com
 
3
 
4
+ === AMP Toolbox - Accelerated Mobile Pages ===
5
  Contributors: mohammed_kaludi, ahmedkaludi
6
  Tags: AMP, accelerated mobile pages, mobile, amp project, google amp, amp wp, google
7
  Requires at least: 3.0
8
  Tested up to: 4.6.1
9
+ Stable tag: 0.8.2
10
  License: GPLv2 or later
11
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
 
13
+ The Must have AMP plugin for WordPress. Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on your WordPress site.
14
 
15
  == Description ==
16
  Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on your WordPress site. AMP WP is a plugin that needs to no configuration, just activate it and you are done.
17
 
18
+ [What's New in Version 0.8.2?](http://ampforwp.com/blog/the-custom-frontpage/) | [Priority Support](http://ampforwp.com/priority-support/) | [View Demo and Screenshot of the plugin](http://ahmedkaludi.com/accelerated-mobile-pages/)
19
 
20
  **Features:**
21
 
22
  * Automatically integrate AMP to your website.
23
  * Google Adsense (AMP-AD) Support with 4 different Ad slots across the layout! The First Plugin to have this capability.
24
+ * 7 Advertisement sizes
25
  * Google Analytics Support.
26
  * User Friendly Theme Options Panel.
27
  * Unlimited Color Scheme.
40
  * Twitter oembed Support.
41
  * Instagram Embed Support.
42
  * Facebook Video Embed Support.
43
+ * RTL Support
44
+ * Custom AMP FrontPage
45
+ * Notifications
46
  * Great Support & Active Development.
47
 
48
 
49
+ **NOTE:** Next Update of this plugin will be released by mid October 2016.
 
50
 
51
  **How to test if AMP is working or not?**
52
  After you install the plugin, Google will automatically index the amp pages using the amp tag and then show you the updates in the search console.
110
 
111
 
112
  == Changelog ==
113
+ = 0.8.2 =
114
+ * Proper Details at http://ampforwp.com/blog/the-custom-frontpage/
115
+ * Custom AMP FrontPage
116
+ * Featured Image
117
+ * New Mobile Friendly Advertisement sizes
118
+ * Single Post Pagination Option
119
+ * RTL Support
120
+ * Notifications
121
+ * Gaping if the Meta was turned off.
122
+ * Analytics was not fetching the user id properly.
123
+ * Page was not using the post template along with the AD support.
124
+ * AMP Endpoint support for Paged when the front page is active.
125
+ * UI improvement of Admin panel
126
+ * Few Validation issues fixed
127
+
128
  = 0.8.1 =
129
  * Warning: Cannot modify header information error fixed
130
  * Validation issue fixed. KK Star Plugin compatible.
accelerated-moblie-pages.php CHANGED
@@ -2,8 +2,8 @@
2
  /*
3
  Plugin Name: Accelerated Mobile Pages
4
  Plugin URI: https://wordpress.org/plugins/accelerated-mobile-pages/
5
- Description: Accelerated Mobile Pages for WordPress
6
- Version: 0.8.1
7
  Author: Ahmed Kaludi, Mohammed Kaludi
8
  Author URI: http://ampforwp.com/
9
  License: GPL2
@@ -64,5 +64,7 @@ add_filter( 'the_content', 'the_content_filter', 20 );
64
  function the_content_filter( $content ) {
65
  $content = preg_replace('/property[^>]*/', '', $content);
66
  $content = preg_replace('/vocab[^>]*/', '', $content);
 
 
67
  return $content;
68
  }
2
  /*
3
  Plugin Name: Accelerated Mobile Pages
4
  Plugin URI: https://wordpress.org/plugins/accelerated-mobile-pages/
5
+ Description: AMP Toolbox - Accelerated Mobile Pages for WordPress
6
+ Version: 0.8.2
7
  Author: Ahmed Kaludi, Mohammed Kaludi
8
  Author URI: http://ampforwp.com/
9
  License: GPL2
64
  function the_content_filter( $content ) {
65
  $content = preg_replace('/property[^>]*/', '', $content);
66
  $content = preg_replace('/vocab[^>]*/', '', $content);
67
+ $content = preg_replace('#<comments-count.*?>(.*?)</comments-count>#i', '', $content);
68
+ $content = preg_replace('/href="javascript:void*/', ' ', $content);
69
  return $content;
70
  }
includes/options/options-init.php CHANGED
@@ -138,7 +138,7 @@
138
  Redux::setSection( $opt_name, array(
139
  'title' => __( 'Welcome', 'redux-framework-demo' ),
140
  'id' => 'basic',
141
- 'desc' => __( '<div class="amp-faq">Thank you for using Accelerated Mobile Pages plugin. <b> <a href="http://ampforwp.com/blog/amp-0-7-7/" target="_blank"> What\'s New in this Version?</a></b>'. '<p>' . sprintf( __( 'We are actively working on updating the plugin. We have built user friendly options which allows you to make changes on your AMP version. I have put togeather some frequently asked questions below.', 'redux-framework-demo' ), 'redux-framework-demo' ) . '</p>'
142
  . '<h2>' . __( 'Frequently Asked Questions', 'redux-framework-demo' ) . '</h2>'
143
  . '<p><strong>' . __( 'How to Setup Navigation Menu?', 'redux-framework-demo' ) . '</strong><br/>' . __( 'We have created a Seperate Navigation menu for AMP version which you can setup from the WordPress Menus, then navigate to Menu Locations, their you will notice AMP Menu. You can assign existing menus to this locations.', 'redux-framework-demo' ) . '</p>'
144
  . '<p><strong>' . __( 'I added /?amp on the end of one of my URLs and a minimalist version of my page appeared. It looks just like on one of your screenshots, so I guess its installed properly. Okay what now? Is it just enough to install it and the plugin will do the rest?', 'redux-framework-demo' ) . '</strong><br/>' . __( 'After you see the minimalist view if you use the url with ?amp then it means that it has been installed properly. You dont need any extra steps to enable it.', 'redux-framework-demo' ) . '</p>'
@@ -263,16 +263,89 @@
263
  'posts_per_page' => 500
264
  ),
265
  ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
266
  array(
267
  'id' => 'amp-footer-text',
268
  'title' => __('Footer', 'redux-framework-demo'),
269
  'type' => 'text',
270
  'default' => 'Copyright &copy; 2016'
271
  ),
272
- )
 
 
 
 
 
 
 
 
 
 
273
 
274
 
275
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
276
  ) );
277
 
278
  // ADS SECTION
@@ -300,10 +373,12 @@
300
  // Must provide key => value pairs for select options
301
  'options' => array(
302
  '1' => '300x250',
303
- '2' => '336x280',
304
  '3' => '728x90',
305
  '4' => '300x600',
306
- '5' => '320x100'
 
 
307
  ),
308
  'default' => '2',
309
  ),
@@ -345,7 +420,9 @@
345
  '2' => '336x280',
346
  '3' => '728x90',
347
  '4' => '300x600',
348
- '5' => '320x100'
 
 
349
  ),
350
  'default' => '2',
351
  ),
@@ -387,7 +464,9 @@
387
  '2' => '336x280',
388
  '3' => '728x90',
389
  '4' => '300x600',
390
- '5' => '320x100'
 
 
391
  ),
392
  'default' => '2',
393
  ),
@@ -429,7 +508,9 @@
429
  '2' => '336x280',
430
  '3' => '728x90',
431
  '4' => '300x600',
432
- '5' => '320x100'
 
 
433
  ),
434
  'default' => '2',
435
  ),
@@ -483,6 +564,26 @@
483
  'true' => 'Enabled',
484
  'false' => 'Disabled',
485
  ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
486
  // Social Icons ON/OFF
487
  array(
488
  'id' => 'enable-single-social-icons',
@@ -564,4 +665,4 @@
564
  ) );
565
  /*
566
  * <--- END SECTIONS
567
- */
138
  Redux::setSection( $opt_name, array(
139
  'title' => __( 'Welcome', 'redux-framework-demo' ),
140
  'id' => 'basic',
141
+ 'desc' => __( '<div class="amp-faq">Thank you for using Accelerated Mobile Pages plugin. <b> <a href="http://ampforwp.com/blog/the-custom-frontpage/" target="_blank"> What\'s New in this Version?</a></b>'. '<p>' . sprintf( __( 'We are actively working on updating the plugin. We have built user friendly options which allows you to make changes on your AMP version. I have put togeather some frequently asked questions below.', 'redux-framework-demo' ), 'redux-framework-demo' ) . '</p>'
142
  . '<h2>' . __( 'Frequently Asked Questions', 'redux-framework-demo' ) . '</h2>'
143
  . '<p><strong>' . __( 'How to Setup Navigation Menu?', 'redux-framework-demo' ) . '</strong><br/>' . __( 'We have created a Seperate Navigation menu for AMP version which you can setup from the WordPress Menus, then navigate to Menu Locations, their you will notice AMP Menu. You can assign existing menus to this locations.', 'redux-framework-demo' ) . '</p>'
144
  . '<p><strong>' . __( 'I added /?amp on the end of one of my URLs and a minimalist version of my page appeared. It looks just like on one of your screenshots, so I guess its installed properly. Okay what now? Is it just enough to install it and the plugin will do the rest?', 'redux-framework-demo' ) . '</strong><br/>' . __( 'After you see the minimalist view if you use the url with ?amp then it means that it has been installed properly. You dont need any extra steps to enable it.', 'redux-framework-demo' ) . '</p>'
263
  'posts_per_page' => 500
264
  ),
265
  ),
266
+
267
+
268
+ array(
269
+ 'id' =>'amp-frontpage-select-option',
270
+ 'type' => 'switch',
271
+ 'title' => __('Front Page', 'redux-framework-demo'),
272
+ 'default' => 0,
273
+ 'subtitle' => __('Custom AMP frontpage', 'redux-framework-demo'),
274
+ 'true' => 'true',
275
+ 'false' => 'false',
276
+ ),
277
+ array(
278
+ 'id' => 'amp-frontpage-select-option-pages',
279
+ 'type' => 'select',
280
+ 'title' => __('Select Page as Frontpage', 'redux-framework-demo'),
281
+ 'required' => array('amp-frontpage-select-option', '=' , '1'),
282
+ // Must provide key => value pairs for select options
283
+ 'data' => 'page',
284
+ 'args' => array(
285
+ 'post_type' => 'page',
286
+ 'posts_per_page' => 500
287
+ ),
288
+
289
+ 'default' => '2',
290
+ ),
291
+
292
+
293
+
294
+
295
  array(
296
  'id' => 'amp-footer-text',
297
  'title' => __('Footer', 'redux-framework-demo'),
298
  'type' => 'text',
299
  'default' => 'Copyright &copy; 2016'
300
  ),
301
+
302
+ array(
303
+ 'id' =>'amp-rtl-select-option',
304
+ 'type' => 'switch',
305
+ 'title' => __('RTL Support', 'redux-framework-demo'),
306
+ 'default' => 0,
307
+ 'subtitle' => __('Enable Right to Left language support?', 'redux-framework-demo'),
308
+ 'true' => 'true',
309
+ 'false' => 'false',
310
+ ),
311
+ )
312
 
313
 
314
 
315
+ ) );
316
+
317
+ // Notifications SECTION
318
+ Redux::setSection( $opt_name, array(
319
+ 'title' => __( 'Notifications', 'redux-framework-demo' ),
320
+ 'desc' => __( 'Add notifications to your AMP pages'),
321
+ 'id' => 'amp-notifications',
322
+ 'subsection' => true,
323
+ 'fields' => array(
324
+ array(
325
+ 'id' =>'amp-enable-notifications',
326
+ 'type' => 'switch',
327
+ 'title' => __('Enable Notifications', 'redux-framework-demo'),
328
+ 'default' => '',
329
+ 'subtitle' => __('Show notifications on all of your AMP pages for cookie purposes, or anything else.', 'redux-framework-demo'),
330
+ 'true' => 'Enabled',
331
+ 'false' => 'Disabled',
332
+ ),
333
+ array(
334
+ 'id' => 'amp-notification-text',
335
+ 'title' => __('Notification text', 'redux-framework-demo'),
336
+ 'type' => 'text',
337
+ 'required' => array('amp-enable-notifications', '=' , '1'),
338
+ 'default' => 'This website uses cookies.'
339
+ ),
340
+ array(
341
+ 'id' => 'amp-accept-button-text',
342
+ 'title' => __('Notification accept button text', 'redux-framework-demo'),
343
+ 'type' => 'text',
344
+ 'required' => array('amp-enable-notifications', '=' , '1'),
345
+ 'default' => 'Accept'
346
+ ),
347
+ ),
348
+
349
  ) );
350
 
351
  // ADS SECTION
373
  // Must provide key => value pairs for select options
374
  'options' => array(
375
  '1' => '300x250',
376
+ '2' => '336x280',
377
  '3' => '728x90',
378
  '4' => '300x600',
379
+ '5' => '320x100',
380
+ '6' => '200x50',
381
+ '7' => '320x50'
382
  ),
383
  'default' => '2',
384
  ),
420
  '2' => '336x280',
421
  '3' => '728x90',
422
  '4' => '300x600',
423
+ '5' => '320x100',
424
+ '6' => '200x50',
425
+ '7' => '320x50'
426
  ),
427
  'default' => '2',
428
  ),
464
  '2' => '336x280',
465
  '3' => '728x90',
466
  '4' => '300x600',
467
+ '5' => '320x100',
468
+ '6' => '200x50',
469
+ '7' => '320x50'
470
  ),
471
  'default' => '2',
472
  ),
508
  '2' => '336x280',
509
  '3' => '728x90',
510
  '4' => '300x600',
511
+ '5' => '320x100',
512
+ '6' => '200x50',
513
+ '7' => '320x50'
514
  ),
515
  'default' => '2',
516
  ),
564
  'true' => 'Enabled',
565
  'false' => 'Disabled',
566
  ),
567
+ // Single Featured ON/OFF
568
+ array(
569
+ 'id' => 'enable-single-featured-img',
570
+ 'type' => 'switch',
571
+ 'title' => __('Featured Image', 'redux-framework-demo'),
572
+ 'default' => 1,
573
+ 'subtitle' => __('Enabling this will automatically display the featured image', 'redux-framework-demo'),
574
+ 'true' => 'Enabled',
575
+ 'false' => 'Disabled',
576
+ ),
577
+ // Next/Previous Pagination ON/OFF
578
+ array(
579
+ 'id' => 'enable-next-previous-pagination',
580
+ 'type' => 'switch',
581
+ 'title' => __('Post Pagination', 'redux-framework-demo'),
582
+ 'default' => 1,
583
+ 'subtitle' => __('Enable Next / Previous in the single post', 'redux-framework-demo'),
584
+ 'true' => 'Enabled',
585
+ 'false' => 'Disabled',
586
+ ),
587
  // Social Icons ON/OFF
588
  array(
589
  'id' => 'enable-single-social-icons',
665
  ) );
666
  /*
667
  * <--- END SECTIONS
668
+ */
includes/options/redux-framework/assets/css/redux-admin.css CHANGED
@@ -118,7 +118,7 @@
118
  .admin-color-fresh .redux-container-switch .cb-disable, .admin-color-fresh .redux-container-switch .cb-enable, .admin-color-fresh .ui-state-default, .admin-color-fresh .ui-widget-content .ui-state-default, .admin-color-fresh .ui-widget-header .ui-state-default, .wp-customizer .redux-container-switch .cb-disable, .wp-customizer .redux-container-switch .cb-enable, .wp-customizer .ui-state-default, .wp-customizer .ui-widget-content .ui-state-default, .wp-customizer .ui-widget-header .ui-state-default{
119
  border: 0;
120
  background: #f2f2f2 !important;
121
- color: #777;
122
  }
123
  .redux-container-switch .switch-options{
124
  text-transform: uppercase;
118
  .admin-color-fresh .redux-container-switch .cb-disable, .admin-color-fresh .redux-container-switch .cb-enable, .admin-color-fresh .ui-state-default, .admin-color-fresh .ui-widget-content .ui-state-default, .admin-color-fresh .ui-widget-header .ui-state-default, .wp-customizer .redux-container-switch .cb-disable, .wp-customizer .redux-container-switch .cb-enable, .wp-customizer .ui-state-default, .wp-customizer .ui-widget-content .ui-state-default, .wp-customizer .ui-widget-header .ui-state-default{
119
  border: 0;
120
  background: #f2f2f2 !important;
121
+ color: #999;
122
  }
123
  .redux-container-switch .switch-options{
124
  text-transform: uppercase;
readme.txt CHANGED
@@ -1,23 +1,24 @@
1
- === AMP - Accelerated Mobile Pages ===
2
  Contributors: mohammed_kaludi, ahmedkaludi
3
  Tags: AMP, accelerated mobile pages, mobile, amp project, google amp, amp wp, google
4
  Requires at least: 3.0
5
  Tested up to: 4.6.1
6
- Stable tag: 0.8.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
10
- AMP for WordPress Support out of the box. Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on your WordPress site.
11
 
12
  == Description ==
13
  Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on your WordPress site. AMP WP is a plugin that needs to no configuration, just activate it and you are done.
14
 
15
- [What's New in Version 0.8?](http://ampforwp.com/blog/the-change/) | [Priority Support](http://ampforwp.com/priority-support/) | [View Demo and Screenshot of the plugin](http://ahmedkaludi.com/accelerated-mobile-pages/)
16
 
17
  **Features:**
18
 
19
  * Automatically integrate AMP to your website.
20
  * Google Adsense (AMP-AD) Support with 4 different Ad slots across the layout! The First Plugin to have this capability.
 
21
  * Google Analytics Support.
22
  * User Friendly Theme Options Panel.
23
  * Unlimited Color Scheme.
@@ -36,10 +37,13 @@ Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on
36
  * Twitter oembed Support.
37
  * Instagram Embed Support.
38
  * Facebook Video Embed Support.
 
 
 
39
  * Great Support & Active Development.
40
 
41
 
42
- **NOTE:** Next Big Update of this plugin will be released by 20th October 2016.
43
 
44
  **How to test if AMP is working or not?**
45
  After you install the plugin, Google will automatically index the amp pages using the amp tag and then show you the updates in the search console.
@@ -103,6 +107,21 @@ Please check if you have "Pretty Permalinks" enabled. If not then activate it. F
103
 
104
 
105
  == Changelog ==
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
106
  = 0.8.1 =
107
  * Warning: Cannot modify header information error fixed
108
  * Validation issue fixed. KK Star Plugin compatible.
1
+ === AMP Toolbox - Accelerated Mobile Pages ===
2
  Contributors: mohammed_kaludi, ahmedkaludi
3
  Tags: AMP, accelerated mobile pages, mobile, amp project, google amp, amp wp, google
4
  Requires at least: 3.0
5
  Tested up to: 4.6.1
6
+ Stable tag: 0.8.2
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
10
+ The Must have AMP plugin for WordPress. Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on your WordPress site.
11
 
12
  == Description ==
13
  Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on your WordPress site. AMP WP is a plugin that needs to no configuration, just activate it and you are done.
14
 
15
+ [What's New in Version 0.8.2?](http://ampforwp.com/blog/the-custom-frontpage/) | [Priority Support](http://ampforwp.com/priority-support/) | [View Demo and Screenshot of the plugin](http://ahmedkaludi.com/accelerated-mobile-pages/)
16
 
17
  **Features:**
18
 
19
  * Automatically integrate AMP to your website.
20
  * Google Adsense (AMP-AD) Support with 4 different Ad slots across the layout! The First Plugin to have this capability.
21
+ * 7 Advertisement sizes
22
  * Google Analytics Support.
23
  * User Friendly Theme Options Panel.
24
  * Unlimited Color Scheme.
37
  * Twitter oembed Support.
38
  * Instagram Embed Support.
39
  * Facebook Video Embed Support.
40
+ * RTL Support
41
+ * Custom AMP FrontPage
42
+ * Notifications
43
  * Great Support & Active Development.
44
 
45
 
46
+ **NOTE:** Next Update of this plugin will be released by mid October 2016.
47
 
48
  **How to test if AMP is working or not?**
49
  After you install the plugin, Google will automatically index the amp pages using the amp tag and then show you the updates in the search console.
107
 
108
 
109
  == Changelog ==
110
+ = 0.8.2 =
111
+ * Proper Details at http://ampforwp.com/blog/the-custom-frontpage/
112
+ * Custom AMP FrontPage
113
+ * Featured Image
114
+ * New Mobile Friendly Advertisement sizes
115
+ * Single Post Pagination Option
116
+ * RTL Support
117
+ * Notifications
118
+ * Gaping if the Meta was turned off.
119
+ * Analytics was not fetching the user id properly.
120
+ * Page was not using the post template along with the AD support.
121
+ * AMP Endpoint support for Paged when the front page is active.
122
+ * UI improvement of Admin panel
123
+ * Few Validation issues fixed
124
+
125
  = 0.8.1 =
126
  * Warning: Cannot modify header information error fixed
127
  * Validation issue fixed. KK Star Plugin compatible.
templates/features.php CHANGED
@@ -27,7 +27,7 @@
27
  }
28
 
29
  function new_amp_maybe_add_actions() {
30
- if ( is_home() || is_archive() ) {
31
 
32
  $is_amp_endpoint = is_amp_endpoint();
33
 
@@ -42,9 +42,9 @@
42
 
43
  function ampforwp_home_archive_rel_canonical() {
44
 
45
- if ( is_home() || is_archive() ) {
46
 
47
- if ( is_home() ){
48
  $amp_url = home_url('/?amp');
49
  } else {
50
  $amp_url = trailingslashit( get_permalink().'amp' );
@@ -62,13 +62,25 @@
62
  add_filter( 'amp_post_template_file', 'ampforwp_custom_template', 10, 3 );
63
  function ampforwp_custom_template( $file, $type, $post ) {
64
  // Custom Homepage and Archive file
65
- if ( is_home() || is_archive() ) {
66
- if ( 'single' === $type ) {
67
- $file = AMPFORWP_PLUGIN_DIR . '/templates/index.php';
68
- }
69
- }
 
 
 
 
 
 
 
 
 
 
 
 
70
  // Custom Single file
71
- if ( is_single() ) {
72
  if ( 'single' === $type ) {
73
  $file = AMPFORWP_PLUGIN_DIR . '/templates/single.php';
74
  }
@@ -107,13 +119,16 @@
107
  add_action('amp_post_template_head','ampforwp_register_additional_scripts');
108
  function ampforwp_register_additional_scripts() {
109
  global $redux_builder_amp; ?>
110
- <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
111
- <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
 
 
 
112
  <?php if( $redux_builder_amp['enable-single-social-icons'] == true ) { ?>
113
- <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
114
  <?php } ?>
115
- <!-- AMP Advertisement Script -->
116
- <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
117
 
118
  <?php }
119
 
@@ -139,6 +154,15 @@
139
  <p><?php echo $redux_builder_amp['amp-footer-text']; ?> </p>
140
  </div>
141
  </footer>
 
 
 
 
 
 
 
 
 
142
 
143
 
144
  <?php }
@@ -178,8 +202,14 @@
178
  } elseif ($redux_builder_amp['enable-amp-ads-select-1'] == 5) {
179
  $advert_width = '320';
180
  $advert_height = '100';
 
 
 
 
 
 
181
  }
182
- $output = '<div class="amp-ad-wrapper">';
183
  $output .= '<amp-ad class="amp-ad-1"
184
  type="adsense"
185
  width='. $advert_width .' height='. $advert_height . '
@@ -213,6 +243,12 @@
213
  } elseif ($redux_builder_amp['enable-amp-ads-select-2'] == 5) {
214
  $advert_width = '320';
215
  $advert_height = '100';
 
 
 
 
 
 
216
  }
217
  $output = '<div class="amp-ad-wrapper">';
218
  $output .= '<amp-ad class="amp-ad-2"
@@ -248,6 +284,12 @@
248
  } elseif ($redux_builder_amp['enable-amp-ads-select-3'] == 5) {
249
  $advert_width = '320';
250
  $advert_height = '100';
 
 
 
 
 
 
251
  }
252
  $output = '<div class="amp-ad-wrapper">';
253
  $output .= '<amp-ad class="amp-ad-3"
@@ -283,6 +325,12 @@
283
  } elseif ($redux_builder_amp['enable-amp-ads-select-4'] == 5) {
284
  $advert_width = '320';
285
  $advert_height = '100';
 
 
 
 
 
 
286
  }
287
  $output = '<div class="amp-ad-wrapper">';
288
  $output .= '<amp-ad class="amp-ad-4"
@@ -303,7 +351,7 @@ function ampforwp_google_analytics() { ?>
303
  <script type="application/json">
304
  {
305
  "vars": {
306
- "account": "<?php echo $redux_builder_amp['ga-feild']; ?>"
307
  },
308
  "triggers": {
309
  "trackPageview": {
@@ -314,4 +362,4 @@ function ampforwp_google_analytics() { ?>
314
  }
315
  </script>
316
  </amp-analytics>
317
- <?php } ?>
27
  }
28
 
29
  function new_amp_maybe_add_actions() {
30
+ if ( is_home() || is_front_page() || is_archive() ) {
31
 
32
  $is_amp_endpoint = is_amp_endpoint();
33
 
42
 
43
  function ampforwp_home_archive_rel_canonical() {
44
 
45
+ if ( is_home() || is_front_page() || is_archive() ) {
46
 
47
+ if ( is_home() || is_front_page() ){
48
  $amp_url = home_url('/?amp');
49
  } else {
50
  $amp_url = trailingslashit( get_permalink().'amp' );
62
  add_filter( 'amp_post_template_file', 'ampforwp_custom_template', 10, 3 );
63
  function ampforwp_custom_template( $file, $type, $post ) {
64
  // Custom Homepage and Archive file
65
+
66
+ global $redux_builder_amp;
67
+ if($redux_builder_amp['amp-frontpage-select-option'] == 0) {
68
+ if ( is_home() || is_archive() ) {
69
+ if ( 'single' === $type ) {
70
+ $file = AMPFORWP_PLUGIN_DIR . '/templates/index.php';
71
+ }
72
+ }
73
+ } elseif ($redux_builder_amp['amp-frontpage-select-option'] == 1) {
74
+ if ( is_home() || is_archive() ) {
75
+ if ( 'single' === $type ) {
76
+ $file = AMPFORWP_PLUGIN_DIR . '/templates/frontpage.php';
77
+ }
78
+ }
79
+ }
80
+
81
+
82
  // Custom Single file
83
+ if ( is_single() || is_page() ) {
84
  if ( 'single' === $type ) {
85
  $file = AMPFORWP_PLUGIN_DIR . '/templates/single.php';
86
  }
119
  add_action('amp_post_template_head','ampforwp_register_additional_scripts');
120
  function ampforwp_register_additional_scripts() {
121
  global $redux_builder_amp; ?>
122
+ <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
123
+ <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
124
+ <?php if($redux_builder_amp['amp-enable-notifications'] == true) { ?>
125
+ <script async custom-element="amp-user-notification" src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"></script>
126
+ <?php } ?>
127
  <?php if( $redux_builder_amp['enable-single-social-icons'] == true ) { ?>
128
+ <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
129
  <?php } ?>
130
+ <!-- AMP Advertisement Script -->
131
+ <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
132
 
133
  <?php }
134
 
154
  <p><?php echo $redux_builder_amp['amp-footer-text']; ?> </p>
155
  </div>
156
  </footer>
157
+
158
+ <!-- Cookie Notification Code
159
+ added by @nicholasgriffintn in pull #121 -->
160
+ <?php if($redux_builder_amp['amp-enable-notifications'] == true) { ?>
161
+ <amp-user-notification layout=nodisplay id="amp-user-notification1">
162
+ <p><?php echo $redux_builder_amp['amp-notification-text']; ?> </p>
163
+ <button on="tap:amp-user-notification1.dismiss"><?php echo $redux_builder_amp['amp-accept-button-text']; ?></button>
164
+ </amp-user-notification>
165
+ <?php } ?>
166
 
167
 
168
  <?php }
202
  } elseif ($redux_builder_amp['enable-amp-ads-select-1'] == 5) {
203
  $advert_width = '320';
204
  $advert_height = '100';
205
+ } elseif ($redux_builder_amp['enable-amp-ads-select-1'] == 6) {
206
+ $advert_width = '200';
207
+ $advert_height = '50';
208
+ } elseif ($redux_builder_amp['enable-amp-ads-select-1'] == 7) {
209
+ $advert_width = '320';
210
+ $advert_height = '50';
211
  }
212
+ $output = '<div class="amp-ad-wrapper amp_ad_1">';
213
  $output .= '<amp-ad class="amp-ad-1"
214
  type="adsense"
215
  width='. $advert_width .' height='. $advert_height . '
243
  } elseif ($redux_builder_amp['enable-amp-ads-select-2'] == 5) {
244
  $advert_width = '320';
245
  $advert_height = '100';
246
+ } elseif ($redux_builder_amp['enable-amp-ads-select-2'] == 6) {
247
+ $advert_width = '200';
248
+ $advert_height = '50';
249
+ } elseif ($redux_builder_amp['enable-amp-ads-select-2'] == 7) {
250
+ $advert_width = '320';
251
+ $advert_height = '50';
252
  }
253
  $output = '<div class="amp-ad-wrapper">';
254
  $output .= '<amp-ad class="amp-ad-2"
284
  } elseif ($redux_builder_amp['enable-amp-ads-select-3'] == 5) {
285
  $advert_width = '320';
286
  $advert_height = '100';
287
+ } elseif ($redux_builder_amp['enable-amp-ads-select-3'] == 6) {
288
+ $advert_width = '200';
289
+ $advert_height = '50';
290
+ } elseif ($redux_builder_amp['enable-amp-ads-select-3'] == 7) {
291
+ $advert_width = '320';
292
+ $advert_height = '50';
293
  }
294
  $output = '<div class="amp-ad-wrapper">';
295
  $output .= '<amp-ad class="amp-ad-3"
325
  } elseif ($redux_builder_amp['enable-amp-ads-select-4'] == 5) {
326
  $advert_width = '320';
327
  $advert_height = '100';
328
+ } elseif ($redux_builder_amp['enable-amp-ads-select-4'] == 6) {
329
+ $advert_width = '200';
330
+ $advert_height = '50';
331
+ } elseif ($redux_builder_amp['enable-amp-ads-select-4'] == 7) {
332
+ $advert_width = '320';
333
+ $advert_height = '50';
334
  }
335
  $output = '<div class="amp-ad-wrapper">';
336
  $output .= '<amp-ad class="amp-ad-4"
351
  <script type="application/json">
352
  {
353
  "vars": {
354
+ "account": "<?php global $redux_builder_amp; echo $redux_builder_amp['ga-feild']; ?>"
355
  },
356
  "triggers": {
357
  "trackPageview": {
362
  }
363
  </script>
364
  </amp-analytics>
365
+ <?php } ?>
templates/frontpage.php ADDED
@@ -0,0 +1,73 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php global $redux_builder_amp; ?>
2
+ <!doctype html>
3
+ <html amp>
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
7
+ <?php do_action( 'amp_post_template_head', $this ); ?>
8
+
9
+ <style amp-custom>
10
+ <?php $this->load_parts( array( 'style' ) ); ?>
11
+ <?php do_action( 'amp_post_template_css', $this ); ?>
12
+ </style>
13
+ </head>
14
+ <body class="single-post">
15
+ <?php $this->load_parts( array( 'header-bar' ) ); ?>
16
+
17
+ <?php do_action( 'ampforwp_after_header', $this ); ?>
18
+
19
+
20
+ <div class="amp-wp-content the_content">
21
+ <?php do_action( 'ampforwp_before_post_content', $this ); ?>
22
+
23
+ <?php
24
+ global $redux_demo;
25
+ //echo 'Multi Select value: ' . $redux_builder_amp['amp-frontpage-select-option-pages'];
26
+ ?>
27
+
28
+ <?php $the_query = new WP_Query( 'page_id=' . $redux_builder_amp['amp-frontpage-select-option-pages'] . '' ); ?>
29
+ <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
30
+ <?php the_content(); ?>
31
+ <?php endwhile;?>
32
+
33
+ <?php do_action( 'ampforwp_after_post_content', $this ); ?>
34
+ </div>
35
+
36
+ <div class="amp-wp-content post-pagination-meta">
37
+ <?php $this->load_parts( apply_filters( 'amp_post_template_meta_parts', array( 'meta-taxonomy' ) ) ); ?>
38
+
39
+
40
+ <div id="pagination">
41
+ <div class="next"><?php next_post_link(); ?></div>
42
+ <div class="prev"><?php previous_post_link(); ?></div>
43
+ <div class="clearfix"></div>
44
+ </div>
45
+ </div>
46
+
47
+ <?php if($redux_builder_amp['enable-single-social-icons'] == true) { ?>
48
+ <div class="sticky_social">
49
+ <?php if($redux_builder_amp['enable-single-facebook-share'] == true) { ?>
50
+ <amp-social-share type="facebook" width="50" height="28"></amp-social-share>
51
+ <?php } ?>
52
+ <?php if($redux_builder_amp['enable-single-twitter-share'] == true) { ?>
53
+ <amp-social-share type="twitter" width="50" height="28"></amp-social-share>
54
+ <?php } ?>
55
+ <?php if($redux_builder_amp['enable-single-gplus-share'] == true) { ?>
56
+ <amp-social-share type="gplus" width="50" height="28"></amp-social-share>
57
+ <?php } ?>
58
+ <?php if($redux_builder_amp['enable-single-email-share'] == true) { ?>
59
+ <amp-social-share type="email" width="50" height="28"></amp-social-share>
60
+ <?php } ?>
61
+ <?php if($redux_builder_amp['enable-single-pinterest-share'] == true) { ?>
62
+ <amp-social-share type="pinterest" width="50" height="28"></amp-social-share>
63
+ <?php } ?>
64
+ <?php if($redux_builder_amp['enable-single-linkedin-share'] == true) { ?>
65
+ <amp-social-share type="linkedin" width="50" height="28"></amp-social-share>
66
+ <?php } ?>
67
+ </div>
68
+ <?php } ?>
69
+
70
+
71
+ <?php do_action( 'amp_post_template_footer', $this ); ?>
72
+ </body>
73
+ </html>
templates/index.php CHANGED
@@ -19,7 +19,7 @@
19
  <?php if ( have_posts() ) :
20
  while ( have_posts() ) : the_post(); ?>
21
 
22
- <div class="amp-wp-content">
23
  <?php if ( has_post_thumbnail() ) { ?>
24
  <?php
25
  $thumb_id = get_post_thumbnail_id();
19
  <?php if ( have_posts() ) :
20
  while ( have_posts() ) : the_post(); ?>
21
 
22
+ <div class="amp-wp-content amp-loop-list">
23
  <?php if ( has_post_thumbnail() ) { ?>
24
  <?php
25
  $thumb_id = get_post_thumbnail_id();
templates/single.php CHANGED
@@ -31,23 +31,36 @@
31
  <?php } ?>
32
  <h1 class="amp-wp-title"><?php echo wp_kses_data( $this->get( 'post_title' ) ); ?></h1>
33
  </div>
34
-
 
 
 
 
 
 
 
 
 
 
35
  <div class="amp-wp-content the_content">
36
- <?php do_action( 'ampforwp_before_post_content', $this ); ?>
 
37
 
38
  <?php echo $this->get( 'post_amp_content' ); // amphtml content; no kses ?>
39
  <?php do_action( 'ampforwp_after_post_content', $this ); ?>
40
  </div>
41
 
42
  <div class="amp-wp-content post-pagination-meta">
43
- <?php $this->load_parts( apply_filters( 'amp_post_template_meta_parts', array( 'meta-taxonomy' ) ) ); ?>
44
 
45
 
 
46
  <div id="pagination">
47
  <div class="next"><?php next_post_link(); ?></div>
48
  <div class="prev"><?php previous_post_link(); ?></div>
49
  <div class="clearfix"></div>
50
  </div>
 
51
  </div>
52
 
53
  <?php if($redux_builder_amp['enable-single-social-icons'] == true) { ?>
@@ -76,4 +89,4 @@
76
 
77
  <?php do_action( 'amp_post_template_footer', $this ); ?>
78
  </body>
79
- </html>
31
  <?php } ?>
32
  <h1 class="amp-wp-title"><?php echo wp_kses_data( $this->get( 'post_title' ) ); ?></h1>
33
  </div>
34
+ <div class="amp-wp-content featured-image-content">
35
+ <?php if($redux_builder_amp['enable-single-featured-img'] == true) {
36
+ if ( has_post_thumbnail() ) { ?>
37
+ <?php
38
+ $thumb_id = get_post_thumbnail_id();
39
+ $thumb_url_array = wp_get_attachment_image_src($thumb_id, 'large', true);
40
+ $thumb_url = $thumb_url_array[0];
41
+ ?>
42
+ <div class="post-featured-img"><amp-img src=<?php echo $thumb_url ?> width=512 height=300 layout=responsive></amp-img></div>
43
+ <?php } } ?>
44
+ </div>
45
  <div class="amp-wp-content the_content">
46
+
47
+ <?php do_action( 'ampforwp_before_post_content', $this ); ?>
48
 
49
  <?php echo $this->get( 'post_amp_content' ); // amphtml content; no kses ?>
50
  <?php do_action( 'ampforwp_after_post_content', $this ); ?>
51
  </div>
52
 
53
  <div class="amp-wp-content post-pagination-meta">
54
+ <?php $this->load_parts( apply_filters( 'amp_post_template_meta_parts', array( 'meta-taxonomy' ) ) ); ?>
55
 
56
 
57
+ <?php if($redux_builder_amp['enable-next-previous-pagination'] == true) { ?>
58
  <div id="pagination">
59
  <div class="next"><?php next_post_link(); ?></div>
60
  <div class="prev"><?php previous_post_link(); ?></div>
61
  <div class="clearfix"></div>
62
  </div>
63
+ <?php } ?>
64
  </div>
65
 
66
  <?php if($redux_builder_amp['enable-single-social-icons'] == true) { ?>
89
 
90
  <?php do_action( 'amp_post_template_footer', $this ); ?>
91
  </body>
92
+ </html>
templates/style.php CHANGED
@@ -213,8 +213,7 @@ main .amp-wp-content{
213
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.05);
214
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05);
215
  box-shadow: 0 2px 3px rgba(0,0,0,.05);
216
- padding: 15px;
217
- min-height: 75px;
218
  }
219
  .home-post_image {
220
  float: right;
@@ -224,10 +223,7 @@ main .amp-wp-content{
224
  .amp-wp-title {
225
  margin-top: 0px;
226
  }
227
-
228
-
229
-
230
- h2.amp-wp-title{
231
  line-height: 30px;
232
  }
233
  h2.amp-wp-title a{
@@ -275,6 +271,9 @@ h1.amp-wp-title {
275
  padding: 0;
276
  box-shadow:none
277
  }
 
 
 
278
  .post-pagination-meta .amp-wp-tax-category,
279
  .post-title-meta .amp-wp-tax-tag {
280
  display : none;
@@ -317,8 +316,6 @@ li.amp-wp-tax-category {
317
  .amp-ad-wrapper {
318
  text-align: center
319
  }
320
-
321
- /* Single */
322
  .single-post main{
323
  padding:12px 15% 10px 15%
324
  }
@@ -332,6 +329,45 @@ li.amp-wp-tax-category {
332
  .amp-wp-tax-tag{
333
  font-size:13px;
334
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
335
 
336
  /* Responsive */
337
  @media screen and (max-width: 800px) {
@@ -377,7 +413,32 @@ li.amp-wp-tax-category {
377
  }
378
  }
379
 
380
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
381
  /* Style Modifer */
382
  <?php $color = $redux_builder_amp['opt-color-rgba']['color']; ?>
383
  .amp-wp-tax-tag a,
@@ -388,6 +449,12 @@ a,
388
  .nav_container {
389
  background: <?php echo $color ?>;
390
  }
 
 
 
 
 
 
391
  <?php if( $redux_builder_amp['enable-single-social-icons'] == true ) { ?>
392
  .single-post footer {
393
  padding-bottom: 40px;
@@ -395,4 +462,4 @@ a,
395
  <?php } ?>
396
 
397
  /* Custom Style Code */
398
- <?php echo $redux_builder_amp['css_editor']; ?>
213
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.05);
214
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05);
215
  box-shadow: 0 2px 3px rgba(0,0,0,.05);
216
+ padding: 15px;
 
217
  }
218
  .home-post_image {
219
  float: right;
223
  .amp-wp-title {
224
  margin-top: 0px;
225
  }
226
+ h2.amp-wp-title {
 
 
 
227
  line-height: 30px;
228
  }
229
  h2.amp-wp-title a{
271
  padding: 0;
272
  box-shadow:none
273
  }
274
+ .post-pagination-meta{
275
+ min-height:75px
276
+ }
277
  .post-pagination-meta .amp-wp-tax-category,
278
  .post-title-meta .amp-wp-tax-tag {
279
  display : none;
316
  .amp-ad-wrapper {
317
  text-align: center
318
  }
 
 
319
  .single-post main{
320
  padding:12px 15% 10px 15%
321
  }
329
  .amp-wp-tax-tag{
330
  font-size:13px;
331
  }
332
+ main .amp-wp-content.featured-image-content {
333
+ padding: 0px;
334
+ border: 0;
335
+ margin-bottom: 0;
336
+ box-shadow: none
337
+ }
338
+
339
+ /* ADS */
340
+ .amp_ad_1{
341
+ margin-top: -15px;
342
+ margin-bottom:10px
343
+ }
344
+ .single-post .amp_ad_1{
345
+ margin-top:0
346
+ }
347
+ .amp-ad-4{
348
+ margin-top:10px;
349
+ }
350
+
351
+ /* Notifications */
352
+ #amp-user-notification1 p {
353
+ display: inline-block;
354
+ }
355
+ amp-user-notification {
356
+ padding: 5px;
357
+ text-align: center;
358
+ background: #fff;
359
+ border-top: 1px solid;
360
+ }
361
+ amp-user-notification button {
362
+ padding: 8px 10px;
363
+ background: #000;
364
+ color: #fff;
365
+ margin-left: 5px;
366
+ border: 0;
367
+ }
368
+ amp-user-notification button:hover {
369
+ cursor: pointer
370
+ }
371
 
372
  /* Responsive */
373
  @media screen and (max-width: 800px) {
413
  }
414
  }
415
 
416
+ <?php if($redux_builder_amp['amp-rtl-select-option'] == true) { ?>
417
+ /* RTL Start */
418
+ .nav_container, .toggle-navigationv2, .amp-loop-list, #pagination, #footer, .amp-wp-meta, .amp-wp-title, .single-post .the_content, .amp-wp-tax-tag, .sticky_social{
419
+ direction:rtl
420
+ }
421
+ main .amp-loop-list {
422
+ padding-right:20px
423
+ }
424
+ .amp-loop-list .home-post_image{
425
+ float:left;
426
+ margin-left:0;
427
+ margin-right:15px;
428
+ }
429
+ #pagination .next{
430
+ float:left
431
+ }
432
+ #pagination .prev,
433
+ .amp-wp-tax-tag{
434
+ float:right
435
+ }
436
+ .toggle-text:before{
437
+ padding-left:5px;
438
+ }
439
+ /* RTL End */
440
+ <?php } ?>
441
+
442
  /* Style Modifer */
443
  <?php $color = $redux_builder_amp['opt-color-rgba']['color']; ?>
444
  .amp-wp-tax-tag a,
449
  .nav_container {
450
  background: <?php echo $color ?>;
451
  }
452
+ amp-user-notification {
453
+ border-color: <?php echo $color ?>;
454
+ }
455
+ amp-user-notification button {
456
+ background-color: <?php echo $color ?>;
457
+ }
458
  <?php if( $redux_builder_amp['enable-single-social-icons'] == true ) { ?>
459
  .single-post footer {
460
  padding-bottom: 40px;
462
  <?php } ?>
463
 
464
  /* Custom Style Code */
465
+ <?php echo $redux_builder_amp['css_editor']; ?>