- NewsmagBlock settings tutorial
- NewsmagCategory tag on modules/blocks
- NewsmagtagDiv Composer Tutorial
- NewsmagWeather Widget
- NewsmagExchange widget
- NewsmagInstagram widget
- NewsmagHow to use the Visual Composer plugin
- NewsmagIntroduction
- NewsmagFooter templates
- NewsmagCustom ad spots
- NewsmagLoading image effects
- NewsmagSmart sidebar
- NewsmagFeatured images
- NewsmagGeneral settings
- Newsmag7 days post sorting
- NewsmagTheme thumbs
- NewsmagExcerpts introduction
- NewsmagTheme colors introduction
- NewsmagtagDiv slider gallery
- NewsmagVideo playlist
Ok, found the issue.
In the ‘Header Template Overlay – Blockchain PRO’ cloud template, under the mobile view in Theme Editor, there was a different setting for some strange reason.
Additional info: We are using the cloud library header template called ‘Header Template Overlay – Blockchain PRO’, if that helps.
Can you tell me where I can find the files for this header template?
(When all non-tagdiv plugins are disabled, this still persists.)
Hi there!
The text with title block doesn’t allow to be edited.
I recorded a video with my issue: https://somup.com/cZQh2Kmq7R
Hello!
Please check the settings of that block from the tag page: filter and offset. Let the offset field be empty with no space, no value, and see the results: https://prnt.sc/26SoUFv7QzxG -> https://www.screencast.com/t/peVbVmUDE.
Thank you!
Assistance Required for Removing Unwanted Blocks in Website Template
I am writing to seek assistance with a website template I recently purchased from your platform. I am facing an issue with two specific blocks within the template:
-An advertisement block
-A social media block
Unfortunately, I do not find these blocks useful for my website, and I would like to remove them. However, despite trying the deactivation options available in the editing menu, these blocks remain unresponsive and continue to appear on my site.
It seems that resolving this issue may require a solution beyond the standard menu options. I would greatly appreciate your guidance or assistance in removing these blocks from my template.
I have two websites built using the Newspaper theme, both utilizing the same cache plugin.
1. On one website, images load correctly using lazyload.min.js, even with JavaScript delay enabled in the cache plugin.
2. On the other website, images are loaded using jquery.min.js, but they fail to load when I enable JavaScript delay in the cache plugin. Images only appear when users scroll or click.
I understand that turning off the JavaScript delay would resolve the issue, but doing so would result in loading all JS files upfront, leading to Cumulative Layout Shift (CLS) and render-blocking issues. I’m puzzled as to why this behavior occurs despite using the same theme and plugins on both websites.
Screenshots: https://1drv.ms/f/c/b7bcb608ab0045fe/EpifkgMvK_9Ju5t5LFtdsoIBorWJY8lYf2wOM4vEeEIjog?e=krd5ZT
website 1 that works fine: nilslab.com
website 2, that has issue: historyexamprep.com
Hello!
Make sure you set a featured image for each article: https://forum.tagdiv.com/featured-image-or-video/
Check this guide: https://forum.tagdiv.com/thumbs-on-modules-and-blocks/
Make a test and deactivate all plugins except tagDiv ones. Also, if you are using a cache plugin, deactivate it, clear all cache, and try again.
Thank you!
Hello!
Please check the settings of that block: filter and offset. The article needs to be published. Let the offset field be empty with no space, no value, and see the results: https://prnt.sc/26SoUFv7QzxG -> https://www.screencast.com/t/peVbVmUDE.
Thank you!
Hello!
Unfortunately, for this block there are not different filter settings for each module.
A workaround there could be to use 2 flex blocks 1 with different filters.
Thank you!
Hello!
LCP measures how quickly the largest content element (e.g., image, video, text block) becomes visible within the viewport. Improving LCP involves optimizing various aspects of your WordPress site. Here’s a step-by-step guide on how to enhance LCP:
1. Optimize Images
Images are often the largest elements on the page, and optimizing them can significantly improve LCP.
Compress Images: Use tools like Smush, Imagify, or EWWW Image Optimizer to compress images without sacrificing quality.
Use Correct Image Format: Convert images to modern formats like WebP for faster loading.
Lazy Load Images: Lazy loading delays the loading of images until they’re needed. WordPress 5.5 and later versions come with native lazy loading, or you can use plugins like Lazy Load by WP Rocket.
Serve Scaled Images: Ensure images are served in appropriate sizes based on the device.
2. Enable Caching
Caching improves LCP by reducing server response times and decreasing the amount of work needed to load a page.
Browser Caching: Ensure that static resources like CSS, JS, and images are cached in the browser to speed up repeated visits.
3. Minimize CSS and JavaScript
Reducing the size and loading time of CSS and JavaScript files can help improve LCP.
Minify CSS and JavaScript: Use a plugin like Autoptimize to minify CSS and JavaScript files.
Defer Non-Critical JavaScript: Delay the loading of non-critical JavaScript by deferring or async loading to avoid blocking rendering.
Remove Unused CSS: Eliminate unused CSS using WP Rocket’s CSS optimization feature or manual removal for unneeded stylesheets.
4. Use a Content Delivery Network (CDN)
A CDN helps improve LCP by serving your content from servers closest to the user, reducing latency.
Integrate a CDN: Use services like Cloudflare, StackPath, or KeyCDN to serve static resources, like images, CSS, and JavaScript, from a global network of servers.
5. Optimize Fonts
Custom fonts can significantly affect LCP if not optimized properly.
Preload Key Fonts: Use the preload directive in your HTML to load important fonts early.
Use System Fonts: Alternatively, switch to system fonts for faster font rendering.
Font Display Property: Use the font-display: swap; CSS property to ensure text is visible while web fonts load.
6. Reduce Server Response Times (TTFB)
A fast server response time (Time to First Byte, TTFB) is essential for a good LCP score.
Upgrade Hosting: Choose a high-performance hosting provider, especially one that specializes in WordPress, like Kinsta, WP Engine, or SiteGround.
Use Latest PHP Version: Ensure your WordPress site is running the latest version of PHP (8.x) for better performance.
Database Optimization: Regularly clean up and optimize your WordPress database using plugins like WP-Optimize or Advanced Database Cleaner.
7. Reduce Third-Party Scripts
External resources can slow down the page, affecting LCP.
Minimize Third-Party Embeds: Reduce or optimize third-party scripts, such as Google Analytics, social media embeds, and advertising.
Use Tag Manager: If you use multiple tracking scripts, implement them through Google Tag Manager to load them asynchronously and reduce load impact.
8. Prioritize Above-the-Fold Content
The content visible above the fold (i.e., before scrolling) should load quickly for a better LCP score.
Inline Critical CSS: Inline essential CSS directly into the HTML to prioritize above-the-fold content. Tools like Autoptimize or WP Rocket can help with this.
Avoid Heavy Above-the-Fold Elements: Avoid large images or videos that slow down the loading of the above-the-fold content.
9. Use Lazy Load for Iframes and Videos
Similar to image lazy loading, delay loading of iframes and videos until they are needed.
Lazy Load Iframes: Use plugins like Lazy Load for Videos or WP Rocket’s built-in lazy load feature to defer video loading.
10. Monitor with Performance Tools
Continuously track your site’s LCP performance to identify new bottlenecks or opportunities for improvement.
Google PageSpeed Insights: Run your site through Google PageSpeed Insights to get a detailed breakdown of LCP issues.
WebPageTest: Use WebPageTest for deeper insights into your page load times and specific areas affecting LCP.
GTmetrix: Another tool that provides useful performance data, including LCP metrics.
By implementing these optimizations, you should see a noticeable improvement in your WordPress site’s LCP, resulting in a faster, more user-friendly experience.
Thank you!
Ok, it works with a totally new block (which has note exactly the same properties). Maybe it was a block from an old version (on my page).
Thanks
Hello,
I would like to add border radius to the line in block header 8, and also in column title style 2 -with line (https://i.ibb.co/FxYg6Dy/screenshot.png).
Can you give me each one’s correct css class?
Thank you
Hello!
Then try to use the Single image shortcode that have a field to insert an image link.
The problem appears in the flex block builder because it will apply the same image or you can add multiple flex blocks builder with different module created custom for each post/article.
With custom fields, you will need custom code: https://support.advancedcustomfields.com/forums/topic/how-to-link-an-image-field-to-an-external-url/
This will require custom work, which is not covered by the support team.
For customization and other services, you can contact our custom work team here: https://tagdiv.com/premium-customization-services/.
Thank you!
Hello!
You can use the multiple terms filter option from the flex block 1. Because I see that the date is a term in your case. Add the ID there.
Thank you!
The video explains EXACTLY the issue that I am having: WP Editor does not save content to TagDiv Composer when editing a Text with Title block.
Saving within TagDiv does not work, as WP Editor has not given data to TagDiv.
Not seeing errors in browser debug console. I consider this a but with NewsPaper
Very frequently, on mobile, across different devices, posts do not load beyond the initially-displayed posts. When the Flex Block is set to “infinite load,” the spinning wheel appears and the posts never load. When set to instead show “Load More,” the spinning wheel instead appears of new posts, and the posts never load. If the page is refreshed, the loading works correctly. Please advise.
I’m trying to add a Flex Block 1 module to my sidebar that displays events for June 2024 on every post. I’m having trouble configuring the module to show only events from that specific month.
Hello!
Why do you not like to use the module featured image shortcode? So, in the flex block builder, it will come exactly the featured image of your each post, and when you click on the image, it will lead you to the article page.
Thank you!
Hello,
I’m building a custom page, with a Flex Block Builder and a custom module (from a blank template).
For every article in the loop, I successuflly recall an image through a custom field image.
Now I would like to make this image a link to the article.
I suppose I could use the “URL” field with a sort of {…} snippets ?
Is there a place where I would find the documentation about the custom codes “{…}” ? (I means like this one {cf_nameoffield} quoted here : https://forum.tagdiv.com/topic/link-url-in-custom-field/ )
Thank you
Hi,
I’m using a Flex Block 1 module on my WordPress site to display events from a specific date:
https://forcenews.pl/kalendarz-wydarzen/?tdb_tax_data=wrzesien-2024
I’ve set up a category filter that pulls events from:
https://forcenews.pl/kalendarz-wydarzen
I want to refine this further to show only events in September 2024, as seen in this URL: https://forcenews.pl/data/wrzesien-2024/
I’ve specified the post type, but I’m unsure which exact field within the Flex Block 1 module’s settings I should adjust to achieve this date-based filtering.
In the image, you can see on right-hand side sidebar space is coming, which I don’t want. https://postimg.cc/LnHYt27N
Settings of theme :
https://postimg.cc/5YByzRSh
https://postimg.cc/PCCWB1HC
I have this in newspaper child theme functions.php to make the classic editor default.
add_filter(‘gutenberg_can_edit_post’, ‘__return_false’, 5);
add_filter(‘use_block_editor_for_post’, ‘__return_false’, 5);
My website URL: https://watercraftdemo.yashamsoft.com/
Hello!
It’s strange. It should work well. The post views can be seen in the Dashboard -> Posts. You can also use this shortcode in the single post template: https://app.screencast.com/nREiEBmMI154G
Use a flex block to display the popular articles: https://app.screencast.com/TlnLJ8Sz94Mai
Thank you!
Sorry for the confusion as I know you have written on this subject before but how is it possible to add a filter for ACF fields on posts and pages? I have tried to use the TagDiv elements – like Flex Loop Filters and various Flex blocks – but just can’t get them to call up my drop down list of field taxonomies. For example, I have created a number of company pages with a field called “Company” and if I wanted a drop down selection list / filter of all these companies, how is this achieved ?
Am I right in thinking that everything has to be done via custom post types only ?
Thanks
Hello!
Place the flex blocks where you need. You can drag & drop in the green places. Use the filters from the flex blocks: https://forum.tagdiv.com/flex-block-settings-guide/
Try to enable this feature: https://forum.tagdiv.com/unique-articles/ on your homepage.
So, you won’t have duplicate posts. Or you can set an offset: https://forum.tagdiv.com/offset-feature/
Thank you!
Hello Dan!
The ad is displaying well in the tagdiv Composer? If yes, then something is blocking the ad to display on your website like security or cache.
Otherwise, please make sure the code is right and try to add it again.
Thank you!
