AMP for WP – Accelerated Mobile Pages - Version 0.8.6

Version Description

  • Proper Details at http://ampforwp.com/amp-0-8-6-released-related-posts-comments/
  • Related Posts
  • Post Comments
  • WhatsApp sharing button Your visitors can now easily share the content over the whatsapp.
  • Validation issue fixed by All In One Schema.org Rich Snippets plugin
  • Removed Google Fonts loading for Performance
  • New relic Support
  • Class added to View Non-AMP Version text
  • Archives Structured Data issue fixed
  • Some instances img tags converted into amp-img automatically.
Download this release

Release Info

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

Code changes from version 0.8.5.3 to 0.8.6

Files changed (7) hide show
  1. README.md +20 -3
  2. accelerated-moblie-pages.php +3 -2
  3. includes/options/options-init.php +27 -0
  4. readme.txt +20 -3
  5. templates/features.php +51 -2
  6. templates/single.php +91 -2
  7. templates/style.php +176 -7
README.md CHANGED
@@ -4,9 +4,10 @@ The Must have AMP plugin for WordPress. Automatically add Accelerated Mobile Pag
4
  === AMP for WP - Accelerated Mobile Pages ===
5
  Contributors: mohammed_kaludi, ahmedkaludi
6
  Tags: AMP, accelerated mobile pages, mobile, amp project, google amp, amp wp, google, plugin
 
7
  Requires at least: 3.0
8
  Tested up to: 4.6.1
9
- Stable tag: 0.8.5.3
10
  License: GPLv2 or later
11
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
 
@@ -15,12 +16,14 @@ The Must have AMP plugin for WordPress. Automatically add Accelerated Mobile Pag
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.5?](http://ampforwp.com/new/) | [Priority Support](http://ampforwp.com/priority-support/) | [View Demo](http://ampforwp.com/demo/) | [Screenshots](https://wordpress.org/plugins/accelerated-mobile-pages/screenshots/)
19
 
20
  [youtube https://www.youtube.com/watch?v=zzRy6Q_VGGc]
21
 
22
  **Features:**
23
 
 
 
24
  * Automatically integrate AMP to your website.
25
  * Google Adsense (AMP-AD) Support with 4 different Ad slots across the layout! The First Plugin to have this capability.
26
  * 7 Advertisement sizes
@@ -47,8 +50,9 @@ Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on
47
  * Notifications
48
  * Great Support & Active Development.
49
 
 
50
 
51
- **NOTE:** Next Update of this plugin will be released by mid October 2016.
52
 
53
  **How to test if AMP is working or not?**
54
  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.
@@ -112,6 +116,19 @@ Please check if you have "Pretty Permalinks" enabled. If not then activate it. F
112
 
113
 
114
  == Changelog ==
 
 
 
 
 
 
 
 
 
 
 
 
 
115
  = 0.8.5.3 =
116
  * Canonical issue fixed for Post
117
 
4
  === AMP for WP - Accelerated Mobile Pages ===
5
  Contributors: mohammed_kaludi, ahmedkaludi
6
  Tags: AMP, accelerated mobile pages, mobile, amp project, google amp, amp wp, google, plugin
7
+ Donate link: https://www.paypal.me/Kaludi/5
8
  Requires at least: 3.0
9
  Tested up to: 4.6.1
10
+ Stable tag: 0.8.6
11
  License: GPLv2 or later
12
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
13
 
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 this Version?](http://ampforwp.com/new/) | [Priority Support](http://ampforwp.com/priority-support/) | [View Demo](http://ampforwp.com/demo/?amp) | [Screenshots](https://wordpress.org/plugins/accelerated-mobile-pages/screenshots/) | [Community](http://ampforwp.com/community/)
20
 
21
  [youtube https://www.youtube.com/watch?v=zzRy6Q_VGGc]
22
 
23
  **Features:**
24
 
25
+ * NEW - Related posts below the post
26
+ * NEW - Recent Comments list
27
  * Automatically integrate AMP to your website.
28
  * Google Adsense (AMP-AD) Support with 4 different Ad slots across the layout! The First Plugin to have this capability.
29
  * 7 Advertisement sizes
50
  * Notifications
51
  * Great Support & Active Development.
52
 
53
+ **NOTE:** Next Update of this plugin will be released by end of October 2016.
54
 
55
+ **[JOIN CHAT GROUP COMMUNITY](http://ampforwp.com/community/)**: Purpose of this group is to get proper suggestions and feedback from plugin users and the community so that we can make the plugin even better.
56
 
57
  **How to test if AMP is working or not?**
58
  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.
116
 
117
 
118
  == Changelog ==
119
+ = 0.8.6 =
120
+ * Proper Details at http://ampforwp.com/amp-0-8-6-released-related-posts-comments/
121
+ * Related Posts
122
+ * Post Comments
123
+ * WhatsApp sharing button – Your visitors can now easily share the content over the whatsapp.
124
+ * Validation issue fixed by All In One Schema.org Rich Snippets plugin
125
+ * Removed Google Fonts loading for Performance
126
+ * New relic Support
127
+ * Class added to ‘View Non-AMP Version’ text
128
+ * Archives Structured Data issue fixed
129
+ * Some instances img tags converted into amp-img automatically.
130
+
131
+
132
  = 0.8.5.3 =
133
  * Canonical issue fixed for Post
134
 
accelerated-moblie-pages.php CHANGED
@@ -3,9 +3,10 @@
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.5.3
7
  Author: Ahmed Kaludi, Mohammed Kaludi
8
  Author URI: http://ampforwp.com/
 
9
  License: GPL2
10
  */
11
 
@@ -54,4 +55,4 @@ function ampforwp_plugin_init() {
54
  new Ampforwp_Init;
55
  }
56
  }
57
- add_action('init','ampforwp_plugin_init',9);
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.6
7
  Author: Ahmed Kaludi, Mohammed Kaludi
8
  Author URI: http://ampforwp.com/
9
+ Donate link: https://www.paypal.me/Kaludi/5
10
  License: GPL2
11
  */
12
 
55
  new Ampforwp_Init;
56
  }
57
  }
58
+ add_action('init','ampforwp_plugin_init',9);
includes/options/options-init.php CHANGED
@@ -585,6 +585,26 @@
585
  'true' => 'Enabled',
586
  'false' => 'Disabled',
587
  ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
588
  // Social Icons ON/OFF
589
  array(
590
  'id' => 'enable-single-social-icons',
@@ -651,6 +671,13 @@
651
  'title' => __('LinkedIn', 'redux-framework-demo'),
652
  'default' => 1,
653
  ),
 
 
 
 
 
 
 
654
  ),
