رفتن به مطلب

فایل header و footer متفاوت برای نسخه موبایل


پست های پیشنهاد شده

سلام وقت بخیر عزیزان ...

آیا میشه برای نسخه موبایل یک فایل هدر و فوتر متفاوت از نسخه دسکتاپ اجرا کرد؟ مشکل خاصی رو برای موضوعاتی از قبیل سئو و ... بوجود نمیاره؟

اگر شدنیه زحمتتون یه منبع یا روش رو بفرمایید.

ممنون

لینک به ارسال
در ۱ ساعت قبل، mahdi.a گفته است :

 

سلام. وقت بخیر. بله شدنیه. اما اینکه چه روشی برای اینکار استفاده بشه بستگی به این داره که شما قراره چه محتوایی رو در هدر فوتر داشته باشید و در نسخه موبایل تغییرش بدید.

اگر html و css باشه خب براحتی میشه کل هدر رو برای موبایل با محتوا و شکل متفاوت ساخت و div اصلی رو مخفی کرد و در اندازه موبایلی نمایشش داد.

اما اگر php هم وجود داره و به کل قراره هدر و فوتر در موبایل متفاوت باشه از تابع wp_is_mobile استفاده کنید.

در قسمتی که باید کدهارو بنویسید میتونید از کدهای htm، css، php استفاده کنید.

<?php
if ( wp_is_mobile() ) {
	code
} else {
	code
}
?>

به این شکل هم میتونید استفاده کنید

<?php  if( wp_is_mobile()){  ?>
کدهای مربوط به موبایل
<?php } else { ?>
کدهای مربوط به نسخه دسکتاپ
<?php  } ?>

 

ویرایش شده توسط maraljoon
لینک به ارسال

منمون دوست عزیز ...

یعنی با این تابع wp_is_mobile میشه یکسری محتوا مخصوص موبایل رو در نسخه موبایل لود کرد ؟ و یا اینکه نحوه چیدمان منو رو مختص موبایل چید؟

ویرایش شده توسط mahdi.a
لینک به ارسال
در 3 ساعت قبل، mahdi.a گفته است :

منمون دوست عزیز ...

یعنی با این تابع wp_is_mobile میشه یکسری محتوا مخصوص موبایل رو در نسخه موبایل لود کرد ؟ و یا اینکه نحوه چیدمان منو رو مختص موبایل چید؟

خواهش.

هر محتوایی بین این تابع قرار بگیره فقط در موبایل نمایش داده میشه. یعنی دستگاه رو تشخیص میده اینکه اگه موبایل یا تبلت باشه اون محتوارو نمایش میده.

اما برای منوی مختص موبایل میتونید کار راحتتری انجام بدید.

فرض کنید کلاس منوی اصلی سایت menu-desktop است. در واقع شما باید دو سری منو لود کنید. یک سری منو مربوط به حالت دسکتاپ یکی هم موبایل. کلاس div مربوط به منوی موبایل رو میذاریم menu-mobile بعد در حالت عادی در فایل css به این کلاس dispaly:none میدید که مخفی باشه.

 .menu-mobile{display:none;}

در مرحله بعدی در فایل css مشخص میکنیم که مثلا در اندازه موبایلی منوی دسکتاپ مخفی و منوی موبایل نمایش داده بشه.

برای مثال:

@media (min-width:100px) and (max-width:766px){
  .menu-mobile{display:block;}
  .menu-desktop {display:none;}
  
}

اندازه 766 رو میتونید به دلخواه خودتون تغییر بدید اینکه میخواید تو چه سایزی از صفحه این واکنش رو نشون بده.

این یک روش ساده بود. روش های مختلف برای انجام اینکار وجود داره

ویرایش شده توسط maraljoon
لینک به ارسال

درود بر شما ... ممنونم ازتون

نه میخواستم کدی باشه که مخفی کاری توش نباشه :D، به این دلیل که حجم کمتری روی نسخه موبایل لود کنم.

ممنونم از راهنمایی شما ...

لینک به ارسال

درود

ممنون بابت ایجاد این موضوع

آیا میتونم منو سایت رو که به صورت خودکار در موبایل به صورت 3 خط نمایش داده میشه رو تغییر بدم؟ منظورم شکل 3خط بودن رو میگم که مثلا جاش یه عکس یا یه نوشته بذارم...

قالب انفولد - سایت ttbbiston.com

تشکر

ویرایش شده توسط Mohammad Bazli
نوشتن برخی اطلاعات دیگر
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...