بخش ظاهری:
در این بخش توضیح دادم که از چه قالب، فونت و رنگ‌هایی استفاده می‌کنم. همینطور توضیحات مختصری هم درمورد لوگویی که استفاده می‌کنم دادم. با قالب شروع می‌کنم:
قالب:
همونطور که پایین‌تر توضیح خواهم داد، من از سیستم مدیریت محتوای وردپرس استفاده می‌کنم. پس قاعدتاً از قالب وردپرسی هم استفاده می‌کنم.
قالبی که الان ازش استفاده می‌کنم، قالب writing هست؛ من این قالب رو روی وبلاگ امین کاکاوند دیدم و ازش خوشم اومد. بعدش رفتم از ژاکت خریدمش.
شما هم اگر از قالب وبلاگ من خوشتون اومده می‌تونید از لینک زیر قالب رو از ژاکت بخرید. (درضمن لینک زیر افیلیت هست و اگر از این لیک خرید کنید، ژاکت احتمالاً یک درصدی از فروش رو هم به من خواهد داد.)
قالب وبلاگ نویسی شخصی رایتینگ | Writing
(توی پرانتز بگم که من یک‌بار و سر خرید یک قالب دیگه با ژاکت به مشکل خوردم و تجربه خریدم رو خراب کرد؛ از اون به بعد به دیگران توصیه نمی‌کنم از ژاکت خرید کنند، توی این رشته توییت بیشتر توضیح دادم.)
فونت:
من از فونت استعداد توی وبلاگ استفاده می‌کنم؛ به‌نظرم فونت قشنگی هست و خیلی هم دوستش دارم. این فونت رو امین عابدی طراحی کرده و تحت مجوزهای آزاد منتشر شده؛ از لینک زیر می‌تونید دریافتش کنید:
لوگو:
لوگو چیز الزامی برای شروع نیست ابداً؛ من اما همیشه دوست داشتم پروژه‌هایی که روشون کار می‌کنم لوگو داشته باشن. اما هیچ‌وقت برای طراحی‌ش زحمتی به خودم ندادم و یا پولی هم برای طراحی ش ندادم. معمولاً برای لوگو، توی گوگل سرچ می‌کنم و توی dribbble و بعد از پسندیدن یک طرح، از طراحش اجازه استفاده‌ش رو می‌گیرم.
نسخه فعلی لوگو رو محمد عزت ( Mohamed Ezzat پروفایل dribbble و وبلاگش) طراحی کرده. من این طرح رو توی dribbble دیدم؛ بعد ایمیل ایشون رو برداشتم و بهش ایمیل دادم و ازش اجازه گرفتم که از این طرحشون برای وبلاگم، به‌صورت منصفانه و غیر تجاری استفاده کنم. ایشون هم خوشبختانه این اجازه رو بهم دادند.
رنگ‌ها:
کد رنگ‌هایی که توی وبلاگ استفاده می‌کنم، به همراه محل استفاده‌شون رو می‌تونید توی جدول زیر ببینید:
| کد رنگ | محل استفاده |
| c46aa9 | برای CTA آخر مطلب ازش استفاده کردم. |
| B43EB6 | برای دکمه ازش استفاده کردم. |
| e7f6ff | پس زمینه لینک به مطالب دیگه |
| ۰۶۹۳e3 | حتماً بخوانید با این رنگه. |
| ۵b2f84 | رنگ پس زمینه تیترهای اصلی مطلب |
فاصله‌ها:
توی جدول زیر هم می‌تونید ببینید که سیستم فاصله‌گذاری وبلاگم چطوری کار می‌کنه؛ البته این مورد هم بیشتر جنبه شخصی داره.
| ارتفاع به پیکسل | موارد استفاده |
| ۵۰ | ابتدای متن پیش و پس از هر تیتر پیش و پس از هر جدول پیش و پس از تصاویر پیش و پس از باکس‌های متن (لینک و CTA) پیش و پس از سوالات متداول پیش و پس از آهنگ پیش و پس از ویدیو |
| ۲۰ | بین بلوک‌های متن، در بدنه قبل از خطوط جدا کننده پیش و پس از نقل‌قول |
| ۲۵ | پیش و پس از دکمه |
4 دیدگاه روشن ویکی وبلاگ
سلام ، چه گزارش خوبی . آره منم عاشق خوندن اینجور گزارشات ام .
نکته ای که بهش اشاره کردی و متوجه شدم جاش واقعا خالیه ، قابل دونیت بود . بنظرم هرجای برنامت هست ، بیارش جلو تر و اول همینو انجام بده . دم شوما گرمممم ^___^
:)))
خوبه که تنها نیستم؛ فکر می‌کردم فقط منم که مثل دیوونه‌ها، گزارش‌های همه کسب‌وکار‌ها رو می‌خونم ??
حتماً؛ دوست دارم اقلاً هزینه‌های نگه‌داری خود سایت، از طریق همین دونیت‌ها تأمین بشه. برای همین هم هزینه‌ها رو انقدر شفاف سعی می‌کنم بنویسم…..
خیلی گزارش باحالی بود و از خوندنش کلی لذت بردم 🙂
کی میخوای دنبال اسپانسر باشی برای وبلاگ و محتواهات؟
خوشحالم که جذاب بوده برات :))
حقیقتاً تا الان بهش فکر نکردم؛ شیوه و روندش رو هم بلد نیستم؛ اگر اطلاعاتی داری بهم کمک کن ??