- 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
- Apitd_api_thumb::update_key
- Apitd_api_thumb::update
- Apitd_api_thumb::add
- ApiAPI – Thumbnail – Introduction
- Apitd_api_category_top_posts_style::update_key
- Apitd_api_category_top_posts_style::update
- Apitd_api_category_top_posts_style::add
- ApiAPI – Category top section style – Introduction
- Apitd_api_module::update_key
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
- ApiThe Theme API
Hello Roger!
Disable the tag from Newspaper -> Theme panel -> Block settings -> Category tag on modules/blocks: https://app.screencast.com/v5CZ1A0bLSHkF
Thank you!
Hi, i have a question about an all categories generic page, that will have a block to display all the categories.
I found the below page to be ideal for exploring the posts within the categories and it was generated by default once the template was imported. Below are some urls. [the template, i have imported it from the cloud. a category template]
the following urls when used are able to display categories
https://newspatron.com/category/travel/
https://newspatron.com/category/tech
https://newspatron.com/business and so on.
i tried to use a url using my imagination such as the below
https://newspatron.com/category
[with a view to see all categories populated on the url]
however the url redirects to the below url
https://newspatron.com/tdb_templates/category-template-magazine-pro/
the above url is not something that i am trying to achieve.
Please let me know a neat hack for all category blocks on a single page. [If at all its supposed to work that way.]
Best regards
Amit Kumar
Hello Roger!
This is an old demo, and the CSS code for that block, which has an extra class (if you check in the tagdiv Composer in the element settings), can be found in the theme files td-composer\legacy\Newspaper\includes\demos\blog_fitness.
Thank you!
Hello @jozefradi !
That image is in the content of your posts, and probably you’ve added it to Gutenberg.
We have no settings to affect only one image from your content because we have only one element that takes all the content you add to Gutenberg. You have some settings in Gutenberg in order to delete or hide it if you edit the post. You can also add additional CSS classes in order to affect the elements in Gutenberg. Check out this guide: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/.
Thank you!
Hello Roger!
I can’t see the category tag on the images in this demo. https://demo.tagdiv.com/newspaper_fitness_pro/
There are some settings that need to be changed in the tagdiv composer, or check if there is a CSS code element there that modifies the block.
You can hide that category tag like this: https://app.screencast.com/lw2tEfVgPmdwB
Thank you!
But a few days ago, I notices that I have 2 H1 hags, both for the logo image.
Each one rendered by different code.
I saw that many people have complained about this, without it being resolved.
This file may contain the location of that:
td-cloud-library/shortcodes/header/tdb_header_logo.php
The function render() is called twice and I believe that inserts the two lines below into the HOME page.
I did have a standard logo and a retina logo, but I removed the retine logo because I thought that might be the cause of this, but removing it didn’t help.
One is probably display:none; in the CSS
Isn’t there a better way to do this than to have two complete H1s in the page ?
Some software may see the CSS, but some is not that smart.
For example, RankMath thinks there are 2x H1 tags
I think Google ignores one of them.
But I saw that some people using Newspaper theme had up to 6 H1 tags.
In the rendered page, here are the two lines:
Line 456
<style>.tdb_header_logo{margin-bottom:0;clear:none}.tdb_header_logo .tdb-logo-a,.tdb_header_logo h1{display:flex;pointer-events:auto;align-items:flex-start}.tdb_header_logo h1{margin:0;line-height:0}.tdb_header_logo .tdb-logo-img-wrap img{display:block}.tdb_header_logo .tdb-logo-svg-wrap+.tdb-logo-img-wrap{display:none}.tdb_header_logo .tdb-logo-svg-wrap svg{width:50px;display:block;transition:fill .3s ease}.tdb_header_logo .tdb-logo-text-wrap{display:flex}.tdb_header_logo .tdb-logo-text-title,.tdb_header_logo .tdb-logo-text-tagline{-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.tdb_header_logo .tdb-logo-text-title{background-size:cover;background-position:center center;font-size:75px;font-family:serif;line-height:1.1;color:#222;white-space:nowrap}.tdb_header_logo .tdb-logo-text-tagline{margin-top:2px;font-size:12px;font-family:serif;letter-spacing:1.8px;line-height:1;color:#767676}.tdb_header_logo .tdb-logo-icon{position:relative;font-size:46px;color:#000}.tdb_header_logo .tdb-logo-icon-svg{line-height:0}.tdb_header_logo .tdb-logo-icon-svg svg{width:46px;height:auto}.tdb_header_logo .tdb-logo-icon-svg svg,.tdb_header_logo .tdb-logo-icon-svg svg *{fill:#000}.tdi_10 .tdb-logo-a,.tdi_10 h1{align-items:flex-start;justify-content:center}.tdi_10 .tdb-logo-svg-wrap{display:block}.tdi_10 .tdb-logo-svg-wrap+.tdb-logo-img-wrap{display:none}.tdi_10 .tdb-logo-img-wrap{display:block}.tdi_10 .tdb-logo-text-tagline{margin-top:2px;margin-left:0;display:none}.tdi_10 .tdb-logo-text-title{display:none}.tdi_10 .tdb-logo-text-wrap{flex-direction:column;align-items:flex-start}.tdi_10 .tdb-logo-icon{top:0px;display:block}@media (max-width:767px){.tdb_header_logo .tdb-logo-text-title{font-size:36px}}@media (max-width:767px){.tdb_header_logo .tdb-logo-text-tagline{font-size:11px}}@media (max-width:767px){.tdi_10 .tdb-logo-img{max-width:160px}}</style><div class=”tdb-block-inner td-fix-index”><h1><span class=”tdb-logo-img-wrap”>
</span><span class=”tdb-logo-text-wrap”><span class=”tdb-logo-text-title”>AxcessNews</span><span class=”tdb-logo-text-tagline”>Business News Channel</span></span></h1></div></div> </div></div><div class=”vc_column tdi_12 wpb_column vc_column_container tdc-column td-pb-span4″>
Line 470
<style>.tdi_26 .tdb-logo-a,.tdi_26 h1{align-items:flex-start}.tdi_26 .tdb-logo-a,.tdi_26 h1{justify-content:center}.tdi_26 .tdb-logo-svg-wrap{display:block}.tdi_26 .tdb-logo-svg-wrap+.tdb-logo-img-wrap{display:none}.tdi_26 .tdb-logo-img-wrap{display:block}.tdi_26 .tdb-logo-text-tagline{margin-top:2px;margin-left:0;display:none}.tdi_26 .tdb-logo-text-title{display:none}.tdi_26 .tdb-logo-text-wrap{flex-direction:column;align-items:flex-start}.tdi_26 .tdb-logo-icon{top:0px;display:block}</style><div class=”tdb-block-inner td-fix-index”><h1><span class=”tdb-logo-img-wrap”>
</span><span class=”tdb-logo-text-wrap”><span class=”tdb-logo-text-title”>AxcessNews</span><span class=”tdb-logo-text-tagline”>Business News Channel</span></span></h1></div></div> </div></div><div class=”vc_column tdi_28 wpb_column vc_column_container tdc-column td-pb-span4″>
Hi,
Yes, that is the cloud header and indeed most of the time provides better results.
Also you can check the rest of templates, footer, category… and set them from cloud and after that check if you have the tagDiv Standard Pack plugin installed, if you do, then please disable it and check the website if displays shortcodes, if does, then activate the plugin and change those elements (usually are blocks that needs to be replace with flex blocks). If you have the tagDiv Standard pack enabled and you’ll disable the plugin there should be some more improve for the performances.
Thank you!
Hi, I have done a website with Blog Fitness theme.
I´m trying to change the category tag on bottom box showing on the picture.
I managed to do that with changing block, but I would like to have it like I have it on Big Grid Full 4 on Front Page.
http://www.evangelistskolan.se
But the small category tag on pictures is a bottom box all over the site. How to change that?
Sincerely Rgoer
thanks, that works. Another last thing about this section. In the Lates new block, the titles of posts are not showing until you place the mouse. Where can I edit this? I need it to look like all other blocks
Hi,
I add Flex Block 4 to my page.
In FILTER – EXTRA – Pagination, I chose “Load more button”.
Into the button, justafter the load more text I have a “>” appearing. How to remove it?
Thanks
Stefane
Hello thanks for your reply, Bettina!
I checked my website home page, the template, the menu and the headers. I also checked all the pages.
I am not using flex blocks. Therefore none of the blocks feature an Ajax filter or any of the mega menus are also not being used.[that have subcategory filters.]
Is there still an alternative to troubleshoot this?
Amit Kumar
Hi smga,
thanks for sharing the solution for your problem. We have “Show date” enabled in the Block Settings, so I guess we have a different problem.
… and Hi Support,
in our case dates are displayed only on the first page but not in the following pages.
But : In the HTML code I can see dates on all pages in the datetime attribute of the time class definition.
To format the date we use the plugin “WordPress Hebrew Date”. If I disable this plugin – surprise! – the date is displayed on all pages. But another strange thing happens : The date format (e.g. names of months) is German on the first page and English on all following pages.
So something is different in the way dates are formatted on the first page and on all following pages.
Any hints about what might be the problem?
Thanks!
Hi,
I am facing this issue while updating the mobile theme:
Now it is blocked, I can’t edit any posts
Hello,
Normally for all those the flex block have the options in layout section – https://i.imgur.com/fxJQOAb.png just scroll down for the rest of options – https://i.imgur.com/wSUJfd5.png – https://i.imgur.com/dh7vJzF.png – https://i.imgur.com/Zt4D7nC.png the settings for video duration is in general tab – https://i.imgur.com/aEeZND3.png and the next prev arrows can be added from filter tab – https://i.imgur.com/i0iA09e.png
I hope this will help you!
Thank you!
Hello,
For this you can use a plugin https://ultimateblocks.com/display-page-view-count-wordpress/
Thank you!
Hi Colin
Thanks for your answer. I have now used Flex block1 now instead and the images are not blurry, so that was great. But now there is more information appearing under the video (duration, first line of text and date), these lines were not appearing when I was using Block 16. I have replicated all options, and the option “Show video duration”is set on Hide.
Flexblock is the panel “Best of” (yellow) on my home page (the other blocks are still non-flex):
https://costatropical.tv/
Thanks
Please advise
Is it technically possible for tagdiv to implement filtering by taxonomy in the post loops blocks in the future?
Hello!
You should write the name of your post type. For example: https://app.screencast.com/hx0IyZbjPJxnK
Check these guides for more information:
– https://forum.tagdiv.com/flex-block-settings-guide/
– https://forum.tagdiv.com/filters-sorting-taxonomies/
– https://forum.tagdiv.com/introduction-cpt-acf-newspaper-theme/
– https://forum.tagdiv.com/custom-post-type-support/
– https://forum.tagdiv.com/custom-fields-support/
Thank you!
Hi,
Please use this code
.wp-block-image figcaption
{
text-align: right;
}
Set the code in Theme Panel ->Custom code -> Custom CSS
I hope this helps you!
Thank you!
Hi,
If you want you can use the mobile theme plugin but disable it from pages, unfortunately for this you’ll need to go on each page and from Gutenberg editor to disable the mobile theme – https://i.imgur.com/2prHOcF.png then the responsive version will be used.
Another solution is to use the flex blocks elements instead of blocks, those can be configurate per view port – https://i.imgur.com/YE1xtfg.png – https://i.imgur.com/6sTDf3B.png each option with a solid border in front can be set per view port. Also when you have a flex block layout that you want to reuse it you can save it as an element – https://i.imgur.com/amjxWeA.png and use it latter from tagDiv Composer.
I hope this will help you!
Hello @dimiguel!
A workaround there could be to use flex blocks. This is the easiest way to control the posts from every module. A module could represent a flex block element with the limit 1, that displays only one post. Steps to follow to build what you need there in the tagdiv composer:
1. Add a new row
2. Split it in 2 columns
3. Add 1 flex block element with limit 1 and the filter you need. Also you can specify the Id of the posts you like to be displayed in that flex block. Check the guide for more info: https://forum.tagdiv.com/flex-block-settings-guide/
3. Add 1 flex block with limit 1 also in the second column. Add the post ID you like to display there as well.
4. Add an inner row in the second column
5. Split it in 2 inner columns.
6. Add 1 flex block in the first inner column
7. Add 1 flex block in the second inner column
Thank you!
Hi,
Please edit with tagDiv Composer -> https://i.imgur.com/j8YvKks.png click on the block and remove the offset -> https://i.imgur.com/dJ0iFQu.png let that field empty.
Thank you!
Hello!
I have created Custom Post from ACF, https://ibb.co/GJc22jB I want to show my custom posts with taxonomies in homepage, how can i show hime and filter him. https://ibb.co/vxW9qhT
and it is possible that show field group of posts in blocks.
Thank you
I’m using Big Grid Flex 5 and I need to customize the order in which news is displayed in the blocks. See the example in the image: https://snipboard.io/qdIMop.jpg
I need to define which news is in block 1, in block 2 and so on.
I’m using a specific tag to pin the news to Big Grid, but this way I can’t determine where each news item will be located.
What is the correct or suggested procedure for this?