• اطلاعیه ها

    • Saeed Fard

      آگهی استخدام برنامه نویس و پشتیبان وردپرس   13/12/95

      آگهی استخدام برنامه نویس و پشتیبان وردپرس
       
      2 نفر پشتیبان سایت وردپرسی
      ⁃ آشنا به برنامه نویسی قالب و پلاگین وردپرس 
      ⁃ توانایی راه اندازی سایت، قالب و افزونه های وردپرسی 
      ⁃ توانایی برنامه نویسی PHP در حد متوسط 
      ⁃ اطلاعات عمومی وب بالا 
      ⁃ توانایی پاسخگویی نوشتاری به سوالات انگلیسی با گرامر ساده 
      ⁃ آشنایی با HTML/CSS/jQuery 
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۲ نفر برنامه نویس قالب وردپرس
      ⁃ تسلط به HTML/CSS/jQuery و Bootstrap
      ⁃ توانایی تبدیل HTML به قالب وردپرس
      ⁃ توانایی برنامه نویسی PHP و پلاگین نویسی وردپرس در حد متوسط
      ⁃ آشنایی به اصول سئو 
      ⁃ آشنایی با Git/subversion مزیت محسوب می‌شود.
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۱ نفر طراح UI/UX
      ⁃ طراحی خلاقه وب سایت
      ⁃ طراحی با جدیدترین استایل‌های طراحی سایت
      ⁃ مسلط به تایپوگرافی انگلیسی و طراحی وب سایت انگلیسی
      ⁃ انتقاد پذیری و قبول بازخوردهای تیم و مشارکت با دیگر اعضاء تیم برای سرعت بخشیدن به فرایند انجام پروژه
      ⁃ آشنایی و درک HTML/CSS/jQuery
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا
      ⁃ امکان همکاری به صورت پروژه‌ای و دورکاری در این موقعیت شغلی فراهم است ——— مزایای کار در مجموعه گرودیا
      ⁃ تجربه ناب کار در سطح یک جهانی
      ⁃ محیط کار بسیار دوستانه و آرام
      ⁃ پرداخت های مناسب و سر وقت
      ⁃ کلاس های آموزشی داخلی به جهت بالا بردن دانایی و توانایی همه اعضا   از علاقه‌مندان و نیازمندان تقاضا می‌شود لطفا رزومه کاری خود را با قید موقعیت شغلی به ایمیل info@grodea.co ارسال نمایید.
    • Morteza

      سال 1396 خورشیدی مبارک   29/12/95

      سال 1396 خورشیدی مبارک
wp-user

ریسپانسیو کردن سایت

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

با سلام

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

آیا میشه فقط با استفاده از media screen در css اینکارو انجام داد یا نیاز به کار دیگه ای هم هست؟

با تشکر

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


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

با media screen باید انجام بشه ولی اگر قالب از اول با این پیش فرض تهیه نشده باشه ممکنه کار سختی باشه مخصوصا اگر اسلایدر یا بخش هایی که استایل از js می گیرند داشته باشه

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


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

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

منظورتون از پیشفرض اینه که از قبل ساختن به فکر ریسپانسیو سایت باشیم ؟!

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

در اینصورت چه باید کرد؟

---------

من بعضاً قالب هایی رو دیدم که چنتا فایل Js که نامشون responsive بود دارن

این فایل های js برای چه هست و در چه مواقعی ازشون استفاده میشه؟!

ویرایش شده در توسط faver

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


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

بستگی داره به قالب

من چند وقت پیش قالبی رو برای یکم مشتری آماده کردم که اسلایدر با اندازه عرض 800 پیکسل برای سیستم هالی خونگی داشت و برای سیستم های اندرویید و لبتاپ های کوچک یک اسلایدر دیگه با عرض 450 پیکسل داشت و یک اسلایدر دیگه هم ویژه موبایل های با صفحه تصویر بزرگتر از 320 در 240 داشت و از این اندازه به پایین هم اسلایدر رو حذف کردیم عوض بدل اسلایدرها رو با js انجام دادیم

