- NewsmagBlock settings tutorial
- NewsmagCategory tag on modules/blocks
- NewsmagtagDiv Composer Tutorial
- NewsmagWeather Widget
- NewsmagExchange widget
- NewsmagInstagram widget
- NewsmagHow to use the Visual Composer plugin
- NewsmagIntroduction
- NewsmagFooter templates
- NewsmagCustom ad spots
- NewsmagLoading image effects
- NewsmagSmart sidebar
- NewsmagFeatured images
- NewsmagGeneral settings
- Newsmag7 days post sorting
- NewsmagTheme thumbs
- NewsmagExcerpts introduction
- NewsmagTheme colors introduction
- NewsmagtagDiv slider gallery
- NewsmagVideo playlist
It would be useful to have a custom taxonomy, say “Issue”, so that posts can be associated with a particular “Issue” or “Edition” of the newspaper. Now the post can be in, say, category: “Sports” and in issue: “25” and effectively allow back-issue archives. And chance of adding this to a wishlist? This seems kind of obvious for a newspaper theme. (There would need to be filters for this custom taxonomy on any shortcode/VC-element that produces a list of posts, like the Block elements in Visual Composer.)
Hi,
Sorry for the delay.
You cloud try something similar using VC, at this moment the theme doesn’t support this layout and you will need custom work to achieve this, unfortunately 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.
Sorry about this!
Thanks for the message!
Hi Lucian,
thanks for coming back to me. 🙂
Yes, I had the full width post pages working and was amazed how great the pictures stand out in that setup. That is why I intended to achieve the same look on the homepage with the slider for featured articles.
Regarding the slider/bigslider full width, you can try to have this via css but the sliders had not been designed to work like that and I don’t know how will respond
Yes, that is exactly what I would like to try. To have the sliders on homepages in the same look as the full width images in postings with style 4. But if it is too complicated, I may rather pass on this because my coding skills are limited unfortunately.
What kind of risk would I face with full-width sliders and is something alike on your to-do list for upcoming updates?
Hmm… not sure. Might just have to have one block for the teaser, and a separate block for the smaller titles, in each column. But I just tried it out and couldn’t find an arrangement of blocks that gave me that. :/ Hopefully tagDiv support has an idea.
Would love some help with this soon. I’m hoping to launch this page soon. Thanks very much.
Looks to me like a row split into two columns in VC and each column filled with a Block 2 set to show 5 posts. It might also be separate blocks for top and bottom.
Sorry, here is the correct mockup below: Please ignore the one linked before! Thanks!
I want to thank the developers here for offering such great, quick support. As we all know, you truly back up your theme with excellent work and help. I’ve convinced friends to use this theme because of the awesome support. So, thanks again!
Now the reason for my posting today:
Could someone please give me a guide to create the following block, like the mockup I’ve linked to below? Basically, I want a photo teaser to an article to span two full columns while 4 smaller teasers sit below it.
Here’s an example: Mockup link
I appreciate the help.
Hi,
Please use this custom css in theme panel > custom css filed to remove the big sliders arrows and also for the normal slider arrows:
.iosSlider.td_block_big_grid .td-icon-left, .iosSlider.td_block_big_grid .td-icon-right, .iosSlider .prevButton, .iosSlider .nextButton {
display: none !important;
}
Hope this helps!
Thanks
Hello,
If you use a block with a custom post type, you can’t filter anymore by tags, or category ID, that works only for posts.
You need to modify the theme core to work like that, and at this time we can’t offer custom work, sorry for the inconvenience!
If you want you can hire a freelancer to customize the code for you. Try to find someone here: http://studio.envato.com
Thanks for the message!
Hi again, So I get the following scores on http://www.styzic.com
Desktop = 97
Mobile = 60
https://developers.google.com/speed/pagespeed/insights/?url=www.styzic.com
On desktop adsense ads are enabled and it’s still fair and better than theme demo page ( score = 90). But two things that are annoying for on mobile are:
1) Optimize Images: I have optimized all images and this warning does not show on desktop but only on Mobile. When I turn jetpack photon off the warning is gone. Jetpack uses quer strings to resize images and that’s the reason.
2) Eliminate render-blocking CSS: This warning doesn’t occurs for js as they are defered. My css are at the bottom of the page but still this warning appears. I’ve minified the css files.
So, any bdy out here who might be so generous to help with Photon and async css?
I’ve tried all plugins in the sticky threads here but none of them could async the 3 css files.
Thanks, Shashank 🙂
Hi,
I’m not sure what are you trying to achieve, I guess you want to configure a block or a slider like this. In that case you can set the block/slider .. to show the “Featured category” then set it to show the “Popular (all time)” feature like this: http://screencast.com/t/H49nbeu6q4 for the the other post sorting “popular in the last 7 days” you have to set it the same way, chose your category and then chose the “popular in the last 7 days” sort order.
Hope this helps!
Thanks
I tried many times to clear render blocking css and JS but not successful. I hope someone here will help me out.
Here is my speedbooster.php file
<?php
/*
Plugin Name: tagDiv speed booster
Plugin URI: http://tagdiv.com
Description: Speed booster for Newspaper theme - It moves the styles and all the scripts of the theme to the bottom. It also activates internal theme optimizations for better speed.
Author: tagDiv
Version: 2.5
Author URI: http://tagdiv.com
*/
/*
* 2.6 - fixed rendering bug on the loading of the page
* 2.5 - code improvements, newspaper 4 compatibility
* - makes most of the javascript files use defer parsing
* - better compatibility with revolution slider
* 2.4 - updated jquery version
* - support for https
* 2.3 - fixed warnings when trying to move javascript files that are not registered
*/
class td_speed_booster {
var $load_contact_form_7 = '';
var $load_google_fonts = '';
var $styles_for_footer = array();
var $async_js_scripts = array(
'contact-form-7',
'bbpress',
'woocommerce',
'site',
'devicepx',
'js_composer_front'
);
function __construct() {
add_action('wp_enqueue_scripts', array($this, 'enqueue_scripts_hook'), 100);
add_action('wp_footer', array($this, 'wp_footer_hook'), 15);
add_action('wp_head', array($this, 'wp_head_hook'), 15);
define('TD_SPEED_BOOSTER' , 'v2.5');
}
function enqueue_scripts_hook() {
global $wp_scripts;
//$this->move_js_to_footer('bp-legacy-js');
//detect revmin - revolution slider and do not move jquery
if( !is_admin() and !isset($wp_scripts->registered['revmin'])){
if (is_ssl()) {
$td_protocol = 'https';
} else {
$td_protocol = 'http';
}
wp_deregister_script('jquery');
wp_register_script('jquery', ($td_protocol . '://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'), true, '1.11.0', true);
wp_enqueue_script('jquery');
}
//move styles
$this->move_style_to_footer('bbp-default-bbpress'); //bpress old
$this->move_style_to_footer('bbp-default'); //bpress
$this->move_style_to_footer('contact-form-7');
$this->move_style_to_footer('td-bootstrap');
$this->move_style_to_footer('td-theme');
$this->move_style_to_footer('google-font-rest');
$this->move_style_to_footer('woocommerce_frontend_styles');
//jetpack lost styles
$this->move_style_to_footer('jetpack-subscriptions');
$this->move_style_to_footer('jetpack-widgets');
$this->move_js_to_footer('themepunchtools');
$this->move_js_to_footer('revmin');
//bbpress
//remove_action( 'bbp_head', array($BBP_Default, 'head_scripts') );
}
function wp_footer_hook() {
$current_theme_version = '';
if (defined('TD_THEME_VERSION')) {
//get the theme version for style
$current_theme_version = TD_THEME_VERSION;
//on demo mode, autogenerate version hourly + day
if (TD_DEPLOY_MODE == 'demo') {
$current_theme_version = date('jG');
}
}
foreach ($this->styles_for_footer as $style_id => $style_src) {
echo "<link rel='stylesheet' id='" . $style_id . "-css' href='" . $style_src . "?ver=" . $current_theme_version . "' type='text/css' media='all' />\n";
}
}
function wp_head_hook() {
if (defined('TD_THEME_VERSION')) {
echo '<style>body {visibility:hidden;}</style>';
}
}
function move_style_to_footer($style_id) {
global $wp_styles;
if (!empty($wp_styles->registered[$style_id]) and !empty($wp_styles->registered[$style_id]->src)) {
$this->styles_for_footer[$style_id] = $wp_styles->registered[$style_id]->src;
wp_deregister_style($style_id);
}
}
function move_js_to_footer($js_id) {
global $wp_scripts;
if (isset($wp_scripts->registered[$js_id])) {
wp_enqueue_script($js_id, ($wp_scripts->registered[$js_id]->src), '', $wp_scripts->registered[$js_id]->ver, true);
}
}
function async_js_hook($url) {
//check to see if we have js
if (strpos( $url, '.js' ) === false) {
return $url;
}
if ($this->strpos_array($url, $this->async_js_scripts) === false) {
return $url;
} else {
return "$url' defer='defer";
}
}
private function strpos_array($haystack_string, $needle_array, $offset=0) {
foreach($needle_array as $query) {
if(strpos($haystack_string, $query, $offset) !== false) {
return true; // stop on first true result
}
}
return false;
}
}
new td_speed_booster();
And here is my function generated file
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
itsec_file_change_warning_js | http://mydomain.com/wp-content/plugins/better-wp-security/modules/free/file-change/js/admin-file-change-warning.js
itsec_strong_passwords | http://mydomain.com/wp-content/plugins/better-wp-security/modules/free/strong-passwords/js/strong-passwords.js
devicepx | http://s0.wp.com/wp-content/js/devicepx-jetpack.js
wpuf-subscriptions | http://mydomain.com/wp-content/plugins/wp-user-frontend-pro/assets/js/subscriptions.js
wp-color-picker | /wp-admin/js/color-picker.min.js
jquery |
media-upload | /wp-admin/js/media-upload.min.js
thickbox | /wp-includes/js/thickbox/thickbox.js
wpuf-chosen | http://mydomain.com/wp-content/plugins/wp-user-frontend-pro/admin/../assets/js/chosen.jquery.js
wpseo-admin-global-script | http://mydomain.com/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td-wp-admin-general | http://mydomain.com/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://mydomain.com/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
suggest | /wp-includes/js/jquery/suggest.min.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
itsec_notice_css | http://mydomain.com/wp-content/plugins/better-wp-security/core/css/itsec_notice.css
wp-color-picker | /wp-admin/css/color-picker.min.css
wpuf-chosen-style | http://mydomain.com/wp-content/plugins/wp-user-frontend-pro/admin/../assets/css/chosen/chosen.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://mydomain.com/wp-content/themes/Newspaper/wp-admin/css/wp-admin.css
thickbox | /wp-includes/js/thickbox/thickbox.css
wpalchemy-metabox | http://mydomain.com/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
ithemes-icon-font | http://mydomain.com/wp-content/plugins/better-wp-security/lib/icon-fonts/icon-fonts.css
bbp-admin-css | http://mydomain.com/wp-content/plugins/bbpress/includes/admin/css/admin.css
jetpack-icons | http://mydomain.com/wp-content/plugins/jetpack/_inc/jetpack-icons.min.css
Here what my pagespeed test suggest
Remove Render Blocking Javascript
http://mydomain.com/wp-includes/js/jquery/jquery.js.pagespeed.jm.ocognCjcS2.js
http://mydomain.com/wp-includes/js/jquery/jquery-migrate.min.js.pagespeed.jm.mhpNjdU8Wl.js
http://maps.google.com/maps/api/js?sensor=true
http://maps.gstatic.com/maps-api-v3/api/js/17/15/main.js
http://mydomain.com/wp-content/plugins/wp-user-frontend-pro/assets/js/frontend-form.js.pagespeed.jm.DduuMTRcHs.js
Optimize CSS Deliver of the following
http://mydomain.com/wp-content/plugins/revslider/rs-plugin/css/W.settings.css,qrev=4.3.8.pagespeed.cf.DyIPD1r_80.css
http://mydomain.com/wp-content/plugins/revslider/rs-plugin/css/W.captions.php,qrev=4.3.8.pagespeed.cf.VUw1T7K7S2.css
http://mydomain.com/wp-content/plugins/wp-user-frontend-pro/assets/css/W.frontend-forms.css.pagespeed.cf.vemqQTxrMU.css
http://fonts.googleapis.com/css?family=Roboto%3A400%2C700
I am also using Dreampress which is on varnish cache. I enabled Page Speed Mod as well. No other caching plugin.
My Page Speed Score is 64 for desktop and 41 for mobile.
Further, Here is what i added in my httaccess
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedModifyCachingHeaders off
</IfModule>
# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 604800 seconds"
ExpiresByType image/jpeg "access plus 604800 seconds"
ExpiresByType image/png "access plus 604800 seconds"
ExpiresByType image/gif "access plus 604800 seconds"
ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
#ExpiresByType text/html "access plus 600 seconds"
#ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>
# END Expire headers
Now please suggest me what to do for increasing my page speed. My site is damn slow. Please help me to correct the speedbooster.php file as per instructions. Special request ot Christopher for helping me out. Thanks
Hi,
Yes please remove the height you have set before and just use this custom css instead, I have tested it and should solve your issue:
.upme-column-wrap {
display: inline-block;
}
.widget_text {
margin-bottom: 0px !important;
}
Thanks
If I keep right to something fixed like 50px, then the author’s name (if long) will overlap or remain in middle (if short). That’s not pretty good.
Also there are different blocks so every block should have different div…. confusing!
Please give more context. You could mean posts actually in the category, or posts displayed per page in a category archive, or posts displayed in a block set to a certain category… not sure yet!
@Steven Thanks for the advice, I will visit the speedbooster forum.
One question for you left, what is the best way to find out which JS and CSS files are used in a specific part of the theme (for instance the header menu)
JBH
@JBH glad you get some good so far out the plugin,well you just have to look for those JS & CSS files and exclude them as well..at this time i can’t tell you which files those are because i’m not having those issues, speedbooster is working great so far and i did not had to exclude any files of mine..have you update the speedbooster to the latest version because the author made a lot changes in the plugin since then…but my advice will be go to the wordpress website and post in the support forum for this speedbooster plugin the author will help you much better then me…
I haven’t install W3 …
waiting for @Steven to awnser 🙂
Hey, thanks for the quick answer! I tried using that field while editing the block, but to no avail. I played around and did various configurations in that post type field (putting both “country” and “country=###” for the tag id), and also putting the tag id in the two fields above it, for the multiple categories filter and tag slug.
Thanks for your help, though. Any other ideas?
There’s a “post type” setting when you’re creating a block. If your CPTs have names that it can recognize, that will probably work (haven’t tried it myself)
Hello, how can I get specific custom post types to display within the different blocks in VC?
I have made both custom pages (Destinations) and custom taxonomy (countries), and I want each specific destination page to basically be block page with only one specific taxonomy id per block. Right now it only has options for category ids.
Thanks in advance!
When we upgrade to the latest version of Newspaper, the Big Slide we have been using for 6+ months without issue, all of a sudden it “skips” two whole slides on each rotation of the animation effect.
So there are two big white blocks, then the actual images show. Then at the end of the silde rotation, the two white spaces show again.
This repeats on each big slider rotation.
I would show a link, but we reverted back to the old version of the theme as this was happening.
Has anyone else had this trouble or is this a known bug? I could not find anything else about this same trouble.
I think the admin panel uses the default fonts of WordPress which are now Open Sans. You should be able to just delete the one block having to do with writing the google fonts into the head of the document, which have nothing to do with the admin interface fonts.
Hmmm….. v4 changed some stuff for more loops ….. hm…..
try only commenting out line 48 in functions.php
// wp_enqueue_style('google-font-rest', td_global::$http_or_https . '://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'); //used on menus/small text