Just FYI to all when any site is running mod_pagespeed it’s really easy to tell as GPS will insert beacons or other things in the page HTML source to identify that.
eg
<script type='text/javascript'>window.mod_pagespeed_start = Number(new Date());</script>
<script pagespeed_no_defer="">
etc.
OMG! This is exciting stuff, and hopefully you will get this all sorted as it would be great to make my life easier from a number of other hacks I’ve been doing. Bravo — keep updating on this!!! 🙂
I think that’s covered in the docs – maybe changed for v3?
http://import.tagdiv.com/newspaper/doc/
The content featured images
•Recommended sizes if you want full width images(Full slide on 3 columns): 1074px * 483px
•Recommended sizes if you want 2 columns width images: 700px * 406px
http://import.tagdiv.com/newspaper/doc/external/photo/thumbs.jpg
(TIP: you an find the /docs/ folder in the full download of the theme from Themeforest.)
-
This reply was modified 12 years by
simchris.
Most of the issues with social sharing are issues with the actual social media sites and their code which must be loaded by the theme to do things like “call” number of likes — that isn’t done by the theme. So, some things are impossible to “optimize” as they are not PageSpeed friendly. This also includes AdSense, ReCaptcha, YouTube, etc.
“the best social sharing codes” are those provided by each social media outlet with async loading; but the elements are still loading from that other site which you have zero control over.
For best PageSpeed you would need to use something like a single pill button from AddThis, or create locally hosted icon images which only “post” to the social media sites and have no interaction such as showing number of likes/shares — all that data coming from those sites like Twitter, FB, and G+ will cause PageSpeed issues.
Just some info on that. I’ve spent a ton of time on this issue and there is no perfect solution, unfortunately.
In case this helps anybody, if you search through my older posts, using the AddThis plugin with my async loading hack works very well for choosing the exact kind of icons and share/like buttons you wish to use at top and/or bottom of each post page.
For speed you can even just have the classic touch friendly “pill” which does drop down to select whatever share locale needed.
Much easier than hacking the theme templates.
Woohoo! 🙂
Updates via WP panel don’t often work due to mixed permissions on folders, where apache/server owns some things, and the ftpuser/site owner “owns” other things. If WordPress was installed via hosting panel vs manually via FTP, this is a very common problem.
Best way to upload, install, update any theme typically is to do so manually via FTP. (Making sure you backup everything before doing updates, of course.)
You can often check “ownership” permissions via your hosting panel/file manager, as it will show who owns what.
Hope that helped.
You may want to research this online as it’s an old topic, unrelated to this theme’s support or usage. It’s actually more complex than simply changing the name as you first need to change the style.css to point at the new theme name. This is done with all themes, and is also how one creates themes from scratch. WordPress explicitly uses the theme style.css to identify the theme and assets.
You may also need to change any htaccess or wp-config.php settings as needed. If you’re new to using WordPress, this is an *advanced* activity, and there are many articles online regarding how to change the theme folder name.
Once you have fixed the style.css to new name, you would obviously need to select the NEW theme from the admin > appearance function in WP.
Hope that helped. 🙂
nevchy … are you able to upload images using the default wordpress theme?
Also the errors you specify appear to be related to the missing “GD” library on your server as I noted previously. See discussion related to this on WordPress.org
http://wordpress.org/support/topic/plugin-wp-table-reloaded-error-messages-and-images-not-appearing
from that page suggestions were:
It sounds as if the PHP library for image processing is not installed or broken on your server.
To confirm this, can you please try inserting/uploading an image into a regular WordPress post? If my assumption is correct, you should get the same errors there.
If that happens, I suggest to contact your webhost company to have them check the PHP image library settings.
• Remove this line from Wp-config file (define(‘WP_CACHE’, true) )
• Check .htaccess file and if you see any code added by w3 remove it
It is usually inserted in a # section above the #wordpress section
The htaccess file is what is used to manage permalinks, and special instructions to the web server.
Usually at
/root/.htaccss
hidden by default; you will need to either set your ftp to filter view and show hidden files; or use the file editor in your hosting panel.
So, there might be a section
# W3CACHE stuff #
blah blah blah
# END #3 CACHE #
(delete the above in .htaccess file …)
Don’t delete .htaccess file completely as that is how the permalinks are able to work.
Good idea to learn to set FTP software to make that visible so you can backup when you do site backups.
Read more: http://www.shoutmeloud.com/how-to-delete-uninstall-w3-total-cache-wordpress-plugin.html#ixzz2sJKE3Fpq
Under Creative Commons License: Attribution No Derivatives
Mehedi
you would, via FTP, or hosting/file manager, delete the folder created by W3 cache which has all the cached content in it. (See W3 help for what folders are created; they should be pretty obvious if you look at your site via FTP on regular basis.) e.g.
wp-content/cache
Replace files … simply re-upload all your theme files if you think they were over-written.
As far as I know, W3 doesn’t “change” the theme folders, only serves cached copies. So, in theory, you should not actually need to replace the files in
/wp-content/themes/Newsapaper/
HOWEVER … one item which W3 cache doesn’t fix on deactivation, is cleaning up all the folders it creates in /cache/ and it doesn’t remove the cache “on” line which you would have added in your
/root/wp-config.php
and/or .htaccess file
UPSHOT: if you’re still seeing “cached” copies of content (old versions); you need to disable the caching completely
1) turn off plugin AFTER you clear cache in the plugin
2) delete the /cache/ folder contents wherever it made them
3) check your .htaccess file to remove any “directives” put there by W3 cache
4) check your functions.php file to change cache to “off”
And this presumes you’re making backup copies of everything !
If you’re new to WP, the wonderful repository for wordpress plugins is found at:
http://wordpress.org/plugins/
WP super cache is here
http://wordpress.org/plugins/wp-super-cache/
AS EVER: make backups of all your files; images, folders; make backup of dbase from your host/phpmyadmin; make backup of data files from wp admin > tools > export.
TEST anything before committing to it. If something doesn’t work, go back to the one that works from your backups.
Caching apps are tricky to use, and should generally be used ONLY by advanced users.
Might not be issue, but make sure the GD library is installed on your server. Those errors are coming from WordPress and not the theme, specifically, it looks like. WordPress uses various “libraries” on the server to process, resize, and make thumbnails from images you upload (such as a jpeg file).
In your WP > admin > media settings there is also a “maximum size/width” setting. You may want to double check that is not too small for the sizes you’re using. (Normally not an issue, but it may default to something like 625×625 as maximum — so if you try to upload a 1024×768 image and want it to be 735×435 or whatever – that might cause an issue.)
These may not be the solution, but perhaps it may help as starting point. Just an idea.
To patch the theme from old version to new, for those who don’t want to re-upload all the files.
Just to recap for anybody reading this thread: Revolution slider is a slider from ThemePunch (look it up on the web– it’s a popular commercial product: http://www.themepunch.com/codecanyon/revolution_wp/ ); it’s one of the various “slider apps” (featured “slide show” that “slides” – like a PowerPoint app, or a “featured stuff” element) included with the theme. Some people like one slider, other folks like a different one. Some allow only images, some allow CSS blocks (text+images). Some people like to have latest stories “slide” although many find that annoying and prefer static elements.
I believe the 2x “demo” uses static featured images on home page (don’t know which “block” off top of my head). I don’t think any of the theme demo pages use the sliders. I’m sure Radu included them as a selling point, but also for those moving from another site to use the sliders, which some people love, some people hate. Most news sites don’t use them anymore (think CNN, NY Times, LA Times, Daily Mirror, etc.). It’s more commonly used on business/ecommerce now and *not* for news/magazine portals, as it often has a bad UX (user experience) on mobile for “above the fold” content. So, great for GoDaddy home page, bad for a newspaper.
As far as I know it’s (Revolution slider) only used by theme to build a slider for home page or custom page, if so desired. If you’re not using it already, then no need to use it unless you want to. Sliders are NOT used to build menu items. But the demo page shows what it’s good for (link above), for those who’ve never looked at that.
MANY theme developers use this slider, or the bootstrap slider, and/or woo slider and include them with commercial product (e.g., “Newspaper” theme).
Sorry to ramble on there … hope that made sense.
UPSHOT: no “slider” used with theme would normally have anything to do with menus, navigation, or the like.
The “slide out” menu used by theme is simple CSS/dhtml/less stuff, and doesn’t need a plugin to do that.
-
This reply was modified 12 years by
simchris.
Clear the cache.
Delete cache folder.
Replace original css/js files from your install copies.
Clear your browser cache completely.
Hit refresh 2-3 times, close/open browser, or whatever works with your particular browser.
Should work.
I had lots of trouble with W3 cache; not using it. Will be looking at Total Cache since it’s made by WordPress/Automattic. But no other advice from over in these parts.
VPS (“virtual private server”) is just a web server sliced into multiple pieces for folks to use. It doesn’t impact anything loading on the page … it’s just a hard drive connected to the net, with the attendant software running on server.
The revolution slider *shouldn’t* impact the menu? My menu still seems to slide out when clicked with revolution slider turned off and not called in the theme (2x version).
Menu not working may be other issue related to your additional plugins, menu settings, etc.
See: ga-ga.com running 2x; no revolution slider; menu seems to work for me.
-
This reply was modified 12 years by
simchris.
Haven’t tackled that yet. I just turned off and removed the revolution slider code and plugin, to solve that for the time being. (sigh)
If you’re not using it, turn off the plugin and that should solve it.
If you’re using the slider, then, the only real way to fix that is to combine the CSS files into *one* CSS file (I actually also manually minified my main style.css for instance).
Not doing anything more until stable v3 theme (e.g., ahem … 3.01 or 3.02 ?), since I don’t want to redo anything again at this point until v3 is stable for the stuff we use.
I also manually removed reference to google fonts from the functions.php on one site, and did search/replace in the style.css to replace all Google fonts with web-safe fonts, just to see what happened. Solved couple of PageSpeed Insights hold-ups.
Anyway…”80″ for mobile right now is actually the minimum to not suck, frankly, and 95 is right there (you’ll notice it will vary from 92-96 depending on the page content, placement of the moon, and whether your cat is asleep…).
Glad all my little tidbits are helping somebody. You’ll be seeing less and less of me around here, but very glad it’s been useful !
@adgower
I think the query is for using web-safe fonts which don’t load remotely off Google’s CDN.
Some of us wish to use only web-safe fonts for faster page load, and not having to load “fancy fonts” from Google which can be tricky to optimize for PageSpeed Insights.
This is typically the reason for wanting Arial/Verdana, and/or Georgia, Seghoe UI, Trebuchet, etc.
I’m waiting for 3.01 to install, personally, so don’t have any specific advice on how to customize the fonts to web-safe, although that was on Radu’s confirmed ‘to do’ list.
Hello all … (copied from another post in forum by myself)
Don’t know if this helps … but one trick I did once upon a time was go into the WP media settings and set the “large thumbnail” size to the desired new size, for this example 745×483 size, then use the regenerate thumbnails plugin to generate those sizes. This gets you past the first hurdle of actually having images set to the correct size from either featured image or the first image in post.
You can turn these off for the post pages from the theme customizer panel under “post options.”
For the modules used on indexes/home page, you actually would need to comment those out on each “module” found here:
themes/Newspaper/includes/app/modules/
e.g., in td_module_5.php
$buffy .= '<div class="meta-info">';
//$buffy .= $this->get_author();
$buffy .= $this->get_date();
$buffy .= $this->get_commentsAndViews();
$buffy .= '</div>';
add the // in front of the third item. This is also where you can uncomment the author name if you want that to show on the modules.
Hope that helped! 🙂
Best tip on slider, is optimize the heck out of the images used.
Also be aware that the mobile ratings have all gone down as they are even penalizing for the “tap area” for things like breadcrumbs now … our business site just dropped many points due to the breadcrumbs being “too small” on an information page. Sheesh. This is what I’m working on now. The mobile stuff I think Google is going a little overboard on, and also “assuming” everybody is going to only view a website in vertical mode vs landscape and not rating it both ways. They also assume everybody has the smallest phone from 3 years ago, vs the larger phones everybody is getting now, or the higher resolution of retina, etc. If you’re suddenly “under 80” again — on mobile — it’s not just you. My shtml/ssi based site which was fine, is now not due to this kind of shenanigans.
(sorry, rant over …)
Yay!!! 🙂
I think so too, which is why I’m trying to be helpful here. I want Radu to keep this theme updated and evolve as it solved a bunch of issues we had with other (crap) themes, issues with building out a theme like this ourselves (try it, it’s not fun), and a reasonable cost, and good features/performance mix. Some people just lay on the features and a page takes 15 seconds to load and they think that’s cool. Radu and co are doing a great job in trying to implement the bootstrap stuff, the wordpress built-in stuff, hooks into jetpack and other automattic jointz, and keep it reasonably fast for a newspaper portal site which is inherently very slow compared to a simple black and white two column blog theme. Information rich usually means “slow” — and this theme is on track to respond (pun intended) to the needs of responsive layout and page speed with all the bells and whistles.
The demo is likely using the elements that Radu recommends from the thread:
https://forum.tagdiv.com/how-to-make-the-site-faster/
So, make sure you’ve done all that. And adding the elements to your htaccess is good practice for ALL wordpress sites (all websites in general really), and the theme can’t fix issue with web hosting, caching, headers for expiration, et al.
Note also in his demo he’s not using adsense (Google Ads), recaptcha for comments, some social media hogs, or plugins that abusively insert additional not-needed CSS files in the header. SO, generally for your own speed optimization, presume to turn anything OFF which inserts bad behavior stuff (like, ironically Google’s own ad stuff much of the time).
But the page Radu has (linked above) tells you the basics of what he did to optimize the theme.
Don’t know if this helps … but one trick I did once upon a time was go into the WP media settings and set the “large thumbnail” size to the desired new size, for this example 745×483 size, then use the regenerate thumbnails plugin to generate those sizes. This gets you past the first hurdle of actually having images set to the correct size from either featured image or the first image in post.