- 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
Hi
I would like to disable Post Views sitewide. That means, it should not show the post view thing anywhere (all the blocks and similar articles, search). Is it possible?
Hi,
Use the do_shortcode() function and add the shortcode of your custom block as you like into post template after the comments template, other than that you could modify the post template and add the code for the loop there and customize it, the theme was not designed that way so this needs custom work and you need to hire a developer to do that for you if you don’t know how because we cannot offer custom work.
Thanks
Thanks for the quick reply.
I tried using the visual composer but that’s not what I want.
I mean is it possible to show a block of latest posts with ajax after everything on posts page? Even after comments? Just before the footer widgets start.
-
This reply was modified 11 years by
Shashank Shekhar.
Hi,
The best way to do this is to use VC to add your post content and then add a block into your post content which is set to infinite load: http://screencast.com/t/RAFpBqRJqF
Enable VC on post editing panel from here: http://screencast.com/t/fCBxUJiLksw
Another way would be to use the do_shortcode() function and add the code inside post template. You can create the shortcode for the block using page builder then switching to classic mode just get the shortcode and add it into the function then into the template where you want to show up. If you don’t know how to do this we recommend you to hire freelancer to do it for you.
Hope this helps!
Thanks
Hi Chris,
I have got it now, sorry about this.
If you use a widgetised sidebar, you just edit the block and chose a color for block title and one for your text.
If you want to change the block title on an already created sidebar you can edit the block from appearance > widgets panel, you will have there the same option to change the block header color: http://screencast.com/t/fpEBVf8lvlN
Hope this helps!
Thanks
Hi,
You could do it the same way just instead of the function you could try to place the script or the code you want to show there inside a div tag and give it a class then use that class to style it via css.
Another way would be to place your code inside one of the custom ad boxes: http://screencast.com/t/vbmiKoAV8n then use the do_shortcode() function to place the code whre you want it to show using this code:
<?php echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]');?>
Just add your code inside the custom ad box 1 then place the code above where you want the block of links to show.
If it dose not work please try the other solution. If you don’t have basic css and html skills we recommend you to hire a freelancer from sites like http://studio.envato.com/ to do it for you, or you can try to search the web for a solution as this is custom work and we cannot offer custom work as we work hard on the development, updates, fixes and support.
Hope this helps!
Thanks
Hello guys!
I have a problem with Eliminate render-blocking JavaScript and CSS in above-the-fold content in the mobile version, i read all the topic and try everything but i dont know why its not working,
In the Speed Booster Pack i have enabled Load CSS asynchronously, Minify all CSS styles, Load JS from Google Libraries and Defer parsing of javascript files
Im using TagDiv Speedbooster plugin to and w3 total cache… i dont know what else i can do 🙁
HI, Lucian
I wasn’t talking so much about the entire sidebar, just the backing color of the blocks behind the text for each widget header.
For example the color of the text behind the header titles in the sidebar widgets seems to be controlled by the default/custom “site color” — however, in my case I want to use brighter color as default, but more muted for the sidebar text blocks/headers for the sidebar widgets, if that makes sense 🙂
Chris
It worked, the logo appeared!
The blocks of links is adsense, is equal to announce 728×90 . The steps are the same? I would like to stay in the first image.
If the same steps, I do not get it right. 🙁
Sorry about my english, i am brazilian.
Thanks again, @Lucian!
It worked, Lucian, thanks. But the logo disappeared 🙁
this is the result: http://i.imgur.com/Ku8o9fd.jpg
One more question, how do I add a block of links below the advert (I put the links in the header block of ads, along with the announcement, but he did not show).
Thanks again.
Hi Shashank,
First of all, the render blocking css warning was full of me using @import to separate CSS files on that product directory. As soon as I removed them and used a different method, it was completely gone.
The theme had some images that weren’t optimized. So, I downloaded and reduced the quality of them and then uploaded it to the server again. Also, I use WPSmush.It on the website.
As you suggested to download and use a minifier, i did it. I used both of this websites:
cssminifier.com and http://javascript-minifier.com/ – IT works great and I minified only files which were more than 3,000KB.
Its worth noting that the score drastically improved as soon as I downloaded the fonts from Google and uploaded them to my server and then added them to the Custom Font section. — I was surprised by the improvement. (Thanks Christopher for this tip!)
It isn’t possible to get 98 cause the thing is, almost all of us are using Google AdSense and it is slowing the website down. Try without AdSense and you should get 100/100 😉
Hope that helps. Also, did CloudFlare helped you gain a bit of speed?
Thanks!
Hi Christopher,
As you can see the div of the sidebar has just two classes span4 column_container and it’s a bit harder to target just the sidebar via css and change it’s background color as long as a div just like that is used in the footer also and changing the sidebar will get you changing the footer also, here is an example: http://screencast.com/t/rPW4QDKyh
You can do it tough by adding a specific class on each template you want to change the sidebar color then use that class to target the sidebar and change it’s color via custom css. Here is an example for the category page template: http://screencast.com/t/bTwprqfBwJ and the result: http://screencast.com/t/MNts8tpk
using this css:
.custom-sidebar-background {
background-color: lightgray;
}
You can add this class for all templates and use it to change the sidebar’s background color.
Another thing that you should take into consideration is that the sidebar doesn’t have any padding so you would want to add some padding to it using the same class, but keep in mind that the some blocks may react not in an expected way to this padding because of the width.
Also, as you probably noticed, the post page sidebar has a class which you can use .td-post-sidebar
Regarding the option on panel for this we will leave this at everyone’s hand and use this method to achieve this. This option will be available though within our new theme which we are working on.
Hope this helps!
Thanks
-
This reply was modified 11 years by
Lucian.
You’re welcome and Congrats, I’m happy you did it 🙂
I have a few questions again.
How did you removed render blocking css warning?
How did you optimize images?
And obviouly, how did you minify things?
I want to take from 97 to 98 or 99 😛
Hi tagDIV,
Please help me custom css for resize width between columns as:
On main page (/) (see link: http://www.screencast.com/t/x16E56hlce)
On single post: (see link: http://www.screencast.com/t/4XC7iE1xZ4)
P/S: I used block1, block2, block4, block9.
Thank you.
Best regards,
Hi guys,
I currently have 90 for my desktop site and 75 for mobile (http://bit.ly/1tKOeYu). I have minified all of the theme files and did everything to speed up the site. But, as I use AdSense and Google Analytic, the speed is a bit slow. For example, as you can see on the screenshot bellow, Google is asking me to Leverage Browser Caching for this URL: http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js and other URLs.

But as I don’t have access to the files, I can’t do anything to them. 🙁 So, how am I meant to modify them to make the site faster? The same thing is happening on the Eliminate render-blocking JavaScript and CSS in above-the-fold content section where Google asks me to Optimize CSS Delivery for one of their Google Fonts. And Minify JS for their Google AdSense script.
Please help.
Thanks!
Hi,
Unfortunately the best I can do it’s to send you an tutorial on how to create a custom block, you can send an e-mail at contact@tagdiv.com specifying this on the subject if you want, other than that I can’t help you because we cannot offer custom work as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Thanks for the message
Hi Christopher,
Thanks for sharing, glad you figured it out!
May I add that you could also modify the top and bottom padding to achieve this, also the line-height for the block titles could also be modified from theme panel then you could use the custom css to adjust the block title container if the theme panel setting doesn’t do it.
.td_block_wrap .block-title a, .td_block_wrap .block-title span, .td_block_wrap .block-title label {
padding: 5px 10px 5px 10px;
line-height: 24px;
}
Thanks
1. eliminating render blocking js and css — tried everything but didn’t helped.
2. caching – w3 total cache
3. image optimization – wpsmush.it
4. What do you mean by “how do you compress?”
thanks for the help!
Yeah sure mehedi, I’ll be happy to help and once I disable adsense ads the score becomes 99!
Please answer these questions. 🙂
How are you eliminating render blocking js and css?
How are you caching?
Are you optimizing images?
How do you compress?
Hi Lucian,
Can you help me out on how to create custom blocks. I want something like an image tile with text on image. Also can you tell me how to customise the text on top of image, instead of default text background color, i can just use a text shadow or something. I want to redesign the homepage.
Salut,
Pentru acel buton adauga:
<div style="display: inline-block"><?php echo do_shortcode( '[vc_button title="New topic" target="_self" color="default2" size="default2" href="#new-post"]' ) ?></div>
<div style="display: inline-block"><?php echo do_shortcode( '[vc_button title="Post reply" target="_self" color="default2" size="default2" href="#new-post"]' ) ?></div>
.. in fisierul content-single-topic.php asa: http://screencast.com/t/uNXeWgZJ
O sa obtii acest rezultat: http://screencast.com/t/fWP0N78gIbP
O sa ai doua butoane pastreaza unul sau cum doresti.
Adauga acelasi cod in fisierul form-search.php asa: http://screencast.com/t/QOwMJI9RoDl pentru acest rezultat: http://screencast.com/t/3NQ31iLoS
Poti sa editezi fisierele cu un text editor precum notepad++
1. Asta se intampla pentru ca banner-ul face parte din continutul postului iar pentru acel layout continutul este setat sa se modeleze dupa imagine, de accea bannerul cade sub iamgine cand redimensionezi fereastra, oricum acel banner o sa se incarce la dimensiunea screen-ului pentru device-ul de pe care este accesat site-ul tau, pentru desktop este ok pentru ca incape langa imagine iar pentru tablete si mobile o sa se incarce la alte dimensiuni, deci nu ai o problema, doar reincarca pagina de fiecare data can redimensionezi fereastra si o sa te convingi.
2. Am verificat la mine si se pare ca functioneaza corect: http://screencast.com/t/JIcXIL0x poate fii un conflict cu un plugin inceraca si verfica cu toate pluginurile dezactivate.
3. Daca introduci un link video in campul “featured video” video respectiv va fii afisat in locul imaginii la inceputul articolului, asigura-te ca ai setat post-ul ca si video pentru asta si sa nu ai selectat stilul 5 pentru postul respectiv, acela este fara imagine.
Multumesc!
I’ve implemented the header ad per your documentation, but the problem still persists.
Also, is there a setting to prevent the Revolution slider from blocking the drop down header menu (see “Solutions” option).
Thank you.
Okay.. this one was confusing me, and I’m going to blame lack of sleep this week. Using theme panel I changed the font size for the sidebar headers (e.g., Categories) as I wanted them a little smaller (14px) and ALL CAPS. No problem. However, once the size is changed, the underline creates a space between the box background and the line rule (border).
Was trying to sort out which element to over-ride but how to over-ride with custom CSS to remove the white space. Changing the line-height has no effect (and speed booster is off).
Since some items have an h4 class, like <h4 class="block-title"><span>The Guru</span></h4> and some have simply <div class="block-title"> kinda confusing.
default seems to be
.block-title {
position: relative;
font-family:Montserrat,Helvetica,Arial,sans-serif;
border-bottom: 2px solid #4db2ec;
font-size: 20px;
margin: 0px 0px 26px 0px;
line-height: 32px;
font-weight: normal;
}
changing the margin only changed the spacing after the section, not within the section. So, it looks like the theme panel line height doesn’t over-ride the style sheet?
( I changed default font in style.css, obviously )
So, changing the line height to line-height: 28px; from the custom CSS panel over-rode the spacing so the lines would touch.
This originally started as question while I was figuring it out; decided to post in case anybody else was having an issue on this one 🙂
Sounds good. That’s probably what I would do if I were going to go to the trouble. Using a tag so that blocks can distinguish is something I hadn’t considered 🙂
I have a solution that is fairly elegant. For now I’ve used a tag for the issue, e.g. “Issue 25”, and that seems to work. For the Block VC Elements you can set both the tag (e.g. issue-25) and the category id (e.g. 15), which will target the correct posts. I’ve also added an “Issue Number:” metabox to the publish section on the post/page editor, and have a modified header.php to use it to show the issue number in the Masthead, and also the month and year from the publish-date field.