MaySam.M 89 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 سلامبرای اینکه برای وبلاگهای وردپرس شبکه یک نسخه موبایل ایجاد کنیم چه کار باید کرد؟من افزونه wptouch رو نصب کردم و فعال کردم اما نمی دونم چطور میشه باهاش کار کرد. وقتی با گوشی به سایتهام میرم میبنیم هیچ فرقی نکردند و به همون شکل پیش فرض نمایش پیدا می کنند.لطفا در این مورد راهنمایی بفرماییدممنون نقل قول لینک به ارسال
Farid 2281 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 سلاممن با افزونه هایی که نسخه ی موبایل می سازند کار کردم ، هیچ فایده ای ندارند ! ... شما می تونید بدید مثلا یه اپلیکیشن اندروید براتون طراحی کنند یا اینکه با مدیا کوئری ها یه نسخه ی موبایل هم برای سایتتون آماده کنید . 2 نقل قول لینک به ارسال
MaySam.M 89 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 سلاممن با افزونه هایی که نسخه ی موبایل می سازند کار کردم ، هیچ فایده ای ندارند ! ... شما می تونید بدید مثلا یه اپلیکیشن اندروید براتون طراحی کنند یا اینکه با مدیا کوئری ها یه نسخه ی موبایل هم برای سایتتون آماده کنید .منظورتون از مدیاکوئری رو متوجه نشدم! میشه بیشتر توضیح بدید؟ نقل قول لینک به ارسال
Farid 2281 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 ببینید مدیا کوئری ها کدهایی هستند که مشخص میکنند با توجه به عرض نمایشگر کاربر چه کدهایی نشون داده بشه ، مثلا تعیین میکنه وقتی ماکزیمم عرض صفحه 480 پیکسل باشه ( عموما صفحه موبایل ) این کدهای css خاص نشون داده بشه ، در نتیجه شما می تونید به کاربری که با موبایل سایت شما رو می بینه کد css خاصی نشون بدید ، مثلا ستونی که در اثر کوچک شدن صفحه در موبایل محو میشه میتونید بیاریدش زیر بقیه ی محتوا و ...این کد به این صورته :@media only screen and (max-device-width: 480px) {#content {float: none;width: 100%;}مثلا این کد مدیا کوئری به این معنا است که وقتی ماکزیمم عرض صفحه ی نمایشگر 480 پیکسل هست به شناسه ی content اون دو خصیصه داده بشههمچنین این کدها به این صورت هم میتونه باشه :<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />این کد هم نمایشگر هایی رو هدف قرار میده که مینمم عرض 701 پیکسل و ماکزیمم عرض 900 پیکسل دارن و به مرورگر میگه وقتی یه نمایشگر با این مشخصات هست ، استایل رو از فایل medium.css بخونه ( البته بقیه ی استایل ها از فایل استایل اصلی هم خونده میشه ولی شما میتونید یه کلاس یا شناسه خاص رو در عرض مشخص تغییر بدید یا شناسه و کلاس جدید اضافه کنید ) 3 نقل قول لینک به ارسال
MaySam.M 89 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 آها منظورتون اون بود اون برای آخرین راه حل مد نظرم بودچون الان گوشی با اندازه های مختلف تولید شده، کار طراحی به این شکل سخت شدهبا وجود این همه برند گوشی و اندازه های مختلف کاش راه حل ساده تری هم بوددر هر صورت ممنونم نقل قول لینک به ارسال
Farid 2281 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 نه خیلی هم راحت هست !!! کافی شما دو تا نمایشگر رو هدف قرار بدید ، البته با کد اولی که گفتم . قرار نیست برای هر عرضی یه Css بنویسید !! 2 نقل قول لینک به ارسال
MaySam.M 89 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 نه خیلی هم راحت هست !!! کافی شما دو تا نمایشگر رو هدف قرار بدید ، البته با کد اولی که گفتم . قرار نیست برای هر عرضی یه Css بنویسید !!نمایشگر اولی که میشه کامپیوترهای دسکتاپ دومی هم که موبایله یعنی بیام مثلا سایدبار رو حذف کنم و پستها رو با عرض کمتر نشون بدم همچنین هیدر رو؟ نقل قول لینک به ارسال
Farid 2281 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 نمایشگر اولی که دسکتاپ هست و کدهاش همون کدهای استایله .... نیاز نیس باز شما براش استایل و مدیا کوئری بذارید .. شما یه عرض ماکزیمم در نظر بگیرید برای موبایل ها ( مدیا کوئری اول ) بعد هم یه عرض دیگه در نظر بگیرید مثلا برای تبلت ها ... //بله مثلا اگر میخوایید سایدبار رو حذف کنید ، مثلا شناسه اش اینه : sidebar# .... در استایل مربوط به موبایل بهش خصیصه display:none بدید تا در موبایل نمایش داده نشه . 3 نقل قول لینک به ارسال
MaySam.M 89 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 نمایشگر اولی که دسکتاپ هست و کدهاش همون کدهای استایله .... نیاز نیس باز شما براش استایل و مدیا کوئری بذارید .. شما یه عرض ماکزیمم در نظر بگیرید برای موبایل ها ( مدیا کوئری اول ) بعد هم یه عرض دیگه در نظر بگیرید مثلا برای تبلت ها ... //بله مثلا اگر میخوایید سایدبار رو حذف کنید ، مثلا شناسه اش اینه : sidebar# .... در استایل مربوط به موبایل بهش خصیصه display:none بدید تا در موبایل نمایش داده نشه .اونقدرها هم آماتور نیستیم همینکارو میکنم نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .