• اطلاعیه ها

    • Saeed Fard

      برگزاری چهارمین همایش Coder Conf و کد تخفیف برای کاربران وردپرس پارسی   20/04/97

      کدرکانف هر سال در آخرین پنجشنبه مرداد با بورد‌های مختلفی برگزار می‌گردد،امسال نیز کدرکانف در همین تاریخ با حضور برنامه نویسان مطرح کشور در بورد تخصصی جاوااسکریپت برگزار خواهد شد، یک گردهمایی متفاوت با طعم Javascript. Coderconf هر سال نسبت به سال‌های گذشته با حضور برنامه‌نویسان پر رنگتر می‌شود. ما سعی کردیم هر ساله به این کنفرانس مفهوم عمیق تری ببخشیم تا از آنچه در سال‌های گذشته عرضه شده به روزتر و مفیدتر واقع شویم. امسال فرصتی خواهد بود تا با نگرشی جدید و بهبود مطالب ارائه شده، عمیقتر به این موضوع نگاه کنیم تا بجای تکرار مباحث پیشین گامی هر چند کوچک در مسیر ارتقای دانش فنی برنامه‌نویسان ایرانی برداریم. ما در Coderconf ۴ با تمرکز بر روی Javascript نیت کرده‌ایم این فرصت را در اختیار برنامه نویسان قرار دهیم تا با ظرافت و استانداردهای روز دنیا کار خود را پیش ببرند. به نظر ما امسال زمان آن فرا رسیده‌است تا این زبان را به صورت تخصصی و از ابعاد مختلف به چالش بکشیم.   دبیر علمی همایش میلاد حیدری، کدرکانف ۴ را اینگونه توصیف کرده است :اشتراک گذاری دانش بهترین راه رسیدن به جاودانگی اطلاعات است. هر ساله همایش‌های زیادی برگزار میشه که افراد شرکت‌کننده می‌توانند با افراد مجرب شبکه سازی کنند. امسال در کدرکانف سعی کردیم علاوه بر بخش شبکه سازی بین افراد بیشتر روی انتقال دانش و کیفیت ارائه ها تمرکز داشته باشیم . به قصد یک گردهمایی بلند مدت بین برنامه‌نویسان جاوااسکریپت که با هم تبادل دانش و اطلاعات کنند گردهم آییم.
      بنده به عنوان عضو کوچکی از جامعه برنامه‌نویسان جاوااسکریپت ایران امیدوارم در کدرکانف امسال علاوه بر شبکه سازی، از اطلاعاتی که دوستان در این همایش در اختیارتان قرار می‌دهند استفاده کنید. در سایت همایش میتوانید سخنرانان و موضوع پنل همایش کدرکانف رو مشاهده کنید . علاقه‌مندان به حضور در این همایش می‌توانند با کد تخفیف wpparsi اقدام به ثبت نام در این گردهمایی کنند. سایت همایش :‌http://coderconf.org
      بلیط فروشی همایش :‌https://evand.com/events/coderconf4  
سعید شعبانی

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

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط kamran.azarniya@yahoo.com
      سلام و درود
      بنده در این سایتم کمی مشکل منو داشتم نمیدونم چه تنظیماتی کردم که منو از جایگاه اصلی خودش اومده پایینتر ، حالا به نظرتون باید چیکار کنم یا چه کدیو اصلاح کنم
      تشکر
      avahesab.ir
    • توسط mohsen_sj
      سلام دوستان
      برای یک سایت چند منظوره که هم به عنوان دایرکتوری باشه و هم فروشگاهی که امکان چند فروشگاهی رو بتونه ساپورت کنه چه قالب یا افزونه ای پیشنهاد میکنید؟
    • توسط مسعود
      با سلام 
      دوستان مشکل من در نحوه نمایش پست های دسته بصورت محدود هست .مثل عکس زیر، یعنی وقتی روی دسته مورد نظر کلیک میکنم تا مطالب اون دسته رو نشون بده میاد یک دکمه بیشتر قرار میده و نوشته ها با اینکه هیچ ابزارکی فعال نیست و layout همه نوشته ها روی no sidebar وسط قرار نمیگیره. 

       در واقع من میخوام مطالب به صورت کامل ( بدون خلاصه و دکمه بیشتر) و وسط چین  پشت سر هم قرار بگیره مثل تصویر زیر

      من از وردپرس نگارش 4.9.6 و قالب شرکتی Company Elite فارسی شده همیار وردپرس استفاده میکنم.
      آدرس دانلود قالب 
      https://hamyarwp.com/company-elite/
      با تشکر از شما
    • توسط مسعود
      با سلام 
      دوستان همونطور که در عکس زیر می بینید توضیحات چک باکس مربوط به فرم نظرات بصورت ستونی  نوشته شده (در تمامی برگه هایی که فرم نظرات داره هم به همین صورت هست.)انگار دریک دیوژن قرار گرفته باشه. من از کجا باید مورد رو اصلاح کنم تا نوشته ها بورت افقی زیر کادر نوشته بشه.
      من از وردپرس نگارش 4.9.6 و قالب شرکتی Company Elite فارسی شده همیار وردپرس و افزونه subscribe to comments reloaded استفاده میکنم. 
      آدرس دانلود قالب 
      https://hamyarwp.com/company-elite/
      با تشکر از شما


    • توسط giilass
      عرض ادب
      سایتم رو از دامنه X به دامنه y تغییر دادم.از پنل هاست(دایرکت ادمین)
      هم فایل config.php و هم جداول دیتابیس که url  سایت قدیمی داشت رو ادیت کردم 
      اما باز هم ایکون و فونت ها مشکل داره.
      تمامی مطالب تو نتایج جستجو گوگل رو هم بررسی کردم.اما به نتیجه نرسیدم.
      اگر کسی میتونه راهنمایی بکنه.قالب سایتم اینویژن هست و البته افزونه wpml هم استفاده میکنم.