- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to Update the WPBakery Page Builder plugin
I’ve added a custom field for coauthors, followed their docs, and written some basic php. It’s working great 🙂 I’ve switched the functions in all my single templates and modules to use my coauthor display function instead of the default get_author function. I’ve tested it in every module and single template and it works.
But I’m having a hard time figuring out how to change the blocks used in the Visual Composer. I see td_block_1 through _9, td_block, td_block_layout, etc., but can’t seem to find where it actually looks up the posts.
Can you point me in the right direction??
P.S. If you’re a little obsessive (like me) and are willing to pay the $28 to get the full version and make the update counter go away, it might not be worth it. Someone else just posted about trying this and found that a newer version messed with the big slider, on that particular implementation anyway: https://forum.tagdiv.com/topic/wpbakery-version-ussue/ So it’s probably best to wait for TD to update with the theme.
Hi Lucian,
I really appreciate your assistance since I really need that code. Unfortunately it returns an error on the header of our website with the error:
Warning: call_user_func_array() [function.call-user-func-array]: First argument is expected to be a valid callback, ‘td_my_custom_class_names_on_body’ was given in /home/website/public_html/wp-includes/plugin.php on line 199
class=”wpb-js-composer js-comp-ver-3.6.8 vc_responsive” itemscope=”itemscope” itemtype=”http://schema.org/WebPage”>
Do I need to add the code on the very button of functions.php? Since that’s what I did. I hope you can assist me again. Thank you in advance for your patience 🙂
Ok now, here’s the story:
I deleted my whole blog because still having issues. So I reinstalled everything new (had the demo running, now own build) I also thought, that Cloudflare would be the problem- but it isn’t (right now I don’t use CF)
Christopher Simmons helped me a lot- so I was able to solve a lot of things on my own.
But there are still some things I can’t handle on my own (seems like it) – and I’m on the edge of despair.
FYI my installed plugins:
tagbooster, W3 Total Cache, wpSeo, Code Embed, TinyMCE, Animated Gif Resize, Antispam Bee, Async JS and CSS, Broken Link Checker, Contact Form 7, EWW Image Optimizer, Jetpack, Query Strings Remover, WP DB-Manager, Google XML Sitemaps and the Visual Composer.
No matter what I do (installing Query Strings Remover or adding a code to the functions.php) I STILL HAVE PROBLEMS WITH THE “REMOVE QUERY STRINGS”
I really need someone to help me fix this or show me how to! I’m so helplessly I could cry over this!
I would like to start with adding content, but this makes me really desperate
The claimed files are:
Remove query strings from static resources
C (70)
88%
Content High
What does this mean?
Resources with a “?” in the URL are not cached by some proxy caching servers. Remove the query string and encode the parameters into the URL for the following resources:http://cherrykoks.de/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.1
http://cherrykoks.de/wp-content/themes/Newspaper/includes/wp_booster/external/bootstrap/td-bootstrap.css?ver=4.1
http://cherrykoks.de/wp-content/themes/Newspaper/style.css?ver=4.1
Next one is:
Specify a cache validator
A (90)
93%
Server High
What does this mean?
The following resources are missing a cache validator. Resources that do not specify a cache validator cannot be refreshed efficiently. Specify a Last-Modified or ETag header to enable cache validation for the following resources:http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700?ver=4.1
http://gtmetrix.com/reports/cherrykoks.de/4u0OTZRR
Note: I use as fonts: Georgia and Times New Roman over the whole blog! I was reading a lot of threads with tips as “Comment them out” “delete it” and this is also not working. When I try to comment out in functions.php I get a syntax error. And to delete: I don’t know which lines, because my functions.php looks a little bit different.
The font problem also appears in :
Add Expires headers
B (89)
25%
Server High
What does this mean?
There is 1 static component without a far-future expiration date.
http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700?ver=4.1
Page Speed Insights for example is complaining about the “above the fold” thing on mobile Devices and desktop, these are the same files- which GTMetrix claims with “remove query strings”
see here: https://developers.google.com/speed/pagespeed/insights/?url=cherrykoks.de&tab=mobile
Everything else is ok for me- but how can I solve the “few” problems.
I hope there’s an angel in this forum who can save me from getting nuts.
If someone of you needs any file information, let me know. I’m glad for any help with this!
Julia
Does this plugin need to be running if you’re using certain areas of the template like the slide? I was testing my speed and noticed that the plugin takes a decent time to load up but noticed that when I disable it, my theme gets a bit mixed up and shows alot of code for example:
[vc_row][vc_column width="2/3"]
[/vc_column][vc_column width="1/3"][vc_widget_sidebar sidebar_id="td-homepage-right"][/vc_column][/vc_row]
When I activate it again, it goes back to normal. (I’m trying to limit plugins)
Um, Newspaper 3.9.2 is using Visual Composer 4.2.2, released 6/3/14. The latest version is 4.2.3 released 6/12/14 (per Code Canyon, anyway). So, “pretty outdated” ? Not really. Updates to Visual Composer come with updates to theme, once it’s been tested compatible. VC releases have bugs too 🙂
If you’re running an older version of the theme, all you need to do is update it to get latest compatible version of VC.
You might want to research more about the plugin. It’s not free, costs $25, but it’s included with the theme as part of the theme purchase/license and tied to the theme, as explained on Theme Forest in the features line up for the theme.
Hope that helped.
I think the version of Visual Composer provided with my download is pretty outdated. Can we get an updated version of it? Or its just a free version of the plugin?
Hi,
1. You have to edit the td_module_blog.php and replace the following variable with the tags you want – http://screencast.com/t/ZIUaDZrAU
replace with:
array(15,12,30)
Where the numbers (15, 12, 30) are the tags ids. You can find the ids by hovering on the tabs – http://screencast.com/t/lW8v99kt
Don’t forget to set the by tag option in the Theme Panel – http://screencast.com/t/YOnaj81chh
2. You can replace the line inside the loop-single.php like this – http://screencast.com/t/zUxFfJSvHM
You can take the shortcode from the visual composer, create and set a block and switch to classic mode – http://screencast.com/t/tNlsx6vND – http://screencast.com/t/mVWFCVKX
do_shortcode('[add your shortcode here]');
3. Do you want to add a background to the module/widget h3 titles? please provide more details.
Thank you, Emil G.
Um, well if you look at the changelog files it explains the changes. These are found in the download of the theme update from themeforest.
Always useful to explore the files and folders found in the theme download:
——————————————–
update_log.txt
[ V 3.8.4 ]
– fixed view counter + yoast incompatibility
– removed legacy code for backward compatibility
– added text title support to the row shortcode from the pagebuilder
– fixed missing animations from visual composer
– social counter plugin update
– visual composer plugin update
———————————-
changed_files_3.8.3_3.8.4.html
Here is a list of all the changes between v 3.8.3 and v 3.8.4
Modified files – 13 files
•functions.php
•header.php
•includes\plugins\js_composer.zip
•includes\plugins\revslider.zip
•includes\plugins\td-social-counter.zip
•includes\wp_booster\td_config.php
•includes\wp_booster\td_js_generator.php
•includes\wp_booster\td_page_views.php
•less_files\main.less
•less_files\menu-header.less
•style.css
•vc_templates\vc_column.php
•vc_templates\vc_row.php
New files – 2 files
•includes\plugins\td-speed-booster.zip
•less_files\pagebuilder\included_front_css_incomplete\page_builder_front.less
Hi,
You can use the default template – http://screencast.com/t/GdQjaNFaJClA – http://screencast.com/t/W4FIXv5BB
But this one has some limitations and depending on the other blocks it may not work properly.
You can also try to wrap the block 3 inside a span8 div like this – http://screencast.com/t/Bbl2w72cU
[vc_row]<div class="span8">[vc_column width="1/1"][td_block3 limit="5"][/vc_column]</div>[vc_column width="1/3"][vc_widget_sidebar sidebar_id="td-default"][/vc_column][/vc_row]
Or you can create a custom block that will display the way you want. I can send you a guide on how to do a custom block if you send an email at contact@tagdiv.com .
Thank you, Emil G.
Re, Font Awesome:
I think the theme uses the built-in icons from Bootstrap 3 (aka “Glyphicons”). Adding Font Awesome would slow down the site a little bit, even if loaded off the CDN.
Still, you could likely simply add this in the appropriate place:
(likely in the header section, and/or in the td speed booster plugin)
<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
Bootstrap 3 glyphs:
http://getbootstrap.com/components/
Thanks for the replies!
Changed the code in “td_module_blog.php” – works fine 😉
Now with “video-format” still the “featured-image” but with play icon. Perfect.
//edit:
is there a date for the WPBakery Visual Composer Update to 4.2.2?
CyX
-
This reply was modified 12 years by
wownice. Reason: adding question
Salut,
instaleaza js-composer.zip plugin din ultimul update.
gasesti zipul in directorul plugins.
https://forum.tagdiv.com/update-the-visual-composer-plugin-wpbakery/
Multumesc pentru mesaj
Radu A.
Hi,
After the latest update, WPBakery Visual Composer lost and i couldn’t find in the edit page section. I see just this codes [td_slide_big limit=”4″] and can’t see drag and drop section and over the edit page there is no Visual Composer
I want to say that you can’t get the latest version because the version which is provided in the theme files is not the updated one so stop re uploading and deleting.

