معرفی نسخه جدید یک ادمین به صورت بتا – بروز شد

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

طراحی مجدد قالب و لوگو:

new-logo

پس از بررسی بازخوردهای کاربران در طراحی‌های قبلی و انجام بعضی تست‌ها٬ توانستیم با کمی برنامه‌ریزی و استفاده از دانسته‌های خودمان قالبی جدید در خور نیازهای یک‌ ادمین و کاربرانمان طراحی کنیم. طرح فعلی‌ای که میبینید از بین ۵ طرح مختلف انتخاب شده است و زحمات طراحی قالب سایت٬ طراحی لوگو و کدنویسی آن همانند قالب قبلی بر عهده دوست خوبم٬ رضا قناعت بوده است.

در طراحی جدید قالب یک ادمین سعی شده با استفاده از سبک طراحی و طیف رنگی انتخاب شده برندی رسمی تر و در عین حال صمیمی تر به بازدیدکنندگان معرفی شود. طرح جدید وبلاگ یک ادمین بر پایه ی طراحی مینیمال و تا حدودی تخت (Flat Design) استوار شده است. همچنین در قالب یک ادمین از تکنیک های روز طراحی وب مانند استفاده از تصاویر svg (به عنوان مثال برای لوگو) و یا استفاده از آیکون فونت ها (Icon fonts) در قسمت های مختلف قالب می باشد که در نتیجه باعث شده قالب جدید در رزولوشن های بالا (High Resolution) بدون هیچ مشکلی نمایش داده شود.

در مورد سازگاری با مرورگرها (Compatible Browsers) به این نتیجه رسیدیم که برای بالا بردن سطح دانش و راحتی کاربران وب فارسی سازگاری را معطوف به مرورگرهای بروز کنیم، و از آنجایی که همیشه نسخه های پایین اینترنت اکسپلورر (Internet Explorer) دچار ناهماهنگی بودند در نتیجه تصمیم گرفتیم سازگاری و  پشتیبانی قالب برای IE9 به بالاتر باشد، همچنین در دیگر مرورگرها مشکل خاصی مشاهده نخواهد شد.

اما برای تایپوگرافی نیز از سه فونت شاخص استفاده کردیم، Tahoma که فونتی مناسب برای متون ریز می باشد و دو فونت اصلی دیگر فونت یکان (BYekan) برای تیترها و فونت رویا (BRoya)  برای مطالب اصلی و پست ها استفاده شد که ترکیب این دو فونت چهره ای مینیمال و مرتب به یک ادمین داد.

برای اطلاعات بیشتر در مورد آیکون فونت ها (Icon fonts) به این مقاله از نردبان مراجعه کنید.

 

ویرایش بعضی نوشته‌ها و امکانات جدید:

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

البته بخش دیگری نیز به یک ادمین طی چند روز آینده اضافه می‌شود که خواسته کاربران‌مان بوده است.

 

امکانات جدید و متفرقه:

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

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

در صورتی که نظر خاصی دارید و یا مشکلی در طرح می‌بینید٬ در نظرات این نوشته برای ما ارسال کنید تا در نسخه‌های بعد مشکلات را حل کنیم. دقت کنید که فعلا در حالت بتا هستیم و در صورت مشاهده مشکلات و یا گزارش توسط کاربران٬ لیست تغییرات ایجاد شده تا نسخه stable در این صفحه قرار می‌گیرد.

نکات و توضیحات:

  • ریسپانسیو: با توجه به بتا بودن قالب٬ ابتدا تغییرات مورد نیاز انجام می‌شوند و سپس style ریسپانسیو بر روی سایت قرار می‌گیرد و دیباگ می‌شود. طرح در حال حاضر (نسخه ۳.۰.۰) ریسپانسیو نیست.
  • بخش پرسش و پاسخ: این بخش هم در حال طراحی و DeBug شدن است و به زودی معرفی می‌شود.
  • ریسپانسیو – بروزرسانی: طراحی استایل ریسپانسیو هم طی چند روز آینده به پایان می‌رسد و بر روی سایت قرار می‌گیرد.

تغییرات و ویرایش‌ها:

  • رنگ نوشته‌های نوار بالا روشن‌تر و فونت لینک‌ها خواناتر شد.
  • دکمه‌های شبکه‌های اجتماعی به نوشته‌ها اضافه شد.
  • برخی از دکمه‌ها که از قلم افتاده بودند٬ به Icon-font تبدیل شدند.
  • در برخی موضوعات٬ توضیحاتی در مورد آن دسته‌بندی اضافه شد.
  • تعدادی از مشکلاتی که به دلیل تغییرات پیش آمده بود  بررسی و رفع شد.
  • صفحه‌ای برای خدمات بهینه سازی سایت ایجاد شد که می‌توانید آن را از اینجا ببینید.

این نوشته را به اشتراک بگذارید:

۶ سالی هست که در زمینه‌های مختلفی همچون وبلاگ‌نویسی٬ سئو و آزادکاری در یک ادمین می‌نویسم و در حال حاضر مدیرعامل شرکت فرنیان هستم.

