وردپرس: شناسایی و اجرای کد بر اساس دستگاه کاربر (موبایل ، تبلت و لپ تاپ)
کد تخفیف در جریان devme1397 %10 تا آخر پاییز97

یکی از مسایلی که در طراحی های امروزی مطرح است ، داشتن حالت های نمایشی مختلف در دستگاه های مختلف است! یکی از راه حل هایی که برای استفاده از این امکان در اختیار ماست ، راه حلی است که از طریق CSS و دستورات آن امکان پذیر است.

برای مثال ما می توانیم با دستورات استایل تعیین کنیم اگر اندازه عرض صفحه نمایش ما 320 پیکسل بود ، چه استایل اعمال شود. مثال :

@media screen and (max-width:320px) {
body {background-color : #000 }
}

در کد بالا مشاهده می کنید که ابتدا یک دستور media@ استفاده شده و در بخش شرایط این دستور یک اندازه عرض تعریف شده.

در این روش (استفاده از CSS) ما تنها می توانیم استایل طراحی خود را متغیر کنیم. اما اگر بخواهیم یک قطعه کد PHP را اجرا کنیم چه؟

طبیعتا با استفاده از CSS شاید نهایتا بتوانید تعیین کنید که در اندازه نمایش مشخص ، یک DIV مخفی شود اما بهینه نیست که بخواهیم کدهای اضافه ای برای کاربر بارگذاری کنیم که نمایش داده نشود و تنها سرعت بارگذاری سایت را کاهش دهد!

بنابراین یکی از راه حل ها برای اجرای کدها بر اساس دستگاه کاربر ، استفاده از افزونه Mobble در وردپرس است.

افزونه Mobble یک افزونه بسیار سبک است که به شما چند تابع شرطی ارائه می کند که می توانید توسط آن ها ، ابتدا دستگاهی که کاربر توسط آن سایتتان را مشاهده می کنید را شناسایی کرده سپس کدها و فایل هایی از قالب که می خواهید برای کاربر نمایش داده شود را تعیین کنید. به این کد دقت کنید :

<?php if (is_mobile()) {
  get_template_part( 'custom', 'file' );
  echo 'I am Devme Test in Any Mobile Devices!';
}
elseif (is_tablet()) {
  get_template_part( 'custom', 'file' );
  echo 'I am Devme Test in Any Tablet Devices!';
}
elseif (is_ios()) {
  get_template_part( 'custom', 'file' );
  echo 'I am Devme Test in Any iOS Devices!';
}
elseif (is_android()) {
  get_template_part( 'custom', 'file' );
  echo 'I am Devme Test in Any Android Devices!';
}
else {
  get_header();
  get_template_part( 'custom', 'file' );
  echo 'I am Devme Test in Any other Devices that doesn't listed above!';
  get_footer();
}
 ?>

 

پس از فعالسازی افزونه Mobble می توانیم از دستورات شرطی زیر استفاده کنیم :

<?php
is_handheld(); // any handheld device (phone, tablet, Nintendo)
is_mobile(); // any type of mobile phone (iPhone, Android, etc)
is_tablet(); // any tablet device
is_ios(); // any Apple device (iPhone, iPad, iPod)
?>

<!-- Other Mobile Models to use -->
  
<?php
is_iphone(); // check if current device is iPhone
is_ipad();
is_ipod();
is_android(); // check if current device is Android OS
is_blackberry();
is_opera_mobile();
is_symbian();
is_kindle();
is_windows_mobile();
is_motorola();
is_samsung();
is_samsung_tablet();
is_sony_ericsson();
is_nintendo();
?>

 

مانند کد قبل از این دستورات شرطی می توانیم برای شناسایی دستگاه ها و اجرای کدهای مورد نظرمان استفاده کنیم. برای مثال شما می توانید از این دستورات در فایل index.php قالبتان استفاده کنید و توسط آن صفحات دیگری یا نوع قالب دیگری برای موبایل داشته باشید.

هنوز دیدگاهی ارسال نشده! نظر شما چیست؟

دیدگاه شما درباره این صفحه چیست؟