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

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

دوستان عزیز سلام. از همان روز های اول سال جدید بود که داشتم بر روی ظاهر جدید روکش کار می کردم و بالاخره دیروز پس از تست ها و رفع باگ های مختلف, قالب جدید بر روی سایت قرار گرفت. در اصل ساختار کلی قالب, همان قالب قبلی روکش می باشد که با اعمال تغییرات متعددی سعی در این داشتم تا ظاهری دلنشین تر و به همراه ساختاری کار آمد تر را برای شما کاربران عزیز روکش فراهم کنم. در این مطلب سعی می کنم شما را با تغییراتی که در قالب جدید روکش ایجاد شده است آشنا کنم.

مهاجرت از رنگ بندی قهوه ای تیره به آبی روشن

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

من به شخصه از رنگبندی قبلی روکش راضی نبودم زیرا خیلی تیره بود و نمی توانست به خوبی با کاربر ارتباط برقرار کند. در نسخه جدید روکش سعی کردم تا از رنگ های آبی #۱۷B4E9 و خاکستری #ddd بیشتر استفاده کنم تا زمانی که در روکش هستید حس بهتری به شما القا شود.

استفاده از jquery و javascript به جای برخی از کد های css

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

در قالب قبلی روکش سعی کرده بودم اکثر عملکرد ها را با استفاده از css اجرا کنم ولی در برخی از بخش های قالب استفاده از jquery به جای css لازم بود. استفاده به جا از jquery می تواند به کاربر کمک کند تا راحتر با المان های مختلف سایت کار کند. مثلا برای بخش جستجو و عضویت در خبرنامه که در گوشه سمت چپ هدر قالب قرار دارد قبلا از css استفاده کرده بودم. کاربران برای استفاده از این دو بخش دچار مشکل می شدند زیرا کاربر باید با احتیاط نشانگر موس خود را حرکت می داد تا خدایی نکرده خاصیت hover از بین نرود و فرم جستجو یا عضویت به ناگهان پنهان شوند. در نسخه جدید سعی کردم با استفاده از متد های addclass , removeclass,toggle کارآیی برخی از المان های قالب را بهتر کنم.

تغییر ظاهر بخش جستجوی سایت

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

در نسخه قبلی و همچنین نسخه جدید قالب روکش, از جستجوگر پیشفرض وردپرس استفاده کرده ایم. اما ظاهر نتایج جستجو در نسخه قبلی آنچنان دلنشین و کارآمد نبود. در نسخه جدید سعی کردم با تغییر نحوه نمایش نتایج جستجو, پیدا کردن مطالب مورد نیاز شما در سایت را راحت تر کنم. از آنجایی که به نظر من بهترین نوع نمایش نتایج جستجو را گوگل ارائه کرده است, در قالب روکش نیز طرح کلی نتایج جستجو برگرفته از نتایج جستجوی گوگل اما کمی ساده تر از آن می باشد.

تغییر ظاهری و محتوایی صفحه اصلی

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

صفحه اصلی سایت روکش در نسخه قبلی خیلی ساده بود و تعدادی از کاربران نیز درخواست تغییر آن را داده بودند. در این نسخه سعی کردیم اطلاعات ضروری و جدیدی که به سایت اضافه می شود را در آن بگنجانیم تا دیگر هیچ مطلب مهم و جدیدی را از دست ندهید. حالا می توانید ۸ مطلب اخیر که در وبلاگ روکش منتشر می شود را در صفحه نخست ببینید و همچنین مطالبی که بیشترین دیدگاه را دارند در بخش محبوبترین ها ببینید.

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

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

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

استفاده از پلاگین جی کوئری slidesjs برای اسلایدر های موجود در قالب

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

در نسخه قبلی روکش برای اسلایدر صفحه اصلی از یک پلاگین جی کوئری که دارای حجمی حدود ۲۵ کیلو بایت بود استفاده کرده بودم. برای نسخه جدید دنبال یک پلاگین جی کوئری سبک تر بودم که با slidesjs آشنا شدم. حجم پلاگین slidesjs کمتر از پلاگین قبلی هست (در حالت minifiy شده حجمی حدود ۱۲ کیلوبایت دارد) که باعث خواهد شد, اسلایدر سریعتر بارگزاری شود, همچنین این اسلایدر دارای امکانات بیشتری نسبت به اسلایدر قبلی است.

تغییرات اساسی برای صفحه قالب های وردپرس

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

بیشترین تغییرات را می توانید در صفحه ای که قالب های فارسی شده وردپرس برای دانلود قرار می گیرند مشاهده کنید. در نسخه قبلی روکش یک تب برای جابجایی بین بخش دیدگاه ها و اطلاعات قالب در نظر گرفته شده بود اما در نسخه جدید خبری از این تب ها برای جابجایی بین اطلاعات قالب و دیدگاه های کاربران نیست. اطلاعات قالب ها و دیدگاه های کاربران به همراه فرم ارسال دیدگاه به ترتیب به صورت عمودی و پشت سر هم در صفحه قرار گرفته اند و شما می توانید با استفاده از نوار لغزانی که کنار این بخش ها به نمایش در می آید, بین بخش های مختلف این صفحات حرکت کنید. همچنین در پایین صفحه توضیحات هر قالب می توانید قالب های مشابه با آن قالب را نیز مشاهده نمایید.

تغییراتی که هنوز اعمال نشده اند

علاوه بر مواردی که در بالا گفتیم, یک سری تغییرات دیگر نیز قرار است در قالب ایجاد شود که به مرور این تغییرات اعمال خواهند شد. مثلا در حال حاظر نسخه واکنشگرای سایت تکمیل نشده است یا اینکه هنوز لوگوی مناسبی برای روکش طراحی نشده است. سعی می کنیم این تغییرات باقی مانده را نیز هرچه سریعتر بر روی قالب اعمال کنیم.


نظر شما در مورد ظاهر جدید روکش چیست؟

تمامی این تغییرات برای راحتی شما کاربران همیشگی روکش در زمان کار کردن با سایت ایجاد شده است. ما خوشحال می شویم تا نظرات شما در مورد نسخه جدید روکش را بدانیم. لطفا نقاط قوت و ضعف قالب به همراه پیشنهادات خود را در بخش دیدگاه های همین مطلب با ما در میان بگذارید تا بتوانیم طرحی کارآمد تر به شما عزیزان ارائه دهیم.

دیدگاه کاربران

  1. آرش

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

  2. طراحی شما بسیار تمیز و کلین است ، محتوای سایت هم مفید و اموزنده ممنون

کاربر گرامی برای ارسال دیدگاه اگر عضو روکش هستید باید سایت شوید در غیر اینصورت باید عضو شوید.