- NewspaperModules Builder in Newspaper Theme
- NewspaperIntroduction to CPT and ACF with Newspaper Theme
- NewspaperHow to edit modules for Flex Block X
- NewspaperStripe Setup
- NewspaperPayPal Setup
- NewspaperAdd Cryptocurrency Price Ticker Widget
- NewspapertagDiv Shop
- NewspaperDesign your post pages using the Default Templates
- NewspaperTheme modules and blocks
- NewspaperUsing the Theme Translations with WPML
- NewspaperHow to Set the Image Avatar
- NewspaperNewspaper theme documentation
- NewsmagInstalling pre-built websites
- NewsmagIntroduction
- NewsmagSmart Lists
- NewsmagTheme thumbs
- NewspaperSmart Sidebar
- NewspaperBreadcrumbs
- NewspaperFooter Builder
- NewspaperMain Menu
I don’t think I explained myself properly.
I cannot control excerpts from Theme Panel because unfortunately for the last few years I have been writing excerpts via the WordPress facility. Now I have discovered that they are too long for this theme, as you can see in this screenshot: http://screencast.com/t/cMu09dXshzH.
I need a way to automatically shorten my excerpts on the homepage. I have recreated your default demo so I am using quite a lot of blocks. My problem is where to add the code.
I had the same problem in the categories page but I added this code to M16 and it resolved the issue:
<div class=”td-excerpt”>
<?php echo wp_trim_words(get_the_excerpt(), 30); ?>
</div>
Thanks in advance!
Hi Pinzdesign,
I have also noticed the same behavior on our demo: http://demo.tagdiv.com/newspaper/homepage-big-slide/ I’ve added this on our issue tracker, we’ll have a look at this and we will fix it as soon as possible.
Sorry for the inconvenience!
Thanks for reporting this!
Hi,
1/2/3 Unfortunately these theme features are built to work just with posts not pages and to make them support and use pages you need to customize the theme and practically rebuild the function for related articles or socials.
Currently we’re working on adding custom post types support for blocks so once this support will be implemented pages could also be used as CPT like you need them now. Sorry!
a) That section is set with css to have a maximum width of 252px, you can rewrite tat rule using this css: http://screencast.com/t/iQh6wzCx9M
.block-mega-child-cats {
max-height: 500px;
}
Add it in theme panel > custom css section.
b) Unfortunately not because the load more/infinite or next/prev pagination only works on blocks and it can’t be used on loops. Sorry!
c) If you can’t find it in trash to restore it: http://screencast.com/t/icNXEwjZ8rH you can rebuild it and use this content, it’s the demo contact page content: http://pastebin.com/eTt6WVNS – http://demo.tagdiv.com/newspaper/contact/
d) I see you have adjusted the category to use pages so the excerpt function may also need to be adjusted to return page content, I’m not sure but you can take a look at it here: http://screencast.com/t/FKJMzRKrKWpn
Hope this helps!
Sorry for the delay!
Thanks for the message!
Hello, I want to install the Default Demo, but I get this error below. Please help me to fix this problem. Thanks! Jairo
Ajax error. Cannot connect to server, it may be due to a misconfiguration on the server.
textStatus: parsererror
td_ajax_request_name: full_demo_media_1
errorThrown: SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
responseText: is_wp_error $file_array: http://demo_content.tagdiv.com/Newspaper_6/default/1.jpgWP_Error Object
(
[errors] => Array
(
[http_404] => Array
(
[0] =>
)
)
[error_data] => Array
(
)
)
is_wp_error $file_array: http://demo_content.tagdiv.com/Newspaper_6/default/2.jpgWP_Error Object
(
[errors] => Array
(
[http_404] => Array
(
[0] =>
)
)
[error_data] => Array
(
)
)
is_wp_error $file_array: http://demo_content.tagdiv.com/Newspaper_6/default/3.jpgWP_Error Object
(
[errors] => Array
(
[http_404] => Array
(
[0] =>
)
)
[error_data] => Array
(
)
)
is_wp_error $file_array: http://demo_content.tagdiv.com/Newspaper_6/default/4.jpgWP_Error Object
(
[errors] => Array
(
[http_404] => Array
(
[0] =>
)
)
[error_data] => Array
(
)
)
0
I just purchased and installed Newspaper 6 and installed demo content. Noticed that on every demo homepage the smart tags are visable/not translated. Below is a link
Hi,
First you have to import the settings which come with the Classic Blog demo, just go to the Install Demos section – http://screencast.com/t/wNSBAyTUr
Second, you have to create the homepage – http://screencast.com/t/tvSvT3bJ8RI – http://screencast.com/t/cXHtWvQz5u
Third, set the newly created page as homepage from Settings -> Reading – http://screencast.com/t/i8Ozxe8q
@other issues – please provide more details, i’m not sure what you mean. If you use a cache disable it (or clear it) and see if the issue is still there.
Thank you!
Hi,
The newspaper theme already has a trending now block: http://screencast.com/t/NhwaSO5xRu you can see it live on our demo: http://demo.tagdiv.com/newspaper/ if you need other approach on this you can customize the one existing now in the theme or you can try a plugin.
Thanks for the message!
Here is my speed booster file
<?php
/*
Plugin Name: tagDiv Speed Booster
Plugin URI: http://tagdiv.com
Description: Speed booster for Newspaper 6 and Newsmag 1.x themes - It moves the styles and all the scripts of the theme to the bottom when needed. It activates internal theme optimizations for better speed and it adds async js .
Author: tagDiv
Version: 4.1
Author URI: http://tagdiv.com
*/
define('TD_SPEED_BOOSTER' , 'v4.1');
class td_speed_booster {
private $style_footer_queue = array(); // here we keep all the stylesheets IDs that we want to move to the footer
private $is_ie = false; // if the browser is detected as IE, treat it differently
// here we keep the theme information
private $td_theme_name = '';
private $td_theme_version = '';
private $td_deploy_mode = '';
private $allowed_plugins = array(
'bbpress/bbpress.php',
'contact-form-7/wp-contact-form-7.php',
'jetpack/jetpack.php',
'js_composer/js_composer.php',
'td-speed-booster/td-speed-booster.php',
'font-awesome-4-menus/n9m-font-awesome-4.php',
'wordpress-seo/wp-seo.php',
'wp-user-avatar/wp-user-avatar.php',
'td-social-counter/td-social-counter.php',
'wp-super-cache/wp-cache.php'
);
// this class is instantiated at the bottom of this page
function __construct() {
add_action('td_wp_booster_loaded', array($this, 'start_booster'));
}
/**
* everything starts from here
*/
function start_booster() {
// read the theme version and name if defined
if (defined('TD_THEME_VERSION') and defined('TD_THEME_NAME') and defined('TD_DEPLOY_MODE')) {
$this->td_theme_version = TD_THEME_VERSION;
$this->td_theme_name = TD_THEME_NAME;
$this->td_deploy_mode = TD_DEPLOY_MODE;
} else {
return;
}
// detect IE 8 9 10 11
if (
!empty($_SERVER['HTTP_USER_AGENT'])
and (preg_match('~MSIE|Internet Explorer~i', $_SERVER['HTTP_USER_AGENT']) or (strpos($_SERVER['HTTP_USER_AGENT'], 'Trident/7.0; rv:11.0') !== false))
) {
$this->is_ie = true;
}
// add hooks
add_action('wp_enqueue_scripts', array($this, 'css_mover'), 1002); // 1002 priority - because visual composer has 1000 and we use 1001 in the wp010 theme
add_action('wp_enqueue_scripts', array($this, 'js_mover'), 1002); // 1002 priority - because visual composer has 1000 and we use 1001 in the wp010 theme
add_action('wp_footer', array($this, 'render_footer_styles'), 15);
// hide the body only on IE and Newspaper 6+
if (
$this->is_ie === false
and $this->td_theme_name == 'Newsmag'
) {
//add_action('wp_head', array($this, 'hide_body_inline_css'), 15);
}
/**
* jetpack is 'special' - it has to be moved like this. It has now only one CSS
* the two hooks are needed!
* @since 27.05.2015
*/
add_action('wp_print_styles', array($this, 'jetpack_mover'), 10);
add_action('wp_print_footer_scripts', array($this, 'jetpack_mover'), 10);
}
/**
* jetpack is 'special' - it has to be moved like this. It has now only one CSS
* @since 27.05.2015
*/
function jetpack_mover() {
$this->move_style_to_footer_queue('jetpack_css');
}
/**
* here we move the css
*/
function css_mover() {
if ($this->td_theme_name == 'Newsmag') {
// wp 011 - Newspaper 6
//$this->move_style_to_footer_queue('bbp-default-bbpress'); //bpress old
//$this->move_style_to_footer_queue('bbp-default'); //bpress
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto');
$this->move_style_to_footer_queue('contact-form-7');
if ($this->is_ie === false) {
// move style.css theme style
//$this->move_style_to_footer_queue('js_composer_front');
//$this->move_style_to_footer_queue('td-theme'); //this is the main style of the theme. It's only moved on Newspaper 6!
}
}
//@todo test on newsmag
$this->move_style_to_footer_queue('woocommerce_frontend_styles'); //old woocommerce?
$this->move_style_to_footer_queue('woocommerce-layout');
$this->move_style_to_footer_queue('woocommerce-smallscreen');
$this->move_style_to_footer_queue('woocommerce-general');
$this->move_style_to_footer_queue('bp-legacy-css');
$this->move_style_to_footer_queue('td-theme');
$this->move_style_to_footer_queue('font-awesome-four');
//move revolution slider css
$this->move_style_to_footer_queue('rs-plugin-settings');
$this->move_style_to_footer_queue('genericons'); //still rev slider
}
/**
* move the js
*/
function js_mover() {
global $wp_scripts;
//detect revmin - revolution slider and do not move jquery, the plugin outputs raw js in the page!
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.1/jquery.min.js'), true, '1.11.1', true);
wp_enqueue_script('jquery');
}
/**
* move javascript to footer
*/
$this->move_js_to_footer('themepunchtools');
$this->move_js_to_footer('td-site-min');
$this->move_js_to_footer('revmin');
$this->move_js_to_footer('archivesCW');
$this->move_js_to_footer('js_composer_front');
$this->move_style_to_footer_queue('archives-cal-classiclight');
//print_r($wp_scripts);
// replace comment-reply.min.js with inline version
}
/**
* here we render the footer styles
* the styles are already deregistered when you call @see move_style_to_footer_queue ($style_id)
*/
function render_footer_styles() {
//get the theme version for style
$current_theme_version = $this->td_theme_version;
//on demo mode, auto generate version hourly + day - so we get a fresh css hourly
if ($this->td_deploy_mode == 'demo') {
$current_theme_version = date('jG');
}
if (isset($this->style_footer_queue['td-theme'])) {
// whatever the order, make damn sure that our td-theme style is LAST - we remove it from the queue and add it again at the end
$td_theme_value = $this->style_footer_queue['td-theme'];
unset($this->style_footer_queue['td-theme']);
$this->style_footer_queue['td-theme'] = $td_theme_value;
}
// output the new styles
foreach ($this->style_footer_queue 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";
}
}
/**
* prevent flickering of the image until the style is loaded
*/
function hide_body_inline_css() {
echo '<style>body {visibility:hidden;}</style>';
}
/**
* the id of the style can be found in the source of the page, for example:
* <link rel='stylesheet' id='td-theme-css' => the id is 'td-theme' (note that the '-css' part is missing)
* using this method you can move other styles if needed
* Moves a style to the bottom of the page
* @param $style_id string - the id of the style
*/
function move_style_to_footer_queue($style_id) {
global $wp_styles;
if (!empty($wp_styles->registered[$style_id]) and !empty($wp_styles->registered[$style_id]->src)) {
$this->style_footer_queue[$style_id] = $wp_styles->registered[$style_id]->src;
wp_deregister_style($style_id);
}
}
/**
* @param $js_id string - the js file id (this is a bit more complex to get) @todo -> add a tutorial about how to get the theme js
*/
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);
}
}
}
new td_speed_booster();
and here is registered scripts
registered scripts
archivesCW | http://www.domain.com/second/wp-content/plugins/archives-calendar-widget/jquery.archivesCW.min.js
aspexi-facebook-like-box | http://www.domain.com/second/wp-content/plugins/aspexi-facebook-like-box/js/aflb.js
jquery | http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
td-site-min | http://www.domain.com/second/wp-content/themes/Newsmag/js/tagdiv_theme.min.js
comment-reply | /wp-includes/js/comment-reply.min.js
registered styles
archives-cal-classiclight | http://www.domain.com/second/wp-content/plugins/archives-calendar-widget/themes/classiclight.css
awesome-weather | http://www.domain.com/second/wp-content/plugins/awesome-weather/awesome-weather.css
opensans-googlefont | https://fonts.googleapis.com/css?family=Open+Sans:400,300
google_font_roboto_cond | http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700
google-fonts-style | http://fonts.googleapis.com/css?family=Open+Sans:400,700
js_composer_front | http://www.domain.com/second/wp-content/plugins/js_composer/assets/css/js_composer.css
td-theme | http://www.domain.com/second/wp-content/themes/Newsmag/style.css
td-theme-child | http://www.domain.com/second/wp-content/themes/Newsmag-child/style.css
Hi VELOW,
I believe it happens due to your server configuration which is not responding, it could be due to a delay or it could also be a temporary issues so you can try this a few times and if you still get this error please contact your host provider and let him know about this, ask them to unblock our demo in order to retrieve the theme data. It could also happen due to your wp install or other plugins might also cause this so you could also test this on a fresh wp install and let us know if you still get the same result.
Thanks
Hello,
for some reason the hover function on our menu is not working on Chrome – we have the latest version of the theme and we’re using a child theme.
The menu is working fine in Safari, Firefox and Opera. I have looked at the demo on the themeforest website and that works fine using Chrome so it looks as though it’s site-specific.
I did try using the Ubermenu plugin here so we could show our sub-menu’s as columns but decided against it and removed the plugin.
Any ideas? Our URL is http://www.weddingideastest.com
Fatal error: Call to undefined function vc_column_offset_class_merge() in H:\root\home\google-002\www\site1\wp-content\themes\Newspaper\vc_templates\vc_column.php on line 22
When I tried to install a default demo, and the homepage displayed such error.
I don’t know what is wrong
Morning
We have just started a using NewsPaper and have been testing on a dev server before making live. http://moneydirectoryuk.ciroqu.com
We imported the ‘Tech Demo’ to get us started but an hour ago the theme became boxed not full width and Ill be damned if I cant find the settings Ive accidentally changed can you advise please.
BR
MTP
Hello,
I have a few questions, to which I hope I can find some solution.
I used to have 20 websites and I’ve just merged them into 1 large website. It happens that among the 500+ pages I have now, 95% are pages, and not posts. I have always used pages as posts and vice versa over the years on my former websites
I realize now, after having imported everything, and put it all in order, that pages have very few rights, be it in the composition of articles or display features. What would seem simple is to use a plugin that will transform all the pages into posts but this will mess up in depth the thousands of internal links, linking articles between themselves.
I’d have the first following questions that concern giving the same features to pages as posts:
1) In “related posts” or to display social networks, can this appear in pages and not posts only ?
2) In the mega menu, only posts appear, not pages, is there a way around it? Because of that I have categories that display nothing as I’ve no posts, but only pages.
3) All in all, is there anything I can do to for the pages to be used and display like posts ?
Other questions:
A) In the mega menu, as in http://www.consobrico.com, if you check the menu with “Salle de bain”, only the first 7 or 8 categories are displayed. However I have 11, but unless the visitor know he needs to scroll down within the menu, these are invisible. Is there a way to have all the categories displayed ?
B) In the category section, for ex: http://www.consobrico.com/category/salledebain/colonne-de-douche/ is it possible to have infinite scroll or “display more’ rather than Page 1/3, Page 2/3 etc…
C) I seem to have mistakenly erased the contact page ex: http://demo.tagdiv.com/newspaper/contact/ with the contact box, etc.. how can I retrieve it?
D) I’ve always used for almost all my content creation the “Thrive Content Builder” plugin. It seems to work nicely with the theme, however it doesn’t display the summary in categories for example http://www.consobrico.com/category/salledebain/colonne-de-douche/ (if you need my login details, let me know where I should send you send these to).
Sorry for all these questions, hopefully we can work out solutions.
Thanks again.
John
Chances are is if you are using this theme you have run into an issue with lazy loading. The current lazy loading in the theme is not very good and causes several issues leading us to disable it because let’s face it most users are having problems with it. Soo the better replacement is Rocket Lazy Load.
Install this plugin.
https://wordpress.org/plugins/rocket-lazy-load/
Difference between this plugin and the theme lazy load. It is better for page speed lol. If you look at the theme and you analyze the page such as the demo ( http://demo.tagdiv.com/newspaper/ ) then the images are not really being lazy loaded. If you were to take this page and look through GT Metrix or another testing tool the image is still being shown on the waterfall and the reason is quite simple, its not being lazy loaded instead there is an animation to make it appear as if it were being lazy loaded.
https://gtmetrix.com/reports/demo.tagdiv.com/RXl290Xa
True lazy loading takes away the impact of those images being loaded by replacing them with an alternative. Which is why on some sites you will see something like gray.gif or something being loaded in testing tools because it’s a smaller file which reduces the load time. However, the more appropriate way is to use a base64 version of the image to reduce the HTTP requests. This is where the browser is actually creating the image based on that code meaning it doesn’t have to download another image thus reducing HTTP requests.
Example: data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==
The animation for this theme is beautiful and looks much better than the above plugin but in terms of speed it doesn’t seem to stack up. In fact, if you implement the above solution I am willing to bet you will do better in terms of speed than you would using the theme’s version.
I recommend that tagdiv looks at improving the lazy load animation by truly making it lazy load images, and to solve the animation issues that have been occurring on most users sites.
Hi, i have a problem with thumbnails in demo page (installed from Newspaper->install demos panel) but problem is specific, occurs ONLY on my local enviroment if i installed theme on free php hostring everythings is OK.
But if i installed on my coumputer same version of wordpress, next newspaper theme and any demos from demo panel, some thumbnails are wong displayed. Any suggestions?
Is this problem may be associated with php version? my local envimoment is:
Ubuntu 14.04
PHP 5.5.9-1ubuntu4.11 (cli)
I trayed regenerate thumbnails on my local enoment but without any effects.
screen from local: http://i59.tinypic.com/103v3uw.jpg
and rometote: http://i57.tinypic.com/2j69wtf.png
In bouth cases i’m just install:
1. wordpress 4.2.2
2. Newspaper theme
3. Required plugins
4. Demos
Hello!
Please forgive me if this is an amateur question, however I’m having a bit of a problem. I recently purchased and installed your theme and activated on a wordpress site that had existing posts.
When I attempt to edit a page (let’s just say the home page in this case), all looks well when using the visual composer:
http://grab.by/J6U6
However the published page is anything but pretty:
http://grab.by/J6U8
I’ve installed the ‘default demo’ without the content (settings only), however things just aren’t looking too hot. Any help would be greatly appreciated!
-Richard
hi,, how i cange or where i can edit home page, if i install videopapaer demo and i want have this like demo is.. but i dont know found where i can edit first part of homepage (from header to “dont miss” panel) if i edit widgets and all change this only under “dont miss panel”..
Hi,
Iam in the same situation, i can’t install demo.
Ajax error. Cannot connect to server, it may be due to a misconfiguration on the server.
textStatus: parsererror
…..
I have an access on my server, what i can do on it do to resolve this problem please.
Michel
Hi,
I observed that my images added to post are not in lightbox hence doesn’t give that subtle effect when click, how can I make this happen. I want the images in posts to have the lightbox effect like the one in the demo site.
Regards
hi, My Website Examsleague.com is showing System status yellow of :
1. max_execution_time : 30 – the execution time should be bigger than 60 if you plan to use the demos
2. max_input_vars : 1000 – the max_input_vars should be bigger than 2000, otherwise it can cause incomplete saves in the menu panel in WordPress
How this Issue will be Resolved ?
and When around 150 Visitors come to my site at the same time.. it starts showing Error in Establishing Database Connections..
how it will be resolved ?
Ok Alin, I understood it now. But may I request your support on this to make the site as fast as the demo site?
One of the core reason using Newspaper framework is to boost the speed of our WP news site on desktop and mobile. May I ask for your private support to aid in configuring td-speed booster plugin as explained? We want to use the champions league background image hence we have the background manager plugin installed because the one that came with Newspaper when activate “stretch” makes the bg image blurred. We are yet to install WP Super cache as recommend. I don’t know the reason why you don’t use w3total cache plugin but its ok so far it makes the site faster.
Thanks in anticipation.
Regards
Hi,
Ajax view use javascript so in case that you have some javascript errors it may affect view counter. Please check this without any plugins active, leave just Visual Composer active, clear cache and open an articles and refresh it for few times and check if the view count works – http://screencast.com/t/gJ9uEsRYoIj
Regarding the cache plugin we recommend WP Super Cache, we use it also on our demo and we suggest to be used by default(settings).
Thanks!
In the demo I saw that by setting the style 1 you get this result:http://imgur.com/VzWRwYR
To me it appears like this: http://imgur.com/rdJvSen
how can I get your result? Thank You
Hi
This blog http://demo.tagdiv.com/newspaper_classic_blog/ it’s built with page builder with latest as a page template and contains one big grid 4 followed by a text block and the latest article section with modul 4 used for layout and a sidebar left as you can see here: http://screencast.com/t/TjhAzBzA Also you can install the classic demo and check the setting.
Thanks!
Hi,
I believe you refer to this video play icons: http://screencast.com/t/4AKa7AvIgy Those icons are added when you set a post to the video format: http://screencast.com/t/f9q6z3jy3QT
You can find out how to set a featured image or featured video for your post format in this guide: https://forum.tagdiv.com/featured-image-or-video/
Unfortunately we don’t have any other documentation on this however you could view our video demo version for inspiration here: http://demo.tagdiv.com/newspaper_video/ and let us know if you have any other questions in this regard.
Thanks
