- 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 embedded a Twitter video in a post and it displays correctly.
http://www.screencast.com/t/qVIHKUgYJ
The problem is that part of the code displays on the homepage with the post headline and content.
This is the content displayed on the home page:
More info about the fire. Mobile home blaze at Colony, near Campbell roads northwest of Tolar pic.twitter.com/JIQIthW0Ii— Hood County News (@HoodCountyNews) February 18, 2016
http://www.screencast.com/t/gJMhFeqyE
I am using a Block 4 content box to display the content on the homepage.
This is the post content:
http://www.screencast.com/t/PSwr7qrqKm
This is on a test site: http://txcraigs.com
Thanks for your great support.
Rick
Hi We were running the layer slider prior to NewsmagVersion: 2.3.5 now since we updated the layer slider stopped working and we are forced to use the rev slider but it does not function as we need it on the site or the mobile.
is there a bug were not aware of or is there a solution to this error.
Hi,
For the mobile version you have to use different code as the classes are different. (it’s a different menu)
You can use this code:
.menu-item-53 ul li:nth-child(4)::before {
content: "\f040";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 5px;
position: relative;
}
It will need some further positioning though.
Thanks.
Hi
please check the following links:
http://qooah.com/category/mobile-news-2/android-news/
http://qooah.com/2016/02/23/facebook-video-happy-birthday/ (please check the sidebar)
hello,
It worked like a charm. But the icons in the sub menu are not appearing in the mobile menu, whereas the icons of main menu are appearing. Are the menuids different for the mobile menu?
SHOULD YOU DO IT OR NOT?
Note that adding AMP support is *not* necessary, required, and might not even be the best solution to add to your site for mobile, if you already have a well optimized mobile post setup, want to retain certain plugins, social links and ads, which might not translate well to the AMP format.
For example, initially you might have poor ad support, so if revenue is your main metric, this is something you’ll want to play with, or wait until it is more mature.
Google will start support on Feb. 24, 2016.
AMP IS NOT SUPPORTED BY MANY YET, GOOGLE AND ONE OTHER VENDOR I KNOW OF.
So, for example if your main audience were on Apple iOS, primarily using Safari, might not make sense to worry about this just yet! 🙂
Information on implementing Google AMP /TUTORIAL
https://forum.tagdiv.com/topic/tutorial-getting-started-with-accelerated-mobile-pages-amp/
ACCELERATED MOBILE PAGES (AMP) PROJECT SUPPORT LINKS
AUTOMATTIC AMP PLUGIN
https://wordpress.org/plugins/amp/
Plugin support threads
https://wordpress.org/support/plugin/amp
AMP FAQs
https://www.ampproject.org/docs/support/faqs.html
SUBMIT SITE FOR AMP SUPPORT
Google will automatically recognize the /amp/ posts being supported next time they crawl your site from your XML sitemap. You should then get email from them saying “get your site ready for AMP…” — and then they will add AMP testing to your search console (aka webmaster tools).
You have to take first step, then they will catch up eventually 🙂
ADVERTISING SUPPORT (BETA)
https://github.com/ampproject/amphtml/blob/master/builtins/amp-ad.md#running-ads-from-a-custom-domain
POSSIBLE BUG WITH YOAST SEO
“Redirect ugly URL’s to clean permalinks”, if activated, it does not work, according to some folks.
If you do search in the forum, you’ll see my prior posts on this topic.
We’ve been using/testing AMP since November *with* the Newsmag theme and works perfectly.
You need to go to the wordpress.org plugin repository and download the AMP plugin from Automattic (the poeple who make WordPress). This plugin is being developed with Google feedback and for VIP WordPress sites.
Right now it only supports “posts” and not “pages” but they are working on it for upcoming release.
If you wish to setup AMP for your site, you should get the PLUGIN and read the docs to setup for your site.
ADMIN: you may wish to add sticky post (*not* this one, perhaps) regarding AMP support, link to the AMP site and the AMP plugin page.
==========================
ACCELERATED MOBILE PAGES (AMP) PROJECT SUPPORT LINKS
AUTOMATTIC AMP PLUGIN
https://wordpress.org/plugins/amp/
Plugin support threads
https://wordpress.org/support/plugin/amp
I have message from google
Google has detected that your site has content that might benefit from an upcoming feature in Google Search results. This feature relies on Accelerated Mobile Pages (AMP) – small, lightweight HTML pages that are optimized to load very fast on mobile devices. Google will soon show valid AMP pages with special features in Google Search results. Compliant AMP pages on your site will be eligible to be shown in search results with these new features.
We invite you to become an early adopter of this exciting technology. The following steps will guide you through the process of creating AMP pages for your content.
i hope newsmag have design for Accelerated Mobile Pages (AMP)
Well, the CSS and Java in the page helps it load faster by NOT having to load external sources and helps to deal with the above the fold loading, and mobile loading. Some things work better inline than external these days.
In other words, some CSS and JS “inline” loads faster for above the fold (render blocking …) vs waiting for the entire separate file to load, hence why this is now donw, which was crazy talk in olden days.
“Critical CSS” should be loaded with the page itself, then supported elements “later.”
Tricky!
I’ve stopped using some plugins due to the extra CSS crap included and no way to disable, or allow the plugin to “inherent” theme CSS (e.g., <LI> and <UL> stuff).
I also hacked one plugin to remove their CSS and just put it at bottom of the style.css and shazam.
I feel your pain; actually dealing with this right now on another project which is NOT using TagDiv themes due to a long boring story.
I really hate the form scripts which load the FORM CSS on every page and not just the actual FORM page. Requires creating custom page called “form” and then manually putting the CSS for plugin on THAT page vs having stupid if/then on every site page to NOT load it conditionally which is also dumb for resource queries.
AUGH!!!!! (damn kite eating tree!)
Our development site URL is http://romeo.thesparkhub.com
Everytime I scroll down using two fingers on my trackpad, the browser jumps to the bottom of the page, skipping any content in the middle.
I can’t seem to stop it – it’s a real turn off as it’s frustrating and I can’t “smooth scroll” to the content I want.
I’m on a mac, and it occurs in Firefox, Chrome and Safari. (On mobile the bug doesn’t seem to occur – I can scroll with my thumb easily (iPhone 5S on Safari).
Took a video so you can see for yourself at – https://dl.dropboxusercontent.com/u/4039636/SparkHub/bugs/desktop.mp4
Hi.
If you want to remove the main menu/ mobile menu, you have to remove tis part from the header style you use:
http://screencast.com/t/yIwud1VcKeh
Thanks.
Hello,
You simply need to adjust the negative margin given to the block for the overlay effect on the desktop version: @media (max-width:767px){
.td-travel .td-travel-features .td_block_wrap{
margin-top: 0!important;
}
}
Now it should position properly on mobile as well.
Thanks.
Hi i have Newsmag theme 2.2
i want to make default wordpress comment box very attractive .
can the wordpress comments can be toggled like the menu in the mobile view for this theme
the comment box should be open with smaller dimension and whenever the user click on the comment box to enter the comment the other fields can be shown to user is that possible ??
Thanks for your answer Andrei, and for taking the time to find the link to the JS code.
I was trying to get a solution that works purely from the child-theme, hence my attempt to solve it from menu-mobile.php, but will give a go to yours 😉
Hello newtag,
1)Indeed, this function is not working for the mobile version. This is a problem from YouTube provider, as Chris S said you above, they prevent autoplay. For more information about this, you can consult some topics about this problem, here -> http://stackoverflow.com/questions/15090782/youtube-autoplay-not-working-on-mobile-devices-with-embedded-html5-player -> http://www.iskysoft.com/online-video/youtube-autoplay-not-working.html
2)Please provide your website URL so I can inspect it closer. I need this so I will be ale to provide a more accurate response.
Thank you for your understanding!
Hello,
Unfortunately there is no different version of the website for mobile phoines. It is the same version of the theme/page. You can however use a css trick to hide the particular block on all other devices except mobile.
For example you can add a block and add an extra class on the row in visual composer: http://screencast.com/t/arlc4Qu1Dt and then use thios custom css in the theme panel->custom css box:
@media (min-width:767px){
.customclass{
display:none!important
}
}
I hope this helps.
Thanks.
Hi Andrei,
i tried the solution, and generally it works. But the banner is just visible for a second. when the page is loaded fully the banner disapears. when you scroll the page on a mobile you can see the banner is “behind” the navigation and disapears when the sticky menue is visible on the screen.
do you have any idea how to fix this problem?
Markus
Hi
I’ve checked your site on mobile devices and also on iPhone but i didn’t encountered any issues with he fonts. They are loaded on mobile devices as well as on desktop. IF you still have this issue try to deactivate all plugins except Visual Composer, clear all caches and test again.
If you still can’t manage to solve this issue please send us an email at contact@tagdiv.com with your login credentials and more details about this issue and we will inspect it as soon as possible, also include a link to this topic.
Thanks!
Hi
You don’t have to edit the menu-mobile.php. The point if to register a new menu in td-menu.php then load this menu only when a mobile devices is detected. For this you will need a custom javascript which detect the screen width and loads the menu conditional. You can take a look at the examples from this topic, it may help you to develop the required code:http://stackoverflow.com/questions/1504459/getting-the-screen-resolution-using-php
Also follow the exact instructions from the above topic to register the new menu but you have to adapt it in order to be loaded only for mobile devices.
Thanks!
Hello,
The search icon does not work anymore (as well as your mobile menu) due to a js error. This is most of the time a plugin conflict. Please disable all your plugins except visual composer and clear cache and it should work fine again. Then you need to identify the plugin that causes the issue.
As for the menu item, you can create a custom link: http://screencast.com/t/GNxckduyl
It depends on the header style you use for the modification as the search icon is not positioned in the same way.
For example I used this code on my end:
.menu-item-57{
position: absolute!important;
right: 30px!important;
top: 50%!important;
margin-top: -24px!important;
}for this result: http://screencast.com/t/PiL7y2m4d
This is on the default header style. Every menu item has a unique class. Mine was 57. Youcan use your browser inspector to get your menu item number and replace it in the code.
Thank you!
I thought the ad panel let you select on/off for desktop vs mobile ?
Hi guys,
I am using the Superfly menu plugin and have a requirement to disable the top, main navigation and mobile menus.
I can see how to easily disable the top menu but the main navigation and mobile menus there is no option in the theme panel.
Ideally would rather alter the theme code files to remove theme as I have found previously when I hide with css some elements show for a split second before hiding.
Thank you
