- 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
Hi!
I’ve just bought the theme and I’m loving it!
I’m making the first tests on it and I have some doubts:
1. How can I set my header exactly like this one http://criss-colfer.fr/test/ ? I mean: higher than the demo, fullwidth and no borders.
I tried to set the Header Style 3 – (full width logo) + menu in the Theme Panel, also no image or color background, but the only thing I get was this: http://fotografiaetc.com.br/
I appreciate if you can explain me how to do these changes easily, since I’m not an advanced user.
2. I’ve made some initial customization, but I’ve noticed that Chrome and IE displays the theme very differently, specially concerning the (i) content width and the (ii) theme main color (IE shows part blue, part yellow), why is that?
3. Finally, I’ve made the sample content installation, but my theme is not showing any of the images (as you can see in the link above), what can be wrong?
Thank you very much for your help!
Hi,
you may want to read through the entire pagespeed topic (big sticky top of the forum), as all of this has been well covered there.
Generally you can’t do anything about things like addthis (although I did post a hack to load that in async mode), or jetpack – as those load on other servers and will show up as errors when you run pagespeed analytics. If it’s not loading off your site, it will likely show up as an error of some kind – this includes recaptcha, adsense ads, etc.
Not sure what you mean about looking at source code of theme vs source code of the page — the theme code is not rendered while the code on your site is rendered with all the stuff coming from dbase and external and queries, etc. If you’re trying to compare the “demo” to your pages, that may not work either. You should follow the instructions to setup the cache (remember you need to CLEAR cache every time you change things like htaccess, new plugin, etc.), the speed booster, the page expires time.
For realistic speed – test without addthis, adsense, or jetpack. Then put that stuff back and decide how much impact you want to have on your site. I use addthis for social buttons on one site, and then the theme stuff on another. I don’t use jetpack as it’s slow and I hate loading stuff from a mothership that isn’t my own. I limit number of ads on page (4 ads will be slow if images!) – try loading text only ads, to speed up page!
But a *lot* of this, if not all, has been covered in the pagespeed topic. So, best to start there, and remember it’s virtually impossible to get above 91-93 in desktop with a busy site, lots of pix, wordpress theme, external stuff. Mobile will be slower, no matter what you do. 76+ isn’t too awful right now. 80+ is goal. 65 would be awful. To really optimize for mobile requires making a version of page which most newspaper sites won’t do, and that is mostly text, one picture, minimal navigation, etc.
Google sadly doesn’t differentiate from “tablet friendly” and “iphone friendly.” SO, I’ve stopped crying over trying for a perfect score on phones — it’s not my primary audience. Tablets are, then desktop.
Anyway… that might not help. But
1) set cache to page cache ONLY
2) don’t use any minification stuff until you have speed booster plugin working right
3) make sure your htaccess has expires headers
4) make sure your web server is doing gzip/deflate
5) optimize your images prior to upload; if possible use my hack to increase compression level for thumbnails (or use smush.it or similar; I prefer to edit my functions.php file to change compression to “50”)
6) run your speed tests
7) turn off anything you don’t absolutely NEED if you’re seeking highest score
8) test and retest
THEME UPDATES:
I find it’s best to fully over-write the old theme with NEW theme folder each time, via FTP. I’ve had mixed results with “patching” over the past 10 years with WP sites, and more often than not they break somewhere due to permissions.
Frankly, it’s good habit, since you can also download a full snapshot via FTP before you do an update, to ensure you have a full snapshot. I date and RAR mine here for archival purposes.
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.cssPrioritize 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 🙂
Hi.
I would to use a 2-column page builder content, is that posible?
like this:
http://vvcap.net/db/vJotIUe3W3WOX42NIqtM.htp
I know that I can do this with a full customized homepage BUT I lose the paginator when I do this and the paginator is very important to me.
I ask this because I would like to have a homepage like this: http://demo.tagdiv.com/newspaper/category/module-8-category/ (with a 2 column slide) and then the articles with a paginator.
Hello!
I’ve seen a play icon on the featured images on the demo theme. I was wondering how to get it. Is it possible via getting the featured image from videos? I can’t see how to do that. Please tell me how to do that.
demo:
thanks.
I view the source code of the demo, and its more different that my page.
Yours
<head>
<title>Newspaper | Just another WordPress site</title>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="pingback" href="http://demo.tagdiv.com/newspaper/xmlrpc.php" />
<link rel="icon" type="image/png" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/favicon11.png"><link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-76.png"/><link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-120.png"/><link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-152.png"/><link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-114.png"/><link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-144.png"/><meta name='robots' content='noindex,follow' />
<link rel="alternate" type="application/rss+xml" title="Newspaper » Feed" href="http://demo.tagdiv.com/newspaper/feed/" />
<link rel="alternate" type="application/rss+xml" title="Newspaper » Comments Feed" href="http://demo.tagdiv.com/newspaper/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Newspaper » Homepage Comments Feed" href="http://demo.tagdiv.com/newspaper/homepage/feed/" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://demo.tagdiv.com/newspaper/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://demo.tagdiv.com/newspaper/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 3.8" />
<link rel='canonical' href='http://demo.tagdiv.com/newspaper/' />
<link rel='shortlink' href='http://demo.tagdiv.com/newspaper/?p=800' />
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><!<code>[endif]--></code>
My page
<head>
<title>Ambito Financiero:finanzas personales,actualidad economica,pymes</title>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="pingback" href="http://ambito-financiero.com/xmlrpc.php" />
<link rel="icon" type="image/png" href="http://ambito-financiero.com/wp-content/uploads/2013/10/favicon-ambito-financiero.png"><link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-76x76.png"/><link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-120x120.png"/><link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-152x152.png"/><link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-114x114.png"/><link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-144x144.png"/><link rel="alternate" type="application/rss+xml" title="Ambito Financiero:finanzas personales,actualidad economica,pymes » Feed" href="http://ambito-financiero.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Ambito Financiero:finanzas personales,actualidad economica,pymes » RSS de los comentarios" href="http://ambito-financiero.com/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Ambito Financiero:finanzas personales,actualidad economica,pymes » Portada RSS de los comentarios" href="http://ambito-financiero.com/portada/feed/" />
<link rel='stylesheet' id='arqam-style-css' href='http://ambito-financiero.com/wp-content/plugins/arqam/assets/style.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css' href='http://ambito-financiero.com/wp-includes/css/dashicons.min.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css' href='http://ambito-financiero.com/wp-includes/css/admin-bar.min.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='http://ambito-financiero.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.7.2' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-opensans-css' href='http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-ubuntu-css' href='http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-pt-sans-css' href='http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-oswald-css' href='http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-roboto-cond-css' href='http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='td-bootstrap-css' href='http://ambito-financiero.com/wp-content/themes/Newspaper/includes/wp_booster/external/bootstrap/td-bootstrap.css?ver=3.4' type='text/css' media='all' />
<link rel='stylesheet' id='td-theme-css' href='http://ambito-financiero.com/wp-content/themes/Newspaper/style.css?ver=3.4' type='text/css' media='all' />
<script type="text/javascript">
function w3tc_popupadmin_bar(url) {
return window.open(url, '', 'width=800,height=600,status=no,toolbar=no,menubar=no,scrollbars=yes');
}
</script>
<script type='text/javascript' src='http://ambito-financiero.com/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>
<script type='text/javascript' src='http://ambito-financiero.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://ambito-financiero.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://ambito-financiero.com/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 3.8.1" />
<link rel='shortlink' href='http://ambito-financiero.com/?p=5031' />
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->And then there are thing that in my theme shows in the head, and in yours dont.
What config of w3 total cache uses?
Hi,
Could be a conflict with a plugin. On our demo we use Speed Booster plugin and everything works fine.
The view counter not match if used with W3 total cache. You can try with this plugin http://wordpress.org/plugins/wp-postviews/ that work with W3 total cache.
Thanks!
Hi,
I’m new to using this template and honestly, I’m quickly growing to hate the damn thing.
I’d like to request a quick Youtube video tutorial on building out a homepage and maybe a page or 2 with subcategories.
The modules and blocks instructions are not very clear and if you’re unfamiliar with the template they honestly don’t help much.
I’m trying to build a homepage and I keep having to reload the demo as a starting point to figure out how to build. I don’t have time for that as my site is launching live soon.
This seems like a really good product, but I’m getting off to a rough start with it.
Thanks,
John
Thank you. All green. Weird that the demo works fine on themeforest but on my server it doesn’t show a count.
Hey I’ve just noticed that the register tab seems to be missing on my site:
http://imgur.com/uFSpRZn&Xt7YQ40
Its not showing up on the Newspaper demo site either:
http://imgur.com/0WqU0iA
Have I done something wrong or is this a bug?
Thanks,
everything works great thank you
demo: http://wpthemess.net/formation/
Hi guys,
how do I setup your post slide-in feature “More Stories” on this page (after scrolling down a bit). http://demo.tagdiv.com/newspaper/vins-people-funny-thing-happened-on-way-to-work/
Cheers
Hi,
This we have used for the shop page, create a new page and add this in text editor, then change the content like you want.
[vc_row][vc_column width="1/2"]
<p style="text-align: right; color: #858585; font-size: 26px; line-height: 33px; padding-top: 8px;">WELCOME TO THE
<span style="color: #4db2ef; font-weight: bold;">NEWSPAPER</span> DEMO STORE</p>
[/vc_column][vc_column width="1/2"]
Simplify and enhance your online shopping experience with Newspaper.
[vc_button title="BUY NOW" target="_self" color="default" size="default2" href="http://themeforest.net/item/newspaper/5489609"][/vc_column][/vc_row]
<h1>Featured products</h1>
[featured_products per_page="4" columns="4" orderby="date" order="desc"]
<h1>Latest products</h1>Thanks!
Hi,
1. You can make that by adding target="_blank" like here: http://screencast.com/t/ZUsUlf2tufvL (this will be global) Do you need individual?
2. Now the theme have default 2, do you need more? Can be added via code.
3. We have this, you can check on our demo.
Thanks for your message!
Hi there,
do you have a documentation about how to setup the Woocommerce shop within your theme? I would like to have same settings as on your demo: http://demo.tagdiv.com/newspaper/shop/
Cheers
a couple more things – the demo uses different social share buttons than the theme on posts I assume I should just replace them in images?
Also I tried to move the post title to below the first image and comment out the category button but no luck?
Also can I change the search field icon width to remove the dead space to use for other icons in the main menu?
Hi,
Please can you give me link to see the issue, if you have an image at last as minim size required the image should fit the slider.
I think there is not a regenerate thumbnail issue, is because you use the slider of other columns instead of 1 column, 2 column or 3 columns like here: http://demo.tagdiv.com/newspaper/ios-slider/
A link will help us to solve the puzzle 🙂
Thanks!
Hi,
Two questions:
1) If I wanted to hide the header and just have the main menu (the tacky menu), can this be done just with some custom css?
2) What’s the new social sharing plugin are you using on your demo site? I like the new bigger buttons.
Thanks!
Hello!
I’ve just updated to the latest version of this theme. Unfortunately the Sharing, Tags and Via/Source style isn’t working at all! It is not showing as the same as seen on demo. The new update is really great, I can’t wait to see it in action on my site 🙂
Please let me know what’s the problem.
Thanks!
hi,
well, do a clean install on your computer, download XAMMP (this is a package that contanins Apache web server, Mysql, and some other software), download wordpress and run the wordpress instalation steps then install our theme. After this install the demo data:http://screencast.com/t/pDt1WbSw6 .
at this point check how fast the theme panel is loading.
if is slow then there is a with the theme.
if is fast then the problem is from somewhere else (plugins, or configuration that the hosting company has for that server).
from my experience I can tell you that there is a javascript file that belongs to a plugin that takes to much time to load, and our panel wait for it to load.
however finding this file and stooping it is no easy task since everything in working in the hidden from your eyes.
Thanks for you message.
Radu A.
Hi,
At this moment the theme have Blocks from 1 to 9 http://demo.tagdiv.com/newspaper/block-1-2/
If you want to create a new block you can take a look here to see how is built a block http://screencast.com/t/vATuIcLkw
Is a little complicated because a block should work on 1, 2, 3 columns + responsive.
Thanks!
Nadia
I think there are plugins that allow you to more easily build an “all authors on one page” loop if you’re trying to do that.
http://premium.wpmudev.org/blog/how-to-show-all-your-authors-on-one-wordpress-page/
I think you’re a bit off in presuming that folks here are going to help you develop something outside what the theme is designed to do, and then have an attitude about it. Learning to code and customize WordPress is often trial and error, based on research and feedback. Insulting the theme support folk for not having the time to develop code for you is a bit rude. Theme works awesome based on the demo found on themeforest, and all the folks using it – custom hacks are not included in the price — hiring a developer for one hour can cost more than the total cost of this theme, so expecting the theme developers to do MORE and MORE and MORE free customizations at some point is unrealistic. And there are a lot of folks here who *do* try to share expertise and experiences. Hopefully you’ll fare better elsewhere.
(This is only my opinion. I do not work for, nor have any financial involvement with tagDiv.)
hi,
the link is quite ok: tagdiv.com/theme/users/newspaper.wordpress.2014-02-21.zip
it is located on our server.
Thanks for you message.
Radu A.
hi,
is not normal to take 3 minutes, what plugin do you have, disable all an try again.
to find out if the theme has problem, you need to instal it on your computer and install the demo data (no plugins). If it duos the same on your computer then there is a problem with the theme, if it doesn’t then the problem is from somewhere else.
Latest article
you have 2 option
either use a template: http://screencast.com/t/67DIv5ksAWv
or from blocks : http://screencast.com/t/UE2m8Sbj2Hg
http://screencast.com/t/89G2ri3BNR
http://screencast.com/t/YQ45UTzY
Thanks for you message.
Radu A.
