سعید شعبانی

تبدیل قالب معمولی وردپرس به قالب واکنشگرا

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

چگونه می شوند قالبی که هیچ یک از ویژگی های یک قالب واکنشگرا را ندارد تبدیل به یک قالب کاملا واکنش گرا کرد. از کجا باید شروع کرد؟

2

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


لینک به پست

بایستی با مفهوم css media queries در css آشنا باشید ولی اصلا پیشنهاد نمی کنم که این کار را انجام چون بسیار دشوار است در عوض از فریمورکهایی که آماده می باشند استفاده کنید...#

7

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


لینک به پست

بایستی با مفهوم css media queries در css آشنا باشید ولی اصلا پیشنهاد نمی کنم که این کار را انجام چون بسیار دشوار است در عوض از فریمورکهایی که آماده می باشند استفاده کنید...#

منظور از فریمورکهایی آماده چی هست؟ آیا با آنها می توان قالب فعلی را به یک قالب واکنشگرا تبدیل کرد؟

1

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


لینک به پست

یه نمونه rootstheme که من خودم در این طرح از اون بهره گرفتم:


http://mpf90.ir/wordpress/

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

2

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


لینک به پست

نمی تونید قالب فعلی رو تبدیل کنید

یعنی هیچ راهی نداره؟

0

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


لینک به پست
بایستی با مفهوم css media queries در css آشنا باشید ولی اصلا پیشنهاد نمی کنم که این کار را انجام چون بسیار دشوار است در عوض از فریمورکهایی که آماده می باشند استفاده کنید...#
0

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


لینک به پست

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

خوب زمانی که از یک قالب واکنش گرا استفاده کنیم آیا می شود که باکس ها یا المنت هایی را اضافه یا حذف کرد و آیا قالب هنوز واکنش گرا باقی می ماند؟

ویرایش شده در توسط dnojir
0

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


لینک به پست

بله...#

1

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


لینک به پست

تمام کار یک قالب واکنش گرا بر عهده css media queries در css است؟

0

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


لینک به پست

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

1

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


لینک به پست

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

آقا مرتضی مشیه کمی توضیح بدید که چجوریاست؟ نمیشه توسط افزونه firebug این قابلیت رو استفاده کرد؟

0

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


لینک به پست

افزونه فایرباگ کارش کاوش در کدهای سایت هست.

شما برای اینکه لیوت سایتتون براساس کاربر واکنش نشون بده باید کدهای استایل رو تغییر بدید. بهتره آموزش زیر رو مطالعه کنید برای شروع مناسب هست:

http://css-tricks.com/css-media-queries/

4

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


لینک به پست

ببخشید ، .واکنش گرا یعنی چی؟

0

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


لینک به پست

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

ببخشید ، .واکنش گرا یعنی چی؟


http://en.wikipedia.org/wiki/Responsive_web_design

+

وب سایت های واکنش گرا

ویرایش شده در توسط oMid
3

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


لینک به پست

راه دیگر در طراحی واکنش گرا استفاده از Javascript به جای CSS است. این راه حل مخصوصا برای ابزارهایی که از CSS به درستی پشتیبانی نمی کنند، کاربرد خواهد داشت. معمولا به عنوان پشتیبان CSS نیز بکار می روند.

یک کتابخانه استاندارد از javascript وجود دارد که برای سازگار ساختن مرورگرهای قدیمی با CSS3 نوشته شده است. برای استفاده از این کتابخوانه به –css3-mediaqueries.js می توانید مراجعه کنید.

در زیر نمونه ای از کدهای جاوااسکریپت را مشاهده می کنید که بر ااس اندازه صفحه، استایل مورد نظر را باز می کند.

design-1.png

design-2.png

به نظر شما خوبه از جاوا اسکریپت استفاده کنیم؟

0

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


لینک به پست

خوب وقتی با css می تونیم با js چرا؟ عین پیچوندن لقمه و گذاشتن تو دهن میمونه

1

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


لینک به پست

این رو از یه وبلاگی پیدا کردم . تست کنید ببینید جواب میده؟


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

تو /* Styles */ ها باید استایل مخصوص خودتون رو وارد کنید و کل فایل رو تو یه فایل css در صفحه خودتون لود کنید

منبع : "وبلاگ احد نعمتی"

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط meysam011
      سلام به همه دوستان
      من یک قالب رایگان برای سایتم خریداری کردم. مشکلی که دارم اینه که وقتی متن رو از طریق وردپرس اضافه میکنم، متن و پاراگراف ها داخل سایت به صورت پشت سر هم نشون داده میشه و به اصطلاح بریک نمیشه. فکر میکنم مشکل از قالب باشه. در ضمن عکسی رو که در وردپرس آپلود میکنم، در سایت نمایش داده نمیشه.
    • توسط sajadszm
      با سلام
      وقتی میخوام قالب رو درون ریزی کنم بعد از ارسال درخواست با مشکلی که توی عکس پیوست هست مواجه میشم.
      چیکار کنم؟
       

    • توسط masoudmosleh267
      سلام. دوستان کسی میدونه چرا این سایت وقتی لود میشه یه لحظه چپ چین میشه دوباره راست چین میشه؟
      آدرس سایت: hamechitamom.com
    • توسط reza_yki
      سلام من می خوام قالب ها رو به صورت دمو برای مشتری به نمایش بزارم اما اطلاعات هاستینگ من کمه به نظرتون چه نوع هاستی بگیرم تا هم به صرفه باشه (بودجه محدوده فعلا) هم کارایی داشته باشه ؟
    • توسط masoudmosleh267
      سلام دوستان عزيز. خواستم بدونم امكانش هست كه بنده يك سايت وردپرسي كه ٢٠ تا افزونه روش نصبه رو تبديل كنم به لاراول و رو اون فريم ورك كار كنم؟