655
 
656
  ) );
585
  'true' => 'Enabled',
586
  'false' => 'Disabled',
587
  ),
588
+ // Related Post
589
+ array(
590
+ 'id' => 'ampforwp-single-related-on-off',
591
+ 'type' => 'switch',
592
+ 'title' => __('Related Post', 'redux-framework-demo'),
593
+ 'default' => 1,
594
+ 'subtitle' => __('Enable / Disable Related Posts in the single post', 'redux-framework-demo'),
595
+ 'true' => 'Enabled',
596
+ 'false' => 'Disabled',
597
+ ),
598
+ // Comments Post
599
+ array(
600
+ 'id' => 'ampforwp-single-comments-on-off',
601
+ 'type' => 'switch',
602
+ 'title' => __('Comments', 'redux-framework-demo'),
603
+ 'default' => 1,
604
+ 'subtitle' => __('Enable / Disable Comments in the single post', 'redux-framework-demo'),
605
+ 'true' => 'Enabled',
606
+ 'false' => 'Disabled',
607
+ ),
608
  // Social Icons ON/OFF
609
  array(
610
  'id' => 'enable-single-social-icons',
671
  'title' => __('LinkedIn', 'redux-framework-demo'),
672
  'default' => 1,
673
  ),
674
+ array(
675
+ 'id' => 'enable-single-whatsapp-share',
676
+ 'type' => 'switch',
677
+ 'required' => array('enable-single-social-icons', '=' , '1'),
678
+ 'title' => __('WhatsApp', 'redux-framework-demo'),
679
+ 'default' => 1,
680
+ ),
681
  ),
682
 
683
  ) );
readme.txt CHANGED
@@ -1,9 +1,10 @@
1
  === AMP for WP - Accelerated Mobile Pages ===
2
  Contributors: mohammed_kaludi, ahmedkaludi
3
  Tags: AMP, accelerated mobile pages, mobile, amp project, google amp, amp wp, google, plugin
 
4
  Requires at least: 3.0
5
  Tested up to: 4.6.1
