Telephone Number Linker
Graphical Numbers (6 posts)

  1. Jae
    Posted 2 years ago #

    Great plugin. I have an idea, which I would do if I was a coder:

    A great feature would be to able to link agraphical image, such as a phone icon to a phone number. Perhaps having a shortcode such as:

    [phonelink src="filename.jpg" number="00441234567890"]

    Where src would be the graphical image to be displayed and number would be the phone number it dials out to.

    Just an idea. :)


  2. stoatoffear
    Plugin Author

    Posted 2 years ago #

    As long as this is a genuine improvement to the user experience.
    It could be a simple CSS background-image thing.

    I really needed this plugin quickly for a couple of sites - that's why it's so basic. But I hope to elaborate on it with more functionality as it appears necessary.

  3. Jae
    Posted 2 years ago #

    Yes, it would be very useful.

    However, I can't seem to get it to work. Just tried it on my client's website - http://photoboothhireuk.com - on my Android mobile and the numbers are not dialable.

  4. stoatoffear
    Plugin Author

    Posted 2 years ago #

    At the moment you have to add a class="mobile_tel" to whatever number you want to become a link on a mobile device. So lets say you have:

    <p>Dial this number: 0800 555 555</p>

    If you add class="mobile_tel" to the number...

    <p>Dial this number: <span class="mobile_tel">0800 555 555</span></p>

    Then the plugin turns it into the following if it detects a mobile browser (Android included):

    <p>Dial this number: <a href="tel:0800 555 555"><span class="mobile"_tel">0800 555 555</span></a></p>

  5. stoatoffear
    Plugin Author

    Posted 2 years ago #

    I guess you wanted it to scan the page for phone-number-like content and automatically add the link - I didn't think of that.
    Perhaps version 1.2 will do that.

  6. stoatoffear
    Plugin Author

    Posted 1 year ago #

    You can now have graphical numbers.
    Version 1.2 allows you to enclose any HTML in a shortcode - for example a phone icon. You put the phone number you want to dial in double quotes in the opening shortcode tag EG:
    [telnumlink "013230555555"]<img src="myphoneicon" />[telnumlink]
    - I'm told HTML5 validates with block-level elements inside anchor tags like this.
    Alternatively any number you enclose in '[telnumlink]' tags will become a diallable link (only for mobile devices - of course) EG:
    And you can still use mobile_tel CSS class to add a diallable phone link - for places where you can't use shortcode (like page templates or headers, footers etc) EG:
    <span class="mobile_tel">01323555555</span>

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Telephone Number Linker
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.