- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
- TutorialstagDiv Social Counter Tutorial
Hi,
I see, unfortunately, the theme does not have an element to just drag it and get the article automatically, but this can be done. Use a single post template, edit it with tagDiv Composer, and at the bottom, set a flex block with the layout you want. After that save it. Install ACF plugin and create a custom field for articles (should be type text), then copy the cf name and on the flex block you have set at the bottom of content in the filter tab set the parameter like this {cf_yourCFname} https://i.imgur.com/V6k6ay9.png after taht just set for articles in backend in the acf field the post id and the block will show taht article. Now in case if you do not want to show anything if there is no id set in the fields, then in the block set in front of parameter value 0 and separate them with , like this 0, {cf_yourCFname}
Thank you!
Hello,
1. Please edit the cloud category template and select the first block, then look in the filter tab and set the filter on the current category. Also, check the second block, the posts loop, and in general, look for offset, make sure that the number of articles is set above, so those will not repeat – https://i.imgur.com/HQp7gF8.png – https://i.imgur.com/Qqia5ii.png
2. Are you referring to the fact that the articles are repeated? If so, then there are 2 options:
– use the unique article option.
– edit the page using tagDiv Composer and on each block set a category filter.
Thank you!
Hi,
I apologize the AJAX option for Flex Loop Filters has not been added yet. It’s on our improvement list and is currently in development. It will be included in one of the upcoming updates.
Thank you for your understanding!
Hi,
For this you need to edit the page/template using tagDiv Composer and select the row, and mobile viewport, then in the layout tab select the reverse column and layout one under other – https://i.imgur.com/Nm9Dj4u.png
https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
Thank you!
Hi,
What you can do is to edit the single post template with tagDiv Composerhttps://i.imgur.com/ZwyHap9.png , select the mobile viewport and select the row, then in the Layout tab set those settings – https://i.imgur.com/qYh4p1J.png (select the layout with elements one under the other and check the reverse column order). https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
I hope this will help you!
Thank you!
Hi,
You are right regarding the theme blocks. If you have a site with categories like “Movie News” and others, it becomes much easier to create a single cloud template that will work for all categories. To achieve this, you can use the Flex Posts Loop element. It will automatically filter and display articles from the category you are currently viewing, so there’s no need to add additional filters.
If the element is placed on a standard page, it will display the latest articles from all categories.
Thank you!
Hi everyone,
I’m fairly new to the Newspaper theme and I’ve run into an issue I can’t seem to solve.
In the tagDiv Flex Blocks, I don’t see any option to use numbered pagination. It only offers Infinite Load, Load More, or Previous/Next.
On the other hand, the Post Loop module does support numbered pagination, but it doesn’t include category filtering (there’s no Filter tab like in Flex Blocks).
My goal is to build a movie/TV blog, and for example on my “Movie News” page, I want to show only posts from the Movie category with numbered pagination at the bottom.
Right now I can’t find any module that supports both category filtering + numbered pagination in one place.
Am I missing something? Would appreciate any guidance.
Thank you!
Hi,
Your choice is not bad, but you can also use any block you want and just add the article IDs you want to be displayed – https://forum.tagdiv.com/flex-block-settings-guide/ – https://i.imgur.com/EkoKFRc.png
Thank you!
Hi,
There is no need to edit teh code, this will be lost when the theme is updated. Our theme has settings for everything you need. For a general type of date, you can even use wordpress settings – https://i.imgur.com/eSXiJ4L.png
Also, elements like the flex block builder are displaying built modules (made with tagDiv Composer) and can be edited with this – https://i.imgur.com/5QWDoQE.jpeg – https://i.imgur.com/vSewkTY.png – https://i.imgur.com/79byHhz.png
Thank you!
Yep that works for single post template, I managed to edit the date time format.
However it seems for posts (w/ title, description, categories, date, reading time) inside a Flex Block Builder that came with the default Forest Beat example, there’s no way to edit the “date element” inside the Flex Block Builder. Clicking on the date brings me to the “Flex Block Builder” instead of the date element.
So it’s still not working for me specifically for the posts on Forest Beat homepage. Still has its own date time format.
I had to dig into the source code (i.e. via Edit instead of tagDiv composer) to find out:
[tdb_flex_block_builder limit=”2″ tdc_css=”eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJkaXNwbGF5IjoiIn19″ cloud_tpl_module_id=”23″ modules_on_row=”eyJhbGwiOiI1MCUiLCJwaG9uZSI6IjEwMCUifQ==” modules_gap=”eyJhbGwiOiI0MCIsInBvcnRyYWl0IjoiMzAifQ==” modules_vert_align=”stretch” all_modules_space=”eyJwaG9uZSI6IjMwIn0=” offset=”1″]
There’s no way to edit the date field inside tdb_flex_block_builder!
It seems like I’ve to dig into the TDB shortcodes to find out that there “M d, Y” is hidden inside there.
But interestingly, certain elements e.g. flex block builder, that contains posts inside it with dates, I cannot click into the date visually to edit the date format. Is it intended?
^ Clicking into the date, will not allow me to edit anything. Does this mean the post template is hidden elsewhere?
Hello support team,
I recently purchased the Newspaper theme and am using the “DEFAULT PRO” template because I was very impressed with its professional designs. I thought it would allow me to easily create a beautiful blog.
However, I discovered that most of the theme’s blocks (Flex Blocks, Big Grids, etc.) cannot be lazy-loaded, maybe because they use CSS background-image to display images ? I use lscache lazy load function and already tried others plugins.
This forces every single image in these blocks to load even if they are far below the fold. The lazy load option in the theme panel doesn’t improve performance metrics; it seems to be just a visual loading effect. Is that correct?
To keep a good performance score of 95+ on PageSpeed Insights, my only workaround has been to hide all images in these blocks on all single posts. While this fixes the speed issue, it completely defeats the purpose of buying a visually rich theme like Newspaper.
I already use others speed optimization like cache, css/javascript loading optimisation,etc. the only problem I can see is these theme’s blocks images on sidebar and footer not lazy-loaded.
My question is:
Is there a built-in setting or a recommended method to solve this? Or is this something that might be addressed in a future update?
This seems like a critical feature for any modern theme focused on performance.
My website : https://www.entrecampeurs.com/
Thank you for your help and guidance.
Hi RENATO,
The element shortcode from the single post template is a special one, which is why it is displaying only on the single post template, so if there are shortcodes that should trigger the article IDs, they will work correctly. BUG the shortcodes can be set in our theme on any page and cloud templates using the column text and text with title elements, you just need to set the shortcode in one of those elements and it will render the shortcode – https://imgur.com/DSSni9j
For the image situation, I will recommend setting a class on the row that is holding the image elements, doing this you can replace teh dynamic class tdi_98/7 – https://i.imgur.com/ngnSDSS.png
To hide an element using tagDiv Composer, select it and check the css tab, then on display, set the hidden option – https://i.imgur.com/CKrwQ2z.png use teh manage to see the hidden elements – https://i.imgur.com/IQ9JRUz.png
Related to the date from Google search results https://yoast.com/help/date-appears-search-results/
About the pagespeed, the best results are using the WP Rocket plugin, but this is a premium plugin and most of users prefer something free, here, it can be use the WP Super Cache, but with the Autoptimize plugin, othetrcache plugins that can be used with good results: WP Optimizer or LiteSpeed.
Also, using Cloudflare will help you a lot!
The live search element can be “translated” using tagDiv Composer select the element and look for the text set in composer https://i.imgur.com/0MuagAg.png
Related to the image requests for reducing the module image size, this is in the theme on flex blocks – https://i.imgur.com/PKmODaB.png https://i.imgur.com/tszBQkz.png and on single image element – https://i.imgur.com/jlzRLWu.png
The shortcode support in the theme is since teh theme was on Themeforest. As I mentioned above, the shortcodes should be set in column text or text with title.
Thank you!
Dear Support Team,
we are using the Newspaper 12.7.3 theme and have noticed a category filtering issue with the Flex Loop Builder module.
The Flex Loop only displays posts if the parent category is explicitly selected on the post – even when the post is correctly assigned to a child category.
In our case, posts that are assigned only to a child category are not shown in the Flex Loop, unless the parent category is also manually selected. This differs from the behavior of standard loops (e.g., Posts Loop), which correctly display posts based on the selected child category, regardless of whether the parent is also assigned.
This behavior is inconsistent and leads to missing posts in the Flex Loop that are correctly categorized under the child category.
Can you confirm whether this is the intended behavior or a bug?
If this is the intended logic, can you please explain why the parent category must be selected explicitly, even when the child category is already assigned?
And is there any way to configure the Flex Loop Builder to behave like the standard loop and include posts assigned only to the selected child category?
Best regards,
Hi,
Unfortunately, there is no option to add navigation for the Big Grid Flex 2, sorry!
Thank you for your understanding!
Hello guys,
there is a way to add a Navigation (like arrow or dots) to the Grid Module 2 of this block?
On mobile without navigation it’s not clear that this block can be scrolled.
Tnx so much for help 🙂
Hi,
To resolve the footer situation you need to edit the footer with tagDiv Composer – https://i.imgur.com/tZqYt1s.png select an element then set the mobile viewport – https://i.imgur.com/LNWfo2f.png all elements that are displayed on desktop in footer will be displayed on mobile in the footer, so in case the menu is not displaying all menu elements, most probably some of them have been hidden. Also, use the theme options on viewports as mobile, each option that has a left border can be set per viewport port as example – https://i.imgur.com/JqZtTzo.png
The theme has it own search elements that can be used https://i.imgur.com/3IxcBVZ.png but if you want to use a separate one that can be set using a shortcode, then set the shortcode directly in column text or text with title elements in the text zone – https://imgur.com/DSSni9j
If you need to set the elemnts from a page in order, then is no need of that csee, just use the order from columns with tagDiv Composer – https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
To remove space between elements, selct the elements and adjust the padding and margings – https://i.imgur.com/WfDr8c8.png
Thank you!
Hi Giorgos, the module builder provides the possibility to display not only a category, you but also multiple categories, taxonomies, tags, and things that can not be done using other blocks from the theme – https://i.imgur.com/WtpQpu6.png https://i.imgur.com/6v0O27y.png
Changing the flex block mode of displaying teh image will break the block functionality, our developers already tried this. But the task is still open, so I think they are still searching for a solution.
Hi Giorgos,
If you install the tagDiv Standard Pack plugin, you’ll be able to use the simple blocks and Big Grids. These elements use images as img tags, and the fetchpriority=”high” attribute will be automatically applied. However, please note that this option provides only limited customization settings and may load many additional resources on your website.
The alternative option takes a bit more time to set up, as it requires creating custom modules. However, it gives you full flexibility to design the theme as you prefer. It also loads fewer resources and consumes less bandwidth than the tagDiv Standard Pack, while still automatically adding the fetchpriority=”high” attribute to images.
Thank you!
Hi Giorgos,
The thing is that the fetchpriority=”high” is used only on images set with the html tag img and the flex block have set the image using css as background therefore there is no way to set the fetchpriority=”high” on it, but the module made with module builder will display teh image in html tag so it will automatically attach the fetchpriority=”high”.
Thank you!
Please check the answer from here – https://forum.tagdiv.com/topic/flex-block-filtering-issue-current-taxonomy-term-and-specific-category-id/#post-536355
Hello again, I can only import modules at the Modules Templates area. So if I the solution you suggest is to import and modify a module with TagDiv, why not modify a block I already use?
The only thing I want to add is the code fetchpriority=”high” to the article image. Where does Flex Block 1 or in general block codes comes from? Maybe I can change the code there and make it work. I tried to find the code in the Newspaper theme but I can find it. Is this code in the plugin?
Regards
Giorgos
Hi, I am also facing similar issue, if you have solved, can you help me how to do it? Implementing And logic.
Like “Current Taxonomy (And – Logic) Category Filter ID” ?
This the Case I created: https://forum.tagdiv.com/topic/flex-block-filtering-issue-current-taxonomy-term-and-specific-category-id/
Hi,
What I will recommend is to create your own blog page using tagDiv Composer, set a flex block that you like the most and adjust it according to your needs.
If you want to use the blog option provided by wordpress – https://i.imgur.com/14YPlku.png, then you’ll need to install tagDiv Standard Pack from Newsapper > plugins and select from the theme panel the module layout you want for your blog – https://i.imgur.com/LyzqlLB.png
Thank you!
