آموزشها
قالبها
افزونهها
سایت برتر
هاست وردپرس
طراحی سایتساخت نسخه موبایل سایت وردپرسی با mobble
ساخت نسخه موبایل سایت وردپرس
امروز قصد دارم شما را با یک افزونه کاربردی و متفاوت آشنا کنم، افزونه mobble به شما کمک می کند تا یک نسخه موبایل از سایت خود را ایجاد کنید تا در زمانی که کاربران با موبایل خود از سایت شما بازدید کردند، بتوانند همه محتوای سایت شما را به راحتی مشاهده کنند.
نحوه کار با افزونه mobble
خب همگی این مرحله را حفظیم 🙂 آموزش نصب افزونه در وردپرس را ببینید. پس از راه اندازی و فعال سازی افزونه گزینه جدیدی به نام mobble در منو تنظیمات وردپرس ایجاد می شود. با کلیک بر روی آن می توانید تنظیمات افزونه را پیکربندی کنید.
در این قسمت می توانید اطلاعات دستگاه های مختلف اعم از موبایل و تبلت را به کلاس body قالب خود مانند <body class=”handheld android tablet اضافه کنید. تیک گزینه “Mobify body class” را فعال و تغییرات را ذخیره کنید.
این افزونه توابع شرطی مرتبط با موبایل را برای سایت شما مانند is_iphone ()، is_mobile () و is_tablet () فراهم می کند.
is_handheld(); // any handheld device (phone, tablet, Nintendo) is_mobile(); // any type of mobile phone (iPhone, Android, etc) is_tablet(); // any tablet device (currently iPad, Galaxy Tab) is_ios(); // any Apple device (iPhone, iPad, iPod)
دو نمونه مثال:
در این مثال یک شیوه نامه خاص برای دستگاه آیفون بارگذاری می کند.
<?php
if (is_ios()) {
wp_enqueue_style('ios', get_template_directory_uri() . '/ios.css');
}
?>
در این مثال تمام سایدبار از موبایل حذف می کند.
<?php
if (!is_mobile()) {
get_sidebar();
}
?>
موفق و پیروز باشید.
