- TutorialsDefault Block Settings Guide
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
Hi
Manuel compression is quite difficult to do because our css is big and it takes a lot of time. Best way is to use an automatic tool.
Google is very restrictive when it comes about mobile page-speed. Even if the resources are in page’s footer sometimes they appear as render blocking in page-speed report. This is the case on your site. On a closer look you can see that all render blocking resources are loaded in footer. Google have it’s own algorithm when generate the reports and the theme can’t change that.
Thanks!
Hi,
I could not access your site as it;s in maintenance mode, but I assume you are referring to the image overlay on the grids. Please follow this topic for a css trick to remove it:
https://forum.tagdiv.com/topic/home-page-blocks-3/
I hope this helps.
Thank you!
Hi,
Please help render-blocking not fixed in mobile
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.jogira.com%2F
Thanks
Chandan Kumar Singh
Buna ziua,
1. Daca folosesti templaturile de post ale temei, exista o optiune sa setezi un template default in Theme Panel > Post Settings – https://forum.tagdiv.com/default-post-templates/
2. Block-ul folosit pentru Related Articles este predefinit si nu exista o optiune sa setezi alt block sau modul. Daca vrei sa schimbi modulul folosit pentru related articles pe tema mobila(si nu numai) va trebui sa modifici codul si nu exista decat 2 module construite pentru mobile theme plugin – http://screencast.com/t/qrv5vdQ0lHF
Multumesc!
Hi Team
I read your “https://forum.tagdiv.com/how-to-make-the-site-faster” and implement that but its not working, my website speed is very slow.
I want to Fix
– render-blocking issue.
– CSS and JavaScript Minify issue.
Please help me.
Thanks
Chandan Kumar Singh
http://www.jogira.com
buna dimineata,
1. Cum pot sa predefinesc o singura data sablonul ptr pagina de post-uri dupa care cand voi adauga articole sa nu mai aduc nici o modificare dpar adaugare de text. Am observat la alte teme… in meniul pages vine predefinita pagina de post unde se modifica sablonul de baza , iar apoi cand se redacteaza un post doar se adauga textul .
2. Daca activez modulul mobile, cum as putea schimba forma posturilor de la related article cu block 4 sau alta forma.
Multumesc.
Hey Andrei,
This seems to be an issue with CSS related to “vc_column_container” class, which has width: 100% and overrides CSS of the columns. After a bit of research I did find that this might be an issue with how you’re outputting classes and modifying them in VC. Someone else had same exact problem in a different theme with VC.
Here’s the info:
https://oceanthemes.ticksy.com/ticket/842704
You can see that they had a response from VC support, which indicated that:
The issue is because theme author has modified our default column classes using:https://wpbakery.atlassian.net/wiki/display/VC/Change+CSS+Class+Names+in+Output Due to this it breaks upon the update.
This sounds like a possible bug. Thanks.
For those curious about baseline speed with GTmetrix for test bed:
No additional compression of css or js done (minification);
No caching plugin running;
Mod_pagespeed is OFF;
Page has no ad, but large image, sidebar, bottom bar images; large logo.
Default Newsmag theme (not using a “style/demo”).
Share buttons ‘on’ at top of page.
Pagespeed Score: A (96%)
YSLOW Score A (94%)
Page load time: 1.2s
Total Page size: 248kb
requests: 12
Nice.
Still to do:
figure out how to fix the wonky ? query on the newsmag icon font …
/images/icons/newsmag.woff?11
a) compress style.css
b) replace gravatar with local author image
c) main css to footer; preload critical CSS in head (fixes ‘render blocking …’)
d) enable mod_pagespeed – does on the fly comment removal, image optiization for small png to base64 or webp, removes all double spaces in text for pseudo-minification; further optimizes anything loaded from google like jquery
=========
that’s it for now.
Hope this isn’t annoying folks too much 😉
————
Radu and co have really done a great job on this and theme is speedy on desktop testing ‘as advertised …” which is awesome. I was worried going from v2 to v3 was going to bring bloaty-mcbloatface, and turns out – not so much 🙂
-
This reply was modified 10 years by
simchris.
Hello,
The title lengths can be changed for each block by using the excerpts section of the theme panel: http://screencast.com/t/oMoISzz9e You can see which module belongs to which block by inspecting this list: http://screencast.com/t/2pONLfjDIal
Thank you!
Hello,
Thank you for your appreciation.
1) The elements you mention are found on the page. You do not have to look in the theme panel for them but rather by editing the front page in visual composer from page edit. The world news menu is an ajax filter. it can be removed from the block settings: https://forum.tagdiv.com/block-settings-tutorial/
The second element further down the page is a tabs element that can be removed from the back-end as well only this is a full element not a setting as the world news menu.
2) A module is the base element used by our theme. A block is created out of 1 or more modules. A module can be used directly only on loop pages that means category pages, search results or the latest articles section on pages. On pages you can only choose blocks from visual composer: http://screencast.com/t/SKmAlaRL
For a list of what module is used on what block, you can take a look here: http://screencast.com/t/2pONLfjDIal
Here is a useful video tutorial on how to use visual composer: https://vc.wpbakery.com/video-academy/backend-editor-collapsible-row-feature-explained/
Thank you!
Hi guys.
I’m loving Newspaper – it’s perfect for the news site we’re bringing up. We’re getting close to Go Live and there’s a lot of excitement on the team.
I do have two questions, though.
The site is nexxtstep.jp, FYI.
1) There are some items the Front Page (nexxtstep.jp/main) that I would like to remove or manage. The World News menu under the primary top grid is not necessary. The other menu about halfway down needs to go away (Fashion | Sport | Music | World | Lifestyle), and the Video link near the bottom of the front page is not necessary. How do I manage these?
I have found controls to manage the top pages of other categories (Theme Panel -> Categories), but if I go to Theme Panel -> Categories -> Global or -> Featured, no matter what I do, nothing changes.
The other category items scattered across the page (currently, travel guides, tech, health, etc.) are useful, but I would like to control these, and change their name and content. Is that possible?
2) Modules and Blocks – How do I find out what modules correspond to what spaces on the page? Module 1 is where on the page – or how do I manage module location? What is the relationship between modules and blocks?
Basic questions, I’m sure, but your help on these points would be most appreciated.
Best,
– John
Hello Jan,
The menu height can be adjusted by changing the line-height in the fonts section like so: http://screencast.com/t/mKnSMyGRkJX
As for the images, please use this guide: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
I hope this helps.
Thanks.
Hello,
1) You can use the block settings on each element to filter it’s posts: https://forum.tagdiv.com/block-settings-guide/
2) Our theme uses the default roles and capabilities of wordpress: https://codex.wordpress.org/Roles_and_Capabilities If the user has the rights to edit content, he can by logging in and accessing the back-end. Our theme does not alter this structure so if you want subscribers to post content, you will need to use plugins for it. Unfortunately I cannot recommend one as we have not tested any.
Thank you!
Hi
I assume that you want to move post’s title to the top of slide block. To achieve that try this css in theme panel > custom code> custom css: http://screencast.com/t/uTJjm4qD6g
.td-theme-slider .slide-meta {
top: 16px;
}
To reduce slide’s height you can use this css:
@media(min-width: 768px){
.td-theme-slider.iosSlider-col-3 {
height: 500px!important;
}
}
To reduce the font size on mobile try this code: http://screencast.com/t/OP5LVsoJ
@media(max-width: 768px){.td-theme-slider.iosSlider-col-2 .td-module-title a, .td-theme-slider.iosSlider-col-3 .td-module-title a {
font-size: 15px!important;
line-height: 17px!important;
}
}
I hope this helps.
Thanks!
Hello,
The big grid just like any other block elements will open block settings once you add them to a page. Please read this guide to see how you can filter the content shown in the grid: https://forum.tagdiv.com/block-settings-guide/
Thank you!
Hi
Basically you will need a function which pass the value from url as a tag in block’s shortcode. Here is an example code which insert a custom value in shortcode:
$v = $_GET['val'];
$block = '';
if (isset($v)){
$block .= do_shortcode('[vc_row][vc_column][td_block_11 tag_slug="' . $v . '" limit="3"][/vc_column][/vc_row]');
}
This code can be used as a function in fuctions.php then you can try to generate a new shortcode for that block using add_shortcode() function. For more details about add_shortcode function check this link: https://codex.wordpress.org/Function_Reference/add_shortcode After you generate the shortcode can be used in visual composer. This link may also help: https://codex.wordpress.org/it:Riferimento_funzioni/do_shortcode
Note that you will need some codeing skills in order to complete this task. I’ve offered just a basic example above but if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.
Thanks!
Hi
You can use popular posts+Jetpack filter which displays posts from last two days: http://screencast.com/t/n4c6LZmqcqI – https://forum.tagdiv.com/newsmag-block-settings-tutorial/ You will need Jetpack plugin installed and stats module enabled. For more details please check this link: https://jetpack.com/support/wordpress-com-stats/
I hope this helps.
Thanks!
I am passing a value/variable through the page url to a Newspaper page. I have a Visual Composer Block Element (11) on that page and would like to pass that variable to the “Filter by tag slug”. Can and how do I do that?
The big slide on my homepage at http://themedium.ca is currently not working. In all major browsers, including mobile, you can see a little of the next panel of 4 images appears below the first panel, and the arrows / sliding between panels do not work or respond. I’m also seeing a console error with tagdiv_theme.js. I’ve already tried turning off a few likely plugins, including caching and my plugin that uses the TD API (yes, this occurs with the regular Big Grid Slide block as well). Please help!
UPDATED FUNCTIONS HAXX AUG 2016
— supercedes old and moldy stuff in this long thread
Works for me on Apache; if not for you, then you messed something up elsewhere.
This goes at BOTTOM of the /theme/functions.php file
Don’t know where that is, then stop right now, buddy. Learn to use FTP!
/** ========================================== */
/** CUSTOM OPTIM CODE : by Christopher Simmons - REV 8.17.16 */
// Remove jQuery Migrate Script from header and Load jQuery from Google API
function simmonsbunny_remove_jquery_migrate_load_google_hosted_jquery() {
if (!is_admin()) {
wp_deregister_script('jquery');
wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js', false, null);
wp_enqueue_script('jquery');
}
}
add_action('init', 'simmonsbunny_remove_jquery_migrate_load_google_hosted_jquery');
add_action('init', 'cng_author_base');
function cng_author_base() {
global $wp_rewrite;
$author_slug = 'profile'; // change slug name
$wp_rewrite->author_base = $author_slug;
}
add_filter( 'jpeg_quality', create_function( '', 'return 50;' ) );
/** functions for headcleaner */
function rm_generator_filter() { return ''; }
add_filter('the_generator', 'rm_generator_filter');
remove_action('wp_head','wlwmanifest_link');
remove_action('wp_head','rsd_link');
remove_action('wp_head','feed_links', 2);
remove_action('wp_head','feed_links_extra', 3);
remove_action('wp_head','start_post_rel_link', 10, 0);
remove_action('wp_head','adjacent_posts_rel_link_wp_head', 10, 0);
remove_action('wp_head','print_emoji_detection_script',7);
remove_action('wp_print_styles','print_emoji_styles');
function remove_cssjs_ver( $src ) {
if( strpos( $src, '?ver=' ) )
$src = remove_query_arg( 'ver', $src );
return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );
function remove_pingback_url( $output, $show ) {
if ( $show == 'pingback_url' ) $output = '';
return $output;
}
add_filter( 'bloginfo_url', 'remove_pingback_url', 10, 2 );
/** functions for security */
function no_errors_please(){
return 'You appear to be up to no good. Your IP logged and will be blocked.';
}
add_filter( 'login_errors', 'no_errors_please' );
function disable_reset_lost_password()
{
return false;
}
add_filter( 'allow_password_reset', 'disable_reset_lost_password');
function remove_lost_your_password($text)
{
return str_replace( array('Lost your password?', 'Lost your password'), '', trim($text, '?') );
}
add_filter( 'gettext', 'remove_lost_your_password' );
add_filter( 'send_email_change_email', '__return_false' );
/** functions for admin bar */
function mytheme_admin_bar_render() {
global $wp_admin_bar;
$wp_admin_bar->remove_menu('wpseo-menu');
}
add_action( 'wp_before_admin_bar_render', 'mytheme_admin_bar_render' );
add_filter( 'wpseo_use_page_analysis', '__return_false' );
function my_custom_css() {
echo '<style>
.misc-pub-section.yoast-seo-score.content-score { display: none; }
.misc-pub-section.yoast-seo-score.keyword-score { display: none; }
</style>';
}
add_action( 'admin_head', 'my_custom_css' );
function dequeue_yoast_css() {
wp_dequeue_style('yoast-seo-adminbar');
wp_deregister_style('yoast-seo-adminbar');
}
add_action('wp_enqueue_scripts','dequeue_yoast_css');
/*remove embeds */
function disable_embeds_init() {
remove_action('rest_api_init', 'wp_oembed_register_route');
remove_filter('oembed_dataparse', 'wp_filter_oembed_result', 10);
remove_action('wp_head', 'wp_oembed_add_discovery_links');
remove_action('wp_head', 'wp_oembed_add_host_js');
}
add_action('init', 'disable_embeds_init', 9999);
function project_dequeue_unnecessary_scripts() {
wp_dequeue_script( 'comment-reply' );
wp_deregister_script( 'comment-reply' );
}
add_action( 'wp_print_scripts', 'project_dequeue_unnecessary_scripts',100 );
/** End Christopher's magic bunny code; Copr. (c) 2013-2016 CLS */
========== and again ===============
THESE MISSIVES ARE COPR. © Christopher Simmons, all rights reserved. You may use this info, but you may *NOT* republish on your blog, in a book, or make claim any of this is originated by you. Seriously. I know warlocks and they can get bitchy.
-
This reply was modified 10 years by
simchris.
We are using the TagDiv block to display popular posts we would like to know if it’s possible to show popular posts from the last 30 days and not 7. Is there a function that we can use that will change the 7 to 30? Please let us know, thanks!
Hi Bogdan,
Thank you very much. I used browser inspector. Thanks to inspector i found which code in main style.css i have to change. However after change from 26px to 10px nothing happens.
Code from style.css:
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container {
margin-bottom: 10px !important;
margin-right: 0;
border-bottom: 2px solid #4db2ec;
display: block;
Code from Inspector:
<div class=”vc_tta-tabs-container”>
<ul class=”vc_tta-tabs-list”>
<li class=”vc_tta-tab vc_active” data-vc-tab=””>
<span class=”vc_tta-title-text”>Title</span></div>
And CSS:
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container {
margin-bottom: 26px !important;
margin-right: 0;
border-bottom: 2px solid #4db2ec;
display: block;
}
Any idea how to do it?
Presently in our category page, the number of posts coming in a single page is 10
See this link: http://www.bmcelections.com/category/news-and-updates/
We need to make it 12, so that the remaining 2 empty blocks are also occupied
How can we do that?
Hello,
I would like to ask you how to change sidebar blocks css.
I tried to change margin between table widget header and content from 26px to 10px in main style.css
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container {
margin-bottom: 10px !important;
margin-right: 0;
border-bottom: 2px solid #4db2ec;
display: block;
}
However nothing changed :/
Please, how can i do that?
Best regards
M.
Hi
1. Do you want the header ad to be displayed only in posts from a specific category? If so that can be achieved by adding a condition in ads.php file: http://screencast.com/t/4jbC6dwEdvLI
if (in_category('category-slug')) {
echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'header', 'spot_title' => $tds_header_ad_title));
}
You just need to add category’s slug, name or id as a parameter for in_category() function and the add will be displayed only on posts which belongs to given category.
2. This can be achieved only with a change in theme’s code. You need to edit: td_block_mega_menu.php file and move the indicated line like here: http://screencast.com/t/Uj3bnfxkTuL You will also need this css in theme panel > custom code > custom css: http://screencast.com/t/Fvbm7xII7I
.td_mega_menu_sub_cats {
float: none;
}
Thanks!