6
- Stable tag: 0.8.5.3
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -12,12 +13,14 @@ The Must have AMP plugin for WordPress. Automatically add Accelerated Mobile Pag
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.5?](http://ampforwp.com/new/) | [Priority Support](http://ampforwp.com/priority-support/) | [View Demo](http://ampforwp.com/demo/) | [Screenshots](https://wordpress.org/plugins/accelerated-mobile-pages/screenshots/)
16
 
17
  [youtube https://www.youtube.com/watch?v=zzRy6Q_VGGc]
18
 
19
  **Features:**
20
 
 
 
21
  * Automatically integrate AMP to your website.
22
  * Google Adsense (AMP-AD) Support with 4 different Ad slots across the layout! The First Plugin to have this capability.
23
  * 7 Advertisement sizes
@@ -44,8 +47,9 @@ Automatically add Accelerated Mobile Pages (Google AMP Project) functionality on
44
  * Notifications
45
  * Great Support & Active Development.
46
 
 
47
 
48
- **NOTE:** Next Update of this plugin will be released by mid October 2016.
49
 
50
  **How to test if AMP is working or not?**
51
  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.
@@ -109,6 +113,19 @@ Please check if you have "Pretty Permalinks" enabled. If not then activate it. F
109
 
110
 
111
  == Changelog ==
 
 
 
 
 
 
 
 
 
 
 
 
 
112
  = 0.8.5.3 =
113
  * Canonical issue fixed for Post
114
 
1
  === AMP for WP - Accelerated Mobile Pages ===
2
  Contributors: mohammed_kaludi, ahmedkaludi
3
  Tags: AMP, accelerated mobile pages, mobile, amp project, google amp, amp wp, google, plugin
4
+ Donate link: https://www.paypal.me/Kaludi/5
5
  Requires at least: 3.0
6
  Tested up to: 4.6.1
7
+ Stable tag: 0.8.6
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
13
  == Description ==
14
  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.
15
 
16
+ [What's New in this Version?](http://ampforwp.com/new/) | [Priority Support](http://ampforwp.com/priority-support/) | [View Demo](http://ampforwp.com/demo/?amp) | [Screenshots](https://wordpress.org/plugins/accelerated-mobile-pages/screenshots/) | [Community](http://ampforwp.com/community/)
17
 
18
  [youtube https://www.youtube.com/watch?v=zzRy6Q_VGGc]
19
 
20
  **Features:**
21
 
22
+ * NEW - Related posts below the post
23
+ * NEW - Recent Comments list
24
  * Automatically integrate AMP to your website.
25
  * Google Adsense (AMP-AD) Support with 4 different Ad slots across the layout! The First Plugin to have this capability.
26
  * 7 Advertisement sizes
47
  * Notifications
48
  * Great Support & Active Development.
49
 
50
+ **NOTE:** Next Update of this plugin will be released by end of October 2016.
51
 
52
+ **[JOIN CHAT GROUP COMMUNITY](http://ampforwp.com/community/)**: Purpose of this group is to get proper suggestions and feedback from plugin users and the community so that we can make the plugin even better.
53
 
54
  **How to test if AMP is working or not?**
55
  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.
113
 
114
 
115
  == Changelog ==
116
+ = 0.8.6 =
117
+ * Proper Details at http://ampforwp.com/amp-0-8-6-released-related-posts-comments/
118
+ * Related Posts
119
+ * Post Comments
120
+ * WhatsApp sharing button – Your visitors can now easily share the content over the whatsapp.
121
+ * Validation issue fixed by All In One Schema.org Rich Snippets plugin
122
+ * Removed Google Fonts loading for Performance
123
+ * New relic Support
124
+ * Class added to ‘View Non-AMP Version’ text
125
+ * Archives Structured Data issue fixed
126
+ * Some instances img tags converted into amp-img automatically.
127
+
128
+
129
  = 0.8.5.3 =
130
  * Canonical issue fixed for Post
131
 
templates/features.php CHANGED
@@ -1,10 +1,11 @@
1
- <?php
2
  /* This file will contain all the Extra FEATURES.
3
 
4
  1. Add Home REL canonical
5
  2. Custom Design
6
  3. Custom Style files
7
  4. Custom Header files
 
8
  5. Customize with Width of the site
9
  6. Add required Javascripts for extra AMP features
10
  7. Footer for AMP Pages
@@ -20,6 +21,8 @@
20
  17. Archives Canonical in AMP version
21
  18. Custom Canonical for Homepage
22
  19. Remove Canonical tags
 
 
23
  */
24
  // Adding AMP-related things to the main theme
25
  global $redux_builder_amp;
@@ -114,6 +117,9 @@
114
  }
115
  return $file;
116
  }
 
 
 
117
 
118
 
119
  // 5. Customize with Width of the site
@@ -379,6 +385,7 @@
379
  $content = preg_replace('/property=[^>]*/', '', $content);
380
  $content = preg_replace('/vocab=[^>]*/', '', $content);
381
  $content = preg_replace('/value=[^>]*/', '', $content);
 
382
  $content = preg_replace('/contenteditable=[^>]*/', '', $content);
383
  $content = preg_replace('/time=[^>]*/', '', $content);
384
  $content = preg_replace('/non-refundable=[^>]*/', '', $content);
@@ -392,10 +399,13 @@
392
  $content = preg_replace('#<table.*?>#i', '<table width="100%">', $content);
393
  $content = preg_replace('#<style scoped.*?>(.*?)</style>#i', '', $content);
394
  $content = preg_replace('/href="javascript:void*/', ' ', $content);
 
395
  return $content;
396
  }
397
 
398
 
 
 
399
  // 12. Add Logo URL in the structured metadata
400
  add_filter( 'amp_post_template_metadata', 'ampforwp_update_metadata', 10, 2 );
401
  function ampforwp_update_metadata( $metadata, $post ) {
@@ -440,6 +450,33 @@ function ampforwp_update_metadata_featured_image( $metadata, $post ) {
440
  'width' => $structured_data_width,
441
  );
442
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
443
  return $metadata;
444
  }
445
 
@@ -592,4 +629,16 @@ function ampforwp_amp_remove_actions() {
592
  remove_action( 'amp_post_template_head', 'amp_post_template_add_canonical' );
593
  }
594
  }
595
- add_action( 'amp_post_template_head', 'ampforwp_amp_remove_actions', 9 );
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
  /* This file will contain all the Extra FEATURES.
3
 
4
  1. Add Home REL canonical
5
  2. Custom Design
6
  3. Custom Style files
7
  4. Custom Header files
8
+ 4.5 Added hook to add more layout.
9
  5. Customize with Width of the site
10
  6. Add required Javascripts for extra AMP features
11
  7. Footer for AMP Pages
21
  17. Archives Canonical in AMP version
22
  18. Custom Canonical for Homepage
23
  19. Remove Canonical tags
24
+ 20. Remove the default Google font for performance
25
+ 21. Remove Schema data from All In One Schema.org Rich Snippets Plugin
26
  */
27
  // Adding AMP-related things to the main theme
28
  global $redux_builder_amp;
117
  }