جاوا اسکریپت اللخصوص با استفاده از کتابخانه جی کوئری و تکنیک آژاکس دست طراح رو چند برابر باز می کنه

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


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

اگر زیاد وارد نیستی می تونی ار بوت استرپ استفاده کنی

http://blog.webcity.ir/1392/09/06/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%88%D8%A7%DA%A9%D9%86%D8%B4-%DA%AF%D8%B1%D8%A7/

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


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

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

فقط میخوام بدونم که با media screen میشه بصورت کامل ریسپانسیو کرد؟ (حالا فوقش اسلایدرو در سایزهای پایین حذف می کنیم)

ویرایش شده در توسط faver

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


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

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

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

تصاویر و ویدوها هم واکنش گرا باشه همجنین متن -یکم ریزه کاری داره

ویرایش شده در توسط reazah

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


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

باز هم بستگی داره

ببینید استایل اصول و قواعدی داره

یکیش اینه که آبشاریه یعنی همیشه استایلی که کدش پایین تر اجرا شه ارجعیت داره به بقیه مگر اینکه خاصیتی با


!important

مشخص شده باشه در اینصورت همیشه اون خاصیت ارجعه

و استنایلی که با جاوا اسکریپت نسبت داده بشه چون بعد از لود تغییر ایجاد می کنه کلا نسبت به css ارجعه

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

تنها راه اینه که تست کنید اگربه مشکل خوردید مطرح کنید

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


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

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

منظورتون از این مورد چیه دقیقا؟!

تو سی اس اس که پایین و بالا نداره!

از طرفی من از !important فقط اینو میدونم که برای این میذارن تا مرورگر بین دو حالت برای یک عنصر ، اونیرو که !important یا به اصطلاح مهمتر هست رو مورد نظر قرار بده

ولی با این اوصاف من هنوز از این خاصیت ( !important ) استفاده نکردمو اصلا نمیدونم دقیقا در چه حالت هایی از !important باید استفاده کرد!

یعنی اگر قرار باشه ما برای یک متن دو رنگ مد نظر بگیریم و یکی رو خاصیت !important بدیم خب دیگه همین یک رنگو (color) میذاریم و اون کیو پاک میکنیم دیگه

پس چرا باید از !important استفاده کرد

نمیدونم منظورمو خوب رسوندم یا نه ولی اگر کمی در موردش توضیح بدینو همچنین از کاربردش در ریسپانسیو بگین ممنون میشم :)

ویرایش شده در توسط faver

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


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


<style type="text/css">
body {
background:blue;
}
body {
background:black;
}
</style>

صفحه را مشکی می کنه


<style type="text/css">
body {
background:blue !important;
}
body {
background:black;
}
</style>

صفحه را آبی می کنه

من در مورد دلیل اینکه نویسنده برنامه ای مثل css چرا یک کد را برای برنامه اش تعریف کرده نمی تونم توضیح بدهم

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

من عرض کردم سئوال شما سئوالی نیست که جواب عام بشه بهش داد

شما وقتی در مورد یک قالب خاص دارید سئوال می کنید لازمه که کدهای اون قالب دیده شده باشند تا بشه بهتون جواب داد

و پاسخ صحیح شما :

تنها راه اینه که تست کنید اگربه مشکل خوردید مطرح کنید

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


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

من هم اين مشكل رو دارم

سابتم اندازش توي موبايل و تبلت تغيير نميكنه متاسفانه

من خيلي وارد نيستم شايد سوالم احمقانه باشه

ببينيد چنتا كد آماده براي اين كار وجود نداره كه با اضافه كردن به استايل خودكار توي تبلت و موبايل اندازه ها رو كم و زياد كنه؟

سايتم

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


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

من هم اين مشكل رو دارم

سابتم اندازش توي موبايل و تبلت تغيير نميكنه متاسفانه

من خيلي وارد نيستم شايد سوالم احمقانه باشه

ببينيد چنتا كد آماده براي اين كار وجود نداره كه با اضافه كردن به استايل خودكار توي تبلت و موبايل اندازه ها رو كم و زياد كنه؟

سايتم

