سعید شعبانی

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

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط masoudmosleh267
      سلام دوستان عزيز. خواستم بدونم امكانش هست كه بنده يك سايت وردپرسي كه ٢٠ تا افزونه روش نصبه رو تبديل كنم به لاراول و رو اون فريم ورك كار كنم؟
    • توسط masoudmosleh267
      سلام دوستان. من یه سایتی رو از بکاپ گرفتم و از یه هاست و دامنه به یه هاست و دامنه جدید انتقال دادم. حالا چه سایت رو که باز میکنم چه وارد پیشخوان وردپرس میشم یه ارور میاد یکی از خطلی functions.php قالب رو نشون میده.
      Parse error: syntax error, unexpected 'class' (T_CLASS), expecting identifier (T_STRING) or variable (T_VARIABLE) or '{' or '$' in /public_html/wp-content/themes/khadamator/functions.php on line 1132
      مشکل چیه؟
    • توسط yaali
      بنام خدا
      :::لینک دانلود قالب فراسر:::
      دانلود قالب  
      خیلی وقت هست که به دنبال یک قالب وردپرسی ای بودم که جدا از ساده بودن، بتوانم با آن کد لایسنس و چیزایی از این دست بفروشم. علاوه بر اون کد فروخته شده بلافاصله به شماره موبایل مشتری هم پیامک بشه.
      قالبها و افزونه های زیادی ادعا داشتند که می توانند این کار را انجام دهند؛ اما در واقع هیچکدام کامل نبودند و پاسخی برای نیاز صاحبان فروشگاه نداشتند.
      بالاخره بر آن شدیم تا یه قالب ساده و در عین حال سریع و کارآمد برای این کار آماده کنیم. بعد از فراز و نشیب های بسیار، الان در خدمت شما هستیم با معرفی قالب فراسر.
      قالب فراسر یک قالب وردپرس هست که با اون میشه کارای زیادی رو انجام داد. یه نمونه ی معروف از اون فروش کارت شارژ هست. از طرف دیگه میشه با اون کد لایسنس هم فروخت. یعنی یه سایت فروش لایسنس آنتی ویروس داشت.
      با قالب فراسر می تونید هر نوع خدمتی که بر اساس کد و یا متن باشه انجام دهید. مثل فروش اپل آیدی و یا فروش یه جمله عاشقانه به طوری که هر جمله در یک سطر باشه و آپلود بشه و ...
      تصاویری از قالب فراسر رو می بینید:

      این قالب توسط قلم سافت کدنویسی و آماده شده است و زحمت فارسی سازی اون رو بچه های همیاروردپرس کشیدن که به نشانه ی تشکر، متن پایین وبسایت حفظ شده است.
      هنگامی که بر روی هر کدام از دکمه های پرداخت کلیک کنید؛ با صفحه ی زیر منتقل می شوید:

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

      بعد از وارد کردن اطلاعات و پرداخت، بلافاصله کد مدنظر، به شماره شما پیامک می گردد. این قالب بر اساس پنل پیامکی sms.ir نوشته شده است. بزودی پنل های پیامکی  دیگر نیز به این قالب اضافه خواهند شد.
       
      اگر شما هم مدتهاست که به دنبال چنین قالبی هستید می توانید هم اکنون با کلیک بر روی متن آن را دانلود کنید
       
    • توسط jahanclip_ir
      سلام
      من یک سایت دارم به نام جهان کلیپ  (jahanclip.ir) بعد از نصب گواهینامه ssl در گوشه سمت راست نوار آدرس سایت یک شکل ظاهر میشه که اگر روش کلیک کنی مینویسه اسکریپتهای ناامن.کسی میدونه این مشکل از کجاست؟
       
      ممنون میشم کمکم کنید.
    • توسط logomaster
      سلام دوستان . من دوتا لینک انتهای این تیکت میزارم که مربوط به یک قالب هست ( دو صفحه از یک قالب)
      ساختار کلی این قالب بسیار خوبه از دید من و میخواستم از تم فارست خریداری کنم ! اما به دلیل اینکه فروش خوبی نداشته ، پشتیبانی خوبی نداره و تا بحال فقط یکبار آپدیت شده ، نمیخوام ریسک کنم.
      حالا از دوستان اگر کسی یک قالب مشابه این ( از نظر ساختار و قالب بندی محتوا ، کدهای کوتاه و.... ) میشناسه به من معرفی کنه . این قالب خیلی خیلی به ایده آلی که من از یک قالب در ذهن دارم نزدیکه.
      http://demo.cmssuperheroes.com/themeforest/inbound-marketing/form/
      http://demo.cmssuperheroes.com/themeforest/inbound-marketing/services-2-2/