- 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
- ApiUsing the Theme API in plugins
I’m trying to optimize ad placements on mobile devices so that for example: a 300×250 would show in the sidebar on desktop but would display within the content on mobile. To do so, the ad code would be in both places but only visible in one spot at a time (depending on the device).
I will be using DFP for Small Business to deliver the ads. I’d like to use the many Ad Zones already defined in the theme to keep things simple as possible.
My first thought is to use the <div class=”td-visible-desktop”> with the code to show the ad in the Sidebar but leave the <div class=”td-visible-phone”> blank. Then I would do the opposite in the Inline Article Ad Zone, leaving td-visible-desktop blank and adding the code to be visible on mobile.
If I do this, does both ads still fire (and result in an impression) – even when one of them is hidden?
The other option I can think of is to see if I can set the device in DFP so that a particular ad unit only displays on mobile or only on desktop etc. I’m not sure I can even do this but will have to look into it further.
Ultimately it looks like those Desktop / tablet / mobile toggle buttons in the Ad Settings would be perfect but I’m told those only work for managing the visibility of AdSense ads – not Google DFP ads.
Has anyone else faced this challenge and, if so, how did you deal with it?
Thx!
Hi,
Please try this custom css in Theme Panel > Custom Css for mobile device – http://screencast.com/t/KH3RKTjyiI
@media(max-width: 767px) {
body #td-outer-wrap .td-main-content .products li {
width: 32% !important;
float: left !important;
clear: none !important;
margin-left: 2%;
}
body #td-outer-wrap .td-main-content .products li.first {
clear: left !important;
margin-left: 0;
}
}Thanks!
I have a page with a number of block elements on a 2/3 – 1/3 layout. On desktop it looks great, but on mobile, everything in the 2/3 side loads first, and then the 1/3 side loads way down on the mobile page. Is there a way to exert control over what loads when on mobile?
Hi
The theme uses logo for mobile on afix (when you scroll up or down and have the sticky menu) so you need to change that too: http://screencast.com/t/e2JQV6fpjfi
Let me know how it goes.
Thanks!
Hi
I’ve test this on my side and seams that the anchor links don’t work on tablets and mobile devices. I’ve added this on our issue tracker and will try to fix it in the next theme’s updates.
Sorry for the inconvenience.
Thanks!
Thank for your support!. Now topbar menu works in mobile as I want.
The code manages the first ruling, but it causes another. On the home page I moved all over the web to the right:
See page (mobile please): http://androidxphone.es/
http://s6.postimg.org/4p4c26bqp/error_web.png
What could be happening?
Hi guys.
Please I need your help. When I create an item using the visual layout designer, on mobile devices is moved to the left that Article; Here you can see an example:
Link blog (Revise from mobile please.) : http://androidxphone.es/top-5-mejores-aplicaciones-de-camara-gratuitas-para-android/
Here you can see how I have configured the article:
http://s6.postimg.org/zcstzp1wx/post_blog.png
I hope your help, thank you very much in advance!
Hi,
Unfortunately the top-bar was not designed for mobile device and it is hidden. You can display the sign in widget on mobile using this custom css in Theme Panel > Custom Css – http://screencast.com/t/XmLAEEm65m
@media (max-width: 767px) {
.td-header-top-menu-full, .td-header-top-menu-full .td-header-sp-top-menu {
display: block !important;
}
.td-header-top-menu-full .td_data_time, .td-header-top-menu-full .menu-top-container, .td-header-top-menu-full .td-header-sp-top-widget {
display: none !important;
}
}
If the code doesn’t work please provide a link so I can inspect this.
Thanks!
Hi,
Unfortunately Newspaper has an fixed grid layout, responsive as it is fluid and style for desktop/tables/mobile screens. Changing the grid’s width is not an easy job and you would need lots of custom modifications for it, as you need to change the width value for all elements on pages and for this you would need custom work. If you really need this you would have to get a professional’s help and ask him to do all the necessary modifications and testing in this regard as we cannot provide custom work at this time, sorry!
Thanks!
Hi, I am using register/login form in topbar menu. But in mobile, topbar menu is not viewable. What can I do to use register/login form or topbar menu in mobile. Thanks
@Thomas …. Yes, well considering how many security flaws Automattic has had the past decade they are not really reliable on the topic. (sort of kidding there … 🙂 )
FOR EVERYBODY ON THIS ISSUE:
One of my friends news portals in Ohio was completely taken down by hackers pummeling the xml-rpc feature which ANYBODY can attempt to access remotely for all sorts of things. Site was down for almost two days, host disabling account, etc., — I had him disable this to get the site back up, then they blocked the IPS of the attacker.
If you’re using a WP feature like Jetpack — which is awful system hog and site slower-downer, or WP mobile apps (um, why not just use iPad and login into your normal account… or use other tools that don’t need THAT function?).
UPSHOT: for “most” people disabling all XLMRPC and pingback features are wise if you run any sizable site with lots of traffic. You will get attacked at some point.
And it should be self evident if you’re adding ANYTHING to your site from this thread you should make some effort to explore what these things do, what they mean, etc.
So, you shouldn’t be adding anything to your functions file or htaccess regarding the xmlrpc.php file unless you make some effort to look at what that does.
Having used WP for 10+ years now, remember this thread was started to show folks how to “best optimize” their theme for WP — one of those methods is to NOT use ping-backs, XMLRPC or Jetpack, which is not very well optimized for web.
Keep in mind WP folk think a CSS redirect for child themes is good idea, when it’s a bad thing for page speed and Google as it’s a redirect for EVERY page load to another page.
Those are my three cents, your mileage may vary — as I often say.
But that was good info for Jetpack folk, Thomas! 🙂
Hi,
I disabled all the plugins, but it didn’t work and the mobile menu is not working. I also don’t use visual composer plugin. The only modifications we have done are in header.php and footer.php and they are only the codes for advertisements.
Please advise,
Hello
Notice for those using the Chris code and JetPack.
If you want JetPack connect with WP you have to remove this code in the .htaccess
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
Plus, dev from JetPack told me that this code seems to be not very good for the security:
That’s the problem, Jetpack requires XML-RPC to operate, but now we’re blocked.
Unfortunately, blocking XML-RPC is not a great solution for fighting security risks. It’s akin to selling your car because you don’t want it to be stolen.
Your site’s XML-RPC file is kind of like a communication gateway to your site. Jetpack, the WordPress Mobile Apps, and other plugins and services will use this file to communicate to your site. If this is blocked, you will have other issues pop-up down the road for the same reasons.
Regards
Hello … yes, they don’t like a “focus” sticky ad, which is ironic since they are now pushing sticky footer ads on mobile (duh).
The way we have avoided this in past is to have the ad be in middle of the content on sidebar … meaning, we have related stories module, recent comments, etc. so that the ad is “part” of the sticky element on a long scroll, and the focus is not the ad.
We have been doing this for 2 years now without issue.
Simple fix for you, turn off the smart sidebar; make sure you don’t have any “auto reload” elements on page for a slider or something which loads ads more than once on same page in same area.
Hi All!
I am using Newspaper on my site http://positivemed.com and for the past several weeks I’ve noticed that the mobile menu does not work on the iPhone 6 and 5. I haven’t checked any android devices. The menu is working fine on desktop devices, but for some reason it is not working on mobile. Has anyone experienced this issue and is there a fix?
thanks,
Nima
Hello robert4web,
The theme was designed in such a way that the top menu is hidden on the mobile version. There is a workaround however, using a custom CSS code, but you need to tell us what you want your mobile top-menu to contain, because the space is limited on mobile phones and adding all of the content (login widget, menu and social icons) will take up a big portion of the screen.
Examples:
full content: http://screencast.com/t/TXZeKqUbxqyY
login widget with social icons: http://screencast.com/t/jxljko5scU8T
just login widget: http://screencast.com/t/ISsO24sPjd1v
Thank you.
i have tried it in the custom css and doesn’t pic up the css – http://screencast.com/t/SXFUgtnf , http://screencast.com/t/QW7XU5YOA. any advice how i could use media queries in the newspaper theme.
we are using wp api to output articles in json to use in mobile app how would we go to output the featured video link in json format.
Hello!
How to enable that Top Bar will be visible on mobile?
Thanks.
Best regards.
I love the look of the columns for post text on desktop version.
Is there custom CSS I can add for mobile so the columns don’t show?
Thanks!
Hi,
You cannot make the mobile menu to work on tablets just with css code, you will need many modifications to the code, also the javascript and it is not an easy task. I suggest to hire a professional developer to do this for you as we cannot provide custom work, sorry!
Thanks!
Hi,
I would like to use the same menu style as mobile with toggle menu for ipad portrait 768px-1018px, i’ve been try to work with the CSS to find a solution but i can’t get it exactly right.
Thanks,
Glenn
Hi Team,
i just received some updates in my google adsense account i.e Page level ads for highend mobile devices and Matched content for all devices.
Page level ads – Place this ad code in the <head> tag (or at the top of the <body>) of the pages where you want to show the ads. It’s the same ad code for every page and site, and you won’t need to change it even if you adjust your Page-level ads settings.
1) Anchor/overlay ads – Mobile ads that stick to the edge of the user’s screen and are easily dismissable.
2) Mobile full-screen ads that appear between page loads on your site and can be easily dismissed by your users.
Google matched content – Matched content is a free recommendation tool that offers you a simple way to promote your articles to your site visitors. By making it easy for your readers to find the content that they’re interested in, you can increase your site’s page views, the time spent on your site, reader loyalty, ad impressions, and ultimately ad revenue.
With Matched content units, you choose the pages where you’d like the recommendations to appear, then AdSense promotes the articles on your site that are most relevant to the readers of those pages. Matched content recommendations are based on topic similarity and are personalized for the reader.
r u updating theme to make it compatible with both features ?
Hi Tagdiv team,
my website page speed showing 70 for mobile & 76 for desktop, earlier it was above 95 – https://developers.google.com/speed/pagespeed/insights/?url=gaadiwaadi.com&tab=desktop
what to do ?
