- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
AMP needs custom classes, compliant post meta code, special ad unit setup, custom hooks for plugins, no use of javascript stuff, https-only elements, etc., etc.
Most of these issues have been solved by the AMP for WP plugin I linked to in an earlier reply (when used in conjunction with Automattic’s plugin). Therefore, they CAN be solved.
There’s no reason why tagDiv’s mobile plugin can’t solve all the same issues in the exact same way this plugin has and deliver a full Newspaper-like mobile experience while maintaining AMP compliance.
And trust me — I’m aware of the HTTPS requirement. We’ve moved our site as well as our podcast to HTTPS in order to comply with it.
You can’t make a page identical to your desktop version for AMP as that defeats the purpose of the mobile friendly AMP framework. It’s supposed to be “lean and mean.”
I feel like none of you are actually listening to what I’m saying.
I’m NOT advocating that the AMP version be identical to the DESKTOP version.
I’m advocating it be identical to the mobile plugin version provided by tagDiv which, as I understand it, was developed to be “lean and mean.”
I don’t want a responsive version of my site to be the AMP version. I don’t want responsiveness at all.
I want tagDiv’s mobile plugin with AMP compliance. That is it. Until this happens, I will continue to advocate for it. And, for the third time, the first news theme for WordPress that can offer a mobile experience (NOT a desktop experience) that is also AMP compliant will win my business.
To be validated as AMP content, it must pass Google’s AMP validation, and then added to separate “map” for mobile users in SERPS, and then they are presented *only* the AMP formatted version and NO other version. Also they get a lightning bolt element in SERPS to identify it’s AMP formatted and hence “speedy.”
The only reason we’re trying to explain to you how it actually works as some of us have actually been doing it for a year and a half.
You can’t make a page identical to your desktop version for AMP as that defeats the purpose of the mobile friendly AMP framework. It’s supposed to be “lean and mean.”
If you want a desktop experience on mobile, it can’t be an AMP version.
But you likely need to experiment with this yourself to see “what actually happens” vs the theoretical idea you have in your head.
Spend some time on the Google AMP docs for more information.
Anyway — just food for thought.
Theme devs not going to add built-in support, likely, for many of the reasons already covered here by everybody who has already been down this road and are “doing it right now.”
AMP needs custom classes, compliant post meta code, special ad unit setup, custom hooks for plugins, no use of javascript stuff, https-only elements, etc., etc.
I’m out !
I’m not disputing the fact that the AMP templates can be edited. I make many customizations to mine and have to make them each time the plugin is updated.
What I would PREFER is the following:
— Someone searches Google for content and sees my site in the search results.
— Because they’re on a mobile device, they’re presented with a link to an AMP-compliant version.
— When they click the link, they are taken to a page that looks identical to any other page on my site when viewed on a mobile device.
I firmly believe that the first WordPress news-focused theme that can offer this experience will win big. I simply don’t understand why anyone here is defending a less-than-optimal experience for website visitors who come in by clicking on an AMP link in mobile search results.
I having big troubles with the users of my website, especially those who are trying to get my webiste with their android devices. Every time they try to open a post from my website they get a fullscreen colored image that do not let them view the content of my web. I assume that image comes from the mobile menu because it has the same colors that the menu. I am looking a way to solve this because i am losing a lot of users because of this. HOW DO I SOLVE THIS? CAN I DELETE DE MOBILE HEADER WITH THE MENU? CAN I ADD OTHER KIND OF PLUGIN AND DELETE DE NEWSMAG HEADER? I would prefer you guys to solve this problem and work with the things that i already paid for. Thanks in advaced
SCREENSHOT 
Using Accelerated Mobile Pages plugin (Khaludi) AND WordPress AMP plugin AND Yoast Glue (if using Yoast WordPress SEO) all work perfectly for me and have done for months – ALL used together never failed – some cutomisation options built in too.
Thanks for your note. This is the solution I’m using.
But as I tried to state in my reply above, until the experience using an AMP-compliant page is indistinguishable from a non-AMP page, the solution remains incomplete as far as I’m concerned.
I appreciate your thoughtful response. I think it’s misleading to suggest that AMP “replaces” the mobile theme. It’s offered as an alternative to the mobile theme and with proper implementation, Google will find the AMP version, show it in mobile search results and rank it higher than a corresponding non-AMP (but still optimized for mobile) page. On my site, we use AMP for SEO purposes only and as much as we can, we direct visitors to the regular mobile version of our site because this is the experience we prefer and want our visitors to have.
Just like theme authors keep up with the ins and outs of changes to WordPress and how their themes interact with various plugins, I don’t think it’s too much to ask that they keep up with AMP.
There are many plugins like AMP for WP that take what Automattic is doing with their “agnostic” plugin and greatly enhance it. For example, just in the time that I’ve been using AMP for WP, the authors have added optimizations specific to Newspaper as well as support for plugins that do not display properly with Automattic’s plugin like Tobias Bäthge’s awesome TablePress. This is all done, of course, without breaking AMP validation.
I’m not suggesting that the Newspaper developers start from scratch. Plugin authors like those behind AMP for WP have shown that AMP functionality can be extended using Automattic’s plugin as a base.
My idea would be for tagDiv’s mobile theme plugin to work in the same way — essentially allowing Automattic’s plugin to do the heavy lifting and adding Newspaper-specific design and functionality on top of it.
My website, The Apex, chose Newspaper and continues to use it because of the awesome experience afforded by the mobile theme plugin. However, that experience becomes diluted when the best experience can’t get the best search ranking due to Google’s insistence on AMP compliance.
I have seen very good AMP implementations on other sites that aren’t based on WordPress — so good, in fact, that it was nearly impossible to tell the difference between AMP and non-AMP. This demonstrates to me that it is indeed possible to offer a fully functional and well-designed experience while keeping in compliance with the evolving AMP standard.
Seeing these sites should make it abundantly clear that what is offered by Automattic’s plugin isn’t sufficient. Yes, it creates pages that validate against the AMP standard. But it doesn’t make the THEME compliant with AMP, only the site’s content. I’m doing a disservice to my site’s visitors by giving them a less-than-optimal experience. I want them to use Newspaper’s mobile theme and tagDiv should want them to use it too — but that’s not going to happen as long as AMP pages rank higher than others and tadDiv continues to see AMP as a distraction.
The best news theme for WordPress, which Newspaper undoubtedly is, will not remain the best for long if it cannot deliver a best-in-class AMP experience for its paying customers like me. SEO is critically important for sites that use themes like Newspaper and denying the importance of AMP as well as the experience when viewing an AMP-compliant page is a big mistake. tagDiv should not be content allowing the AMP experience for sites using Newspaper to be dictated by a third party.
The first major news-style theme for WordPress that offers built-in support for AMP with no difference in the experience over non-AMP mobile pages will be a winner in this space. I can’t help but think that tagDiv is missing a huge opportunity here.
Kley/Ben
Using Accelerated Mobile Pages plugin (Khaludi) AND WordPress AMP plugin AND Yoast Glue (if using Yoast WordPress SEO) all work perfectly for me and have done for months – ALL used together never failed – some cutomisation options built in too.
Advanced AMP ads add-on for the first one also runs with them for extra Adsense ads
Pat
No. The AMP plugin replaces the mobile theme with the AMP version, where portions of the content get cached on Google servers under high demand as a CDN structure.
If you plan on using AMP as your main mobile element, then the theme mobile support is only used for those instances where AMP is not used.
You can modify the AMP templates however you wish.
Desktop => theme template
Mobile => theme template/mobile (optional)
Mobile AMP => AMP template via plugin
AMP has very specific requirements outside the scope of the theme.
For example, WordPress allowed you to use the visual editor to add <p style="center"> which is bad HTML in modern usage. This will cause AMP validation to fail.
Theme authors cannot spend the time to support the ins/outs of AMP which change over time, and for which there would be unreasonable amount of support time provided to those who don’t understand how WP works, how AMP works, and can’t RTFM.
It ONLY makes sense to use an “agnostic” plugin like the one from Automattic (we have been using it since Nov 2015). This puts the brunt of development/compliance on the backs of WordPress devs and not theme devs, since it gets used for all the tier 1 “VIP” WordPress sites like TIME magazine, etc.
Really — anybody who wants to implement AMP should look into using the AMP plugin, then learn to tweak per the requirements as that is “best” way to go to save yourself major headaches, pain, suffering, and torment!
It’s neither economically feasible nor support-smart to build entire AMP support into the theme, which is already provided by the plugin.
(( I don’t work here. ))
The official AMP plugin offered by WordPress greatly limits the functionality of the Newspaper theme. Multi-page posts appear as one page, Smart Lists do not function properly and many other elements are missing.
I have asked the Newspaper developers to introduce native AMP support in their theme but they do not seem interested.
Again, the official AMP plugin is not a suitable solution for most instances. What is needed is an AMP-compliant version of Newspaper’s mobile theme plugin.
Hi,
as we replaced our registration process with a woocommerce register page, we want to replace the “register” URL in the mobile menu (normal webpage, not the mobile theme plugin)
Additionally we replaced the standard wordpress search with the Plugin “WPSOLR”. We want to change the code in the mobile menu for the search page, because the search plugin (WPSOLR) works with an own search page and call, not the wordpress standard.
We already changed the search magnifier on the normal page (which is located in /parts/header/header-menu.php). Could you tell me, where we can find/replace the search code for the mobile menu + the “register” URL?
Thanks in advance!
Hello.
I’m having trouble with the mobile site too, the video size is not compatible with mobile
screenshot== http://i.hizliresim.com/Np1L7P.jpg
site: http://www.dizivar.com
Hi,
There is the official AMP plugin created by the wordpress creators that is compatible with the newspaper theme – https://forum.tagdiv.com/topic/tutorial-getting-started-with-accelerated-mobile-pages-amp/ if you would like to use AMP for your website.
This plugin created by the wordpress developers has been tested and works properly with the theme. Please follow the discussion in the topic provided above for more information about implementation and different solutions.
Thanks
it is still continue. some people see this problem. in mobile phones.
Hello,
The category tags can be removed from particular modules and blocks from the theme panel: https://www.screencast.com/t/oRn1wt1rBt
If you want to remove the tag only on mobile I can provide a css code for it but I will need a link to your site so I can see what modules and blocks you use as the code must be added for each block in particular.
Thank you!
ok found my mistake myself and put the same code to the mobile theme custom css.
works
Hi,
i write a short code to mark all my Affiliate Text Links and put it into custom css:
a[href*="/geht/"]:after {
content: "PL";
vertical-align:super;
font-size: 8px;
}
PL = Partnerlink = Affiliate Link
works fine, but only on desktop and tablet PCs. The reference works not with the mobile theme. Means, the reference it is not shown on mobiles. Where is my mistake? Can you help me?
for example: Post with and without marked links
Thanks
Hello,
You use the mobile theme plugin and that will cause the homepage to get a predefined style that shows 3 top articles showing featured posts and a list of all your posts below. Right now you have the 3 top posts and 6 posts below. Please read this guide: https://forum.tagdiv.com/the-mobile-theme/
Thank you!
Hello,
You will have to use the mobile editor when using the mobile theme plugin. If you do not add anything in the mobile editor, nothing will show up on mobile devices. Please read this guide: https://forum.tagdiv.com/the-mobile-theme/
Thank you!
Hello Web_Piri,
I have inspected your website and I did not saw any problem/delay in your loading website on mobile devices. Everything seems to work as expected. If you will have encountered this problem, please try to provide some useful screenshots with it so I can take a closer look at it. Clear all your caches and check the results.
Thanks for your understanding!
When viewed on a mobile device, category tags in blocks often cover a large portion of thumbnail images.
How can I hide category tags on blocks, but only when viewed on a mobile device?
Banner Audience NetworkFacebook Not showing in mobile system
Hello- Sometimes the mobile version displays bare bones text and some underlying architecture of the layout- all without images. One particular link seems to work fine though. Please advise.
