Hi gang. Can we use AMP and the tagDiv mobile theme at the same time that we use cloud templates for our normal, mobile responsive site? Please see the video here for details. Thanks in advance!
Hi,
First, I want to make sure that I was able to inform you of all data about the mobile versions that our theme can have.
1. Responsive version, this is by default when you install the theme and you do not use the mobile page or mobile theme plugin.
2. Mobile page/template this allows you to create with tagDiv Composer and cloud a different layout and set different elements for mobile and iPad/tablet and it will overwrite the responsive version.
3. Mobile theme plugin, this is a light theme version for mobile that will overwrite the mobile page and responsive version if enabled. The mobile plugin is also used as a template for amp version.
So when you have a mobile page/template this will be used instead of a responsive version, but if you also have the mobile theme enabled, this one will override both of them.
How to combine them? Yes, this can be possible, for example, the mobile page/template will apply only on that page or cloud template that is assigned. But what to do if you want to use a mobile theme plugin too? If you use the mobile theme, in the Gutenberg editor it is an option to disable the mobile theme in the current post/page, if you use the option, then it will use the mobile page/template (if assigned) or the responsive version.
So in your case, you can disable the mobile theme on the homepage -> https://i.imgur.com/NX57q4t.png or if you do not want it at all, disable the plugin or use it only for amp -> https://i.imgur.com/Grlz5Ee.png.
Here is also a video that explains all those -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Hope this will help you!
Thank you!
Hi Calin. Not sure if you watched my video or not. I am very familiar with the mobile theme plugin and options with AMP. I have used it on dozens of TagDiv Newspaper sites just fine. We only ever use the mobile theme for AMP … and we only ever use it for posts.
The problem is that posts that use cloud templates seem to ignore all the AMP settings (header, post template, footer). We don’t want that. We want the AMP version of posts to only show the usual mobile theme as configured for AMP.
In the AMP plugin, we have the following settings:
https://snipboard.io/I7N5Tm.jpg
https://snipboard.io/hFtCXc.jpg
https://snipboard.io/591vgk.jpg
Here is how we have the mobile theme / AMP configured in the Newspaper theme panel …
https://snipboard.io/dzHUZT.jpg
And here are the Newspaper mobile theme header settings …
https://snipboard.io/vsxzNl.jpg
Here’s what a post looks like on mobile using cloud templates (not AMP) …
https://snipboard.io/8EhYnw.jpg
And here’s that same post with AMP …
https://snipboard.io/4MjoNQ.jpg
Notice how the header is NOT the AMP header from the mobile theme? And the body isn’t from the mobile theme either … it’s from the mobile responsive post cloud template.
You can see that we’ve implemented AMP posts just fine before. Here is an example from another TagDiv Newspaper site … but it does NOT use cloud templates.
Normal mobile responsive post …
https://snipboard.io/56YDyw.jpg
And here’s the AMP version of the same post …
https://snipboard.io/ut1ATm.jpg
So again, the challenge seems to be implementing the mobile theme for AMP only and on posts only … but on a site that uses cloud templates for it’s normal pages.
What are we doing wrong? Or is this even possible? Thanks again!
Hello!
The AMP only works better with the Mobile Theme plugin.
From my point of view, if you don’t use the Mobile Theme plugin, then there is no reason or benefit to AMP. Please note that if a page is made by Composer, than the content won’t be displayed on Mobile theme version. You should create the content with the Mobile Editor.
Thank you!
You’re not reading what I wrote and it’s a bit frustrating.
We ARE using the AMP plugin and the TagDiv Mobile Theme plugin. And we have the mobile theme set to only show on AMP. Did you not see the screenshots I posted above?
The problem is that the mobile theme is NOT showing on AMP pages. Instead, AMP pages are showing the cloud templates for the normal site.
Please take the time to read what I have posted and look at the screenshots.
Hello!
The AMP version of your website is only delivered to users who have accessed your website through a Google search result. Otherwise, the regular version of your website will be delivered to visitors, just like in your case. My suggestion is to use Mobile theme + AMP. That way, all visitors coming from mobile browsers will have access to the mobile version of your website. In order to verify an AMP page, you need to be sure that you are accessing one which have at the end of the URL “?amp”.
Thank you!
Hi Bettina. I am really trying to not get frustrated, but it’s like you’re not even reading what I’m writing. Did you see my screenshots above? Did you see how I showed our AMP plugin settings and that we’re using the /amp/ setting for the AMP plugin? Are you all even looking at the information and screenshots that I took a TON of time to document? Or are you all just throwing out generic responses without even trying to understand the information I’m providing?
I know EXACTLY how AMP works. We’ve implemented AMP on dozens of WordPress websites and at least 15 tagDiv Newspaper sites. But this is the first time we’ve implemented AMP on a site that also uses cloud templates … and it’s NOT working the way we expect.
And you do NOT need to come from Google in order to see an AMP page. Other content aggregators such as SmartNews and NewsBreak also use AMP versions of pages. And you can navigate directly to an AMP page without having to go through Google. Here’s an AMP page on our current, old site (not a tagDiv Newspaper site):
https://hvmag.com/food/baked-by-melissa/amp/
You can see the AMP page just fine even if not coming from Google … and you can see that you don’t need to have ?amp at the end of the URL. We have the AMP plugin set up currently to use /amp/ which is just fine.
Here’s another AMP page, but on a tagDiv Newspaper site that does NOT use cloud templates:
https://biztimes.com/nine-block-450-million-redevelopment-planned-in-downtown-kenosha/?amp
You can see the AMP page just fine even if not coming from Google. This particular site does use ?amp as the setting in the AMP plugin. And it’s showing the tagDiv mobile them just fine … because the site does NOT use cloud templates.
Please … before you all respond again … take the time to actually watch the video in my first post. Then fully read my next post and look carefully at the screenshots that I included in that second post.
Thank you.
P.S. I would be willing to pay a good amount to have a Zoom meeting with you all to try to work this out. 🙂
OK … through a ton of testing, I figured out the solution on my own.
The tagDiv Mobile Theme does NOT support when the AMP plugin paired URL structure is set to use a path suffix of /amp/
https://snipboard.io/hFtCXc.jpg
I used this because Hudson Valley Magazine uses that paired URL structure on its site that we’re replacing.
However, when I switched the AMP plugin paired URL structure to use a query parameter … either the standard ?amp=1 or the legacy ?amp … then the mobile theme finally worked properly.
https://staging.hvmag.com/things-to-do/this-week/?amp=1
I’m guessing that your mobile them plugin doesn’t recognize the /amp/ suffix paired URL structure and instead looks for the ?amp parameter in order to properly display the mobile theme on AMP pages.
This is something you need to update in your AMP / mobile theme documentation. And I am very surprised that no one there caught this given that I actually put our AMP paired URL settings in both my original video and as a link in my 2nd post in this thread.
🙂 Looks like we both figured it out at the same time. Thanks for sticking with me, Bettina. I appreciate it! This is working now.
