- 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,
There is no option to insert ads in the category pages or the other pages you mention. All the theme’s add capabilities can be found in the documentation
– https://forum.tagdiv.com/header-ads-adsense/
This could only be achieved by using a plugin that can provide these options or by editing the theme files.
If you are using the mobile theme plugin, this comes with predefined layouts for the homepage, posts etc. You can use the mobile editor to insert content in pages, in order to be displayed when using the mobile theme
– https://www.screencast.com/t/OcJtl6Kd141
The front page will display a grid containing featured posts, and a Latest articles section
– https://forum.tagdiv.com/featured-posts-2/
Page editors cannot be used on mobile pages. Please note that this plugin is optional, you can choose not to activate it and then the same content from desktop will be displayed on mobile. The theme is fully responsive and will adapt for all devices with the best results.
More information about the mobile theme here
– https://forum.tagdiv.com/the-mobile-theme/
Thanks
Hello,
The sidebar on mobile is moved under the content by default. If you want to remove sidebars, please use this code in the theme panel -> custom css box:
@media(max-width:767px){
.td-main-sidebar{
display:none!important;
}
}
Thank you!
Hello,
This is the way the slider is implemented on mobile devices. It has the same behavior on our demo page: https://demo.tagdiv.com/newspaper/ios-slider/
I will add this to our list for future updates and see if we can change the responsive nature of the thumb, Until then you can adjust the slider image height on mobile devices using this css:
@media (max-width: 500px){
.iosSlider-col-3 .td_module_slide .td-module-thumb, .iosSlider-col-3 .td_module_slide .entry-thumb {
height: 120%;
}
You can add the code in the theme panel-> custom css box.
Thank you!
Hi,
Please try the code provided below, it should make the images inside the gallery not clickable. If you have the mobile theme activated enter the code in Theme panel->Mobile theme Custom Css section. If you do not have this plugin active, you need to enter it in Theme panel->Custom code->Advanced Css in the Phones section.
Please let me know if this is working for you.
.td-slide-galery-figure {
pointer-events: none;
}
Thanks
Hello,
The top 3 posts of the mobile theme homepage are poss marked as featured. If you remove every post from the featured category, then the top grid on the mobile homepage will not show up anymore.
Thank you!
Hi,
I want to activate Mobile Theme plugin and use the features.
But I find existing Mobile Page garble after activating Mobile Theme.
How can I install Mobile Theme plugin and prevent existing main page from garbling.
http://blog.newswire.co.kr/
Thanks,
Sowon
You can add AMP right now; we’ve been doing it since it was in BETA end of 2015, with TagDiv themes. Use the AMP plugin from Automattic, as it’s from the same people who make WordPress, and developed for pro clients on WP like TIME.com etc.
PWAs are primarily to serve data in separate app, which is not really part of normal ‘website’ theming. Generally you should decide if you want to serve an AMP version of the website or a PWA. But unless you have special use case, for “most” people the AMP version and a quick, clean “responsive” website, or mobile friendly sub-theme as with NP works very well.
See: https://www.smashingmagazine.com/2016/08/a-beginners-guide-to-progressive-web-apps/
Google will rank your site better ON MOBILE with AMP, as it provides option for mobile users with compatible devices (but not all) to see different version of site streamlined for the mobile environment. It doesn’t get seen by desktop users and the viewer must be using AMP compatible device/browser.
Responsive works with everything. Mobile sub theme works with all mobile browsers (aside perhaps from some micro browsers).
A PWA — in theory — can give you a multi-level platform to serve a mobile app outside of browser, then fall back to AMP, then to mobile sub theme, then main responsive theme.
Presumably this will take some planning and research to implement.
But you can get AMP setup in an hour. So, I’d start there 🙂
How can i remove the featured area from home mobile theme?
Hi,
I have inspected your website and it seems that the mobile theme is not working properly. It is not being displayed constantly, only randomly. Make sure you are using the latest version of the mobile plugin provided in the theme package. If you are not sure, deactivate and delete it, and install that one.
Please try the suggestions provided above and test if the mobile version is displayed at all times. Also check any custom code entered in theme panel, or added to the theme files that could interfere with the functionality.
Thanks
Hi,
If you are using the mobile theme plugin, this has the possibility to use have a different menu on mobile devices. When you activate this plugin, a mobile section will be available in the theme panel. There you can set the menu that will be displayed on mobile
– https://www.screencast.com/t/Gj7aBDPeVeE2
– https://www.screencast.com/t/MogvqB9Qm
Here you can find more information about the mobile theme provided in the theme package
– https://forum.tagdiv.com/the-mobile-theme/
Thanks
Hi,
If it is activated it should display at all times on mobile devices. Please provide a link to your website so we can take a look. You could try as a test to deactivate all your plugins except the ones provided in the theme package then clear any caching installed, to rule out a plugin conflict. Then test to see if the website displays as intended on mobile.
Thanks
I have noticed a weird behavior on my website, the mobile theme is activated but there are times it is not working and instead, the desktop version is the one that shows. Happens much often and I don’t know how to resolve this.
I like the mobile theme interface and how fast it loads rather than the version of the desktop which loads to about 70% and stops there for like 10 seconds before completing the load.
Please help
Hi Catalin.
As I understand, the mobile theme is only available for the Newspaper theme, but not for the Newsmag one (the one we’re using). Anyway, the custom CSS code, is used to customize the mobile view, and the problem is that the images are no clickable anymore (links to the post url are removed). Could you please indicate us how to put back these links? Thank you.
Hi,
It seems that maybe you have the mobile theme plugin activated, and it is not functioning properly for some reason. That is why there are two versions of styles displayed. If the plugin is active, there should be only version displayed on mobile devices, the mobile version. The mobile theme does not have the lightbox feature also.
You could simply deactivate the mobile theme from the plugins section, this is an optional plugin. The theme is fully responsive and will adapt by default for best results on all devices. Then you will always have the same content and style from desktop displayed, and the lightbox feature.
Thanks
Hi,
One way would be to edit the footer file from the mobile theme folder
– https://www.screencast.com/t/QVemYoHfCo
And comment or remove the code that handles the logo and description in the footer, when using the mobile theme plugin
– https://www.screencast.com/t/LCx8QoXy
– https://www.screencast.com/t/mAzuadGi
Another way would be to simply hide them with some Css like this
– https://www.screencast.com/t/PFUdCIt1P
This is the code, if you decide to use it it must be entered in Theme panel->Mobile theme->Custom Css section
.td-mobile-footer-wrap {
display:none;
}
If this is not what you wanted or the code is not working properly for you, please let me know.
Thanks
Hello Lilian,
Notice that using the Child Theme is optional and it is useful when you want to make some customizations which you will not lose to a possible update. You can use the Google Tag Managers according to their tutorial, here -> https://www.optimizesmart.com/beginners-guide-google-tag-manager-v2/ If you want that your top bar menu to be displayed on your mobile version, you should provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response.
Hope this helps!
Thanks for the message!
Hello,
First of all I found the theme pretty awesome, congratulations on developing such a nice theme.
In order to add google tag managers codes in the header php do I need to do this on the child theme?
In case a child theme is necessary, can i use the plugin child theme configurator to clone the theme?
Also, the top menu won’t show on mobile version of the website, only on desktop version.
Thank you,
Lílian.
Hello,
Is use last version of theme and mobile plugin. I want remove this big logo of footer and “about us” also.
Can I do it? How?
Mi site: https://goo.gl/CJclCA
Img big logo and text “about us”: https://fotos.subefotos.com/189bfd5e745d365f77add17fc7672ee8o.png
Thanks
Hello DSLRMZ,
Please keep in mind that our theme has two possible ways to display the theme for mobile devices. Default mobile version which displays the same content of your website but structured and optimized for media queries for better results and another way is if you will use the Mobile theme. For more information about this, please check here -> https://forum.tagdiv.com/the-mobile-theme/
Thanks for your understanding!
I just activated the newspaepr theme and noticed that my mobile app is not loading the data from website. It was working phone when I did not use newspaper theme. and now to make sure, I have only Json api plugin and newspaper theme tested plugins.
I can’t check the problem …
https://www.technotification.com/api/?json=info it’s returning to home page … all the query strings are returning to home page .. why?
Yes.
path must be child-theme/mobile/style.css
@Amit
Thank you very much. Just a little a question. If I want to include this in my child theme, I need to create a new folder with the (mobile) style.css inside?
Hello aleksandarcasual,
If you are using the Mobile theme and this will not work as properly, notice that issue happens due to WP Super Cache.
Try to refresh your page and check the results. Clear all your caches after this. Also, try to remove all the server caches and if you do not have any access to do this, you should consult the hosting provider and request this task.
Please notice that the mobile theme makes some troubles due to WP Super Cache plugin. Also, the WP Super Cache plugin is compatible with the mobile devices, but if you are using the Mobile Theme, please notice that you should make some changes for a better working. This could be a problem from wp super cache and not the browser. If you use the plugin, please use this method to fix the issue:
Use this link and add the customization as marked here: https://github.com/Automattic/wp-super-cache/pull/185/files
Edit wp-cache-phase1.php and add the green code from the right column as it shows there. Otherwise, if you do not want to make these changes you should simply disable the mobile theme until the WP Super Cache plugin will be updated.
For more information about our mobile theme, please check here -> https://forum.tagdiv.com/the-mobile-theme/
Hope this helps and let us know how it goes!
Thanks for your understanding!
The CSS I have provided is for version 8.0 mobile theme.
Its copy of original CSS (comes with the package) with some minor changes.
Using that CSS will definitely solve this >> https://i.imgur.com/mKuB407.jpg problem
Yes, you need to either put in responsive code for the graphics, or use a responsive ad unit from the provider. Theme does not “resize” your images loaded from external javascript elements/code. This is normal. Get a responsive ad unit from them, or use the custom code setup to just put in your own code from scratch.
Theme generally expects for its system
a) raw code you place, and it drops in where you say
b) Google AdSense responsive ad units
c) setup two ad units; one for mobile; one for desktop
d) use an ad manager plugin and create your own ad units/spots, and simply place the shortcode into your site templates
(I don’t work here, just feedback)
-
This reply was modified 9 years by
simchris.