- NewspaperFlex Block Builder and Flex Loop Builder
- NewspaperHow to use the Flex Blocks cache option
- NewspaperHow to edit modules for Flex Block X
- NewspaperHow to insert a block inside the content of a post
- NewspaperFlex Block Settings Guide
- NewspaperMeta Info on Modules and Blocks
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewsmagBlock settings tutorial
- NewsmagCategory tag on modules/blocks
- NewspaperThumbnails – Fix strange looking images on blocks
- NewspaperBlock settings tutorial
- NewspaperCategory Tag on Modules/blocks
- ApiPractical example – How to add a new Block and Module
- Apitd_api_block::delete
- Apitd_api_block::update_key
- Apitd_api_block::update
- Apitd_api_block::add
- ApiAPI – Blocks – Introduction
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
The image son flex blocks are also set as background image. No as an optimized version for images and elements that can be display in a module is the module builder -> https://forum.tagdiv.com/modules-builder-newspaper-theme/ – https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/
Now if the plugins can not convert the image in webp (or the can but the blocks can not get the webp format), the only remaining option is the lazy load that can improve the options – https://i.imgur.com/UnUEc5j.png
Thank you!
I’m using PHP version 8.1.23 and WordPress 6.3.1
Picture at https://i.imgur.com/shnmka7.jpg above green line shows front page before update. Below green line shows it after update.
Issues:
1. Menu missing six entries
2. Trending now missing
3. The whole block of three article below Trending now missing
4. Background colour changed from #fff1e0 to ##920b3c
To clear problems I’ve reverted to Newspaper 12.5.1 (which works perfectly.)
Any thoughts?
Nigel Howarth
Hello,
I’m using Newspaper Theme (www.snudifo67.fr). In one of my flexblock I want to make appear the latest articles from a category. But when I turn the filter on this category, the new article don’t appear (the sort order option is turned on “latest”).
I verified in my categories and the article is tagged whith this category. How can I fix this problem?
Thank you very mouch
link to the printscreen : https://e.pcloud.link/publink/show?code=XZKO5WZzM7bO6Qzmv8F3wJFXvoxiFlhJeCk
Hi Anamaria,
We don’t want to use the ad box. It doesn’t fit our needs.
We have a custom build ads manager that bypass adsblocker running on the server and we’re pulling banners using js and shortcodes. This is why we need to use Raw HTML.
Ads displays very well on pages and posts but not on the home page.
Is it possible some theme features or modules blocks or prevent Raw HTML from loading?
Thank you
Gunther
Hi
I am using last version 12.6 of Newspaper with cloud templates and ACF pro
I want to display an oembed acf player but when i do it with Tagdiv composer, it only shosw the url
https://www.construire.fr/maisons/maison-focus-74-city/
You will see that after “visite virtuelle”, it only shows the URL of the player https://mon.plan3d.immo/3dhd/vv/5759934/babeau_seguin_focus_79 but not the player
I tried to do it also with iframe but all this is blocked by tagdivcomposer
Hello everyone! After update 12.6 the link posts doesn’t have image in Facebook. Before the update everythings works great.
Any post link put in developers facebook share debugger get this warning, after scrape:
Unknown Image Error
Provided og:image URL, https://website.com/picture.jpg encountered an unknown error.
Thank you!
Hello, every time I try to load the modal images the website says they can’t be loaded. Please take a look: https://tenews.ro/2023/09/17/derby-ul-etapei-a-ix-a-din-superliga-farul-constanta-0-0-fcsb-live-text-si-foto/
Hey Calin,
thanks for getting back! I use one of these plugins. I just saw except from the tdb-featured-image-bg also the images in the sidebar (Flex Block) are not loaded as webP. I use Performance Lab and EWWW Image Optimizer. The normal images in the posts are loaded as webP. Is there something i have to activate in the theme panel in order to deliver webP?
All the best,
Daniel
Hello,
I think you added the block in the header section, not in the content. Please check it -> https://i.imgur.com/0grq1B8.png -> https://i.imgur.com/tSXvPzH.png
Thank you!
Hello,
No, you can change only with custom code css
.td_block_image_box .td-custom-title
{
top:80%!important;
}
The code needs to be set in the Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Thank you!
I want to add animated text using”
Animated Text Block” plugin. But in page builder this option is not visible after adding plugin. if not possible please let me know which is the best way to show animated text
Hello Imran!
I suggest you to upload a logo which is under 100kb and the image will load faster.
Disable the lazy load animation from here: https://www.screencast.com/t/O5pfqQdb
Optimize your website and eliminate multiples blocks from your page.
Try to use less plugins.
Thank you!
Hi in the new 12.6 update where is Theme Panel for minifying and aggregating block’s inline CSS option located exactly?
Also, Specific JS files are now loaded only when needed are going to happen automatically or do we need to turn an option on?
Hi,
I need to add a custom HTML if a single post is in a specific category. Let’s say that category is “Business”
I need to put this html below the TITLE of the single post.
The custom HTML simple it’s just a <DIV>
SAMPLE:
<div>Sponsored</div>
How can I achieve this?
Requirement:
1. If a single post is belongs to “Business” category – add an the HTML below the Single Post Title.
NOTE: I already tried creating a custom function using the_title WP filter however – the problem is that it affects the menu items on my FOOTER area. My Footer Area is a cloud template and has a navigation menu block.
Can anyone help me how to achieve this?
thanks
Hi,
The exclusive label is displayed on the blocks if your posts are locked -> https://forum.tagdiv.com/lockers/
If you are referring to display the plan that you have assigned on that post, you can use a custom field or custom label https://imgur.com/qhDjo0A, but this option is only for blocks.
Thank you!
Hello,
The page loading speed can depend on many factors, and each website is unique from this point of view. Let me explain some of these factors and maybe they give you some starting points for optimizing your website. A good choice for the page speed, could be the mobile layout which contains fewer elements because it can improve a bit your page speed.
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!
Hello @atleemcfellin !
Yes, you can display only 1 category in blocks. This setting: https://prnt.sc/yD5FvmrSPuBl will filter and display posts from all categories.
Thank you!
I just installed the new theme update and it broke my header only displaying code now as following :
[tdb_header_weather icon_color=”#ffffff” temp_color=”#ffffff” loc_color=”#ffffff” inline=”yes” tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMzIiLCJkaXNwbGF5IjoiIn0sImxhbmRzY2FwZSI6eyJtYXJnaW4tcmlnaHQiOiIyMCIsImRpc3BsYXkiOiIifSwibGFuZHNjYXBlX21heF93aWR0aCI6MTE0MCwibGFuZHNjYXBlX21pbl93aWR0aCI6MTAxOSwicG9ydHJhaXQiOnsibWFyZ2luLXJpZ2h0IjoiMjAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ location=”New York” f_temp_font_line_height=”28px” f_loc_font_line_height=”28px”][tdb_header_date inline=”yes” date_color=”#ffffff” tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMzIiLCJkaXNwbGF5IjoiIn0sImxhbmRzY2FwZSI6eyJtYXJnaW4tcmlnaHQiOiIyMCIsImRpc3BsYXkiOiIifSwibGFuZHNjYXBlX21heF93aWR0aCI6MTE0MCwibGFuZHNjYXBlX21pbl93aWR0aCI6MTAxOSwicG9ydHJhaXQiOnsibWFyZ2luLXJpZ2h0IjoiMjAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ f_date_font_line_height=”28px”][tdb_header_user inline=”yes” logout_tdicon=”td-icon-logout” usr_color=”#ffffff” log_color=”#ffffff” log_ico_color=”#ffffff” tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMTQiLCJkaXNwbGF5IjoiIn19″ photo_size=”19″ f_usr_font_line_height=”28px” f_log_font_line_height=”28px” show_log=””][tdb_mobile_horiz_menu inline=”yes” menu_id=”” f_sub_elem_font_weight=”” text_color=”#ffffff” f_elem_font_size=”11″ f_elem_font_weight=”400″ tdc_css=”eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0Ijp7ImRpc3BsYXkiOiJub25lIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ text_color_h=”#4db2ec” elem_padd=”0″ f_elem_font_line_height=”28px” elem_space=”16″ sub_left=”-18″ f_sub_elem_font_line_height=”1.2″ main_sub_tdicon=”td-icon-down”]
[tdb_header_logo image=”” image_retina=”” align_vert=”content-vert-center” align_horiz=”content-horiz-center” image_width=”eyJwb3J0cmFpdCI6IjIyMCJ9″]
[tdb_header_menu mc1_title_tag=”p” main_sub_tdicon=”td-icon-down” sub_tdicon=”td-icon-right-arrow” mm_align_horiz=”content-horiz-center” modules_on_row_regular=”20%” modules_on_row_cats=”25%” image_size=”td_324x400″ modules_category=”image” show_excerpt=”none” show_com=”none” show_date=”” show_author=”none” mm_sub_align_horiz=”content-horiz-right” mm_elem_align_horiz=”content-horiz-right” inline=”yes” menu_id=”” mm_align_screen=”yes” f_elem_font_family=”” f_elem_font_size=”eyJwb3J0cmFpdCI6IjExIn0=” mm_width=”1300″ mm_subcats_bg=”#ffffff” mm_elem_border_a=”0 1px 0 0″ mm_elem_padd=”eyJhbGwiOiIycHggMjJweCIsInBvcnRyYWl0IjoiMCAxNHB4In0=” mm_sub_padd=”eyJhbGwiOiIxNnB4IDAiLCJwb3J0cmFpdCI6IjE0cHggMCJ9″ f_title_font_size=”eyJhbGwiOiIxNSIsImxhbmRzY2FwZSI6IjE0IiwicG9ydHJhaXQiOiIxMyJ9″ f_title_font_line_height=”1.2″ art_title=”3px 0″ f_mm_sub_font_size=”eyJhbGwiOiIxMyIsInBvcnRyYWl0IjoiMTEifQ==” mm_child_cats=”10″ mm_elem_border=”0 1px 0 0″ mm_height=”eyJhbGwiOiIzNDUiLCJsYW5kc2NhcGUiOiIzMDAiLCJwb3J0cmFpdCI6IjI0MCJ9″ mm_sub_width=”eyJsYW5kc2NhcGUiOiIxNjAiLCJwb3J0cmFpdCI6IjE0MCJ9″ mm_padd=”eyJwb3J0cmFpdCI6IjE0In0=” modules_gap=”eyJwb3J0cmFpdCI6IjE0In0=” elem_padd=”eyJwb3J0cmFpdCI6IjAgMTJweCJ9″ f_elem_font_line_height=”eyJwb3J0cmFpdCI6IjQ4cHgifQ==” video_icon=”eyJwb3J0cmFpdCI6IjI0In0=” all_modules_space=”26″ tds_menu_sub_active=”tds_menu_sub_active1″ tds_menu_sub_active2-line_color=”” tds_menu_active=”tds_menu_active1″][tdb_header_search inline=”yes” toggle_txt_pos=”after” form_align=”content-horiz-right” results_msg_align=”content-horiz-center” image_floated=”float_left” image_width=”30″ image_size=”td_324x400″ show_cat=”none” show_btn=”none” show_date=”” show_review=”” show_com=”none” show_excerpt=”none” show_author=”none” art_title=”0 0 2px 0″ all_modules_space=”20″ tdicon=”td-icon-magnifier-big-rounded” icon_size=”eyJhbGwiOiIyMCIsInBvcnRyYWl0IjoiMTgifQ==” tdc_css=”eyJhbGwiOnsiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdCI6eyJtYXJnaW4tdG9wIjoiMSIsImRpc3BsYXkiOiIifSwicG9ydHJhaXRfbWF4X3dpZHRoIjoxMDE4LCJwb3J0cmFpdF9taW5fd2lkdGgiOjc2OH0=” modules_on_row=”eyJhbGwiOiI1MCUiLCJwb3J0cmFpdCI6IjUwJSIsImxhbmRzY2FwZSI6IjUwJSJ9″ meta_info_horiz=”content-horiz-left” form_width=”600″ input_border=”0 0 1px 0″ modules_divider=”” form_padding=”eyJwb3J0cmFpdCI6IjIwcHggMjBweCAyMHB4IiwiYWxsIjoiMzBweCJ9″ arrow_color=”#ffffff” btn_bg_h=”rgba(0,0,0,0)” btn_tdicon=”td-icon-menu-right” btn_icon_pos=”after” btn_icon_size=”7″ btn_icon_space=”8″ f_title_font_family=”” f_cat_font_family=”” f_cat_font_transform=”uppercase” f_title_font_weight=”” f_title_font_transform=”” f_title_font_size=”13″ title_txt_hover=”#4db2ec” results_limit=”6″ float_block=”yes” icon_color=”#000000″ results_border=”0 0 1px 0″ f_title_font_line_height=”1.4″ btn_color=”#000000″ btn_color_h=”#4db2ec” all_underline_color=”” results_msg_color_h=”#4db2ec” image_height=”100″ meta_padding=”3px 0 0 16px” modules_gap=”20″ mc1_tl=”12″ show_form=”yes” f_meta_font_weight=”” h_effect=”” results_msg_padding=”10px 0″ f_results_msg_font_style=”normal” video_icon=”24″ modules_divider_color=”” modules_border_color=”” btn_padding=”0″ form_border=”0″ form_shadow_shadow_offset_vertical=”3″ results_padding=”0 30px 30px” btn_bg=”rgba(0,0,0,0)” icon_padding=”eyJhbGwiOjIuNCwicG9ydHJhaXQiOiIyLjYifQ==”]
What I did, was this:
use console view in Chrome, and note down the specific most annoyingly smalle items (e.g., breadcrumbs, basic body text, tags/categories), and then put custom CSS in the WordPress appearance > Customizer.
e.g.,
.entry-crumbs {margin-bottom:18px;font-size:14px;color:#555555;}
.homeh1{font-size:20px;font-weight:700;text-align:center; border-bottom:1px #AAA solid; padding-bottom:24px;}
.td-post-content p a{text-decoration:underline!important;}
.entry-crumbs a:active{margin-bottom:18px;font-size:14px;color:#CC0000;}
.entry-crumbs a{margin-bottom:18px;font-size:14px;color:#CC0000;text-transform:uppercase;}
.td-tags{font-size:13px;}
.td-post-small-box{height:20px;line-height:24px;margin-bottom:5px;}
.td_module_mx2 .item-details {margin: 0 20px 20px 20px;display: block;min-height:60px;}
.meta-info{font-size:14px;color:#444;line-height:21px;margin-top:21px;margin-bottom:21px;}
.td-category{font-size:13px;}
.entry-category{height:20px;line-height:24px;margin-bottom:5px;}
Good afternoon,
I need to find a way to show all Categories using a Flex blocks or flex grid. Currently I’m using Flex Block 1.
I know the documentation states only one Category can be displayed at a time, but any help editing the code so it can display more (typically 2 or 3 in my case) would be extremely helpful.
Thank you in advance,
Shawn Tierney
Thanks Bettina for the the suggestion.
Seem like the article mainly refers to the lost password related issue, but there aren’t any references to being blocked by the Google reCaptcha thing. I can’t log in to my wordpress which makes it this much tricky… I’m going to try to bring the previous version of the website and see if that helps, but if you have any more suggestions please let me know.
Best
Maciej
Hi Again,
I’m now seeing two different pages in the theme’s documentation that say only one category can be displayed. Is this correct? None of the links you sent me address this specific issue. Thank you again for your help on this.
Hello @atleemcfellin !
You can edit the homepage with the TagDiv Composer; click on those elements and check the settings on the left side of the editor.
Check the flex block settings from here: https://forum.tagdiv.com/flex-block-settings-guide/
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/
I hope that helps you!
Thank you!
Hello!
Take a look here in this video for example where I build 6 columns: https://www.screencast.com/t/mZ2c5XamTFN2
In the flex block 1, there are some settings: https://prnt.sc/5Vr1zzKv4UYk
Also, you can install a section from the Cloud Library with an already done layout: https://prnt.sc/D3lGREu3iFwh -> https://prnt.sc/VTH4RpmnuGsw
Thank you!