۵۰ دیدگاه

  1. بسیار زیبا و دوست‌داشتنی شده.

  2. معین گفت:

    تبریک میگم مسعودجان ، قشنگ شده.

  3. سیم فود گفت:

    سلام
    مبارکه
    واقعا تغییر لوگو خیلی حیاتی بود چون قبلی اصلا ابتکار خاصی نداشت و خیلی ساده طراحی شده بود
    ولی چرا یه قسمت جدا برای سفارش دادن پروژه نمیذاری؟

  4. پارسا گفت:

    بسیار حرفه ای و شیک
    واقعا برازنده سایت یک ادمینه

  5. خیلی عالی و زیبا شده. مخصوصاً لوگو سایت که عالی شده.

  6. خســـــــــــــته نباشی مسعودجان :)

  7. Farshad-T3 گفت:

    قالبتون مشکل داره!الان ساعت ۱۱:۵۳ PM

  8. Farshad-T3 گفت:

    آقا مشکل برطرف شد چون اون دقیقه که اومدم قالب کاملا به هم ریخته بود.بالاخره معذرت

  9. طرح جدید فوق العاده شده ،‌ واقعا لذت بردم ، زیبا و مدرن ،‌ تبریک میگم مسعود جان

    موفق باشید .

  10. علی گفت:

    این توضیح چک باکس کنار دکمه ارسال نظر هنوز انگلیسیه. قالب ترجمس؟

    • خیر دوست عزیز
      اون خودش به صورت خودکار اضافه میشه و پلاگینی که این کار رو می‌کنه امکان اضافه کردن ترجمه رو نداره و باید فایل پلاگین دستی ویرایش بشه٬ هنوز فرصت این کار پیش نیومده

  11. رضا گفت:

    عالی شده مسعود جان، عالی!
    دست آقای قناعت هم بابت طراحی درد نکنه، واقعا زحمت کشیدن.
    امیدوارم یک ادمین در کنار رونمایی از قالب جدید، هروز بهتر و بهتر بشه :)

  12. تبریک می گم بابت قالب جدید ، نیکو !

  13. مسیح گفت:

    قالب خوبی شده.
    پیشنهادم برای اینکه بهتر شه :
    ۱. وقتی اسکرول تاپ می کنیم منوی بالا ( که فیکس شده ) Fade Out میشه و یه مقداری طول می کشه. همین باعث میشه برای مدتی دو تا منو دیده بشه. برای حالت اسکرول تاپ بهتره که دیگه Fade Out نباشه.

    ۲. با توجه به اینکه از رنگ های فلت دیزاین استفاده شده پیشنهاد می کنم برای فرم ارسال نظر که خیلی کم رنگ هست از #۷f8c8d که همان رنگ ASBESTOS فلت دیزان هست استفاده کنید. چون واقعاً سخت دیده میشه …

  14. صادق گفت:

    قالب قبلی رو هم دوست داشتم. ولی این رنگ بندیش بهتره. دست رضا درد نکنه :)

  15. حمیدرضا گفت:

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

  16. سلام
    تبریک می گم بهتون.
    قالب زیبایی هست. فقط طراحی ریسپانسیو مقداری مشکل داره.
    حتما توی سایزهای دیگه یک تست بکنید.

  17. نمیدونم طراحا اسرار به دیده شدن دائمی منو دارند ،برای دسکتاپ ها عالیه ولی توی موبایل و تبلت اصلا تجربه خوبی رو ایجاد نمیکنه.
    امکان زوم کردن وجود داشته باشه بهتره
    بهتره توی مرورگر تبلت ها هم بررسی کنید چون یه سری مشکلات توی چیدمان صفحه اصلی و منوها وجود داره

  18. قاسم گفت:

    قالب خیلی خوبیه…
    موفق باشید.

  19. وب برندینگ گفت:

    بسیار مهم زیبا و مبارک است

  20. بهزاد گفت:

    زیباست
    ولی بعضی نکات رعایت نشده، که رعایت نکردن بعضی از این نکات واقعا برای این وب سایت تخصصی واقعا بعید است

  21. میثم گفت:

    من کلاً فلت دوس دارم :)
    تبریک برای طرح جدید

  22. احسان گفت:

    نمی‌خوام از این انتقاد کنم که این کار کپی از طراحی‌های تخت موجوده یا همچین چیزایی، چون تا این حد که از دیدنش حس خوبی دارم (یعنی برخلاف وبسایتای فارسیِ دیگه حالم بهم نمیخوره) کافیه.
    از طرفی هم نمی‌تونم بگم که این کار عالی یا شاهکار یا همیچین چیزاییه (و کلا عجیب هم نیست که حالا حالاها راجع به کارای ایرانیا نمیشه اینطوری گفت). نکاتی که خیلی بارز هستن، یکی طراحی سایدباره (جدیدترین، محبوبترین…) که هنوز همون شکل قدیمیِ (و زشت) موجود در وب ایران رو داره؛ دیگه صفحه اصلی (لیست مطالب) که اون مواردِ تعداد دیدگاه و نویسنده و غیره به مینمالیزمِ اثر لطمه زده و البته آیکان‌هاش هم مشکل دارن.
    در نهایت فعلا استفاده‌ی سریع از طراحی‌های محبوب در دنیا هیچ مشکلی نداره و امیدوارم که بیشتر و بیشتر بشه، و کمتر وبسایت‌های زشت در ایران ببینیم.
    تبریک میگم، موفق باشید :)

  23. سلام
    مشکلاتی که من متوجه شدم :
    ۱- منوی ثابت باید برای موبایل حذف بشه در صورتی که نمایش داده می شه
    ۲- div.single-article توی طراحی ریسپانسیو مشکل داره. سایزش متاسب با طول کوچک و بزرگ نمی شه (این دیو خاصیت واکنش گرا برای تغییر سایز رو نداره)
    ۳- توی هدر این موارد “درباره/تبلیغات/تماس” به خوبی دیده نمی شه. (رنگ متن و پس زمینه خیلی شبیه هم هست)
    ۴- با تغییر سایز مرورگر باکس جستجو مکانش تغییر می کنه (این مورد هم واکنش گرا نیست)
    ۵- فوتر هم واکنش گرا نیست.
    ۶- همچنین در مورد فوتر بهتر هست برای موبایل ارتفاع فوتر رو کمتر کنید. (برای موبایل فقط باید محتوای ضروری نمایش داده بشه حتی سایدبار رو هم حذف می کنن که برای شما اعمال نشده)
    ۷- سایدبار هم واکنش گرا نیست.

    کلا به نظرم طراحی ریسپانسیو وبسایت از بیس اشتباه انجام شده و یا اینکه مدیاکوئری ها رو درست تنظیم نکردید.

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

  24. حبیب گفت:

    سلام. قشنگ نیست. در هنگام تماشای وبسایت چشمم خیلی اذیت شد و ترکیب رنگ خوبی نداره. مثل همین قسمت دیدگاه یا قسمت تیم یک ادمین، ولی در کل بهبود پیدا کرده و صفحه خلوت تر شده.

  25. همه چی فوق العادست
    آقا مسعود استاد سئو بندست
    موفق باشی مسعود جان

  26. سیم فود گفت:

    فسمت نظر دادن خیلی کمرنگه

  27. shahab گفت:

    سلام
    درباره/تبلیغات/تماس بسیار ریز و کمرنگ ھستند
    ھدر بیش از اندازھ بزرگ است و فضای پرت زیادی دارد
    فوتر ھم ھمینطور
    قسمت نظرات اصلا دیدھ نمیشود
    و ھمینطور در فوتر بخش نویسندگان مسئولیت افراد کم رنگ است

  28. مونا گفت:

    طراحی سایتتون جالب و خوب شده،اما ترکیبای رنگیش زیاد خوب نیست ! زحمات طراح رو خراب کرده! البته این نظره منه :دی
    راستی سایتو با گوشی دیدین؟! افتضاحه !!!

  29. ahmad گفت:

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

  30. تبریک میگم مسعود جان
    طرح زیبایی شده ، لوگو هم خیلی خوب شده : )

  31. با تبریک بسیار …..لوگو هم عالیه

  32. جالب شد اما فوتر خیلی بزرگه.

  33. رنگ بندی بسیار زیباست.
    تبریـــک

  34. سلام
    نمیشه به کامنت دیگران پاسخ داد؛ لطفا اصلاح کنید.

  35. سلام. قالبتون نسخه موبایل نداره؟
    چون با موبایل که سر می زنم به هم ریخته میشه
    لطفا اصلاحش کنید

  36. بسيار خوب شده , تبريك مي گم !
    ريسپانسيو رو هم حتما جدي كار كنيد و از تگ ها و امكانات html5 و css3 هم بيشتر بهره ببريد . روي سرعت لود هم توجه داشته باشين . دكمه پلاس هم بزارين بد ني !!
    فقط نظراتم رو گفتم موفق باشيد . . .

  37. چت گفت:

    خیلی زیبا شده از نظر رنگ بندی هم عالیه استاندارد های html 5 هم که دوستمون گفتن رعایت شده
    فقط لود خیلی طولانی شده روش تمرکز کنید!
    ممنون از زحماتتون

  38. فرید گفت:

    به نظر من فوق العاده هستش !!!

  39. صالح گفت:

    قالبتون و سایتتون عالیه و بسیار مفید مر۳۰

  40. farbod گفت:

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

شما چه دیدگاهی دارید؟

قوانین

۱- لطفا از دیدگاه‌ها برای تبلیغ مستقیم سایت خود استفاده نکنید.

۲- دیدگاه‌‌هایی که در بخش نامشان، کلمه کلیدی به کار رفته باشد تایید نخواهند شد.

برای اطلاعات بیشتر قوانین کاربری را بخوانید

آخرین نوشته‌های یک ادمین را در ایمیلتان دریافت کنید

عضو لیست ایمیلی ما شوید تا آخرین نوشته‌های یک ادمین برایتان ایمیل شود