سیاره‌ی آی‌تی

با IT-Planet دنیای آی‌تی را بهتر بشناسید

آموزش طراحی سوییچ با HTML و CSS

سوییچ در طراحی نرم‌افزارها و همین‌طور طراحی سایت کاربردهای متنوع و فراوانی دارد. به عنوان مثال می‌توان تم تاریک و تم روشن را با یک سوییچ ساده انتخاب کرد یا در سایت فروشگاهی با یک سوییچ ساده، کالاهای موجود را نمایش داد. برای طراحی سوییچ روش‌های مختلفی وجود دارد. یکی از روش‌های ساده، استفاده از HTML و CSS است.

در این مقاله به آموزش طراحی یک سوییچ ساده با استفاده از CSS می‌پردازیم. با ما باشید.

مثال‌هایی از کاربرد ترنزیشن برای متحرک کردن عناصر در صفحه وب

انیمیشن‌ها در طراحی وب نقش اساسی دارند. برای متحرک کردن و تغییرات تدریجی می‌توان از JavaScript و همین‌طور CSS استفاده کرد. با معرفی استاندارد CSS3، طراحی انیمیشن‌های جالب و کاربردی به مراتب ساده‌تر شده است.

در این مقاله با چند مثال کاربردی در طراحی انیمیشن با استفاده از Transition در خدمت شما هستیم.

ویژگی noopener در لینک‌های مطالب وردپرس چیست و چه اثری روی امنیت یا سئو دارد؟

در وردپرس و برخی CMSهای محبوب دیگر زمانی که لینک در مطالب قرار می‌‌دهید، در صورت انتخاب باز شدن لینک در تب یا پنجره‌ی جدید، ویژگی rel آن به صورت noopener تنظیم می‌شود. به عبارت دیگر در کد HTML صفحه یا مطلب، rel="noopener" را در مشخصات تگ a مشاهده می‌کنید.

در این مقاله می‌خواهیم به مفهوم و کاربرد noopener در تگ <a> بپردازیم و روش جلوگیری از اضافه شدن این ویژگی به لینک‌ها در وردپرس را بررسی کنیم. با ما باشید.

چگونه سرعت سایت را تست کرده و آن را بهینه کنیم؟

کاربری که اینترنت 3G یا حتی 4G با سرعت کمتر از ۴ مگابیت بر ثانیه یا معادل ۵۰۰ کیلوبایت بر ثانیه استفاده می‌کند، برای بارگذاری کردن صفحاتی با حجم بیش از ۳ مگابایت می‌بایست حداقل ۶ ثانیه صبر کند. امروزه بیش از ۷۰ درصد صفحات وب حجم بالاتر از ۱ مگابایت دارد و بیش از ۱۲ درصد نیز حجم بالاتر از ۴ مگابایت دارند در حالی که برخی از کاربران وب، اینترنت بسیار سریعی در اختیار ندارند. بنابراین کارشناسان SEO توصیه می‌کنند که برای بهبود سئو، کم‌حجم‌تر کردن صفحات سایت و بهبود سرعت را مهم تلقی کنید.

در ادامه به روش‌های افزایش سرعت سایت‌ها و کاهش حجم صفحات وب می‌پردازیم. با ما باشید.

سه روش مخفی کردن عنوان صفحه یا مطلب در وردپرس

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

در ادامه به سه روش نمایش ندادن عنوان در سایت وردپرسی آشنا می‌شویم. با ما باشید.

آموزش برنامه‌نویسی پلاگینی برای ایجاد گالری صفحات زیرمجموعه در وردپرس

در قالب‌ها و صفحات لیست مطالب در سایت‌های مبتنی بر WordPress معمولاً صرفاً از تصویر شاخص یا Featured Image استفاده می‌شود  که بسته به موضوع سایت، ممکن است خسته‌کننده به نظر برسد. می‌توان به جای نمایش یک عکس به عنوان تصویر شاخص صفحات، تعدادی تصویر را به صورت گالری تصاویر برای هر صفحه‌ی Child یا زیرمجموعه‌ی صفحه‌ای دیگر، نمایش داد.

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

آخرین مطالب زاگرس رباتیک
آخرین مطالب سلامت زیستی
دانش‌نامه
گوگل و اندروید
اپل، macOS و iOS
ویندوز