- NewspapertagDiv AMP Plugin Tutorial
- ApiPractical example – How to add a new Block and Module
- NewspaperTrack Subscription Sources with Locker URL in Opt-In Builder
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperCredit System
- NewspaperIntroduction to CPT and ACF with Newspaper Theme
- NewspaperHow to edit modules for Flex Block X
- NewspaperHow to use the Posts List shortcode
- NewspaperUser review system
- NewspaperCustom Fields Support
- NewspaperHow to generate Facebook App ID
- NewspaperHow to insert a block inside the content of a post
- NewspaperModal Popup
- NewspaperPayPal Setup
- NewspaperLink Tracker
- NewspaperLockers
- NewspaperGeneral Options that May Interfere with the Newspaper Theme
- NewspaperAdd Cryptocurrency Price Ticker Widget
- NewspaperPosts Loop Element
- NewspaperThe Newspaper Mobile Theme: Introduction
Maybe this will help somehow:
https://amp.dev/documentation/components/amp-image-lightbox/
https://wordpress.org/support/topic/lightbox-not-working-on-amp-pages/
The man made a partial fix. I’m sure you can fix this within the theme, you have full AMP compatibility indicated on themeforest.
I found something.
https://wordpress.org/support/topic/lightbox-not-working-on-amp-pages/
There is only a partial solution to the problem. LightBox works for AMP pages, but only for the very first (main) article image. In the body of the article, images do not work with LightBox. Help me please.
Hello again,
I also attach the answer of a community member in cloudflare forum.
<><><><><><><><><><>
Hi Mike,
I’m assuming you’re using Cache Everything. In that case, Cloudflare will cache the page based on its URL, and deliver that to any device that requests that URL. So if you theme has any adjustment that changes content based on device, this would only work if you turn off Cache Everything on Cloudflare, making each request reach the origin.
For separate mobile/desktop versions to work properly, you’d need to create them under separate URLs, such that the mobile version would be somehow distinguishable from the desktop one:
https://mobile.example.com/some-page/
or
https://www.example.com/mobile/some-page/ > mobile
or
https://www.example.com/some-page/?device=mobile
So you’d need to contact the developers of either your theme or cache plugin to ask them if they have any way to separate the mobile version into another subdomain, subdirectory, or query string.
If you opt for the subdomain, you can set Mobile Redirect on Cloudflare by visiting:
https://dash.cloudflare.com/?to=/:account/:zone/speed/optimization
An inline JavaScript could be used to perform the mobile redirect based on device, if you only have the options of subdirectory or query string. Since an inline JS would be cached along with the HTML, it would be present in every page and only act after being on the device.
Then of course there’s the possibility of using Cloudflare Workers to control the redirect and caching. Workers is a paid service, but it does have a trial version. Please check the documentation for examples, tutorials, etc.
https://developers.cloudflare.com/workers/
<><><><><><><><><><><>
Hello,
Unfortunately, there is no option for the LightBox on AMP. This is option is available only on desktop and mobile versions (responsive or mobile page).
Thank you for your understanding!
While I was trying to save & update the posts I get the error “Updating failed. The response is not a valid JSON response.”
Also the categories doesn’t displayed and the Featured Image section is not loaded.
P.S. I have de activate the whole plugins and the issue remain.
Thank you.
Hi
Yes I solve some of my issues & still making it better. To solve my issue i try different plugin now I am using autoaptimize, WP fast cache and ewww image optimize plugin. And I test my website on Google page speed test. Now I am getting lighthouse error to display font in mobile version. And DMCA Banner image (height weight issue)
Hi,
We would like to change the permalink of images.
https://www.multippl.com/1-1-transparent-03-01/ – This image for example, we would like the slug to be multippl transparent logo instead of 1-1-transparent-03-01.
Please advise us on how to do this.
All the best
Thomas
Hi!
There is a problem with images on AMP pages.
When you view the page and click on the image, it opens in the same window. In this case, the link address changes to / wp-content / uploads / 2021/08 / image:
http://i.piccy.info/i9/d08b3ada115bb3cf98e6701564c1c113/1629968726/159664/1433346/2021_08_26_12_05_03.png
In this case, you cannot minimize the open image, you need to go back through the back button.
Few will do that. People will leave the page and site.
There was a similar problem on Desktop. I decided with the help
LightBox.
For AMP, this setting does not work and we have this problem.
http://i.piccy.info/i9/1a95ee3cf89130e6e450f4cc117a3ace/1629968975/28979/1433346/2021_08_26_12_09_13.png
Please help me fix this issue.
Hello!
AMP is faster and works better only with the Mobile Theme plugin. The design is looking pretty similar as our plugin. Install AMP and Mobile Theme, then just navigate the website on your mobile phone because the design will apply automatically. For more information, you can check our documentation:
– https://forum.tagdiv.com/the-mobile-theme/
– https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Thank you!
Hi,
If I’m right you are referring to this one https://i.imgur.com/eZVr5tu.png this is exactly how I was thinking, the Patreon Plugin it is understand the cloud template in two ways, as template (because it is setting the unlock button inside the content), but it is also it is understand it as man content and it is also add the button the second time at the end of single post template. If you make a test with a standard template then this will be display only once inside the post content. Now this problem it’s not that bad, it can be easily fixed (like you did) with a CSS.
Now the main question it is here https://lab.org.uk/?p=20871&preview=true&public=true all posts it should look like this https://lab.org.uk/?p=20872&preview=true&public=true
I do not know exactly why this is empty like there is no single post template there. Maybe this is a behavior of the Patreon plugin, but I do not know exactly since we didn’t test the plugin. If you set there a default post style from standard pack it is acting the same?
Thank you!
Hi,
Example this page
https://constructionreviewonline.com/news/
On mobile it doesnt show but it does on desktop
Same with this one and many other examples
I hope that helps
This is my amp setting please check this link and let me know what is the problems https://imgur.com/a/Czr8LKW
I am going to launch a new tech site on Android and decided to use Tech News Pro design demo.tagdiv.com/newspaper_tech_news_pro
Just want to know how it will look in AMP view?
Hi Calin,
Yes, we are using single post templates via the Cloud Library – not standard post styles.
So, here is a post using a single post template: https://lab.org.uk/haiti-needs-solidarity-not-charity/
If you look at the source, you’ll see there is an additional ‘Like this post?’ element outside the ‘tdc-zone’ div element, which we have hidden with the following CSS:
div[class$="patreon_button"] {
display: none;
}
This happens on all posts, regardless of whether we are using our custom related posts widget: https://lab.org.uk/glencore-and-anglo-american-blamed-for-pollution/
Then, here is a draft of the first post – locked via the Patreon plugin: https://lab.org.uk/?p=20871&preview=true&public=true
You’ll see that the outer template is locked – as opposed to the post itself. The post content is never loaded, and the ‘Unlock with Patreon’ element sits on the left – outside the post container element.
Finally, here is a draft of the second post – locked via the Patreon plugin. This post uses a template which has our custom related posts widget in the sidebar: https://lab.org.uk/?p=20872&preview=true&public=true
You’ll see that the post locking works perfectly. The outer template is displayed with featured image, title, categories and sidebar. The the ‘Unlock with Patreon’ element is in the correct position, and there are no duplicated elements.
The custom widget uses a WordPress post query loop. If this loop is removed, the post locking no longer works. When either the have_posts() or wp_reset_postdata() functions are called, post locking works as intended.
Hope that helps – please let me know if you have any questions.
Thanks!
We use the mobile theme in addition to the normal theme. In the mobile theme, under “Latest Articles”, we have set the “Limit Posts Number” setting to 3.
This now causes the following errors:
For example, we have 31 posts in one cateogory.
That means in mobile theme we have 11 paging pages (3 x 10 + 1 = 31).
In the normal theme this setting is not set, so on a category page 14 articles are displayed. That means here there are only 3 paging pages (2 x 14 +3 = 31).
We now get 404 errors when someone calls a paging page like “/page/4” which works in the mobile theme but not in the normal one.
What setting can we set so that this error does not occur anymore?
Hello,
Please provide the link when this error appears.
Also, this is an article about the error
-> https://acdigitaldesk.com/how-to-solve-image-size-too-small-in-google-search-console/27/02/2021/
-> https://tehnoblog.org/how-to-fix-google-search-console-amp-image-size-smaller-than-recommended-in-wordpress/
and topics
-> https://wordpress.org/support/topic/google-search-console-image-size-smaller-than-recommended-size/
-> https://wordpress.org/support/topic/search-console-image-size-is-smaller-than-recommended-size/
Hope this help you!
Thank you!
Hello!
Unfortunately, AMP is faster and works better only with Mobile Theme plugin.
For more information, check our documentation here:
– https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
– https://forum.tagdiv.com/the-mobile-theme/
Thank you!
Hi Claudiu, yes it will be nice to have that option on the blocks from widget section.
The category id can be find in multiple ways, for example when you hover a category https://i.imgur.com/0Wio3zR.png, when you open one -> https://i.imgur.com/ghGIbqI.png ( the id it is indicated in the link) or in case that you opened a page in tagDiv Composer -> https://i.imgur.com/4Xk8V3G.jpg
I hope this will help you!
Have a nice day!
Hi,
I’m sorry to hear this, but in case that you still want to give it a try, I will try to provide another solution.
Those form here https://demo.tagdiv.com/newsmag/homepage-clean/ are only examples of homepages.
There is no place where to only download it like on Newspaper when you get the homepage from cloud.
But that homepage is quite simple, it can be builder in 2 minutes, if you do not like the above solution, can get another one. Once that you have installed the Default prebuild website, choose to make a new page and set for it the the page template on Page builder + latest articles + pagination -> https://i.imgur.com/pWK3lcl.png then just edit the page with tagDiv Composer -> https://i.imgur.com/TSTxWcy.png and set the grid -> https://i.imgur.com/7JF08tB.png then the clean homepage is done -> https://i.imgur.com/AY1zLSg.jpg all you need to do now it is to set it as homepage -> https://i.imgur.com/0EOQdjt.png
Thank you!
Hi rebecaserna, I checked again and the results are good https://i.imgur.com/oJwNJKN.png -> https://i.imgur.com/hMIQZ4q.png -> https://i.imgur.com/RX7BdG4.png and the only problems on mobile I see to be with LCP -> https://i.imgur.com/utMpfiv.png , there are none for CLS -> https://i.imgur.com/9sZHEsm.png
Now the LCP is in most part related to images and there size, a good LCP it is under2.5 seconds and a poor one is over 4 seconds. Now the only suggestion that I see in lighthouse for your website is not related of images and it is on CSS and js. But if you want you can make a test and use smaller images. For example here -> https://i.imgur.com/UnjVd7N.jpg
Here are some articles about Core Web Vitals:
-> https://www.perrill.com/should-i-be-worried-about-core-web-vitals/
-> https://www.contentkingapp.com/academy/core-web-vitals/
Thank you!
Hi,
What I can suggest for mobile version is to try the mobile page and mobile theme plugin and see with which one you get the best results.
Also if you use the mobile page then the css Analyzer will apply on it too.
Also only the images that are set as background are set in “span” tag, for example this one -> https://i.imgur.com/I2GrWGJ.png and the problem can be that the css is load latter, if you want to have img instead of spam use standard blocks (block 1 to 25).
I hope this will help you!
Thank you!
Hi,
We currently have ads running on our website https://theicon.ist. These elements are set as images, as we were unable to set up Google Ads with the Ads Module.
My question is, is it possible to have these images switch back and forth between 2 or 3 other images we set? For example, if the user refreshes the page, or visits another page. We would love our audience to see new ads as they navigate our site.
Please see this screenshot for where I’m referring to as ‘ads’: https://app.usebubbles.com/aQr9obfBw4F3TEGJbpWhVC/comments-on-theicon-ist/#/comment=evwj3b3Cj3vsyh2FtjBqP4
Thank you, and looking forward to your reply!
Best,
Christian
Hello,
I have big difference in mobile and desktop PageSpeed Insights.
PageSpeed Insights for desktop version is above 90. It can go to 95 and even 98.
At the same time PageSpeed Insights for mobile version is much lower – 55 to 70.
On two sites I have cloud template and on third I use default template.
I expected cloud template for mobile will give speed boost.
I know speed depends on web hosting server but on one site I use CDN and on one I have semi-dedicated hosting.
It is strange that at the same measurement in PageSpeed Insights there is always same difference between mobile and desktop page version.
For example:
Mobile version:
Largest Contentful Paint: 6.6 s
Total Blocking Time: 330 ms
Time to Interactive: 6.0 s
First Contentful Paint: 2.8 s
Desktop version:
Largest Contentful Paint: 1.0 s
Total Blocking Time: 10 ms
Time to Interactive: 1.1 s
First Contentful Paint: 1.0 s
That is for site with Cloud template and CDN.
Is that normal? Do you have any suggestion what to check in theme?
On site that is using non-Cloud template I don’t use mobile theme version.
I plan to cange that site to Cloud template.
GT metrix is great and is above 90. It goes up to 98%.
Thank you
2021/08/25 02:36:58 [error] 33765#33765: *5 FastCGI sent in stderr: “PHP message: PHP Fatal error: Uncaught Error: Call to undefined function curl_init() in /var/www/grandnews/wp-content/plugins/td-social-counter/twitter-client.php:386
Stack trace:
#0 /var/www/grandnews/wp-content/plugins/td-social-counter/twitter-client.php(360): TwitterApiClient::http_request()
#1 /var/www/grandnews/wp-content/plugins/td-social-counter/twitter-client.php(250): TwitterApiClient->rest_request()
#2 /var/www/grandnews/wp-content/plugins/td-social-counter/td_social_api.php(151): TwitterApiClient->call()
#3 /var/www/grandnews/wp-content/plugins/td-social-counter/td_social_api.php(50): td_social_api->get_service_data()
#4 /var/www/grandnews/wp-content/plugins/td-social-counter/shortcode/td_block_social_counter.php(1163): td_social_api->get_social_counter()
#5 /var/www/grandnews/wp-content/plugins/td-social-counter/shortcode/td_block_social_counter.php(1094): td_block_social_counter->get_social_network_meta()
#6 /var/www/grandnews/wp-content/plugins/td-composer/legacy/common/wp_booster/” while reading response header from upstream, client: 157.34.152.175, server: grandnews.in, request: “POST /wp-json/td-composer/do_job?tmp_jobId=0&tmp_blockUid=undefined&post_id=116123&tdbTemplateType=page&uuid=6661f838-b6be-760e-1249-f2f7f63c7ac3 HTTP/1.1”, upstream: “fastcgi://unix:/run/php/php7.4-fpm.sock:”, host: “grandnews.in”, referrer: “https://grandnews.in/wp-admin/post.php?post_id=116123&td_action=tdc&tdbTemplateType=page&prev_url=https%3A%2F%2Fgrandnews.in%2Fwp-admin%2Fedit.php%3Fpost_type%3Dpage%26orderby%3Ddate%26order%3Ddesc&”
2021/08/25 02:36:59 [error] 33765#33765: *86 FastCGI sent in stderr: “PHP message: PHP Fatal error: Uncaught Error: Call to undefined function curl_init() in /var/www/grandnews/wp-content/plugins/td-social-counter/twitter-client.php:386
Stack trace:
#0 /var/www/grandnews/wp-content/plugins/td-social-counter/twitter-client.php(360): TwitterApiClient::http_request()
#1 /var/www/grandnews/wp-content/plugins/td-social-counter/twitter-client.php(250): TwitterApiClient->rest_request()
#2 /var/www/grandnews/wp-content/plugins/td-social-counter/td_social_api.php(151): TwitterApiClient->call()
#3 /var/www/grandnews/wp-content/plugins/td-social-counter/td_social_api.php(50): td_social_api->get_service_data()
#4 /var/www/grandnews/wp-content/plugins/td-social-counter/shortcode/td_block_social_counter.php(1163): td_social_api->get_social_counter()
#5 /var/www/grandnews/wp-content/plugins/td-social-counter/shortcode/td_block_social_counter.php(1094): td_block_social_counter->get_social_network_meta()
#6 /var/www/grandnews/wp-content/plugins/td-composer/legacy/common/wp_booster/” while reading response header from upstream, client: 157.34.152.175, server: grandnews.in, request: “POST /wp-json/td-composer/save_post?uuid=7b9a0408-3ddb-19b2-2398-c78cd48fbedd HTTP/1.1”, upstream: “fastcgi://unix:/run/php/php7.4-fpm.sock:”, host: “grandnews.in”, referrer: “https://grandnews.in/wp-admin/post.php?post_id=116123&td_action=tdc&tdbTemplateType=page&prev_url=https%3A%2F%2Fgrandnews.in%2Fwp-admin%2Fedit.php%3Fpost_type%3Dpage%26orderby%3Ddate%26order%3Ddesc&”
2021/08/25 02:37:03 [error] 33765#33765: *5 FastCGI sent in stderr: “PHP message: PHP Fatal error: Uncaught Error: Call to undefined function curl_init() in /var/www/grandnews/wp-content/plugins/td-social-counter/twitter-client.php:386
Stack trace:
#0 /var/www/grandnews/wp-content/plugins/td-social-counter/twitter-client.php(360): TwitterApiClient::http_request()
#1 /var/www/grandnews/wp-content/plugins/td-social-counter/twitter-client.php(250): TwitterApiClient->rest_request()
#2 /var/www/grandnews/wp-content/plugins/td-social-counter/td_social_api.php(151): TwitterApiClient->call()
#3 /var/www/grandnews/wp-content/plugins/td-social-counter/td_social_api.php(50): td_social_api->get_service_data()
#4 /var/www/grandnews/wp-content/plugins/td-social-counter/shortcode/td_block_social_counter.php(1163): td_social_api->get_social_counter()
#5 /var/www/grandnews/wp-content/plugins/td-social-counter/shortcode/td_block_social_counter.php(1094): td_block_social_counter->get_social_network_meta()
#6 /var/www/grandnews/wp-content/plugins/td-composer/legacy/common/wp_booster/” while reading response header from upstream, client: 157.34.152.175, server: grandnews.in, request: “POST /wp-json/td-composer/do_job?tmp_jobId=1&tmp_blockUid=undefined&post_id=116123&tdbTemplateType=page&uuid=85df4371-1163-6c45-70f4-968dbcf26f88 HTTP/1.1”, upstream: “fastcgi://unix:/run/php/php7.4-fpm.sock:”, host: “grandnews.in”, referrer: “https://grandnews.in/wp-admin/post.php?post_id=116123&td_action=tdc&tdbTemplateType=page&prev_url=https%3A%2F%2Fgrandnews.in%2Fwp-admin%2Fedit.php%3Fpost_type%3Dpage%26orderby%3Ddate%26order%3Ddesc&”
