URL Validation error

  • Hello,

    I am using this AMP plugin but after the installation on my site showing one validation URL error.

    This block Theme and 3 Plugins. I want to use it but if it is blocking it continually then I have to with another AMP plugin. Please help me.

    Below theme and plugin get block by this AMP
    Theme: SuperMag
    Plugin: W3 Total Cache, Rank Math SEO, and Disqus for WordPress

    Please guide me what can I do to make it compatible with it.

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

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

    (@westonruter)

    What are the validation errors you see?

    I don’t see any AMP validation errors leaking through to the frontend, as the AMP Validator reports the page is valid: https://validator.ampproject.org/#url=http%3A%2F%2Fwww.infospot.in%2Ftop-7-free-microsoft-office-offline-alternatives%2F

    So you must be talking about validation errors being reported inside of WordPress. These would be markup issues that the plugin is catching and automatically removing to ensure your site is valid AMP. So this is normal, when using themes and plugins that are not AMP compatible. If the behavior of the site is acceptable, then you should just mark the validation errors as “accepted” and you won’t be warned about them anymore.

    If the validation errors are regarding functionality that needs to work, then you may need to find an AMP alternative to the functionality being introduced by the theme or plugin.

    What are the validation errors being reported?

    Thread Starter princedm

    (@princedm)

    I am activating it again then check once again, please.

    The main issue is that, AMP block that plugins and the theme features. Which I do not want.

    I want to use that all 3 plugins together theme too
    could you please fix this issue, or guide me how can I fix it?

    Plugin Author Weston Ruter

    (@westonruter)

    What are the validation errors being reported?

    Thread Starter princedm

    (@princedm)

    I am sorry, but I am not from the technical background. So, I don’t understand exactly.
    I have added here a screenshot. Please check

    AMP Error

    @princedm Thanks for the images. The plugins that are reporting validation errors all have JavaScript in the front end of your website (on AMP endpoints).

    For Disqus there is AMP support, but it takes a bit of technical work and the use of the amp-iframe component.

    For W3 Total Cache can you try and install the AMP extension?

    For Rank Math SEO can you check and see if the AMP option is enabled.

    Thread Starter princedm

    (@princedm)

    Thanks for for your reply @jamesosborne
    As I can see their only Disqus AMP supported work if I manually integrate their code. Rest W3 Total Cache there is no option showing and Rank Math SEO suggest me this AMP plugin.

    Except then Disqus rest 2 plugins and 1 theme issue still not solved.

    @princedm Can you check the W3 Total Cache AMP option as you can see here. (Performance > Extension s > AMP). Or please send a screenshot if you don’t see this option.

    With regards “Rank Math” see this screenshot. You will find it under the “Dashboard” tab.

    Let me know if you are able to see those options for each plugin.

    For your theme SuperMag doesn’t have AMP support for Transitional or Native mode by default. You can use “Reader” mode or I can advise you on how to implement a sidebar menu in transitional / native if you like.

    Thread Starter princedm

    (@princedm)

    Thanks @jamesosborne
    Yes please guide me in a theme how to implement a sidebar menu in transitional/native.

    Rest plugin working perfectly.

    @princedm Glad to see you have the plugins working in AMP. To create a working sidebar in your theme using transitional mode it requires modifying some theme files. Also your theme features a search bar and random posts button in mobile, which are not AMP valid, it might be best to contact your theme provider to see if there are any plans to provide AMP compatibility.

    If you want to try adding a sidebar yourself Here is a guide. You will need to add your WordPress menu to the sidebar as below just below the <body> tag of your theme in the header.php file.

    <amp-sidebar class="amp_sidebar" id="sidenav" layout="nodisplay" side="left">
 <ul>
   <?php
	wp_nav_menu( array(
		'theme_location' => 'primary',
		'menu_class'     => 'primary-side-menu',

 ) );
  ?>
 </ul>
</amp-sidebar>

    You will then need to ensure there is a button to toggle the sidebar open and closed, and of course add some CSS styling.
    <button on="tap:sidebar-right.toggle">Toggle sidebar</button>

    • This reply was modified 5 years, 8 months ago by James Osborne.
    Plugin Author Weston Ruter

    (@westonruter)

    It may be possible to make the existing sidebar work in AMP without modifying the theme by following https://amp-wp.org/documentation/playbooks/toggling-hamburger-menus/ and adding a custom plugin or child theme that does the theme’s equivalent of:

    add_theme_support(
	'amp',
	array(
		'paired'            => true,
		'nav_menu_toggle'   => array(
			'nav_container_id'           => 'site-navigation',
			'nav_container_toggle_class' => 'toggled-on',
			'menu_button_id'             => 'site-navigation-toggle',
			'menu_button_toggle_class'   => 'toggled-on',
		),
	)
);

    The values for the keys in nav_menu_toggle would need to be changed for your theme.

    Thread Starter princedm

    (@princedm)

    Thanks, @westonruter @jamesosborne

    Let me try your method. If required any other help. get back to you guys.

    Thanks once again. ??

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘URL Validation error’ is closed to new replies.