118
  return $file;
119
  }
120
+
121
+ // 4.5 Added hook to add more layout.
122
+ do_action('ampforwp_after_features_include');
123
 
124
 
125
  // 5. Customize with Width of the site
385
  $content = preg_replace('/property=[^>]*/', '', $content);
386
  $content = preg_replace('/vocab=[^>]*/', '', $content);
387
  $content = preg_replace('/value=[^>]*/', '', $content);
388
+ $content = preg_replace('/date=*/', '', $content);
389
  $content = preg_replace('/contenteditable=[^>]*/', '', $content);
390
  $content = preg_replace('/time=[^>]*/', '', $content);
391
  $content = preg_replace('/non-refundable=[^>]*/', '', $content);
399
  $content = preg_replace('#<table.*?>#i', '<table width="100%">', $content);
400
  $content = preg_replace('#<style scoped.*?>(.*?)</style>#i', '', $content);
401
  $content = preg_replace('/href="javascript:void*/', ' ', $content);
402
+ $content = preg_replace('/<img*/', '<amp-img', $content); // Fallback for plugins
403
  return $content;
404
  }
405
 
406
 
407
+
408
+
409
  // 12. Add Logo URL in the structured metadata
410
  add_filter( 'amp_post_template_metadata', 'ampforwp_update_metadata', 10, 2 );
411
  function ampforwp_update_metadata( $metadata, $post ) {
450
  'width' => $structured_data_width,
451
  );
452
  }
453
+
454
+ // Custom Structured Data information for Archive, Categories and tag pages.
455
+ if ( is_archive() ) {
456
+ $structured_data_image = $redux_builder_amp['amp-structured-data-placeholder-image']['url'];
457
+ $structured_data_height = intval($redux_builder_amp['amp-structured-data-placeholder-image-height']);
458
+ $structured_data_width = intval($redux_builder_amp['amp-structured-data-placeholder-image-width']);
459
+
460
+ $structured_data_archive_title = "Archived Posts";
461
+ $structured_data_author = get_userdata( 1 );
462
+ if ( $structured_data_author ) {
463
+ $structured_data_author = $structured_data_author->display_name ;
464
+ } else {
465
+ $structured_data_author = "admin";
466
+ }
467
+
468
+ $metadata['image'] = array(
469
+ '@type' => 'ImageObject',
470
+ 'url' => $structured_data_image ,
471
+ 'height' => $structured_data_height,
472
+ 'width' => $structured_data_width,
473
+ );
474
+ $metadata['author'] = array(
475
+ '@type' => 'Person',
476
+ 'name' => $structured_data_author ,
477
+ );
478
+ $metadata['headline'] = $structured_data_archive_title;
479
+ }
480
  return $metadata;
481
  }
482
 
629
  remove_action( 'amp_post_template_head', 'amp_post_template_add_canonical' );
630
  }
631
  }
