- NewsmagtagDiv Composer Tutorial
- NewsmagHow to use the Visual Composer plugin
- NewsmagHow to update a plugin
- NewsmagWhat’s included in Newsmag theme package
- NewsmagRequirements for Newsmag
- NewsmagInstall via WordPress
- NewsmagInstall via FTP
- NewsmagBlock settings tutorial
- NewsmagtagDiv Social Counter tutorial
- NewsmagHow to update the WPBakery plugin
- NewsmagPage Menu
- NewsmagCustom ad spots
- NewsmagSmart sidebar
- NewsmagVideo playlist
- NewsmagPage templates
- NewsmagHomepage – How to build and set it
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,
You need to edit templates with tagdiv composer, that are in Cloud Templates -> https://i.imgur.com/sgPdREC.png -> https://i.imgur.com/VJSIzpR.png -> https://i.imgur.com/NZygLuU.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!
Hi,
If you have a Single Post Template from Cloud Library, then you need to edit the post with tagDiv Composer => https://www.screencast.com/t/jHatJGC1qRf, select the Single Post Views => https://www.screencast.com/t/NhUGCRfI and with right-click, you can delete it.
If you have a standard template, then you can disable the post views from Theme Panel -> Post Settings -> Post and Custom Post Types => https://www.screencast.com/t/LAv90B5eZ (please make sure you have tagDiv Standard Pack activate for standard template)
Thank you!
Hi,
If your settings are not saved, please check this topic -> https://forum.tagdiv.com/topic/tagdiv-composer-does-not-save-only-content-of-homepage/ and try the suggestions. Also, please check the cache, and clear/purge all cache.
Thank you!
muslimskeptic.com is the affected website.
I checked the statistics and do see the increase in CPU seconds usage compared to the script executions and after checking through the access logs with live traffic, I noticed that the current theme of the website is generating spontaneous bursts of requests towards the admin-ajax.php script specifically on the home page of the website from various visitors and this immediately spikes the CPU and RAM usage of the server, here is one example from a few minutes ago of such a burst with 20 requests within a couple of seconds:
https://snipboard.io/yCvqfw.jpg
While all of these requests are being processed by the server, other ones get queued for execution, which leads to database queries that generally run in parts of a second to run for several seconds instead and resulting in the very regular slow loading of the website.
I tried looking around the web for a similar problem, however I could not find any additional information and this is likely some bug with the theme version and I would recommend checking this with the theme developers and how these requests can be controlled to avoid such bursts that use up the server resources. I tried to switch the theme version from 12.4 to 12.3.1 but there was no change. There are no conflicts with plugin too. I tried turning on cache as well for each block on tagdiv composer.
Please refer me to the technical team as soon as possible.
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?
Hi, I’m facing troube saving content on a new page in the TagDiv Composer. When I hit save all, only the header and footer seem to be saved, not the content of the page. Can you help me figure out what’s wrong?! Thanks.
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 Team and Community,
I am utterly confused about the image sizes and best practices. I’ve read ALL of the documentation and links on TagDiv, so please don’t simply refer me to a broad link, as some things aren’t clear to us as customers.
I hope this thread will be useful to a lot of people struggling with this:
Site layout (max width):
– Row stretch up to 1400px
Home page:
– Headlines: 3 images in 3 columns , roughly 1400/3 so width 450px [900px on Retina]
Article page
– Featured image: width 1080px [2160px Retina]
– Sidebar (related): 3 images floated vertically, width 320px [640px on Retina]
– Bottom bar (popular): 4 images floated horizontally, so roughly 1400/4 = width 350px [700px on Retina]
I work on a Mac, and having good image quality is important, so images should be served as x2 resolution (Retina) on devices that support it.
Based on this I have selected these thumbnails in the Theme Settings:
a) Headlines (>450px) => 696×0 + Retina
b) Featured image (>1080px) => 1920×0 + Retina
c) Sidebar related (>320px) => 696×0 + Retina
d) Bottom bar popular (>350px) => 696×0 + Retina
I noticed some images were not sharp, and I briefly installed Jetpack Boost to check why that was.
It gave me warnings that the images shown on my Retina screen were not big enough.
All of the images that I upload are 1920px wide, so it has enough pixel data to work with.
We are using responsive design, not AMP because AMP almost completely removes recognizable branding and it’s a hassle to create 2 versions of each page, instead of a simple responsive layout.
So 4 questions:
1) What happens exactly when we select, for example, the thumbnail 696×0 + Retina?
In our case of a) Headlines, the image shown on the display should be 450px on old displays, and 900px on retina displays.
So should I select 696×0 or should I select a 1068×0 (bigger than the retina resolution)?
2) What about case d). I need at least 350px on old displays, and roughly 700px on retina displays.
696×0 is only 4 pixels short of 700px. What should I select? in TagDiv Composer as width, and should I for that resolution enable [] Retina as well or not in the Theme Panel?
These 2 questions are most important first. If we don’t know how resolution is handled by the theme, then all attempts to optimize the page for speed breaks down from there.
3) It seems that we cannot set different resolutions per device type in Flex Block. How can we make sure that smaller devices don’t load images that are 4x bigger?
4) I’ve been testing different plugins, with mixed results in terms of Google PageSpeed Index scores.
Which image optimization plugins have been tested and give the best results with NewsPaper theme, preferably that does all of what it needs to do in the background.
Any other suggestions that can be helpful?
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!
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!
Hi,
To change the logo please edit with tagDiv Composer,select the header logo and change it => https://i.imgur.com/cR7F0v4.png -> https://www.youtube.com/watch?v=HXQQygkCCJo -> https://forum.tagdiv.com/add-logo-newspaper/
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!
Hello @danapradana49!
In the cloud templates, you can add the ads when you edit the post with TagDiv Composer in the element called ” Single Post Content ” in the tab ADS. Documentation here: https://forum.tagdiv.com/article-ads/
Or you can use the element called “Ad box” from TagDiv Composer, and there you need to add the ads: https://forum.tagdiv.com/ads-adsense-overview/
Thank you!
Thank you for the reply. We followed the steps as in the instructions, it created the page beautifully, but the ‘submit reply’ button do not work. This is how it currently looks: https://hocamhakkinda.com/tagdiv-composer-draft/#
How can we fix it?
Hi to everybody. I’ve installed the theme on DaniReef.com and every thing seems to be smooth. But I have a problem with the article preview, where I can’t see the images preview and other things.
I’ve received this error
“Fatal error: Uncaught Error: Failed opening required ‘/srv/users/danireefnewserver/apps/danireefnewserver/public/wp-content/plugins/td-composer/legacy/Newsmag/’ (include_path=’.:/opt/sp/php8.2/lib/php’) in /srv/users/danireefnewserver/apps/danireefnewserver/public/wp-includes/comment-template.php:1591 Stack trace: #0 /srv/users/danireefnewserver/apps/danireefnewserver/public/wp-content/plugins/td-composer/legacy/Newsmag/single.php(44): comments_template(‘/comments.php’, true) #1 /srv/users/danireefnewserver/apps/danireefnewserver/public/wp-includes/template-loader.php(106): include(‘/srv/users/dani…’) #2 /srv/users/danireefnewserver/apps/danireefnewserver/public/wp-blog-header.php(19): require_once(‘/srv/users/dani…’) #3 /srv/users/danireefnewserver/apps/danireefnewserver/public/index.php(17): require(‘/srv/users/dani…’) #4 {main} thrown in /srv/users/danireefnewserver/apps/danireefnewserver/public/wp-includes/comment-template.php on line 1591”
Can you help me?
This is a normal post
https://postimg.cc/rKm7jv4r
Here the article preview
https://postimg.cc/D8w3DS9m
https://postimg.cc/MfZNhLrg
Hi,
Ok, but I need more information, like if you use the Instagram from footer template or block Instagram from tagDiv Composer, personal account, or business account.
Thank you!
Hello,
1. For cls, please try to use the element ad box, and set the images in the element.
2. For the modal image, we added a fix in version 12.4, it doesn’t work for you please contact us via email at contact@tagdiv.com, please check if you don’t have a plugin conflict, also.
3. Please let me know what you want to customize, you can do it with tagDiv Composer.
Thank you!
Hi,
Thank you for being our customer.
The Newsmag theme has the possibility to add ads using the theme panel settings – https://i.imgur.com/YDMuYGu.png and also you can use the tagDiv Composer and the ad box element to set on-page ads – https://i.imgur.com/5s6SXoL.jpg – https://i.imgur.com/RjuFqYq.png
What I can recommend for better control over ads is to use a dedicated plugin for ads.
Thank you!
Hi,
Maybe you can try to set the color for the zone in the tab css, using tagDiv Composer.
Thank you!
