آموزش افزودن شماره تلفنهای قابل کلیک برای گوشیهای هوشمند در وردپرس
این آموزش به شما نشون میده که چطور شماره تلفنهای قابل کلیک برای گوشیهای هوشمند رو به وردپرس اضافه کنین.
وبسایتتون رو باز کنین. اگر میخواهین یک شماره تلفن قابل کلیک رو به هدر اضافه کنین، فرمت مناسب برای نوشتنش به شکل زیر هست:
<کد کشور> <(کد ناحیه)> <شماره محلی>. مثال: +1 (555) 555-1212
با اینحال اکثر گوشیهای هوشمند، فرمتهای زیر رو هم تشخیص میدن:
+15555551212
+1.555.555.1212
555-555-1212
555 555 1212
نوشتن شماره تلفن در فرمت مناسب، به طور خودکار اونها رو به لینکهایی برای کاربران با تلفن همراه تبدیل میکنه. با این حال کاربرانی با تلفنهای قدیمی تر ممکنه لینکها رو نبینن.
پنل مدیریت وردپرستون رو باز کنین، به Appearance -> Editor برین. فایل wrapper-header.php رو پیدا کنین و لینک زیر رو در اون قرار بدین. این لینک برای اندروید و آیفون کار میکنه. همچنین برای کاربران دسکتاپ هم قابل مشاهده است اما هنگام کلیک روی اون، یک خطا رخ میده:
|
1 2 |
<a href="tel://+15555551212">+1 (555) 555-1212</a> <a href="tel://15555551212">Call Me</a> |
روی Update کلیک کنین.
لطفا وبسایتتون رو چک کنین. میبینین که لینک نشون داده میشه:
این لینک برای کاربران در همه دستگاهها قابل مشاهده است. اگر کسی روی دسکتاپ روی اون کلیک کنه، در گوگل کروم هیچ اتفاقی نمیافته اما در فایرفاکس یک خطا نشون داده میشه.
یک راه دیگر هم برای قرار دادن لینک وجود داره که اسکایپ رو روی دسکتاپ و نوت بوک باز میکنه، در تلفنهای همراه، از کاربران درمورد باز کردن اسکایپ با استفاده از این شماره سوال میکنه.
این کده:
|
1 |
<a href="callto://15555551212">+1 (555) 555-1212</a> |
لطفا وبسایتتون رو بررسی کنین. لینک نشون داده میشه:
اگر نیاز به لینک یک عدد به یک تصویر دارین، از این کد استفاده کنین:
|
1 |
<a href="callto://15555551212" title="Call Me"><img src="/images/call-me.png" alt="Call Me" /></a> |
وقتی این کد رو در فایل wrapper-header.php قرار دادین، میتونین یک کلاس خاص اضافه کنین، بنابراین این فرصت رو دارین که تصویرتون رو به کمک سبکهای CSS هماهنگ کنین.
مثلا:
|
1 |
<a href="callto://15555551212" title="Call Me" class="new"><img src="http://localhost/kristy/wordpress4/wordpress/wp-content/themes/theme51975/images/call-me2.jpg" alt="Call Me" /></a> |
مطمئن شین تصویری که نیاز دارین رو به سرورتون آپلود کردین و مسیر صحیح رو برای تصویر نوشتین. در مثال ما: http://localhost/kristy/wordpress4/wordpress/wp-content/themes/theme51975/images/call-me2.
وبسایتتون رو چک کنین. میبینین که تصویر وجود داره. لطفا اون رو با سبکهای CSS هماهنگ کنین. یک کد جدید CSS رو به فایل style.css اضافه کنین:
شما همچنین میتونین لینکها رو با usernames اسکایپ ایجاد کنین و پشتیبانی از چت لایو یا پشتیبانی صوتی رو به بازدیدکنندگانتون ارائه بدین.
از این کد در فایل wrapper-header.php استفاده کنین:
|
1 |
<a href="skype:echo123">Skype</a> |
وبسایتتون رو چک کنین. متن اسکایپ رو میبینین. وقتی روش کلیک کنین، به اسکایپ لینک میشه:
ممنون که این آموزش رو انتخاب کردین.