632
+ add_action( 'amp_post_template_head', 'ampforwp_amp_remove_actions', 9 );
633
+
634
+ // 20. Remove the default Google font for performance
635
+ add_action( 'amp_post_template_head', function() {
636
+ remove_action( 'amp_post_template_head', 'amp_post_template_add_fonts' );
637
+ }, 9 );
638
+
639
+
640
+ // 21. Remove Schema data from All In One Schema.org Rich Snippets Plugin
641
+ add_action( 'pre_amp_render_post', 'ampforwp_remove_schema_data' );
642
+ function ampforwp_remove_schema_data() {
643
+ remove_filter('the_content','display_rich_snippet');
644
+ }
templates/single.php CHANGED
@@ -5,7 +5,6 @@
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 ); ?>
@@ -84,11 +83,101 @@
84
  <amp-social-share type="pinterest" width="50" height="28"></amp-social-share>
85
  <?php } ?>
86
  <?php if($redux_builder_amp['enable-single-linkedin-share'] == true) { ?>
87
- <amp-social-share type="linkedin" width="50" height="28"></amp-social-share>
88
  <?php } ?>
 
 
 
 
 
 
 
89
  </div>
90
  <?php } ?>
91
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
92
 
93
  <?php do_action( 'amp_post_template_footer', $this ); ?>
94
  </body>
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
  <style amp-custom>
9
  <?php $this->load_parts( array( 'style' ) ); ?>
10
  <?php do_action( 'amp_post_template_css', $this ); ?>
83
  <amp-social-share type="pinterest" width="50" height="28"></amp-social-share>
84
  <?php } ?>
85
  <?php if($redux_builder_amp['enable-single-linkedin-share'] == true) { ?>
86
+ <amp-social-share type="linkedin" width="50" height="28"></amp-social-share>
87
  <?php } ?>
88
+ <?php if($redux_builder_amp['enable-single-whatsapp-share'] == true) { ?>
89
+ <a href="whatsapp://send">
90
+ <div class="whatsapp-share-icon">
91
+ <amp-img src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgOTAgOTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkwIDkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggaWQ9IldoYXRzQXBwIiBkPSJNOTAsNDMuODQxYzAsMjQuMjEzLTE5Ljc3OSw0My44NDEtNDQuMTgyLDQzLjg0MWMtNy43NDcsMC0xNS4wMjUtMS45OC0yMS4zNTctNS40NTVMMCw5MGw3Ljk3NS0yMy41MjIgICBjLTQuMDIzLTYuNjA2LTYuMzQtMTQuMzU0LTYuMzQtMjIuNjM3QzEuNjM1LDE5LjYyOCwyMS40MTYsMCw0NS44MTgsMEM3MC4yMjMsMCw5MCwxOS42MjgsOTAsNDMuODQxeiBNNDUuODE4LDYuOTgyICAgYy0yMC40ODQsMC0zNy4xNDYsMTYuNTM1LTM3LjE0NiwzNi44NTljMCw4LjA2NSwyLjYyOSwxNS41MzQsNy4wNzYsMjEuNjFMMTEuMTA3LDc5LjE0bDE0LjI3NS00LjUzNyAgIGM1Ljg2NSwzLjg1MSwxMi44OTEsNi4wOTcsMjAuNDM3LDYuMDk3YzIwLjQ4MSwwLDM3LjE0Ni0xNi41MzMsMzcuMTQ2LTM2Ljg1N1M2Ni4zMDEsNi45ODIsNDUuODE4LDYuOTgyeiBNNjguMTI5LDUzLjkzOCAgIGMtMC4yNzMtMC40NDctMC45OTQtMC43MTctMi4wNzYtMS4yNTRjLTEuMDg0LTAuNTM3LTYuNDEtMy4xMzgtNy40LTMuNDk1Yy0wLjk5My0wLjM1OC0xLjcxNy0wLjUzOC0yLjQzOCwwLjUzNyAgIGMtMC43MjEsMS4wNzYtMi43OTcsMy40OTUtMy40Myw0LjIxMmMtMC42MzIsMC43MTktMS4yNjMsMC44MDktMi4zNDcsMC4yNzFjLTEuMDgyLTAuNTM3LTQuNTcxLTEuNjczLTguNzA4LTUuMzMzICAgYy0zLjIxOS0yLjg0OC01LjM5My02LjM2NC02LjAyNS03LjQ0MWMtMC42MzEtMS4wNzUtMC4wNjYtMS42NTYsMC40NzUtMi4xOTFjMC40ODgtMC40ODIsMS4wODQtMS4yNTUsMS42MjUtMS44ODIgICBjMC41NDMtMC42MjgsMC43MjMtMS4wNzUsMS4wODItMS43OTNjMC4zNjMtMC43MTcsMC4xODItMS4zNDQtMC4wOS0xLjg4M2MtMC4yNy0wLjUzNy0yLjQzOC01LjgyNS0zLjM0LTcuOTc3ICAgYy0wLjkwMi0yLjE1LTEuODAzLTEuNzkyLTIuNDM2LTEuNzkyYy0wLjYzMSwwLTEuMzU0LTAuMDktMi4wNzYtMC4wOWMtMC43MjIsMC0xLjg5NiwwLjI2OS0yLjg4OSwxLjM0NCAgIGMtMC45OTIsMS4wNzYtMy43ODksMy42NzYtMy43ODksOC45NjNjMCw1LjI4OCwzLjg3OSwxMC4zOTcsNC40MjIsMTEuMTEzYzAuNTQxLDAuNzE2LDcuNDksMTEuOTIsMTguNSwxNi4yMjMgICBDNTguMiw2NS43NzEsNTguMiw2NC4zMzYsNjAuMTg2LDY0LjE1NmMxLjk4NC0wLjE3OSw2LjQwNi0yLjU5OSw3LjMxMi01LjEwN0M2OC4zOTgsNTYuNTM3LDY4LjM5OCw1NC4zODYsNjguMTI5LDUzLjkzOHoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K" width="30" height="20" />
92
+ </div>
93
+ </a>
94
+ <?php } ?>
95
  </div>
