- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperDesign your post pages using the Default Templates
- NewspaperPage templates
- NewspaperCreate a form contact page
- NewspaperCloud Library Templates
- NewspaperCloud Library – Category Templates
- NewspaperHomepage – How to build and set it
- NewspaperPost templates
- NewspaperDefault post templates
- NewspaperCategory templates
- NewspaperPost template ads
- NewspaperSingle External Shortcode and External Shortcode
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperSearch setup for custom post type
- NewspapertagDiv Composer – Website Manager
- NewspaperBookmark – Save For Later
- NewspaperFlex Block Builder and Flex Loop Builder
- NewspaperModules Builder in Newspaper Theme
- NewspaperIntroduction to CPT and ACF with Newspaper Theme
- NewspaperCreate a frontend submission form
Hello,
You can customize the CPT templates with tagDiv Composer like a Single Post Template or a page -> https://forum.tagdiv.com/introduction-cpt-acf-newspaper-theme/ You need to edit a CPT.
Thank you!
Dear Admin,
I have a problem when migrate from Standard Pack plugin to Tagdiv Cloud Library.
I unable setting custom sidebar for each Category.
Example, this setting hidden when choose template from Cloud Library

In Tagdiv Composer, when design a page, I only set default widget sidebar.
Please kindly suggest for me.
Thanks for supporting.
So I can use only templates here and can’t customize CPT posts like I can do this in Pages, right?
muslimskeptic.com
This is happening all the time on every page. I am unsure if the problem is due to cloud templates.
This is a recent screenshot of my servers alarming cpu usage:
Hello @al-2 !
You can have multiple templates for your posts and customize each post/page.
Why can’t you use the license on localhost if you activate the theme and insert that code?
Is there an error or something?
Full documentation here:
– https://forum.tagdiv.com/introduction-cpt-acf-newspaper-theme/
– https://forum.tagdiv.com/custom-post-type-support/
Thank you!
Hello, I’m trying to add support of tagDiv for a Custom Post type in the same way it works for Pages, but I can’t find how can I do this. I want my Custom Post type posts to have unique styles each, so I don’t want to apply templates.
How can I do this?
And the other question – is there a way to test Cloud Library on localhost? I have a license but I can’t apply it for localhost – I am afraid that my license on production will be canceled.
Thank you in advance!
Thank Calin.
Just an idea, but maybe good for later:
It would be good if when we write code in the current on-page CSS Editor we can add some kind of structured contents that would tell the system later to drop the respective CSS/JS code into into separate files.
/* ## CSS Viewport: Horizontal – Load: Sitewide ## */
css code
/* ## CSS Viewport: Desktop – Load: Homepage, Categories, Tags ## */
other css code
/* ## CSS Viewport: Desktop – Load: Single ## */
other css code
It would allow us to keep code in one place, and would be super versatile.
Devices only load specific code meant for their viewports, so it would cut down on half or more of the CSS code.
A similar structure could then be used for inline generated code.
A later step could be to have a function go through the code of the page/template and build separate css files for each device, and/or type of page.
It would cut down on code, reduce the cost of data transfer both for publishers and for the audience and thereby improve PageSpeed scores a lot. I’ve noticed that typically 60-80% of CSS and JS code that is loaded isn’t really used on the page or on the specific viewport.
This would fix all of that and we could get Newspaper achieve 100 PageSpeed score on Mobile with the responsive design, without having to complicate matters mobile/AMP templates that lack functionality or brand-specific styling.
Let me know how I can be of help on this or beta.
Hi,
Please try to use cloud templates.
There are many optimization guides provided by our users here in the forum, some made by us; you could 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/
Also, pagespeed is not covered by support -> https://forum.tagdiv.com/newspaper-theme-support/
If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray
To be able to optimize and to remove CLS and LCP 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/ -> https://web.dev/lcp/ -> https://web.dev/cls/
Thank you!
Hi xhylyx1nr, can you please provide a link to your website and some screenshots of the problem and when this is usually happening? (if is when you are on a specific page or if the problem persists with cloud templates).
Thank you!
Hi,
For the mobile background color, what I can suggest is to clear the background color from the theme panel – https://i.imgur.com/tbHbRIu.png and try to use a background – image – https://i.imgur.com/DIKZcmT.png or an alternative will be to set the background image using a custom css that will be add in the body content to be used only after the content is loaded.
I understand, not really for the moment flex blocks do not allow selecting a different image size for the mobile version, this problem can be solved using a mobile page template for the single element and change only the essential elements, such as the thumbs – https://prnt.sc/hpBWwXASLeF9 – https://i.imgur.com/9qRH9JA.png convert header and footer too – https://prnt.sc/ASiv_cYqALhq – https://i.imgur.com/UXw4W7e.png
Thank you!
Hi chrisfoxatx,
1. For the size of the images you have, you have perfectly selected the thumbs to use – https://i.imgur.com/UM6OgFa.png They work like this after they are activated in the theme panel, these thumbs are created for each image that is loaded in the media, now the problem is with the ones that are already loaded, for these, you have to use a regeneration plugin that should resolve the problem with the retina resolution.
Normally when you select that thumb, for example, 696×0, the thumb with the size 696xauto and retina size will be used instead of the original image.
2. You should use the retina option for all 3 sizes of thumbs you use, this way you will get the best result on both windows and retina (don’t forget to regenerate the images if these options were not selected from the beginning, i.e. before adding the images to the media, and when regenerating select delete all thumbs and regenerate new ones).
3. When you edit the flex element with tagDiv Composer you have the option to select the size of the thumb, as a suggestion I recommended using a middle size because it cannot be adjusted per viewport, it can only be changed if you use the mobile page template.
Also, if the retina thumb is selected in the theme panel and the image has been regenerated, when you select, for example, the 696×0 thumb on windows, the retina thumb corresponding to the 696×0 thumb will be automatically used when a retina device is used.
4. Unfortunately here I can not suggest the best of all with the theme, but a plugin that is ok with the theme is EWWW Image Optimizer , but I have seen many users who also use Smush and Imagify.
I hope this will help you!
Thank you!
Hey Friends,
Our Newspaper theme just went sideways. No updates made. Just reverted to some kind of basic layout, blocks showing all code, and posts delivering the error:
“wp_booster error: td_api_base::mark_used_on_page : a component with the ID: single_template_10 is not set.
/home/customer/www/thevalley.life/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_api.php”
Any ideas what is going on?
CSS and JS code that I’ve written is currently loaded sitewide.
However, styling for articles should not be loaded on the homepage,
likewise, JS functionality for the home and category pages is not needed on article (single) pages.
How to have certain CSS / JS code load only on some templates, but not others?
Highly optimized and clean responsive design theme gets me 84 on Google PageSpeed mobile, but Speed Index (4.7s) and LCP (3.6s) is not good.
I can’t get find a way to reduce the unused (theme?) CSS/Javascript (1.2s) so I’m trying to optimize these:
1) Defer offscreen images 0.35s on <div class=”td-menu-background” style=”visibility:hidden”>
This is the background menu/search image on the mobile viewport:
Lazy Load settings/plugins for some reason won’t defer it.
How to defer it?
2) Efficiently encode images 0.25s on <div class=”tdb-featured-image-bg”>
The featured image is shows full desktop size on the mobile viewport:
On a desktop I show the 1920×0 version, retina quality for devices that support it.
The mobile viewport is showing the same big size, not a smaller version.
How to fix this? Maintaining separate mobile/stale AMP templates is not cost-effective/productive for most of us.
There is an option of ‘Edit with TagDiv Composer’ for Pages https://imgur.com/a/jsXfBHR , but there is no such an option for Posts/My Doctors: https://imgur.com/AaP1vA6
How can we edit posts with TagDiv Composer?
Also, unlike in your screenshot, our review option shows up as ‘Single Post User Reviews Form’ https://imgur.com/8c0tMnx
How can we find ‘CPT user reviews form’ or how can we set in a CPT template?
Hi!
Could you please help me with the CLS issue.
I use DEFAULT SITE POST TEMPLATE for posts.
The CLS on the posts with Feature image – 0.17 and Google indicates this by red sign.
1. For example the article with the Feature image – Cumulative Layout Shift 0.172
https://www.avianews.com/world/2023/05/25/lufthansa_discount_on_meal/
2. In the another article I deleted the Feature image and published this image inside the text
https://www.avianews.com/world/2023/05/25/france_banned_domestic_flights/
As the result – Cumulative Layout Shift -0 and green light from Google.
3. I use https://pagespeed.web.dev/ for testing
How is possible to resolve this issue?
Hello @danapradana49!
Yes. I described above: https://prnt.sc/vJXk3T-6hrI0
The theme panel settings works only for default templates.
We recommend using cloud/PRO templates in order to have the possibility to edit them with the TagDiv Composer, which contains a lot of functions and features, Please check our tutorial here: https://forum.tagdiv.com/tagdiv-composer-tutorial/
More documentation about the cloud templates is here:
– https://forum.tagdiv.com/cloud-library-templates/
– https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/
– https://forum.tagdiv.com/cloud-library-category-templates/
Thank you!
Hello @danapradana49!
I can see that you use a cloud/PRO template, so any ad or image you want to add in your header, you should add it by editing th epage with the TagDiv Composer and add the element you need.
Thank you!
Hello!
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you need to use the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
If you want to keep the mobile theme plugin, then you should choose the menu from here: https://prnt.sc/qOxOPNs-wZhj
Thank you!
Hello @danapradana49!
If you set in the theme panel, then it won’t display on the cloud pro template. You need to edit the homepage for example with the TagDiv Composer.
Thank you!
Hello, I am trying to use the template shown here but can’t figure a way to. On a page / post, it doesn’t show up in Cloud Templates.
Specifically, I am trying to use the horizontal scroll element shown under “Design” on this template. If you can help me use this specific element, it would be very helpful.
Thank you in advance!
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/
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 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 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.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Thank you!
Hello @danapradana49!
You should click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB and place the ads also in the mobile header.
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you need to use the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
Thank you!
For the header section of the front page, I can place regular ads as I expect by selecting the default CLOUD LIBRARY TEMPLATE pro, but there is a new problem, which is that ads don’t appear on the mobile display in the header section, do you know how to fix this?
Hi,
The review works on CPT and a single template. Here on the page seems to be some issue, I will add it to our list.
Please try to set it in a cpt template -> https://i.imgur.com/TQoC6Qy.png
Thank you!