One tip for people building mobile websites with Wordpress mobile pro

7 replies
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.
#building #mobile #people #pro #tip #websites #wordpress
  • Profile picture of the author Pierre!
    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
    Signature
    Internet Safety Tips - The Essentials
    Internet Safety Tips – “The Essentials” – Examples Of Attacks
    Check out this chapter, then sign up to download YOUR copy!
    {{ DiscussionBoard.errors[7323520].message }}
  • Profile picture of the author RonBoyd
    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.
    Signature


    >>>> I am located in the UK so if I don't answer immediately or in a reasonable time please be aware of time zones<<<<
    {{ DiscussionBoard.errors[7323614].message }}
  • Profile picture of the author Jay Moreno
    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...
    Signature
    Sorry, I am too busy helping people to think of a cool signature!
    {{ DiscussionBoard.errors[7324289].message }}
    • Profile picture of the author MagicAce
      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
      {{ DiscussionBoard.errors[7324391].message }}
      • Profile picture of the author Jay Moreno
        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
        Signature
        Sorry, I am too busy helping people to think of a cool signature!
        {{ DiscussionBoard.errors[7325168].message }}
  • Profile picture of the author andy217
    Nice Post thanks for the infomratin!
    {{ DiscussionBoard.errors[7325632].message }}
  • Profile picture of the author Eagernoob
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[7325719].message }}
    • Profile picture of the author imherecheers
      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.
      {{ DiscussionBoard.errors[7326030].message }}

Trending Topics