وب

تنظیمات پوسته

تنظیمات پوسته وردپرس با Options Frameworks

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

دستورها در طراحی وب: از چی می‌تونم استفاده کنم؟

دستورها در طراحی وب: از چی می‌تونم استفاده کنم؟

یکی از کارهایی که در طراحی وب انجام می‌شه سازگار کردن وب‌سایت با مرورگرهای مختلف هستش. در وب‌سایت‌های مختلف آموزشی، دموهای مختلفی رو می‌بینیم، افکت‌های عجیب و غریبی که همشون فقط با کد ایجاد شدن و خیلی دوست داریم ازشون تو وب‌سایتمون استفاده کنیم ولی خب، دستمون همیشه اینقدر باز نیست. با زیاد شدن تعداد […]

کدهای استاندارد وردپرس: لود کردن فایل‌های CSS و JS

تکه کدهای استاندارد وردپرس: لود کردن فایل‌های CSS و JS به روش درست

یکی از علایق من در طراحی وب، کدنویسی استاندارده. یعنی راه درست انجام هر کاری مهم نیست که فکر می‌کنم چقدر آسونتره. البته در نهایت منفعتی در استفاده از اون روش‌ها هست که همیشه بعدش مشخص می‌شه. به همین دلیل مهم نیست چی کار می‌کنم، همیشه دنبال راه استانداردی برای انجام کارها هستم. یکی از […]

Colofilter.css: فیلترهای رنگی با CSS

هر چه دنیای وب پیشرفت می‌کند کدها بیشتر جای خروجی‌های نرم‌افزارهای گرافیکی را می‌گیرد. تا چند سال قبل ساختن سایه ممکن نبود و الان Box-Shadow هزار و یک جلوه‌ی زیبا درست می‌کنه. اما زمان می‌برد تا ابزارهای گرافیکی، یکی یکی به کدهای CSS تبدیل شوند. جدا از اینکه زمان زیادی نیاز است تا مرورگرها خود […]

پروژه: کلاس‌های کمکی CSS با CSSHelpers

اگر اهل ادیتورهای مدرن امروزی باشید حتما با Emmet آشنا هستید. ابزاری برای ساده‌سازی فرآیند کدنویسی که به شما اجازه می‌دهد با نوشتنul>li.item$*5 و زدن دکمه‌ی تب آن را تبدیل به کد زیر کنید:

Emmet دستورها و کدهای کوتاه‌شده‌ی زیادی دارد که در مستندات سایت آن می‌توانید مشاهده کنید. خودم خیلی به استفاده از […]

فعال کردن Shortcodeها در قالب وردپرس

Shortcode یا کدکوتاه یکی از امکانات جالب وردپرس است که به شما قدرت تولید المان‌های مختلف را در قالب کوتاه‌ترین کدها را می‌دهد. این المان‌ها می‌تواند شامل هرچیزی باشد، از جدول، گالری تصاویر تا لیستی از نوشته‌های مرتبط و دکمه‌های کاربردی‌تر. این کدها به صورت [shortcodename] نوشته می‌شوند که البته امکان گرفتن محتوا یا پارامتر […]