96
  <?php } ?>
97
 
98
+ <?php if($redux_builder_amp['ampforwp-single-related-on-off'] == true) {
99
+ $orig_post = $post;
100
+ global $post;
101
+ $categories = get_the_category($post->ID);
102
+ if ($categories) {
103
+ $category_ids = array();
104
+ foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
105
+ $args=array(
106
+ 'category__in' => $category_ids,
107
+ 'post__not_in' => array($post->ID),
108
+ 'posts_per_page'=> 3, // Number of related posts that will be shown.
109
+ 'caller_get_posts'=>1
110
+ );
111
+ $my_query = new wp_query( $args );
112
+ if( $my_query->have_posts() ) { ?>
113
+ <div class="amp-wp-content relatedpost">
114
+ <div class="related_posts">
115
+ <ol class="clearfix">
116
+ <h3>Related Posts</h3>
117
+ <?php
118
+ while( $my_query->have_posts() ) {
119
+ $my_query->the_post();?>
120
+ <li class="<?php if ( has_post_thumbnail() ) { echo'has_related_thumbnail'; } else { echo 'no_related_thumbnail'; } ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
121
+ <?php
122
+ $thumb_id_2 = get_post_thumbnail_id();
123
+ $thumb_url_array_2 = wp_get_attachment_image_src($thumb_id_2, 'thumbnail', true);
124
+ $thumb_url_2 = $thumb_url_array_2[0];
125
+ ?>
126
+
127
+ <?php if ( has_post_thumbnail() ) { ?>
128
+ <amp-img src="<?php echo $thumb_url_2 ?>" width="150" height="150" layout="responsive"></amp-img>
129
+ <?php } ?>
130
+ <div class="related_link">
131
+ <a href="<?php the_permalink(); ?><?php echo AMP_QUERY_VAR ;?>"><?php the_title(); ?></a>
132
+ <?php $content = get_the_content();?>
133
+ <p><?php echo wp_trim_words( $content , '15' ); ?></p>
134
+ </div>
135
+ </li>
136
+ <?php
137
+ }
138
+ }
139
+ } ?>
140
+ </ol>
141
+ </div>
142
+ </div>
143
+ <?php
144
+ $post = $orig_post;
145
+ wp_reset_query();
146
+ } ?>
147
+
148
+
149
+ <?php if($redux_builder_amp['ampforwp-single-comments-on-off'] == true) { ?>
150
+ <!-- Comments -->
151
+ <?php
152
+ // Gather comments for a specific page/post
153
+ $postID = get_the_ID();
154
+ $comments = get_comments(array(
155
+ 'post_id' => $postID,
156
+ 'status' => 'approve' //Change this to the type of comments to be displayed
157
+ ));
158
+ if ( $comments ) { ?>
159
+ <div class="amp-wp-content comments_list">
160
+ <h3>View Comments</h3>
161
+ <ul>
162
+ <?php
163
+ // Display the list of comments
164
+ wp_list_comments( array(
165
+ 'per_page' => 10, //Allow comment pagination
166
+ 'style' => 'li',
167
+ 'type' => 'comment',
168
+ 'max_depth' => 0,
169
+ 'avatar_size' => 0,
170
+ 'reverse_top_level' => false //Show the latest comments at the top of the list
171
+ ), $comments);
172
+
173
+ ?>
174
+ </ul>
175
+ </div>
176
+ <div class="comment-button-wrapper">
177
+ <a href="<?php echo get_permalink().'#commentform' ?>">Leave a Comment</a>
178
+ </div><?php
179
+ }
180
+ } ?>
181
 
