- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Calin, good night. At times, our website returns to the mobile version, completely disrupting Google’s indexing.
The situation is intermittent – when I save https://imgur.com/a/ZxpzfcR the AMP again it works normally again. How to resolve this issue definitively – I cannot use reader mode as it is not recommended and would downgrade our site. I’m no longer using the mobile theme plugin.
Hi everyone. With AMP it’s not clear to me how it works.
I read these two official articles
https://tagdiv.com/amp-newspaper-theme/
https://forum.tagdiv.com/the-mobile-theme/
I did everything indicated and the conclusions are:
When I activate official AMP for WP. In the WordPress test page it gives me 7 problems, to eliminate them I have to delete some plugins (yoast seo, tagDiv composer etc..), when I delete them the site does not go in mobile version.
When I activate tagDiv Mobile Theme, it’s not great.
When I activate both (tagDiv Mobile Theme + Official AMP for WP) it’s as if I had activated only tagDiv Mobile Theme, the result is not great.
The site is the following https://arteincartongesso.com/
Wait for a good soul who clarifies AP;. Thanks
Hello,
In the mobile theme, the images on the home page are not displayed in 265×198 size and when I query pagespeed.web.dev I get the error “Serve appropriately sized images.”
How do I fix this?
Hello,
Did you set an order on the columns? You can set or delete if you have set there an order on the column please check this guide https://tagdiv.com/flexibility-rows-columns-newspaper-theme/ Also, you can check this option on mobile https://i.imgur.com/nFeP4o3.png
Thank you!
Hi, I’m using the Momentum theme, and I’ve noticed that the order of elements on my page appears differently on desktop and mobile. For example, on this page https://barbarabueno.com/education/, the sections are displayed in a specific order on desktop, but the layout changes on mobile, which makes the page inconsistent.
On desktop, the sections appear in the intended order:
Bachelor of Communication
Web Development Course
Travel Agency Technical Director Course
Tour Leader Course
However, on mobile, the order changes unexpectedly:
Web Development Course
Bachelor of Communication
Travel Agency Technical Director Course
Tour Leader Course
I’m looking for a way to ensure that the order remains consistent across desktop and mobile without rebuilding the page. Is there a setting in the TagDiv Composer to fix this, or do I need to use custom CSS?
Thank you for your assistance!
Barbara
Hello,
No, you can not edit the mobile theme version with the tagdiv Composer. You can check your topic where I explained the mobile versions of our theme https://forum.tagdiv.com/topic/different-theme-from-pc-and-different-from-mobile/
Thank you!
Hey, is it possible to edit mobile theme in tagdiv composer? Like normal theme. What showing in mobile themes and others
Hi,
I see the website is very fast, on desktop the score is perfect. But while the mobile scoring method is very strict, the result is pretty good https://prnt.sc/irmIopXWJmwT The actual speed is impressive https://prnt.sc/fjbzluyvlGzr
Have you tried this option to delay the footer load https://prnt.sc/cK5eSqf5Clcw This may increase the score by reducing the DOM size.
I see that some images are served in webp, but not all of them https://prnt.sc/JMXIC9rG1jE7 I suggest checking to make sure that all the images are converted to webp.
Also there seems to be no lazyload active on the website https://prnt.sc/Qvvj6foUkjrr I suggest activating the litespeed lazyload, in the media settings. In case there are issues with the images after enabling it, I suggest deactivating the pone from the theme https://prnt.sc/rdDEmi_aHSeS
I’ll check the website more, and try to make more suggestions. In the meantime please try what I suggested so far, so we can see how the website performs.
Thank you!
Hello,
I am using the Newspaper theme for mobilehub.ro. The theme looks great when customized, and we want to keep it for the long term. However, the main issue preventing us from using it until now is the optimization. With almost any other theme, we can achieve scores that pass Web Vitals, but unfortunately, with this theme, we cannot.
Below, I’ve included a screenshot showing what we see when using the Newspaper theme, along with certain LiteSpeed settings that should facilitate passing Web Vitals or at least getting close to an acceptable score.
We are using fairly standard templates with minor optimizations, ensuring we don’t include anything that could slow down the website.
Unfortunately, this score impacts our visitors’ experience, and we absolutely need to fix it. We want our site to perform very quickly, and we are running on a LiteSpeed server.
Surely there are other users using LiteSpeed who have managed to pass Web Vitals. If anyone here can share their settings, I would be very grateful.
In the meantime, given LiteSpeed’s popularity among users—thanks to its free plugin and excellent compatibility with other themes—could you please let me know the best settings that the tagDiv team has tested with this theme?
If there is no way to pass Web Vitals with LiteSpeed, what other configuration would you recommend? I have read all the guides suggested on this forum and external sites referenced by tagDiv team members, but I still haven’t been able to pass Web Vitals with this theme. It’s a bit frustrating knowing there are sites in your niche that load instantly, and you can’t achieve the same.
Thank you!
I am using the Newspaper Theme and noticed issues with color contrast reported in Google PageSpeed Insights. Text readability is flagged due to insufficient contrast between text and background. You can review the specific metrics in the PageSpeed report. https://pagespeed.web.dev/analysis/https-e-agrotis-gr/cmooiryfvd?form_factor=mobile
Could you guide me on how to adjust the color scheme or settings in the theme to improve contrast and comply with accessibility standards?
Thank you for your support.
Hello,
Unfortunately, you can not disable the tagdiv mobile theme plugin for the cloud templates.
Thank you!
Thank you. I feel I was not clear enough. Here is the revised version of my question.
I have newspaper running on wordpress site and it works great on browsers for pc, tablet and mobile. I would like to also deploy a similar “news” app for android and apple that has the same newspaper theme, that I have on my wordpress site. Do you have any suggestions of such prepackaged apps or how I can create such an app? Would appresser work for this/and or do you have any other suggestions?
Additionally I would like to publish my posts once and have it simultaneously post on the both the website and the app and was wondering if that is possible.
Thank you again for all your help
Alright, thank you very much for the response!
I finally decided to use the Mobile Theme plugin.
I can set everything up nicely, but for the WooCommerce shop page, even though I disable the Mobile Theme in the Gutenberg editor, only the default WooCommerce store layout appears. However, the “Woo Shop Base Template – Kids Store” template is installed as both the Global and Mobile Template. On PC, the Kids Store template displays beautifully.
How can I configure this so that a different design appears on the WooCommerce shop page? (Specifically for WooCommerce, at least on the shop page, I would like to disable the Mobile Theme plugin. – http://ajovokezdete.hu/shop)
Hi,
For mobile we recommend a logo of this size https://prnt.sc/rZ5T9aahnpa4 I see your logo has a bit of empty space top and bottom, which makes it smaller.
You could use some CSS to make it larger, would this be alright? https://prnt.sc/F91M3nRRqvdn If you like it, please enter the code from here https://pastebin.com/nYLD2taJ in the theme panel here https://prnt.sc/IpbQYdasHtPQ
Let me know if that works for you.
Thank you!
Hello,
There is an option to disable the mobile theme from a page/post – https://i.imgur.com/d3kTBRf.png. This option appears in the Gutenberg editor. After you disable the mobile theme on the page, you can use the responsive version. There are no other solutions.
To increase page speed, I recommend checking which thumbnails you are using on your blocks. You might want to avoid enabling all of them and optimize and regenerate images. You can use the EWWW Image Optimizer for image optimization and the OMGF plugin for fonts. Additionally, you can use the WP Rocket plugin.
There are many optimization guides provided by our users here in the forum, some made by us; you can check some of them
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/high-number-of-ajax-request/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://www.andraware.com/wp-rocket-for-newspaper-theme/
– https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
– https://forum.tagdiv.com/topic/sql-querys-high-cpu/
– https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
– https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
– https://underconstructionpage.com/optimize-wordpress-database/
– https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
You can choose what version you want and what suits you.
Thank you!
Hello,
You have the mobile theme plugin activated; please deactivate it and clear the cache.
Using our theme, you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its templates for page, post, category, etc, so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY.
So, the mobile responsive is what you see when that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page, you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Thank you!
Hi! I can’t find where to change (what social icons and links) the social icons on the mobile theme. I can see where to change that in the desktop version, but I need to change it as the site is in production.
Thank you !
I really like the Newspaper theme! However, I can’t decide about the mobile version. On one hand, the MOBILE THEME plugin is appealing because it makes the site much faster, but there are many subpages and categories where I would prefer to disable it.
Is it possible to configure the MOBILE THEME so that it only runs, for example, on post pages or specific post categories, and not at all on pages (except for the homepage)? Manually disabling it page by page in Gutenberg would be very cumbersome. Is there a practical solution for this?
On the other hand, the MOBILE TEMPLATE is also appealing because it can be customized, BUT the site loads much more slowly. Which solution is likely to be more prominent in the future? What do you recommend? Or is it possible to use these two in combination? thanks
Ah ok didn’t know that. So only mobile theme is enough for better speed
Hello,
It depends on what version you use for mobile.
Using our theme, you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its templates for page, post, category, etc, so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY.
So, the mobile responsive is what you see when that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page, you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Thank you!
You can stop using AMP – Google abandoned it nearly 2 years ago now.
Just use the mobile theme or normal responsive theme.
(I don’t work here.)
Hey isntall mobile theme and AMP and work very good site but i didint see ads from adsense . Ad sense give me code . One for header and one for body already i put via Code snippets and give me one more again for amp ads . I put this code on theme panel AMP Ads ?
Hi,
To change the font and color for the mobile menu please go to Theme Panel -> Theme Colors -> Mobile menu/mobile search => https://www.screencast.com/t/0CvSgXp9H to set a background image go in Theme Panel -> Background -> Mobile menu/mobile search => https://www.screencast.com/t/uvDejzbX to change the font from Theme Fonts => https://www.screencast.com/t/ANBQe7hQhJd
The social icons from the mobile menu are coming from the Theme Panel -> Social/Apis -> Social Networks -> https://i.imgur.com/kKYIECB.png remove/edit them after your needs.
Thank you!
Hello,
Yes, I recommend editing the posts with the Gutenberg editor. You don’t need to do them from scratch, but it depends on what you have added from Elementor in the posts.
You can not set the menu for mobile because you can not select the viewports https://i.imgur.com/k8dqa11.png, right? If yes, the issue is caused by a plugin conflict between Elementor and tagdiv Composer.
Yes, rebuilding your pages with tagdiv Composer only is safe. It should not impact the posts and pages you have made with Elementor.
Related to the categories, you need to set the social filter on the blocks. For example, on the category template, if you have the flex block, you must use this filer: https://i.imgur.com/NCqUt7g.png. The block will show the posts that are related to that category.
If you upload the translation from Theme Panel -> Translation -> Translation and some words don’t get the translation, then it is possible to change if you edit with tagDiv Composer => https://www.screencast.com/t/dlfnb0fnX5, for example for the search template, please edit it and select the elements -> https://i.imgur.com/emO3j5e.png
Unfortunately, I don’t speak Spanish, only if I use Google Translate.
Thank you!
I created a separate template for mobile phones, but it’s also displaying on desktop versions. I’m using the W3 Total Cache plugin, and I suspect it’s causing the mobile template to display incorrectly. Has anyone experienced this issue and can suggest which function in the plugin to disable so that the Newspaper theme correctly detects the desktop and mobile templates?
