- ApiUsing the Theme API in plugins
- 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
Hello,
The page speed is not related only to the theme that you are using, this is affected by plugins/content/ads/ external resources, etc.
I just checked your website and it looks that your images and thumbs are not optimized, for example, you can use EWWW Image Optimizer plugin, also, you can try other plugins like Autoptimize. => https://www.screencast.com/t/dPuNRR9u Your website needs an optimal speed that’s why you need to make some settings also to help for the improvement.
By the way, we have such a great result with this new update and with our new tool: https://www.youtube.com/watch?v=tnkVapqhIHc
Our tool is running only on normal pages and not for posts or categories for example.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
However, page loading speed can depend on many factors, and each website is unique from this point of view.
Let me explain some of these factors and maybe they give you some starting points for optimizing your website.
External factors: server speed, if you are using CDN or not, the external resources loaded by your website like ads, fonts, tracking scripts like Facebook Pixel, Google Analytics, Twitter analytics, Hotjar and so on.
Internal factors: the number of elements on the page, image size, image formats, if you are using mobile optimized layouts, console errors, if you are using the Standard Pack plugin on not if you are using PRO demo or a standard one.
To remove CLS please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/
Also, please remove the logo and add it again => https://www.screencast.com/t/Qj9gb0vY
Hope this helps you!
Thank you!
Hi – I created a mobile page for my homepage (not using mobile theme) and edited it with TD Composer. It looks great on mobile, but is also displaying on tablet where it looks horrible. Further, I can’t adjust the tablet layout when revising mobile page and selecting tablet (it also adjusts mobile). I’d rather use the original page’s tablet layout. Is there a way to fix this?
Hello,
What version do you use for mobile? Mobile responsive version or mobile page?
If you have mobile page, then you need to edit the mobile page, and select the header logo and change the text.
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Thank you!
Hello!
From what you describe it seems you have installed Mobile theme plugin. If you created the mobile pages with TagDiv Composer, then when you install Mobile Theme plugin, your pages will be overwritten by the plugin.
The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/
Better deactivate the plugin and see the results which you already did because I checked your website and it seems all is alright at the moment.
Thank you!
Hello,
“See this Desktop view—> https://imgur.com/VJNjS9e” if you want to use mobile theme plugin, and you want to have the responsive layout, then you can disable the mobile theme plugin on that page from the Gutenberg editor using the following option => https://www.screencast.com/t/axXRJsWby
Also, as I said above the page content is made without builders in the mobile editor, so if you want to use mobile theme on that page, then you need to make the page in the mobile editor => https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
Thank you!
In my case, On my website, Whenever I install a mobile theme, my pages do not show any content(In mobile-only. They work properly on desktops).
See this Mobile view—> https://imgur.com/3JU1dov
See this Desktop view—> https://imgur.com/VJNjS9e
You said in the above reply that the desktop theme will get converted to the mobile theme layout in the mobile theme. Then what are the issues.
I am ready to give you my admin controls. Just solve this issue. Cause without a mobile theme website performs very slow on mobile devices.
Please help.
Hi,
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/
Seems you have installed the Mobile theme plugin => https://www.screencast.com/t/KqhPuJV43yf. If you created the mobile pages with tagDiv Composer, then when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its own 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)).
Better deactivate the plugin and see the results.
Also, if you create a mobile page, please check if is set correctly => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
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 then 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
Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin not.
For example, you can have the mobile theme plugin activate 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 activate.
Thank you!
Hello !
Are you using the mobile theme plugin ? Please send us a link to your website in order to see how can this be managed.
Thank you !
Hello !
Newspaper Theme does not offer in Post editing options. By using the tagDiv Composer plugin you are able to edit only the Templates, not the actual content. On pages you can use tagDiv Composer to create content using different elements from it ( text with image, RAW HTML, etc.. ) but on post content you will be using the standard features.
On the 3rd. Question, unfortunately that cannot be done.
Question 4. Can you send us a link to that demo in order to inspect and see what can be done.
Question 5. It is what we recommend. Mobile Theme plugin offers less customizability but better page speed.
Newspaper theme is fully compatible with Adsense ads.
I hope this was helpful !
Thank you !
Hi,
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/
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 then 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 theme comes with its own templates for page, post, category, 404 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).
Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin not.
For example, you can have the mobile theme plugin activate and use the mobile page/mobile responsive version for the homepage/pages, but for the categories page/404 page you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activate.
Thank you!
Hello,
Usually, the problem is from a cache plugin, because you are using the mobile theme plugin => https://www.screencast.com/t/mpbsqaVtX2kL, the mobile layout will have a different design and most of the cache plugins do not recognize this and provide the mobile version for desktop (or vice versa). We recommend using WP Super Cache plugin with the settings from our guide -> https://forum.tagdiv.com/cache-plugin-install-and-configure/
If you created the mobile pages with tagDiv Composer, then when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its own 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)).
Better deactivate the plugin and see the results.
Also, if you create a mobile page, please check if is set correctly => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
You can check this video about the Newspaper theme version on mobile and how to edit them -> https://www.youtube.com/watch?v=SpGkOnJeNZY.
Hope this helps you!
Thank you!
Hi all,
I want to insert Javascript code that runs only on desktop, not mobile.
However, the theme panel does not have an option to decide where the code is executed.
How to execute the JS code only on desktop?
Hello,
If you refer to the featured image on the post, it can only be hidden with a custom CSS code => https://www.screencast.com/t/hr7qj4zJY
This is the code
.td-post-featured-image{
display:none;
}
Set the code in Theme Panel -> Mobile Theme -> Custom Code => https://www.screencast.com/t/St204VtFl3NU
If this is not what you mean, please provide more information as screenshots and a link to your website.
Thank you!
Question 1. Why can’t I use Tagdiv composer to write/edit/design Blog Posts if I choose DEFAULT POST TYPE to “DEFAULT”.
Question 2. However, if I use a template from the cloud library for the post then it shows Edit with Tagdiv Composer.
So now, in this case, I am on my post and click on Edit With tagDiv Composer, then is it going to edit the template of the post itself. If I edit here Is it going to affect the template itself.
In this post link above, I have applied 2 categories and now it seems like they are one, not Two.
1.PHOTOGRAPHY > 2.REVIEWS. There is no difference between them. I want that them to look different.
for example:- Main category with Bold font then secondary with normal font. So that there is a difference in them visually.
Question 4:- Every time I refresh the Page, Then looks like the website first displays few pixels on the right side in the browser and then comes to its actual place means exactly in the center.
I tried this on Your official Demo and seems there is the same issue.
Question 5:- Currently I haven’t enabled the tagDiv Mobile Theme and AMP plugin.
So, What you recommend in 2021. Like is it mandatory to use these plugins.
What will be the difference and benefits if I use these plugins.
If all go well, I will be using Google Adsense in the future. So what would be your recommendations about these plugins.
Thank You in Advance!
Hey Anamaria,
Can you make a recommendation to add it to future updates…
I don’t think disabling mobile themes is an option for us.
Do you think not having it on mobile but desktop makes an impact?
Please add this to your future updates.
Hello @Bettina,
can you please recommend a solution for TCF/GDPR Consent on AMP/Mobile theme? This is really crucial and important, if nothing works with your theme you have to find a solution about this.
Greetings,
Kristiyan
Hello,
To change the background image for the menu on mobile, please access Newspaper -> Theme panel -> Background -> Mobile menu/search background and change the image from here https://www.screencast.com/t/ATV1Jr7s
Hope that helps you!
Thank you!
Hi I got an email from google search console, asking me to fix these settings:
The following issues were found on your site:
Viewport not set
Clickable elements too close together
Text too small to read
I use Newspaper with Mobile Theme and AMP pluging in standart mode.
Where can I adjust those setting for all my posts
URL: https://cullenh1.sg-host.com/
I am having troubles with the site holding its configuration after clearing cache. It appears to be reverting to a mobile theme on a desktop view. Here is an example of a page that is now displaying as a mobile page on a PC:
https://cullenh1.sg-host.com/information-center/.
This is happening randomly and it has impacted all screens. Any suggestions?
Temporary fix has been to open each page in TD Composer, save it, then clear cache. It seems to last an hour or so before it breaks.
The issue is readily visible when using a cellphone as well.
My problem is on my website when I active the tagDiv mobile theme plugin, the content of my pages is not showing up! I don’t want to create mobile pages manually. And please clear my doubt that…If I am activating the mobile theme plugin, Do I need to create mobile pages for it separately or not?
How can I remove the Mobile theme featured image?
Hello!
Please add this code in Newspaper -> Theme panel -> Mobile Theme -> Custom code:
.td-post-sharing{opacity:1!important;}
It seems that a picture is missing and can be from the weather elements. Try to add it again and see the results. If the problem is still there, we need to investigate from where is the issue, so you can contact us at email for that.
Thank you!
Wp-Rocket does have a setting for mobile themes. On or off, it makes no difference as to the problem of serving mobile ads all at the top of the article.
Hello,
Seems you have installed the Mobile theme plugin. If you created the mobile pages with tagDiv Composer, then when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its own 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)).
Better deactivate the plugin and see the results.
Also, if you create a mobile page, please check if is set correctly => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
You can check this video about the Newspaper theme version on mobile and how to edit them -> https://www.youtube.com/watch?v=SpGkOnJeNZY.
Hope this helps you!
Thank you!
Hello,
If you want to change the color when the menu is open like this => https://www.screencast.com/t/OutN1mFpgBfg, you need to make the settings in Theme Panel -> Theme Colors -> Mobile menu/ Mobile search => https://www.screencast.com/t/aQj2hQ1y also, if you want to add a background image you can from Theme Panel -> Background -> Mobile menu => https://www.screencast.com/t/inWGd4WId the and to change the font go in Theme Panel -> Theme Fonts -> Mobile menu => https://www.screencast.com/t/HmDMTyJ5 -> https://www.screencast.com/t/i9f8iXcjR
Thank you!
