Register Advertise with usHelp Desk Today's Posts Search

Closed Thread
Thread Tools Search this Thread
Unread 11th Nov 2012, 09:50 AM   #1
webstylecreator.com
War Room Member
 
MagicAce's Avatar
 
Join Date: 2010
Location: Torino, Italy
Posts: 686
Thanks: 56
Thanked 68 Times in 46 Posts
Default
One tip for people building mobile websites with Wordpress mobile pro
Share on: 
fb share twitter share gplus share more share

Hello warriors,

Just designed a mobile website using wordpress mobile pro for a client. It's not the first time I am designing a mobile website I have done a lot. But this is the first time using Wordpress Mobile Pro.

I wanted to be able to make one of the icons to be a tap to call and tought about it for a while how to do it. I tought maybe some of you asked yourself the same questions. Here is the answer:

Make a new page with the name Tap to Call...assign an icon to it...go in html code and paste this:

<html>
<head>
<title>Tap to Call</title>
<meta http-equiv="REFRESH" content="0;url=tel:123456789"></HEAD>
<BODY>
Calling...
</BODY>
</HTML>



note that instead of 123456789 you should put the number you want it to call.

Here's the mobile site I did using Wordpress Mobile Pro:

Fox Local Marketing

It's just the first page. The clients want to add the content of the pages himself.

MagicAce is offline  
The Following User Says Thank You to MagicAce For This Useful Post:
Unread 11th Nov 2012, 10:23 AM   #2
HyperActive Warrior
War Room Member
 
Pierre!'s Avatar
 
Join Date: 2009
Location: Tucson, Arizona
Posts: 215
Thanks: 166
Thanked 69 Times in 44 Posts
Default
Re: One tip for people building mobile websites with Wordpress mobile pro
Share on: 
fb share twitter share gplus share more share

NICE - Great Tip, Excellent Share!

I have quite a few Mobile Template programs I'm working with - All because I could not get a 'Tap To Call' from a WP Plug-in...

Nice outta the box thinkin there!

Patrick

Internet Safety Tips - The Essentials
Internet Safety Tips – “The Essentials” – Examples Of Attacks
Check out this chapter, then sign up to download YOUR copy!
Pierre! is offline  
Unread 11th Nov 2012, 10:53 AM   #3
Active Warrior
War Room Member
 
RonBoyd's Avatar
 
Join Date: 2009
Location: Scotland Isle Of Lewis
Posts: 68
Thanks: 11
Thanked 18 Times in 13 Posts
Default
Re: One tip for people building mobile websites with Wordpress mobile pro
Share on: 
fb share twitter share gplus share more share

A good fix for a specific wp theme.

Tap to call however is not as hard as people seem to think it is it is after all simply a specific type of url recognised by mobile browsers on practically all mobile phones. "tel:1234567" as your href in an anchor link and your good to go.

Then style it as you wish call a button image or give the anchor link a class that generates a full css button for you.

This can be achieved in any theme wp, html etc ...

In fact most modern phones will be able to pull numbers from the text itself without any html instructions. So you could argue that using a tap to call URL identifier is completely wasted and just use text for the number and put it in a nice box to highlight it on the page.

Just my tuppence from experience.



>>>> I am located in the UK so if I don't answer immediately or in a reasonable time please be aware of time zones<<<<

Last edited on 11th Nov 2012 at 10:56 AM. Reason: typo
RonBoyd is offline  
Unread 11th Nov 2012, 02:12 PM   #4
Mobile+WP = JumpMobi.com
War Room Member
 
Jay Moreno's Avatar
 
Join Date: 2009
Location: San Antonio, Tx
Posts: 1,270
Thanks: 301
Thanked 449 Times in 309 Posts
Default
Re: One tip for people building mobile websites with Wordpress mobile pro
Share on: 
fb share twitter share gplus share more share

Originally Posted by MagicAce View Post

Hello warriors,

Just designed a mobile website using wordpress mobile pro for a client. It's not the first time I am designing a mobile website I have done a lot. But this is the first time using Wordpress Mobile Pro.

I wanted to be able to make one of the icons to be a tap to call and tought about it for a while how to do it. I tought maybe some of you asked yourself the same questions. Here is the answer:

Make a new page with the name Tap to Call...assign an icon to it...go in html code and paste this:

<html>
<head>
<title>Tap to Call</title>
<meta http-equiv="REFRESH" content="0;url=tel:123456789"></HEAD>
<BODY>
Calling...
</BODY>
</HTML>



note that instead of 123456789 you should put the number you want it to call.

Here's the mobile site I did using Wordpress Mobile Pro:

Fox Local Marketing

It's just the first page. The clients want to add the content of the pages himself.
i personally wouldn't recommend doing that - not only is it much more easier just to do the following, you will find it works with all phones - since if i am not mistaken some wont recognize the refresh meta tag:

HTML Code:
<a href="tel:+123456789">link text or image here</a>
this is basically what ronboyd was saying...

Sorry, I am too busy helping people to think of a cool signature!
Jay Moreno is offline  
Unread 11th Nov 2012, 02:47 PM   #5
webstylecreator.com
War Room Member
 
MagicAce's Avatar
 
Join Date: 2010
Location: Torino, Italy
Posts: 686
Thanks: 56
Thanked 68 Times in 46 Posts
Default
Re: One tip for people building mobile websites with Wordpress mobile pro
Share on: 
fb share twitter share gplus share more share

I was talking about making an icon in the wordpress mobile pro be a tap to call.

I use what you said in my usual html mobile websites but in wordpress mobile pro the icons link to wordpress pages...if you want one of the icons to be a tap to call you need to do what I just said.

Regards, Marian

MagicAce is offline  
Unread 11th Nov 2012, 07:05 PM   #6
Mobile+WP = JumpMobi.com
War Room Member
 
Jay Moreno's Avatar
 
Join Date: 2009
Location: San Antonio, Tx
Posts: 1,270
Thanks: 301
Thanked 449 Times in 309 Posts
Default
Re: One tip for people building mobile websites with Wordpress mobile pro
Share on: 
fb share twitter share gplus share more share

Originally Posted by MagicAce View Post

I was talking about making an icon in the wordpress mobile pro be a tap to call.

I use what you said in my usual html mobile websites but in wordpress mobile pro the icons link to wordpress pages...if you want one of the icons to be a tap to call you need to do what I just said.

Regards, Marian
I see what you are saying now its related specifically to mobile pro...

Least thats one thing you dont have to do with our mobile framework for wordpress

Sorry, I am too busy helping people to think of a cool signature!
Jay Moreno is offline  
Unread 11th Nov 2012, 10:18 PM   #7
Warrior Member
 
Join Date: 2012
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Default
Re: One tip for people building mobile websites with Wordpress mobile pro
Share on: 
fb share twitter share gplus share more share

Nice Post thanks for the infomratin!
andy217 is offline  
Unread 12th Nov 2012, 01:11 AM   #8
Warrior Member
 
imherecheers's Avatar
 
Join Date: 2009
Posts: 8
Thanks: 2
Thanked 0 Times in 0 Posts
Default
Re: One tip for people building mobile websites with Wordpress mobile pro
Share on: 
fb share twitter share gplus share more share

That is helpful. Nice to have this option...in case I need it for aesthetics or client

I always thought that you would want the tap to call to stand out as a banner.

Was that your idea? Are you taking this direction now with tap to call? If so I'm curious why with your experience ..why.
imherecheers is offline  
Closed Thread


Bookmarks

Tags
building, mobile, people, pro, tip, websites, wordpress


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




All times are GMT -6. The time now is 03:36 AM.