這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Telephone Number Linker

外掛說明

Some mobile devices make numbers clickable by default – but not all do. You want your phone numbers to be clickable for mobile phone users don’t you? They click the number and it dials it for them! great! But when desktop users click it – they normally get an error, and that makes your site look stupid. This plugin prevents that error – improving user experience for your desktop visitors and mobile device users.

Telephone Number Linker Features

Uses up-to-date list of browsers to detect that the visitor is using a mobile device.
Alternatively uses wp_is_mobile() WordPress feature
In that case loads a jQuery script to enclose the telephone number in a link.
Or uses shortcode to add HTML via PHP

About the Author

Stoatoffear is mostly a graphic and fine artist but likes to keep up to date with web technology.
Please visit www.gravitydesign.co.uk for your web and graphic design needs.
Visit www.richardcalvert.com for fine art.

Demo

See this plugin in action at http://www.claridgesbeautyandtanning.co.uk

安裝方式

WordPress 3.0 and Above

  1. Upload to the /wp-content/plugins directory
  2. Activate
  3. Use shortcode [telnumlink] to enclose your phone number eg: [telnumlink]123456789[/telnumlink]
  4. Or use shortcode to enclose HTML eg: [telnumlink "123456789"]<p>Call us today!</p><img src="phone.jpg"/>[/telnumlink]
  5. Alternatively a CSS class of mobile_tel to any element you want to become available as a clickable link for mobile devices.
  6. Using shortcode is better.

You can use the shortcode like this:

Dial this number: [telnumlink]0208 555 555[/telnumlink]

And mobiles will output a clickable number:

Dial this number: <a href="tel:0208 555 555">0208 555 555</a>

Desktops will output just the text:

Dial this number: 0208 555 555

You can also enclose any text (or HTML) in shortcode and make it into a telephone link.
Add the number in double quote marks inside the opening shortcode tag:

[telnumlink "0208 555 555"]Dial this number now to get through to one of our operators: 0208 555 555[/telnumlink]

Mobiles will output a link:

a href="tel:0208 555 555">Dial this number now to get through to one of our operators: 0208 555 555</a>

Desktops will output no link:

Dial this number now to get through to one of our operators: 0208 555 555

Using a CSS class:

If you want to use a CSS class to create a link – in your WordPress edit page you might enter:

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

And where a mobile browser is detected this will be output as a link

Dial this number: <a href="tel:0208 555 555"><span class="mobile_tel">0208 555 555</span></a>

Desktops will output a span with no link:

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

Feel free to suggest changes / improvements to this plugin.

常見問題集

Installation Instructions

WordPress 3.0 and Above

  1. Upload to the /wp-content/plugins directory
  2. Activate
  3. Use shortcode [telnumlink] to enclose your phone number eg: [telnumlink]123456789[/telnumlink]
  4. Or use shortcode to enclose HTML eg: [telnumlink "123456789"]<p>Call us today!</p><img src="phone.jpg"/>[/telnumlink]
  5. Alternatively a CSS class of mobile_tel to any element you want to become available as a clickable link for mobile devices.
  6. Using shortcode is better.

You can use the shortcode like this:

Dial this number: [telnumlink]0208 555 555[/telnumlink]

And mobiles will output a clickable number:

Dial this number: <a href="tel:0208 555 555">0208 555 555</a>

Desktops will output just the text:

Dial this number: 0208 555 555

You can also enclose any text (or HTML) in shortcode and make it into a telephone link.
Add the number in double quote marks inside the opening shortcode tag:

[telnumlink "0208 555 555"]Dial this number now to get through to one of our operators: 0208 555 555[/telnumlink]

Mobiles will output a link:

a href="tel:0208 555 555">Dial this number now to get through to one of our operators: 0208 555 555</a>

Desktops will output no link:

Dial this number now to get through to one of our operators: 0208 555 555

Using a CSS class:

If you want to use a CSS class to create a link – in your WordPress edit page you might enter:

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

And where a mobile browser is detected this will be output as a link

Dial this number: <a href="tel:0208 555 555"><span class="mobile_tel">0208 555 555</span></a>

Desktops will output a span with no link:

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

Feel free to suggest changes / improvements to this plugin.

使用者評論

2016 年 11 月 4 日
So, so, so, simple and quick. Awesome job guys!
閱讀全部 17 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Telephone Number Linker〉的開發相關工作。

參與者

將〈Telephone Number Linker〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.2

  • Added shortcode capability.
  • Include new way to detect mobile devices – wp_is_mobile() – my original method seems more thorough so I’m not sure which is best.