mahdi.a

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

6 پست در این موضوع قرار دارد

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

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

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

ممنون

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در ۱ ساعت قبل، 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
1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

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

ویرایش شده در توسط mahdi.a
0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 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
1

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

درود

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

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

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

تشکر

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری