mindkomm / theme-lib-links-phone
Collection of phone link helper functions for WordPress themes
Requires
- php: >=7.0.0
Requires (Dev)
- mindkomm/qa: ^0.4.1
README
Collection of phone link helper functions for WordPress themes.
- Provides you with a set of functions to handle phone links.
- Automatically adds a
<meta name="format-detection" content="telephone=no">
entry to your website to disable detection of phone links from third-party scripts.
Installation
You can install the package via Composer:
composer require mindkomm/theme-lib-links-phone
Usage
When you use Timber, you can use some of the provided functions in Twig.
Twig
<a {{ get_phone_link_attributes(number) }} aria-label="{{ phone_accessible(number) }}">{{ number }}</a>
Functions
phone_accessible
Formats phone number for screenreaders.
Will convert 052 203 45 00
to 0 5 2. 2 0 3. 4 5. 0 0
. This makes a phone number easier to listen to. Adds
spaces and periods to the phone number. The spaces tell the screen reader to read each digit individually. The
periods tell the screen reader to pause (like at the end of a sentence).
Add the resulting string as an aria-label to your phone number link.
phone_accessible( string $phone_number )
Returns: string
Formatted telephone number for accessibility.
PHP
<?php $number = '052 203 45 00'; ?> <a href="tel:<?php echo $number; ?>" aria-label="<?php echo phone_accessible( $number ); ?>"><?php echo $number; ?></a>
Twig
<a href="tel:{{ number }}" aria-label="{{ phone_accessible(number) }}">{{ number }}</a>
phone_raw
Gets phone number without any formatting.
Example: From '+41 052 203 45 00' to '00410524500'
phone_raw( string $phone_number )
Returns: string
Formatted telephone number.
PHP
<a href="tel:<?php echo phone_raw( $phone_number ); ?>"><?php echo $phone_number; ?></a>
get_phone_link_attributes
Gets phone number wrapped in proper HTML attributes.
get_phone_link_attributes( string $phone_number )
Returns: string
HTML attribute string.
PHP
<a <?php echo get_phone_link_attributes( '+41 52 203 45 00' ); ?>>+41 52 203 45 00</a>
will result in
HTML
<a href="tel:0041522034500" rel="nofollow">+41 52 203 45 00</a>
Twig
<a {{ get_phone_link_attributes(phone_number) }}>{{ phone_number }}</a>
Twig functions
You need Timber to use these functions.
Support
This is a library that we use at MIND to develop WordPress themes. You’re free to use it, but currently, we don’t provide any support.