Hi,
on my frontpage I get this error:
Uncaught TypeError: Cannot read property ‘split’ of undefined js_composer_front.js?ver=4.1.2:171
I guess this is the line that generates the error:
var $call = $tab || jQuery(‘.wpb_tabs, .wpb_tour’),
ver = jQuery.ui ? jQuery.ui.version.split(‘.’) : ‘1.10’,
My homepage contains a slider with this code:
[vc_row][vc_column width="1/1"][td_slide_big limit=”4″][/vc_column][/vc_row]
Any help is appreciated.
Hi there,
I have set up my site on my local server and had everything working perfectly. I then migrated several times with different methods but each time I have the same broken theme which is currently live: http://coconutoilpost.com
I have gone back to my development site and deactivated all the plugins which then broke mainly the home page. I then worked through and found the issue with your integration with WPBakery Visual Composer, all other plugins work on the development site. The issue was the same with wp 3.9 and with 3.9.1 – Theme version 3.8 – Media Bakery 4.1.2
The issues are:
1. When logged in the front page admin bar not showing
2. Drop down mega menu not working
3. Search bar not working
4. Bottom page related articles pop up not working.
5. Back forward navigation not working.
6. Category Background images not working.
Here we are with the error messages with All plugins turned off:
( ! ) Fatal error: Call to undefined function wpb_js_remove_wpautop() in /Users/Icon/Documents/Websites/coconutoilpost.dev/wp-content/themes/Newspaper/includes/shortcodes/td_text_with_title.php on line 30
Call Stack
# Time Memory Function Location
1 0.0093 310272 {main}( ) ../index.php:0
2 0.0131 313392 require( ‘/Users/Icon/Documents/Websites/coconutoilpost.dev/wp-blog-header.php’ ) ../index.php:17
3 0.1704 21169656 require_once( ‘/Users/Icon/Documents/Websites/coconutoilpost.dev/wp-includes/template-loader.php’ ) ../wp-blog-header.php:16
4 0.2031 21516928 include( ‘/Users/Icon/Documents/Websites/coconutoilpost.dev/wp-content/themes/Newspaper/page-homepage-blank.php’ ) ../template-loader.php:74
5 0.8090 25106152 the_content( ) ../page-homepage-blank.php:13
6 0.8091 25108296 apply_filters( ) ../post-template.php:211
7 0.8106 25112024 call_user_func_array ( ) ../plugin.php:192
8 0.8106 25112056 do_shortcode( ) ../plugin.php:192
9 0.8107 25113504 preg_replace_callback ( ) ../shortcodes.php:201
10 1.5932 29247360 do_shortcode_tag( ) ../shortcodes.php:201
11 1.5933 29247824 call_user_func ( ) ../shortcodes.php:287
12 1.5933 29247864 td_text_with_title->render( ) ../shortcodes.php:287
That’s all I can find at the moment. Hope all can be sorted out.
Many thanks
Peter
Can you please provide us latest version of Visual bakery current version is very old and outdated.
Waiting for the update.
Regards,
Ashish
Hi,
That is used to build the layout on the grid.
As you know the grid work like:
<div class="wpb_row">
<div class="span6"></div>
<div class="span6"></div>
</div>
This will create a row with 2 columns.
This $buffy .= $td_block_layout->open_row(); will open a row, will echo: <div class="wpb_row">
This: $buffy .= $td_block_layout->close_row(); will close the row, will echo a </div>
This $buffy .= $td_block_layout->open6(); will open a span6 and $buffy .= $td_block_layout->close6(); will close it.
Is a little tricky.
Hope this help!
Hey Radu! Can you give me an explanation of these:
$buffy .= $td_block_layout->open_row();
$buffy .= $td_block_layout->close_row();
and this: (could apply to 4/6 etc)
$buffy .= $td_block_layout->open6();
$buffy .= $td_block_layout->close6();
Thanks! If you help me with this I’d be happy to make a video explaining it to others so that we can have a better understanding of how users can create custom blocks! Thanks!
I have it partially working but it throws a PHP Fatal Error of too many nestings in l10.php
The mobile score is better ;). But in the screenshots appears empty the mobile screen :S
In w3 total cache i only check the Page Cache in the general settings tab or i need make more changes in the other tabs?
The option of Minify should be enable?
I use http://cssminifier.com/ for my style.css and works but i realized another pagespeed test ando mobile score was 59.
The results in mobile test:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 5 blocking script resources and 8 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
http://ajax.googleapis.com/…s/jquery/1.10.2/jquery.min.js?ver=1.10.2
http://ambito-financiero.com/…ns/jetpack/_inc/postmessage.js?ver=2.9.1
http://ambito-financiero.com/…/jetpack/_inc/jquery.inview.js?ver=2.9.1
http://ambito-financiero.com/…/_inc/jquery.jetpack-resize.js?ver=2.9.1
http://s7.addthis.com/js/300/addthis_widget.js
Optimize CSS Delivery of the following:
http://ambito-financiero.com/…etpack/modules/likes/style.css?ver=2.9.1
http://ambito-financiero.com/…ubscriptions/subscriptions.css?ver=3.8.1
http://ambito-financiero.com/…modules/widgets/widgets.css?ver=20121003
http://ambito-financiero.com/…modules/sharedaddy/sharing.css?ver=2.9.1
http://ambito-financiero.com/…dgets/widget-grid-and-list.css?ver=3.8.1
http://ambito-financiero.com/…s/contact-form-7/includes/css/styles.css
http://ambito-financiero.com/…ster/external/bootstrap/td-bootstrap.css
http://ambito-financiero.com/wp-content/themes/Newspaper/style.css
Prioritize visible content
Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
55.9KiB of the response was required to render the above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold.
The results in desktop test:
Compressing resources with gzip or deflate can reduce the number of bytes sent over the network.
Enable compression for the following resources to reduce their transfer size by 173.8KiB (74% reduction).
Compressing http://ambito-financiero.com/ could save 46.2KiB (81% reduction).
Compressing http://ambito-financiero.com/…ster/external/bootstrap/td-bootstrap.css could save 27.8KiB (80% reduction).
Compressing http://ambito-financiero.com/…Newspaper/js/min/external.min.js?ver=3.4 could save 25.5KiB (65% reduction).
Compressing http://ambito-financiero.com/…mes/Newspaper/js/min/site.min.js?ver=3.4 could save 14.7KiB (74% reduction).
Compressing http://ambito-financiero.com/…ns/jetpack/_inc/postmessage.js?ver=2.9.1 could save 14.3KiB (74% reduction).
Compressing http://ambito-financiero.com/…jquery.form.min.js?ver=3.50.0-2014.02.05 could save 9.9KiB (62% reduction).
Compressing http://ambito-financiero.com/…modules/sharedaddy/sharing.css?ver=2.9.1 could save 8.9KiB (80% reduction).
Compressing http://ambito-financiero.com/…assets/js/js_composer_front.js?ver=3.6.8 could save 6.6KiB (68% reduction).
Compressing http://ambito-financiero.com/…-form-7/includes/js/scripts.js?ver=3.7.2 could save 6.2KiB (71% reduction).
Compressing http://ambito-financiero.com/…/_inc/jquery.jetpack-resize.js?ver=2.9.1 could save 5.7KiB (72% reduction).
Compressing http://ambito-financiero.com/…/jetpack/_inc/jquery.inview.js?ver=2.9.1 could save 3.5KiB (64% reduction).
Compressing http://ambito-financiero.com/…etpack/modules/likes/style.css?ver=2.9.1 could save 2.9KiB (70% reduction).
Compressing http://ambito-financiero.com/…dgets/widget-grid-and-list.css?ver=3.8.1 could save 1.1KiB (66% reduction).
Compressing http://ambito-financiero.com/…s/contact-form-7/includes/css/styles.css could save 524B (56% reduction).
What can i do to improve this? The thing that appear in the list are of jetpack pluging, contact-form, and things of the theme. The screenshots in mobile test only show the menu with any format, and in the desktop text the screen was empty.
I compare the source code of the theme demo with the souce code of my page and its too different. :S. I think this theme is too complicated to config correctly to improve the speed. Its necessary a guide to config the plugins like the theme demo, with the same options, then each user could comment your personal issues. If in the demo has been changed .htaccess for improve the speed and changed a w3 total cache, i think its necessary a guide because the speed of theme is one of best things that it have. If you make a bad config of this items, the theme is slowly like another themes.
Another question, i update the theme with the patch folder, is better reinstall all theme or is the same? I tell this because one of the updates was “clean code” and in my <head> there are a lot of code, more than in the theme demo and another pages that the people put here in the other posts :S
PD sorry for the english 🙂
I installed the update theme and now cannot make any edits – the theme panel can be viewed but cannot be clicked. http://stemjobs.com/wp-admin/admin.php?page=td_theme_panel#
Additionally, the visual composer does not work – I can select it on a given page, but cannot make any edits: http://stemjobs.com/wp-admin/post.php?post=1090&action=edit
I thought updating the theme or reinstalling the theme files might address this. Are there underlying plugin dependencies that I’m missing?
I’m running WP 3.8.1
I would like to use addons for Visual Composer.
Unfortunately the theme version seems to be completely outdated.
“Ultimate Visual Composer Addons” for example requires v3.7.2 which was released at 8.12.2013.
Please consider updating the Visual Composer or provide a way to turn it off in Newspaper so that i can activate the pure plugin.
Thank you!
Hello,
1.
.iosSlider .slide-meta-cat a {
color: #FF0000 !important;
}
2.
.td-sbig-title-wrap a {
color: #FF0000 !important;
}
3. You have this directly when you edit the block in Visual composer http://screencast.com/t/QlCHas6al
Hello,
The blocks from Visual Composer are built from modules. See here at 2. Blocks http://import.tagdiv.com/newspaper/doc/#blocks
In page when you use Visual composer you use Blocks.
If you want pagination with 1,2,3 you use a template with article list http://screencast.com/t/5IdbyXw0rK5g and here you can use MODULES as layout http://import.tagdiv.com/newspaper/doc/#blocks
If you want module 6 to be on 3 columns you have to edit td_template_layout.php file located in \includes\content_builder folder and change like here: http://screencast.com/t/nxkSKtbgBrsm
Thanks!