دوباره‌نویسی تم وبسایت

جمعه ۱۵ دی ۱۳۹۶
۲ دقیقه مطالعه

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

قالب قبلی چه ایرادی داشت؟

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

چه تغییرات قابل توجهی داده‌ام؟

تغییرات ظاهری شامل تغییر ترکیب رنگ هدر و فوتر و قلم‌هاست. دیزاین را تغییر داده‌ام و از رنگ‌های دلبازتری که مورد علاقه‌ام هستند استفاده کرده‌ام. اگر پرسپولیسی باشید حتما دوست خواهید داشت! قرمز رنگ مورد علاقه من است.

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

چیزهایی که فکر می‌کنید لازم دارید و در کد نگه می‌دارید هیچ‌وقت به کارتان نخواهد آمد، پس بی‌رحمانه حذفشان کنید!

جمله معروف دیگری هم هست که می‌گوید بهترین کد کدی است نوشته نشده است! چرا که نیازی به نگهداری ندارد. به تجربه دریافته‌ام که تولید کد و پروژه‌های ساده که همه‌فهم باشد کاری است بسیار سخت، هرچند اینگونه به نظر نمی‌رسد. یعنی باید بدانیم وقتی با یک کد یا هر نوع سیستم یا شیئی برخورد می‌کنیم که فهم آن برای ما ساده است، این سادگی «عمدی» است نه اتفاقی. این نکته ظریفی است که سالها طول کشید بفهمم.

سادگی عمدی است، نه اتفاقی

بکارگیری Font Awesome

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

آیا تکنولوژی جدیدی بکار برده‌ام؟

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

قالب بازنویسی شده را به عنوان نسخه ۱.۰.۰ منتشر کردم.

سورس

دیدگاه‌ها

امیر   ۱۸ دی ۱۳۹۶   پاسخ 5a53756a4307536fe4088eb5

آقا دمت گرم! خیلی از تعطیلات اول سال خوب استفاده کردی :) بسیار زیبا شده سایتت. از حوصله ات و پیشرفت تدریجی کار و رها نکردن وب سایت هم بسیار لذت می برم. راستی کامنت های استاتیک رو بالاخره به جای دلخواهت رسوندی؟ یا هنوز کار داره؟

وبلاگ‌صاحاب   ۱۸ دی ۱۳۹۶   پاسخ 5a537892b667ee186d8439bb

خیلی ممنونم از کامنت خوبت! کامنتها استاتیک شدن ولی هنوز کار داره. مثلا ادمین و ریپلای ندارم. نوتیفیکیشن هم ندارم. مدیریت هم خیلی دستیه ولی سر فرصت بهترش می‌کنم. بازم مرسی :)

مهدی   ۰۳ بهمن ۱۳۹۶   پاسخ 5a66f52c6883417653a69b5b

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

امیر   ۱۸ دی ۱۳۹۶

آقا دمت گرم! خیلی از تعطیلات اول سال خوب استفاده کردی :) بسیار زیبا شده سایتت. از حوصله ات و پیشرفت تدریجی کار و رها نکردن وب سایت هم بسیار لذت می برم. راستی کامنت های استاتیک رو بالاخره به جای دلخواهت رسوندی؟ یا هنوز کار داره؟

احسان   ۰۹ اسفند ۱۳۹۶   پاسخ 5a963b73df93c30b9245aa39

سلام و خسته نباشید مدتی هست وبلاگ شما رو دنبال می کنم و البته به خاطر جیکیل بود که وبسایت تون رو پیدا کردم. می خواستم از تم شما برای سایتم استفاده کنم فقط سوالم اینه تم شما رو اضافه کنم سیستم کامنت رو هم خواهم داشت؟ و یه مورد اینکه سایت تون حالت رندر شدن پیدا کرده وقتی اسکرول می کنیم صفحه چندین بار تیره میشه. حتی گاهی وقتی پنجره مرورگر رو مینیمایز می کنیم و دوباره باز می کنیم بخشی از مطلب تو صفحه نشون داده نمیشه و باید یکم صفحه رو اسکرول کنیم تا مطلب برگرده :)

مهدی   ۱۰ اسفند ۱۳۹۶   پاسخ 5a9872e7bcd8e865af5b35da

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

احسان   ۰۹ اسفند ۱۳۹۶

سلام و خسته نباشید مدتی هست وبلاگ شما رو دنبال می کنم و البته به خاطر جیکیل بود که وبسایت تون رو پیدا کردم. می خواستم از تم شما برای سایتم استفاده کنم فقط سوالم اینه تم شما رو اضافه کنم سیستم کامنت رو هم خواهم داشت؟ و یه مورد اینکه سایت تون حالت رندر شدن پیدا کرده وقتی اسکرول می کنیم صفحه چندین بار تیره میشه. حتی گاهی وقتی پنجره مرورگر رو مینیمایز می کنیم و دوباره باز می کنیم بخشی از مطلب تو صفحه نشون داده نمیشه و باید یکم صفحه رو اسکرول کنیم تا مطلب برگرده :)