• اطلاعیه ها

    • Saeed Fard

      پوشش زنده وردکمپ ۲۰۱۸ اروپا توسط وردپرس پارسی   23/03/97

      اگر کاربر وردپرس هستید حتما تا به حال اسم وردکمپ رو شنیدید، کمپ و دورهمی بزرگ توسعه‌دهنده‌ها و کاربران وردپرس که سالانه در کشورهای مختلف برگزار میشه تحت عنوان وردکمپ هستش که از سمت مراجع اصلی وردپرس حمایت و برگزار می‌شه.   این‌ بار در سال 2018 وردکمپ اروپا در شهر بلگراد کشور صربستان در حال برگزاری هستش، این رویداد طی سه روز 24 تا 26 تیر ماه (June 14-16) برگزار میشه، در این رویداد مصطفی صوفی از وردپرس پارسی و به نمایندگی تمامی کاربران وردپرس فارسی حضور داره. وردپرس پارسی رویداد وردکمپ 2018 اروپا رو به صورت زنده توسط مصطفی پوشش می‌ده و در صورت علاقه‌مندی به این مراسم می‌تونید از طریق وردپرس پارسی دنبالش کنید.در حال حاضر یک روز از این مراسم گذشته که گزارش اون در قسمت پوشش زنده قرار گرفته. برای دنبال کردن مراسم وردکمپ اروپا به صورت لحظه‌ای به صفحه پوشش زنده در قسمت زیر مراجعه کنید. همینطور در آینده منتظر خبر برگزاری اولین وردکمپ در ایران توسط وردپرس‌پارسی باشید. https://wp-parsi.com/wceu-2018

      لینک خبر در وردپرس پارسی : https://wp-parsi.com/wceu-2018-live  
iran

ساخت قالب واکنش گرا !!!

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

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

سلام

دوستان من دارم یه قالب طراحی می کنم

اما دوست دارم کاملا واکنش گرا باشه

یعنی با مرورگر هر وسیله ای سایز صفحات و جداولم تغییر کنه

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

توی گوشی و تبلت کوچیکتر باشه

توی صفحات عریض اطلاعات زیادی نشون بدم

و ....

لطفا اساتید عزیز بنده رو راهنمایی کنند که چه ابزار ها و چه روش ها و چه تکنیک هایی برای این کار نیاز هست ؟

با تشکر

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

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


لینک به پست

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

3

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


لینک به پست

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

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

انجامش چقدر وقت می بره ؟ وقت گیر که نیست ؟

و همچنین حجم صفحه زیاد افزایش پیدا نمی کنه که ؟

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

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

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

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


لینک به پست

با استفاده از این راهنما می تونید قالب خودتون رو واکنش گرا کنید


http://www.w3.org/TR/css3-mediaqueries/

3

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


لینک به پست

ساده ترین راه همون دادن درصد به width هستش

مثلا body رو 90% بدین بعد میتونید با min-width یه حداقل براش تعیین کنید و با max-width هم یه حداکثر.

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

2

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


لینک به پست

ساده ترین راه همون دادن درصد به width هستش

مثلا body رو 90% بدین بعد میتونید با min-width یه حداقل براش تعیین کنید و با max-width هم یه حداکثر.

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

فرمایش شما درسته ولی توی گوشی که نمی شه همه رو زیر هم چید

باید یه تعداد از جداول حذف بشن و یه تعداد جدید جایگزین بشن

0

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


لینک به پست

انجامش چقدر وقت می بره ؟ وقت گیر که نیست ؟

نه وقت گیر نیست

و همچنین حجم صفحه زیاد افزایش پیدا نمی کنه که ؟

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

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

اگر تا 50 درصد کار را تکمیل کردید به نظرم کار خودتون را ادامه بدید و از بوت استرپت استفاده نکنید. بازم اگر خواستید می تونید سرچ کنید یا از این آموزش استفاده کنید.

2

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


لینک به پست

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

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

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

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


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

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

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


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