- NewsmagRequirements for Newsmag
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 table of conetnt and with right-click, you can delete it.
1) The tagDiv Cloud Library template appears normally when logged in, but a problem occurs where it is output in short code form when logged out.
2) My website url adrress : https://kkulpick.com
3) It is displayed in shortcodes form to regular homepage visitors who are logged out (when logged in, it is displayed in normal form)
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,
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!
Hello the cloud library has been enabled and it still has issues.
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!
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).
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
Hi,
Did you import the blocks from the cloud library, or did you create a new page and add them from tagDiv Composer?
Thank you!
Hello, i just updated my website and i got this:
Fatal error: Uncaught TypeError: array_filter(): Argument #1 ($array) must be of type array, bool given in /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-cloud-library/state/single/tdb_state_single.php:959 Stack trace: #0 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-cloud-library/state/single/tdb_state_single.php(959): array_filter() #1 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-cloud-library/shortcodes/single/tdb_single_categories.php(328): tdb_state_single->{closure}() #2 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-cloud-library/shortcodes/single/tdb_single_categories.php(328): Closure->__invoke() #3 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_global_blocks.php(27): tdb_single_categories->render() #4 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-includes/shortcodes.php(433): td_global_blocks::proxy_function() #5 [internal function]: do_shortcode_tag() #6 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-includes/shortcodes.php(273): preg_replace_callback() #7 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-composer/includes/tdc_composer_block.php(220): do_shortcode() #8 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-composer/includes/shortcodes/vc_column.php(440): tdc_composer_block->do_shortcode() #9 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_global_blocks.php(27): vc_column->render() #10 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-includes/shortcodes.php(433): td_global_blocks::proxy_function() #11 [internal function]: do_shortcode_tag() #12 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-includes/shortcodes.php(273): preg_replace_callback() #13 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-composer/includes/tdc_composer_block.php(220): do_shortcode() #14 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-composer/includes/shortcodes/vc_row.php(1187): tdc_composer_block->do_shortcode() #15 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_global_blocks.php(27): vc_row->render() #16 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-includes/shortcodes.php(433): td_global_blocks::proxy_function() #17 [internal function]: do_shortcode_tag() #18 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-includes/shortcodes.php(273): preg_replace_callback() #19 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-composer/includes/tdc_composer_block.php(220): do_shortcode() #20 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-composer/includes/shortcodes/tdc_zone.php(771): tdc_composer_block->do_shortcode() #21 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_global_blocks.php(27): tdc_zone->render() #22 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-includes/shortcodes.php(433): td_global_blocks::proxy_function() #23 [internal function]: do_shortcode_tag() #24 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-includes/shortcodes.php(273): preg_replace_callback() #25 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-includes/class-wp-hook.php(324): do_shortcode() #26 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-includes/plugin.php(205): WP_Hook->apply_filters() #27 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-cloud-library/wp_templates/tdb_view_single.php(139): apply_filters() #28 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-includes/template-loader.php(106): include('/home/770064.cl...') #29 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-blog-header.php(19): require_once('/home/770064.cl...') #30 /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/index.php(17): require('/home/770064.cl...') #31 {main} thrown in /home/770064.cloudwaysapps.com/wwrspgevpg/public_html/wp-content/plugins/td-cloud-library/state/single/tdb_state_single.php on line 959
There has been a critical error on this website.
website url: sportnewsitalia.com
Hi,
If you want to edit the code depending on the type of header you use, you must edit a certain file.
-> wp-content/plugins/td-composer/legacy/Newspaper/parts/header/td-login-modal.php
-> wp-content/plugins/td-cloud-library/parts/tdb-login-modal.php
Please note that any change you make in the theme files after update will be overwritten and you have to make the changes again. Better save the code somewhere and then apply it again after every update. Or you can set them in child-theme, please take a look in the documentation: https://forum.tagdiv.com/the-child-theme-support-tutorial/
Also, does the option to recover the password from the WordPress login page work?
Thank you!
Hello! I installed bb press but i think the look is not as it is supposed to be. How can i improve a BBPress page?
I have implemented bbpress index shortcode [bbp-topic-index] one a very basic page.
The page url is
https://newspatron.com/forums/
Also on the home page i have posted the shortcode [bbp-register]. https://newspatron.com
Please let me know if the following objectives could be achieved.
1. I want to improve the look of the Forums page.
2. I want to use templates from the cloud library to construct a beautiful page where i can insert bbpress shortcodes.
[I tried however wasn’t able to do so, easily via importing the pages, sections and blocks and home pages.
Ideally i was looking to get started with a selected template and use the same for bbpress, by simply inserting a
shortcode].
3. On my posts i want to easily add the related forum for a reader to add comments via post forums. I am looking to display the topic forum on the post itself. Here is an example post
https://newspatron.com/mandakini-review/
[The above post has shortcode for registration inserted in the post template]
The above post has the shortcode [bbp-single-forum id=5366] in the individual post itself for users to interact.
Here is an example BB Press Forum, that I am ideally looking forward to matching up with the look of the newspaper theme and or the selected template/section/blocks or homepage template.
https://newspatron.com/topic/mandakini-review-7-reasons-why-its-a-chaotic-delight/#new-post
I tried accessing the following thread, however it seems to be blocked.
[https://bbpress.org/forums/topic/how-to-customize-bbpress-forum/]
In summary, please explain how various features of BB Press could be implemented on the Newspaper theme, particularly for the website Newspatron.com, that is a news website.
Thanks and Regards
Hello,
Please disable alos, the mobile theme plugin.
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!
Hello,
Please enable the tagdiv Cloud Library plugin and clear the cache.
Thank you!
I am looking for the two first blocks in right rolumn (single template) in the free news theme, but it seems that they are not added, even though other templates from this theme has been added. Can this template be added?
https://demo.tagdiv.com/newspaper_free_news_pro/2023/12/14/td-post-the-biggest-hollywood-celebrities-visit-the-ranches-of-california/
Thanks in advance.
Hello,
The options from the theme panel are for standard templates. If you have cloud templates, you must make all the changes using tagdiv Composer https://forum.tagdiv.com/tagdiv-composer-tutorial/ -> https://forum.tagdiv.com/how-use-tagdiv-cloud-library-templates/. Also, if the block is not from our theme, then to change the color, you need to use a custom code CSS.
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!
Hello,
Please let me know if you have the tagdiv cloud library enabled.
Please deactivate, delete, and reinstall tagDiv Composer from Newspaper -> Plugins and check if the issue persists.
Thank you!
