- ApiUsing the Theme API in plugins
- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
Hi Cherry
you might want to keep ONE thread, vs starting three or more regarding your site and pagespeed. Basically if you get all the things updated already covered in your other two threads, then mobile speed will also increase.
Again, as I’ve noted previously, you can’t do anything about the external ads being served which impact speed. Not sure how you’re loading ads on a demo site anyway, frankly. You should turn ads OFF for testing your “actual” speed. So the “errors” for mobile for the javascript and images from Google ads and advertisement browser caching, are impacting your score but nothing you can address and are false positives vis a vis the site and theme.
You *can* minify the main .css file which is showing as NOT minfied, as we’ve already covered in your prior threads.
Minifying http://cherrykoks.de/…ntent/themes/Newspaper/style.css?ver=4.1 could save 7.1KiB (16% reduction) after compression.
And basically don’t use contact form 7 unless you actually need it. Since you don’t have a live site, why would you need somebody to contact you anyway at this stage of your playing with the theme and setup without actual content. If you’re planning to use that, then you could presumably add its css to bottom of the main style.css, then hack the plugin to not write its own CSS into the head of the theme; or this would be example of where — as you’d asked elsewhere — you would add the plugin to the speedbooster plugin code to get it dumped at bottom of theme and optimized.
And remember best to test a post page for score not home page, since most people do NOT land on a site home page, but “surf in” to content from a social media link/share, or search result page, etc. — home page will always be a trickier prospect since it’s not indicative of the rest of the site, using sliders, modules, more photos, ajax loads, etc.
Also be aware you cannot get a 100/100 score with a WordPress site running numerous photos, plugins, ads, social media hooks, etc. Only people who have accomplished this have done custom sites without images, using CDN, and custom coding to maximize above the fold content load separate from below the fold content.
If you get above 80 on mobile and above 90 on desktop, you can really get on with your life and worry about content and marketing.
If you want to hard code the number of posts shown on a category page and not use the built in function of wordpress, you “might” be able to use visual composer for that but I’ve not done that, or you’d need to modify the category template and manually specify the loop (if you have no idea how to do that, you might need to hire a developer).
Obviously if you only want to show 10 items on the category pages, you would set that from the wordpresss > reading function you’ve already used. 20 is a common number to use, however, and works fine on most websites. Some people do less, some people do more. If your main audience is mobile, obviously 10 is a good number.
Since that function impacts the category pages, you’d then use the visual composer to layout your home page and not be impacted by the “10” settings.
In other words, easier to layout the home page with the theme features, than hack the template for the category pages.
Ok now, here’s the story:
I deleted my whole blog because still having issues. So I reinstalled everything new (had the demo running, now own build) I also thought, that Cloudflare would be the problem- but it isn’t (right now I don’t use CF)
Christopher Simmons helped me a lot- so I was able to solve a lot of things on my own.
But there are still some things I can’t handle on my own (seems like it) – and I’m on the edge of despair.
FYI my installed plugins:
tagbooster, W3 Total Cache, wpSeo, Code Embed, TinyMCE, Animated Gif Resize, Antispam Bee, Async JS and CSS, Broken Link Checker, Contact Form 7, EWW Image Optimizer, Jetpack, Query Strings Remover, WP DB-Manager, Google XML Sitemaps and the Visual Composer.
No matter what I do (installing Query Strings Remover or adding a code to the functions.php) I STILL HAVE PROBLEMS WITH THE “REMOVE QUERY STRINGS”
I really need someone to help me fix this or show me how to! I’m so helplessly I could cry over this!
I would like to start with adding content, but this makes me really desperate
The claimed files are:
Remove query strings from static resources
C (70)
88%
Content High
What does this mean?
Resources with a “?” in the URL are not cached by some proxy caching servers. Remove the query string and encode the parameters into the URL for the following resources:http://cherrykoks.de/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.1
http://cherrykoks.de/wp-content/themes/Newspaper/includes/wp_booster/external/bootstrap/td-bootstrap.css?ver=4.1
http://cherrykoks.de/wp-content/themes/Newspaper/style.css?ver=4.1
Next one is:
Specify a cache validator
A (90)
93%
Server High
What does this mean?
The following resources are missing a cache validator. Resources that do not specify a cache validator cannot be refreshed efficiently. Specify a Last-Modified or ETag header to enable cache validation for the following resources:http://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?ver=4.1
http://gtmetrix.com/reports/cherrykoks.de/4u0OTZRR
Note: I use as fonts: Georgia and Times New Roman over the whole blog! I was reading a lot of threads with tips as “Comment them out” “delete it” and this is also not working. When I try to comment out in functions.php I get a syntax error. And to delete: I don’t know which lines, because my functions.php looks a little bit different.
The font problem also appears in :
Add Expires headers
B (89)
25%
Server High
What does this mean?
There is 1 static component without a far-future expiration date.
http://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?ver=4.1
Page Speed Insights for example is complaining about the “above the fold” thing on mobile Devices and desktop, these are the same files- which GTMetrix claims with “remove query strings”
see here: https://developers.google.com/speed/pagespeed/insights/?url=cherrykoks.de&tab=mobile
Everything else is ok for me- but how can I solve the “few” problems.
I hope there’s an angel in this forum who can save me from getting nuts.
If someone of you needs any file information, let me know. I’m glad for any help with this!
Julia
Problem solved.
Conclusion: Cloudflare rocket loader and JS Minify doesn’t work together with several Newspaper theme options like images, sticky menu and mobile menu.
Thanks for your support!
JB
Problem solved.
Conclusion: Cloudflare rocket loader and JS Minify doesn’t work together with several Newspaper theme options like images, sticky menu and mobile menu.
Thanks for your support!
JB
Hi,
That stack (classic blog) use a special header and doesn’t work in combination with other header.
Please use the Blog style header in Theme Panel -> Header section, that is specially built for this stack. http://screencast.com/t/LuiyUOkNa
Thanks
Hi,
From Theme Panel > Header > Top Menu http://screencast.com/t/blxN0xlc
I see you have managed to fix your mobile menu, it’s working fine now.
Thanks for the message!
Hi, I wouldn’t worry about those two images which are sized with CSS, as they may technically be false positives on GMetrix. Google doesn’t advise you about that, so the fact you have 92 desktop with the ads and fonts “on” isn’t too shabby.
I’d focus more on removing the versioning queries on stuff (blah?=version4.1) which can be done by editing functions.php file, or some plugin might help. I’d also minify the css and java that google recommends here:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fcherrykoks.de%2F&tab=desktop
Minifying http://cherrykoks.de/…ntent/themes/Newspaper/style.css?ver=4.1 could save 8.3KiB (19% reduction) after compression.
As a perfect example of how imperfect this adventure is, you’ll note most of the “errors” come from Google’s universe and not your site !
Turn off the revolution slider plugin if not using it, since it adds the two CSS style sheets Google cautions about, and recommends combining.
Most important however is your mobile score which is 75; and you want that 80 or higher. Right now the revolution slider CSS is hurting that, along with one image you uploaded which is not well optimized.
Compressing and resizing http://cherrykoks.de/…wp-content/uploads/2014/08/3-745x483.jpg could save 108.6KiB (87% reduction).
Hi,
The disabling the top menu will not disable the mobile menu also, in your case this may be due to some plugins, please check this again.
1. Unfortunately that can’t be done easily, you can try to do it yourself if you like or you can hire a developer to do it for you.
2. Add this css in Theme Panel > Custom CSS to remove the menu items sub indicator:
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
border-bottom: none !important;
}
.td-full-layout .td-menu-background:after, .td-boxed-layout .td-menu-wrap:after {
display: none !important;
}
.td-full-layout .td-menu-background, .td-boxed-layout .td-menu-wrap {
border-bottom: none !important;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
top: 48px !important;
}Add this custom css if you want to style the menu for tablets:
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu li {
background: black;
}
.sf-menu > li > a {
z-index: 1 !important;
border-bottom: none !important;
}
.sf-menu ul .td-not-mega > a {
background: white;
z-index: 99999 !important;
}
}Hope this helps!
Thanks
Hi Christopher,
a) I never used www in any place, wp settings, htaccess etc. I double checked anyways. Neither SSL. We never used it. No need.
b) We do not use mobile version plugin.
c) I will pay attention to this item, but we did not change our htaccess for a while now.
I let you know.
Thanks anyways.
I have never gotten that message and we’ve been doing responsive design sites since 2011.
This is more common message when
a) you’re mixing http://www.mysite.com and mysite.com – when you should one or the other, not both (www.mysite.xyz for ecom sites with SSL, no www for all others)
b) you have a plugin still running to generate a mobile site version in addition to desktop version
c) you have a redirect of some kind in place which “senses” a mobile user and is redirecting to homepage, when no redirect is needed; this may have been added to your htaccess file from a former theme or plugin; so double check your htaccess file
Hope that helped 🙂
hi,
look for javascript errors in your browser console. usually this errors come from plugins that are not compatible with the theme.
Thanks for you message.
Radu A.
I don’t think it’s the theme,because my site menu work with out issues on my anroid and iphone..it could be a plugin are some other issue on ur end that making urs not too work…
The support team don’t work on weekend,they will answer you on monday…
I don’t think it’s the theme,because my site menu work with out issues on my anroid and iphone..it could be a plugin are some other issue on ur end that making urs not too work…
Hi,
The themes latest version is 4.1 not 4.2, so like i said i have tested on themes latest version and found no issues.
Look at the demo, it’s using the latest version and the same div’s withe same classes http://screencast.com/t/heekiVyswuU It’s working fine there too.
When I say that on mobile Google doesn’t allow ads to be placed first on page causerie may cause inconvenience when scrolling on mobile, it;s a Google policy.
You may want to disable some plugins if you say the ads don’t work for you and see if it starts working.
Thanks
Hi,
It’s not a bug, I have tested this and works fine using theme version 4.1 not 4.2 🙂
Please make sure you have added the ads well and also double check your code.
In case of Google ads the banners are made responsive by Google not by the theme, check your site and refresh the page to see that the banner it’s changes size depending on screen width.
Your site:
Also on mobile Google doesn’t allow ads to be placed first on page, and that’s the case for you.
Try to use an image to check this or try withe code from our documentation.
For more info you can follow this guide: https://forum.tagdiv.com/ads/
Thanks
Could you please update your documentation for doing the logo in 4.0.2
I created a .png file of 300×100, and another .png file for 600×200. Theme Panel in 4.0.2 has 2 places for the 300x 100 and 2 places for the 600×200 (logo, and Mobile logo). I don’t understand why a 600 size is needed?
The logo is blocked in iphone by a layer of white (banner, menu I don’t know what it is) but it’s not showing up on top.
Please gather all .css fixes and post in documentation as one set of instructions or please issue patch file that fixes that.
Thank you so much.
—
Hi,
Filing another bug-report. If Style 2 is chosen, then side-bar widgets get all messed up and line height goes up to 50px as font size shoots up to 35px…this is the css which takes over side-bar:
.single_template_2 .entry-title, .single_template_5 .entry-title {
font-size: 35px;
line-height: 50px;
margin-bottom: 14px;
margin-top: 0;
}
.. and looks really ugly. Please release a fix with next version which if I compile are:
1: Timeline CSS is broken on mobile and some browsers
2: There should be Style 6 which offers full width featured image to complement full width title
3: Fix Title font size for style 5 (missing from post settings)
4: Settings for Page Content fonts missing from Theme Settings
Hi,
I fixed it already.
Thanks anyway!
Please check this: https://forum.tagdiv.com/topic/bug-4-2-responsive-ad-divs-doesnt-work-on-tablet-tp-and-mobile/ and https://forum.tagdiv.com/topic/how-to-use-shortcodes-on-theme-files-to-display-blocks/
They’re very urgent, would be great if you kindly help me 🙂
Hi,
Thanks for another great update. Would like to point some bugs
1. When Style 5 is chosen in DEFAULT SITE POST TEMPLATE, the title doesn’t respect the font size chosen in Post Title Settings and insted stuck at 50px
2. Even of the thumbnail of Style 5 shows that the title won’t go above the right side-bar, it goes full width. That needs to be fixed or there can be Style 6 where the title goes full width.
3. Timeline css breaking on mobile devices remains as reported earlier.
Thanks for great update.
Hi,
I haven’t upgraded to 4.x yet… Bit concerned to after recent comments here 🙂 (I love this theme by the way)
I was wondering if there was a way to control what featured images/articles appear in the top scroller …. At present, it seems that only the most recent featured articles will show… Is there a way for me to selectively choose which articles appear (regardless of date?).. Eg; say I have an amazing story from a month ago, but I still want it to show in the big slider on the first reel…,, if it’s too old, it will just no show. And also, on a mobile device, only one in 4 will show (but I can understand the technical limitations on this).
..and sometimes,,I have articles that are recent, but I don’t necessarily want then to show on the slider in chronological order (yes, I suppose I could take them out of featured…but, I still wouldn’t mind controlling the order of the featured slider.)
Hi,
The logo appears there because it’s like a menu-item from that list now. Please chose the “header style 2” from Theme Panel and set to hide the header only on screens with the minimum width of 768px using this code in Custom CSS > Theme Panel:
@media (min-width: 768px) {
.td-header-bg {
display: none !important;
}
}Also remove this code:
.td-header-bg {
display: none !important;
}and
@media (max-width: 767px) {
.td-header-bg {
display: block !important;
}
}from Theme Panel > Custom CSS filed.
Hope this helps!
Sorry about this!
Let me know if works!
@seitenprofi Use the same method to add the logo like a menu-list item and them position it using CSS like you want it.
For the logo to be shown on mobile chose the menu style 2 and use the @media or the advanced CSS from Theme Panel http://screencast.com/t/CvwEyAOxSxb2 to hide the header from other screens or the above CSS:
@media (min-width: 768px) {
.td-header-bg {
display: none !important;
}
}Thanks
Hi,
Yes, this will be fixed in the next theme update which will be available at the beginning of next week.
Sorry for the delay.
Thanks for understanding
Hi,
Can you please try to disable all plugins except those required by the theme and the Hybrid Connect Plugin and try again.
If this issue it’s still there please send an e-mail at contact@tagdiv.com with your wp-admin username and password so we can check, also please send a link to this topic.
Thanks
Hi,
Please make sure you have the add the two sliders like this: http://screencast.com/t/eylddWnw
After you done that add this custom css in Theme Panel > Custom CSS to hide the big slider on mobile:
@media (max-width: 767px) {
.iosSlider.td_block_big_grid {
display: none;
}
}Let me know if it works!
Thnaks
