Support » Plugin: AMP » AMP Stories blank page

  • Resolved thevisas

    (@thevisas)


    Hi,

    I have created a test AMP story but after publishing it shows blank page.
    Blank page was also shown when trying to preview stories.
    Your assistance will be appreciated.

    Regards, Vitali.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Weston Ruter

    (@westonruter)

    Is there any warning message about AMP validation errors appearing on the edit post screen?

    It appears the amp-story element is getting removed due to something being added to the page which is invalid. It may be similar to the issue here: https://github.com/ampproject/amp-wp/issues/3321

    Please also share the plugins you have active.

    Hi Weston,

    Thank you for your message. There are and there were no warnings or errors on post edit screen. It also passes Google AMP validation test.
    Below is a list of active plugins, if required admin access can also be provided:
    Admin Bar & Dashboard Control
    Version 1.2.5 by Author: Collins Agbonghama (W3Guy LLC)
    AMP
    Version 1.4.1 by AMP Project Contributors
    BBP Improvements for Yoast
    Version 1.0 by 4Games
    bbPress
    Version 2.6.1 by The bbPress Contributors
    bbPress Do Short Codes
    Version 1.0.3 by Pippin Williamson
    bbPress Toolkit
    Version 1.0.12 by Pascal Casier
    bbPress Topics for Posts
    Version 1.8.1 by David Dean
    bbp style pack
    Version 4.3.2 by Robin Wilson
    Blog2Social: Social Media Auto Post & Scheduler
    Version 5.9.0 by Blog2Social, Adenion
    Buttonizer – Smart Floating Action Button
    Version 2.0.7 by Buttonizer
    Caldera Forms
    Version 1.8.8 by Caldera Labs
    Caldera Forms Translation
    Version 1.2.1 by CalderaWP LLC
    Classic Editor
    Version 1.5 by WordPress Contributors
    Easy FancyBox
    Version 1.8.18 by RavanH
    Enable Media Replace
    Version 3.3.7 by ShortPixel
    GDPR Cookie Consent Banner
    Version 2.3.15 by termly
    Glue for Yoast SEO & AMP
    Version 0.5 by Joost de Valk
    Health Check & Troubleshooting
    Version 1.4.2 by The WordPress.org community
    Login Logo
    Version 0.9.0 by Mark Jaquith
    MailChimp for WordPress Multilingual
    Version 0.0.3 by OnTheGoSystems
    Math Captcha
    Version 1.2.10 by dFactory
    MC4WP: Mailchimp for WordPress
    Version 4.7 by ibericode
    NextScripts: Social Networks Auto-Poster
    Version 4.3.9 by NextScripts (Latest version: 4.3.10)
    Peter’s Login Redirect
    Version 2.9.4 by Peter Keung
    PixelYourSite
    Version 7.1.3 by PixelYourSite
    PixelYourSite Pinterest
    Version 2.0.8 by PixelYourSite
    Post to Google My Business
    Version 2.1.10 by tyCoon Media
    RSS for Yandex Turbo
    Version 1.23 by Flector
    Scripts-To-Footer
    Version 0.6.3 by Joshua David Nelson
    Send Images to RSS
    Version 3.3.2 by Robin Cornett
    SG Optimizer
    Version 5.3.7 by SiteGround
    ShortPixel Image Optimizer
    Version 4.14.6 by ShortPixel
    Stripe Payments
    Version 2.0.12 by Tips and Tricks HQ, wptipsntricks
    Stripe Payments Alipay Addon
    Version 2.0.1 by Tips and Tricks HQ, alexanderfoxc
    Stripe Payments Custom Messages Addon
    Version 1.0.4 by Tips and Tricks HQ, alexanderfoxc
    Theme My Login
    Version 7.0.15 by Theme My Login
    Theme My Login Social
    Version 1.0.2 by Theme My Login
    Verify Email for Caldera Forms
    Version 1.2.0 by Caldera Labs
    W3 Total Cache
    Version 0.10.2 by Frederick Townes
    Webcraftic Clearfy – WordPress optimization plugin
    Version 1.6.1 by Webcraftic <wordpress.webraftic@gmail.com>
    Woody ad snippets (PHP snippets | Insert PHP)
    Version 2.2.9 by Will Bontrager Software, LLC <will@willmaster.com>, Webcraftic <wordpress.webraftic@gmail.com>
    Wordpress 2-Step Verification
    Version 2.1.2 by as247
    WordPress Notification Bar
    Version 1.3.9 by SeedProd
    WordPres 同步微博
    Version 1.1.0 by Ryan
    WP Mail SMTP
    Version 1.7.1 by WPForms
    WPML Multilingual CMS
    Version 4.3.3 by OnTheGoSystems
    WPML String Translation
    Version 3.0.3 by OnTheGoSystems
    WP Weixin
    Version 1.3.2 by Alexandre Froger
    Yoast SEO Multilingual
    Version 1.0.3 by OnTheGoSystems
    Yoast SEO Premium
    Version 12.5 by Team Yoast

    Plugin Author Weston Ruter

    (@westonruter)

    What plugin is responsible for adding the tabs and tabs (including the tab titles and tab sets) to the content in regular pages and blog posts? I believe that is interfering with generating story content.

    Please also share a screenshot of the edit screen for the story.

    Plugin Author Weston Ruter

    (@westonruter)

    It looks like it may actually be your theme, SmartScreen, which is causing the problem.

    Can you search through the code of the theme for the_content to find any filters being added to it? These need to be conditionally removed for AMP Stories.

    Alternatively, if you can share a ZIP of the theme codebase that would work. (The theme is GPL-licensed so you are free to distribute.)

    Hi Weston,

    Thank again for looking into this.

    As you probably have figured out already, tabs are added by the theme itself.
    There are quite a few references to the_content and I am not sure which one may be causing the issue.

    Theme zip files can be found at https://www.thevisasofoz.com/wp-content/uploads/smartscreen.zip and https://www.thevisasofoz.com/wp-content/uploads/smartscreen-child.zip .

    Screenshot of the story edit screen can be found at https://www.thevisasofoz.com/wp-content/uploads/screenshot.jpg .

    Regards, Vitali.

    Plugin Author Weston Ruter

    (@westonruter)

    The screenshot is 404ing.

    Sorry, it’s case-sensitive https://www.thevisasofoz.com/wp-content/uploads/Screenshot.jpg (first capital S in Screenshot.jpg)

    Plugin Author Weston Ruter

    (@westonruter)

    I think adding this code to your child theme should fix the problem:

    add_action( 'wp', function() {
    	if ( is_singular( 'amp_story' ) ) {
    		remove_filter( 'the_content', 'ht_content_formatter' );
    		remove_filter( 'the_content', 'add_share_buttons_after_content' );
    	}
    } );

    Nevertheless, I was expecting to see some AMP validation errors being reported in a warning notice on the edit story screen.

    While being logged-in as an admin, what happens if you go to https://www.thevisasofoz.com/stories/visual-guide-to-skilled-migration/?amp_validate and then view the page source and look at the bottom after </body>? Do you see an AMP_VALIDATION comment?

    Thanks Weston,

    That did the trick and Story page is now viewable.

    Before making the above changes I checked the page source as you instructed but there was nothing after </body> except for closing html tag.

    Thank you again for your help and for speedy resolution.

    Regards, Vitali.

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.