Hi Teachy, is your website using CDN/Cloudflare? because if you do use it, then you’ll need the paid version Cloudflare APO, only that one provide the option to cache per device.
In case that you are not using the CDN and the problem persist without any cache, the please make a full backup and contact us via email at contact@tagdiv.com and provide temporary wp-admin access to further investigate the problem.
Thank you!
Hello,
Please import a cloud template for single to be able to edit it with tagDiv Composer https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/ -> https://forum.tagdiv.com/single-post-shortcodes/ https://www.youtube.com/watch?v=6m8-EebnfM0
Thank you!
Hello,
You have a cloud template, and you need to edit with tagdiv Composer scroll until footer select the copyright and change it https://imgur.com/EPeTe19
Thank you!
Hello,
You need to select the block and, in the tab filter, choose a category that you want to filter the block -> https://i.imgur.com/KKUZXqv.png -> https://forum.tagdiv.com/flex-block-settings-guide/
The tagDiv Composer is our page builder. It can be used to create pages and cloud templates, but not posts. For this, you’ll need to use Gutenberg or a classic editor.
Using tagDiv Composer, you can build/edit the single post template (the layout of the posts).
Here is a video that will show you how to use the builder to create a website from scratch https://www.youtube.com/watch?v=SoGQ0d5kIBg to do this you’ll need to have the posts already.
Also, on our channel, https://www.youtube.com/channel/UCOT1RiNysIPCTPSnVZskwtQ, you can find more videos that can help you, as well as documentation: https://forum.tagdiv.com/newspaper-theme-documentation/. If you have any questions, you can ask us here on the forum or by email.
Thank you!
Hello,
Yes, it is okay if you have disable the mobile theme.
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.
Thank you!
Hi OFFICE NEXUS is not in the cloud and I can’t import the header
Hi,
Both the header and the footer are based on cloud templates and contain the following blocks.
Header:
Header weather
Header date
Social icons
Header logo
Header main menu
Header live search
Footer:
Text with title
Header logo
Title
List
Empty space
So none of the old blocks are in the header or footer.
Only when I save the new page and re-open it in the composer everything is gone besides the headlines part, the social counter and the advertisement,
However when I create a new page again, I again start over with the template like in the screenshot.
Hello the cloud library has been enabled and it still has issues.
Hi, I use Cloud Templates for everything on site. Since the new Google update is prioritizing tech SEO, I’d strongly recommend you make the changes in your next update to account for these things.
Hello!
We recommend to use 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/
We will check all these points seriously, and if there’s something that we can do to change something, then we will add it to the next update.
Thank you!
Hello,
Please let me know what template you import. Some templates use the module builder -> https://forum.tagdiv.com/modules-builder-newspaper-theme/ and you need to import them from cloud templates.
Thank you!
Every time i try to import a cloud template to design a page i get this, “The cloud library module template set for this block is not valid or does not exist. Please select another module template”. What could be the problem?
Hello,
Please let me know how you have created the pages. If you have added the content text and image with tagdiv Composer, then the option to change the color is set on each element https://i.imgur.com/c9DoQqV.jpeg; if you made in the Gutenberg editor, then only with custom code CSS can be changed.
Also, since I see that you are just starting with your website, I recommend not using standard templates (header, footer, single, category, tag, author, search, 404) and also avoiding blocks 1 to 25 or big grid blocks, as these can be replaced. I recommend using cloud templates and flex blocks, which have more options and are more flexible.
Thank you!
Thank you!
I just sent credentials for two of the sites (that are based on different cloud library demo).
Hello Anamaria!
I have resolved the WordPress plugin conflict with the theme and tagdiv plugins.
Now please let me know about the following.
Can the overall look of the press forum when inserted via shortcode be improved?
For example i created a page using one of the cloud templates, and it doesnt look quite well.
Here is the url.
https://newspatron.com/tagdiv-composer-draft/
As you can see the forums are loaded but havent matched to the overall look of the theme.
Please let me know about this
Hello Stefan,
Since I see you are just starting with your website, I recommend not using standard templates (header, footer, single, category, tag, author, search, 404) and avoiding blocks 1 to 25, or big grid blocks, as these can be replaced. I recommend using cloud templates and flex blocks, which have more options and are more flexible. Using a flex block, you can set the image width and height, ensuring the images will be the same size. Also, after replacing these templates and blocks, make sure to disable the tagDiv Standard pack plugin
Thank you!
I understand that you use the TagDiv Newspaper theme which is not a very performant theme, but at this point, you don’t have an option to change the theme.
That being said, during the audit (even while working on the staging environment) I did find numerous issues with your website mainly related to the below 2 points:
1. Images
2. JS
Your team can severely improve this by incorporating my feedback below. I understand that this response is quite technical, so I highly encourage you to share this with your internal dev team. Now let’s dive deeper.
## Images
Let’s start with the images, as it’s the biggest problem for your website.
### Problem 1 — Images:
So currently across your website (home page, single article page and other pages) images are not actually being loaded via HTML image (img) tags. Instead, they are being loaded as CSS background images.
This forces the browser to download all the images at the same time despite not needing them. Also, lazy-loading these images is almost impossible as all images are CSS background images with no unique class attached. Here are a few examples:
Though I’ve only shared a couple of screenshots, but this problem remains across your website on every single page. Be it the home page or any other pages. Every single page on your website have this exact same issue when it comes to images.
#### Solution:
All these span that are basically holding the images as CSS background images should be replaced with HTML img tag with proper width, height, class names attached to them.
Different images should also have unique classes attached to the img element to easily target them like:
– slider-thumb-img
– three-article-row-img
– featured-article-img
and so on…. (these class names are hypothetical just to give you and your team and idea)
This would make the images to be properly understood by the browser (thanks to the img tag) and also render and lazy load them properly. Also the proper width and height attribute would also maintain the CLS from image size shifting.
## Problem 2
The second problem that is related to your website images are image sizes.
Firstly, I can see that you are loading images from static.profootballnetwork.com making them not to be served from https://www.profootballnetwork.com/ and as a result not getting the benefit of Cloudflare Enterprise caching (higher cache HIT ratio and lifespan) and image optimization.
Secondly, you are loading way bigger images on your web pages asking for them to be scaled down and served to the user. In doing so, the browser has to spend a lot of time to downscale and render/paint the images.
This is why, it is always best to create multiple image sizes for your website using add_image_size() – exactly the image sizes that you need and then use them accordingly where needed.
Here are a few examples:
https://i.imgur.com/Ddl7gp7.jpeg — https://i.imgur.com/YGIjOmi.jpeg
https://i.imgur.com/O3KSAu0.jpeg — https://i.imgur.com/CmO72p8.jpeg
https://i.imgur.com/iHbHJap.jpeg — https://i.imgur.com/KLVA4HY.jpeg
This is not only making the size of your webpage insanely larger but also hurting your CWV and website performance.This issue is also present across your website, across every pages.
#### Solution:
Use add_image_size() to create custom image sizes that are needed for your sites and then serve images with HTML img tags with that exact image size that is needed for that section.
Alternatively, your team can also leverage Cloudflare Images to automatically resize the images directly on the cloud. More info: https://developers.cloudflare.com/images/transform-images/transform-via-url/
## Problem 2 — JS Scripts:
Thanks to Tagdiv Newspaper theme, the website is highly reliant on javascript and especially jQuery requiring the jQUery library to be loaded along with other jQuery scripts for the slider and other things to function properly. Screenshot: https://i.imgur.com/WELMdYl.jpeg
But a huge chunk of JS is coming from the ad networks, so I would highly recommend you to reach out to your ad provider asking them to reduce as much JS load as possible and possibly delay ad loading to reduce the JS impact on the website from the ads.
Hi, looks like reactivating the Cloud Library made it work again.
Thanks this can be closed.
I just tried deactivating and deleting the plugin. I also deactivated Cloud Library.
After reinstalling the Tagdiv Composer, it gives the same error again. Can you please advise?
I too have the same issue on a couple of sites. Our issue is specifically with Block 17. All other blocks work, but Block 17 throws
[28-May-2024 16:01:38] WARNING: [pool www] child 24552 said into stderr: "NOTICE: PHP message: PHP Fatal error: Uncaught TypeError: array_filter(): Argument #1 ($array) must be of type array, bool given in /var/www/x.com/wp-content/plugins/td-cloud-library/state/single/tdb_state_single.php:959"
[28-May-2024 16:01:38] WARNING: [pool www] child 24552 said into stderr: "Stack trace:"
[28-May-2024 16:01:38] WARNING: [pool www] child 24552 said into stderr: "#0 /var/www/x.com/wp-content/plugins/td-cloud-library/state/single/tdb_state_single.php(959): array_filter(false, Object(Closure))"
[28-May-2024 16:01:38] WARNING: [pool www] child 24552 said into stderr: "#1 /var/www/x.com/wp-content/plugins/td-cloud-library/shortcodes/single/tdb_single_categories.php(328): tdb_state_single->{closure}(Array)"
[28-May-2024 16:01:38] WARNING: [pool www] child 24552 said into stderr: "#2 /var/www/x.com/wp-content/plugins/td-cloud-library/shortcodes/single/tdb_single_categories.php(328): Closure->__invoke(Array)"
[28-May-2024 16:01:38] WARNING: [pool www] child 24552 said into stderr: "#3 /var/www/x.com/wp-content/plugins/td-composer/legacy/common/wp_booster/td_global_blocks.php(27): tdb_single_categories->render(Array, '')"
[28-May-2024 16:01:38] WARNING: [pool www] child 24552 said into stderr: "#4 /var/www/x.com/wp-includes/shortcodes.php(433): td_global_blocks::proxy_function(Array, '', 'tdb_single_cate...')"
Current version is 12.6.1.
Tagdiv Cloud library is enabled.
I will try what you suggested and then update the theme again.
done but no luck, the problem is just with tagdiv cloud library
if i disabled tagdiv cloud library is a little bit better
Hello, i did, first i’ve got in touch with cloudways after i opened there, seem like a problem with tagdiv plugins
Hello!
It could be a problem from Cloudways, please double check.
Thank you!