مشکل از کد زیر و جاهایی که از px استفاده کرده اید میباشد .


<div style="height: 225px; width: 966px; background: #f0eded; overflow: auto; direction: rtr;">

در واقع در ریسپانسیو بایستی این موارد را با % انجام دهید و

همچنین همان طور که استاد فحار گفتند :

برخی از جاها بایستی با media screen انجام شوند .

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


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

سلام و وقت بخیر،

در جواب سوال استارتر باید عرض کنم بله، قالبی که قبلا طراحی شده رو فقط با استفاده از مدیاکویری های سی اس اس میشه ریسپانسیو کرد، اما برای حرفه تر شدن کار، بهتره از جی کویری هم استفاده بشه. مثلا کشویی کردن منوها، تغییر طول و عرض اسلایدر ها و ...

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


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

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

فقط میخوام بدونم که با media screen میشه بصورت کامل ریسپانسیو کرد؟ (حالا فوقش اسلایدرو در سایزهای پایین حذف می کنیم)

بله میشه دوست عزیز

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


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

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط MahTV
      سلام دوستان و اساتید عزیز
      اگه بخوایم به صورت شرطی (کوچک بودن صفحه نمایش ) تو موبایل یک باکس رو (مثل باکس دانلود) به کاربر در حالت چرخش صفحه نشون بدیم 
      و به کاربر بگیم که برا دیدن لینک ها باید گوشی موبایلت رو بچرخونی باید چیکار کنیم ؟
       
      من این کد رو از سایتی برداشتم ولی نمیدونم چطور باید ازش استفاده کنم 
      <div class="alerta"><b class="icon-screen-rotation"></b><p style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">برای دیدن لینکهای دانلود ، موبایل خود را بچرخانید . دقت کنید گزینه اسکرین روتیشن یا چرخش صفحه در دستگاه شما روشن باشد </span></p></div>  
       
       
       
       
    • توسط marpeech
      سلام دوستان
       
      من دنبال یه افزونه اسلایدر می گردم که بتونه اسلاید تمام صفحه و ریسپانسیو درست کنه. اما با یه شرط! و اون این باشه که توی تمام مرورگرها و دستگاه ها هم تمام صفحه باشه. الان من اسلایدر تمام صفحه دارم اما وقتی از توی اپرا نگاه میکنم تمام صفحه ست، توی موزیلا یه کمی از ارتفاعش کم میشه، توی کروم هم همینطور (در همه این موارد از عرض، تمام صفحه ست اما از ارتفاع کم و زیاد میشه). عرض اسلایدر رو هم 100% تعیین میکنم اما برای ارتفاعش راه حلی ندارم. ممنون میشم که راهنمایی کنید
    • توسط دکتر مهندس
      سلام
      دوستان لطفا سایت http://medplant.ir رو ببینید. اگر با کامپیوتر هستید، لطفا صفحه رو کوچیک کنید می بینید که نسخه موبایلی میشه اما مشکلی که داره اینه که در نسخه موبایلی یه طرف صفحه، سفید میفته.
      وقتی با کامپیوتر این کار رو بکنید، دیگه نمیشه به سمت چپ رفت و اصل قالب رو دید اما در دستگاه موبایل با کشیدن صفحه به سمت چپ، قالب اصلی دیده میشه.
      کسی میدونه چطور میشه این مشکل رو رفع کرد؟
      متشکرم
    • توسط start

      بنام خدا و با سلام.
      در این تاپیک خدمات ریسپانسیو سازی قالب و رفع مشکلات در مورد عدم واکنش گرایی کامل قالب سایت, به شما عزیزان ارائه میشود.

      ریسپانسیو یا واکنش گرا یعنی چی ؟
      در گذشته ی نه چندان دور صفحات سایت تنها متناسب با سایز بزرگ صفحه های نمایش طراحی و پیاده سازی میشدند و همه چیز با دقتی در حد پیکسل ساخته میشد (Pixel Perfect). اما در دنیای امروز که انواع صفحه های نمایش با اندازه های گوناگون, از مانیتورهای 4K گرفته تا لپتاپ و تبلت و گوشی های هوشمند, مورد استفاده قرار میگیرد دیگر خبری از طراحی Pixel Perfect نیست. سایت شما باید به گونه ای باشد که در تمامی نمایشگرها, فارغ از سایز آن, به بهترین شکل نمایش داده شود و این دقیقا سرویسی است که ما خدمت شما ارائه میکنیم.

      چرا ریسپانسیو بودن اهمیت دارد ؟
      اگر به آمار بازدیدکنندگان سایت خودتون مراجعه کنید متوجه خواهید شد که تعداد زیادی از بازدیدکنندگان سایت شما بوسیله گوشی هوشمندشان به سایت شما مراجعه کرده اند و بسیار مهم است که برای این تعداد زیاد از کاربران تجربه ای مناسب از مراجعه به سایت شما رقم بخورد. حتی ریسپانسیو بودن سایت شما برای گوگل هم از اهمیت زیادی برخوردار است و سایت هایی که تجربه ی مناسبی برای کاربران موبایلی فراهم کنند ( اصطلاحا Mobile Friendly ) باشند جایگاه بالاتری در نتایج جستجو خواهند داشت. اهمیت این موضوع باعث شد که اکثریت وب مستران نسبت به این موضوع آگاهی پیدا کرده و نسبت به واکنش گرا کردن قالب وب سایت خود اقدام کنند. اگر شما همچنان از قالب غیر واکنش گرا برای سایت خودتون استفاده میکنید, میتونید هر چه زودتر با اقدام به ریسپانسیو سازی قالب خودتون, جلوی این ضرر رو بگیرید.
      اگر قالب سایت شما در حال حاضر ریسپانسیو نیست، و برای اضافه کردن قابلیت واکنش گرایی به قالب مردد هستید، از شما دعوت میکنم مجددا به این موضوع فکر کنید که در حال حاضر بیش از نیمی از بازدیدکنندگان سایت شما (که شامل کاربران گوشی های هوشمند و تبلت ها هستند)، تجربه ای بسیار بد رو از مراجعه به سایت شما کسب میکنند. وقت برطرف کردن این مشکل رسیده...

      اما چطور ریسپانسیو بودن قالب سایتم رو چک کنم ؟
      شما میتونید به وب سایتی که Google اختصاصا برای این مورد ایجاد کرده مراجعه و سایت خودتون رو تست کنید: ( برای انجام تست لازم هست که از V|P|N استفاده کنید )
      https://www.google.com/webmasters/tools/mobile-friendly/
      بعد از وارد کردن لینک سایت خودتون و کلیک بر روی Analyze, گوگل سایت شما رو چک کرده و یکی از نتایج زیر رو مشاهده خواهید کرد:
       

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

      ارتباط از طریق:
      پیغام خصوصی


      موفق باشید,
      و به امید همکاری های بسیار خوب.
       
    • توسط hojat910
      سلام دوستان
      یه کمک میخوام از اساتیدی که در این مورد سر رشته دارن. زیاد اطلاعی در این مورد ندارم فقط میدونم نشدنی نیست
      خیلی پیچیده نیست
      من یه باکس جستجو داخل هدر سایت ایجاد کردم با کد زیر
      <div class="serchhead"> <form method="get" id="serchhead" action="http://sitename.ir/"> <input type="text" class="fild" name="s" id="s" placeholder="جستجوی عبارت مورد نظر + اینتر" /> <input type="submit" class="submit" value="" style="display:none;" /> </form> </div> به همراه کدهای استایل به شکل زیر
      text-align: center; float: right; font-family: iransans light; width: 70%; background-color: rgba(248, 248, 248, 0.13); border-color: rgba(255, 255, 255, 0.07); border-radius: 30px; margin-right: 150px; margin-left: 150px; margin-top: 40px; حالا در نمای desktop همه چی خوبه. 
      میخواستم بگید چطوری میشه برای رزولوشن های مختلف سازگارش کرد.
      چه کدهایی رو باید به فایل header.php و یا فایلهای دیگه اضافه کنم ؟