182
  <?php do_action( 'amp_post_template_footer', $this ); ?>
183
  </body>
templates/style.php CHANGED
@@ -181,9 +181,15 @@ amp-sidebar {
181
  z-index: 999;
182
  text-align: center;
183
  }
184
-
185
-
186
-
 
 
 
 
 
 
187
  /* Header */
188
  #header{
189
  background: #fff;
@@ -259,7 +265,20 @@ h2.amp-wp-title , .amp-wp-post-content p{
259
 
260
 
261
 
262
- /* Single */
 
 
 
 
 
 
 
 
 
 
 
 
 
263
  h1.amp-wp-title {
264
  text-align: center;
265
  margin: 20px 0px 18px 0px;
@@ -274,6 +293,9 @@ h1.amp-wp-title {
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;
@@ -331,6 +353,7 @@ li.amp-wp-tax-category {
331
  }
332
  .amp-wp-tax-tag{
333
  font-size:13px;
 
334
  }
335
  main .amp-wp-content.featured-image-content {
336
  padding: 0px;
@@ -339,6 +362,120 @@ main .amp-wp-content.featured-image-content {
339
  box-shadow: none
340
  }
341
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
342
  /* ADS */
343
  .amp_ad_1{
344
  margin-top: -15px;
@@ -387,8 +524,40 @@ amp-user-notification button:hover {
387
  margin-left: -13px;
388
  }
389
  }
 
 
 
 
390
 
391
- @media screen and (max-width: 400px) {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
392
  .amp-wp-title{
393
  font-size: 19px;
394
  margin: 21px 10px -1px 10px;
@@ -449,7 +618,7 @@ a,
449
  .amp-wp-author {
450
  color: <?php echo $color ?>;
451
  }
452
- .nav_container {
453
  background: <?php echo $color ?>;
454
  }
455
  amp-user-notification {
@@ -465,4 +634,4 @@ amp-user-notification button {
465
  <?php } ?>
466
 
467
  /* Custom Style Code */
468
- <?php echo $redux_builder_amp['css_editor']; ?>
181
  z-index: 999;
182
  text-align: center;
183
  }
184
+ .whatsapp-share-icon {
185
+ width: 50px;
186
+ height: 20px;
187
+ display: inline-block;
188
+ background: #5cbe4a;
189
+ padding: 4px 0px;
190
+ position: relative;
191
+ top: -4px;
192
+ }
193
  /* Header */
194
  #header{
195
  background: #fff;
265
 
266
 
267
 
268
+ /* Single */
269
+ .comment-button-wrapper{
270
+ margin-bottom: 40px;
271
+ margin-top: 25px;
272
+ text-align:center
273
+ }
274
+ .comment-button-wrapper a{
275
+ color: #fff;
276
+ background: #312c7e;
277
+ font-size: 13px;
278
+ padding: 10px 20px 10px 20px;
279
+ box-shadow: 0 0px 3px rgba(0,0,0,.04);
280
+ border-radius: 80px;
281
+ }
282
  h1.amp-wp-title {
283
  text-align: center;
284
  margin: 20px 0px 18px 0px;
293
  .post-pagination-meta{
294
  min-height:75px
295
  }
296
+ .single-post .post-pagination-meta{
297
+ min-height:auto
298
+ }
299
  .post-pagination-meta .amp-wp-tax-category,
300
  .post-title-meta .amp-wp-tax-tag {
301
  display : none;
353
  }
354
  .amp-wp-tax-tag{
355
  font-size:13px;
356
+ border:0
357
  }
358
  main .amp-wp-content.featured-image-content {
359
  padding: 0px;
362
  box-shadow: none
363
  }
364
 
365
+ /* Related Posts */
366
+ main .amp-wp-content.relatedpost {
367
+ background: none;
368
+ box-shadow: none;
369
+ max-width: 1030px;
370
+ }
371
+ .related_posts h3, .comments_list h3{
372
+ font-size: 14px;
373
+ font-weight: bold;
374
+ letter-spacing: 0.4px;
375
+ margin: 25px 0 10px 0;
376
+ color: #333;
377
+ }
378
+ .related_posts ol{
379
+ list-style-type:none;
380
+ margin:0;
381
+ padding:0
382
+ }
383
+ .related_posts ol li{
384
+ display:inline-block;
385
+ width:100%;
386
+ margin-bottom: 12px;
387
+ background: #fefefe;
388
+ -moz-border-radius: 2px;
389
+ -webkit-border-radius: 2px;
390
+ border-radius: 2px;
391
+ -moz-box-shadow: 0 2px 3px rgba(0,0,0,.05);
392
+ -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05);
393
+ box-shadow: 0 2px 3px rgba(0,0,0,.05);
394
+ padding: 0px;
395
+ }
396
+ .related_posts .related_link{
397
+ margin-top:18px;
398
+ margin-bottom:10px;
399
+ margin-right:10px
400
+ }
401
+ .related_posts .related_link a{
402
+ font-weight: 300;
403
+ color: #000;
404
+ font-size: 18px;
405
+ }
406
+ .related_posts ol li amp-img{
407
+ width:100px;
408
+ float:left;
409
+ margin-right:15px
410
+ }
411
+ .related_posts ol li p{
412
+ font-size: 12px;
413
+ color: #999;
414
+ line-height: 1.2;
415
+ margin: 12px 0 0 0;
416
+ }
417
+ .no_related_thumbnail{
418
+ padding: 15px 18px;
419
+ }
420
+ .no_related_thumbnail .related_link{
421
+ margin: 16px 18px 20px 19px;
422
+ }
423
+
424
+ /* Comments */
425
+ main .amp-wp-content.comments_list {
426
+ background: none;
427
+ box-shadow: none;
428
+ max-width: 1030px;
429
+ }
430
+ .comments_list div{
431
+ display:inline-block;
432
+ }
433
+ .comments_list ul{
434
+ margin:0;
435
+ padding:0
436
+ }
437
+ .comments_list ul.children{
438
+ padding-bottom:10px;
439
+ }
440
+ .comments_list ul li p{
441
+ margin:0;
442
+ font-size:15px;
443
+ clear:both;
444
+ padding-top:16px;
445
+ }
446
+ .comments_list ul li{
447
+ font-size:13px;
448
+ list-style-type:none;
449
+ margin-bottom: 12px;
450
+ background: #fefefe;
451
+ -moz-border-radius: 2px;
452
+ -webkit-border-radius: 2px;
453
+ border-radius: 2px;
454
+ -moz-box-shadow: 0 2px 3px rgba(0,0,0,.05);
455
+ -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05);
456
+ box-shadow: 0 2px 3px rgba(0,0,0,.05);
457
+ padding: 0px;
458
+ max-width: 1000px;
459
+ }
460
+ .comments_list ul li .comment-body{
461
+ padding: 25px;
462
+ width: 91%;
463
+ }
464
+ .comment-author{ float:left }
465
+ .single-post footer.comment-meta{
466
+ /* float:right */
467
+ padding-bottom: 0;
468
+ }
469
+ .comments_list li li{
470
+ margin: 20px 20px 10px 20px;
471
+ background: #f7f7f7;
472
+ box-shadow: none;
473
+ border: 1px solid #eee;
474
+ }
475
+ .comments_list li li li{
476
+ margin:20px 20px 10px 20px
477
+ }
478
+
479
  /* ADS */
480
  .amp_ad_1{
481
  margin-top: -15px;
524
  margin-left: -13px;
525
  }
526
  }
527
+ @media screen and (max-width: 630px) {
528
+ .related_posts ol li amp-img{
529
+ display:none
530
+ }
531
 
532
+ .related_link {
533
+ margin: 16px 18px 20px 19px;
534
+ }
535
+ }
536
+ @media screen and (max-width: 510px) {
537
+ .related_posts ol li p{
538
+ line-height: 1.6;
539
+ margin: 7px 0 0 0;
540
+ }
541
+ .related_posts .related_link {
542
+ margin: 17px 18px 17px 19px;
543
+ }
544
+ .comments_list ul li .comment-body{
545
+ width:auto
546
+ }
547
+ }
548
+ @media screen and (max-width: 425px) {
549
+ .related_posts .related_link p{
550
+ display:none
551
+ }
552
+ .related_posts .related_link {
553
+ margin: 13px 18px 14px 19px;
554
+ }
555
+ .related_posts .related_link a{
556
+ font-size: 18px;
557
+ line-height: 1.7;
558
+ }
559
+ }
560
+ @media screen and (max-width: 400px) {
561
  .amp-wp-title{
562
  font-size: 19px;
563
  margin: 21px 10px -1px 10px;
618
  .amp-wp-author {
619
  color: <?php echo $color ?>;
620
  }
621
+ .nav_container, .comment-button-wrapper a {
622
  background: <?php echo $color ?>;
623
  }
624
  amp-user-notification {
634
  <?php } ?>
635
 
636
  /* Custom Style Code */
637
+ <?php echo $redux_builder_amp['css_editor']; ?>