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

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

کلیدهای فانکشن یا به عبارت دیگر کلیدهای F1 الی F12 در ویندوز و اغلب نرم‌افزارها مثل گوگل کروم، بسیار کاربردی هستند هر چند ممکن است کاربران مبتدی با عملکرد هر کلید آشنایی نداشته باشند و در واقع از این کلیدها زیاد استفاده نکنند. برخی کلیدها مثل F5 که برای نوسازی یا ریفرش کردن به کار می‌رود، توسط اغلب کاربران استفاده می‌شود اما برخی دیگر کاربرد کمتری دارند.

در این مقاله به عملکرد کلیدهای F1 الی F12 در مرورگر Chrome‌ می‌پردازیم.

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

در ادامه به روش تعریف کردن ابعاد سفارشی در Google Analytics و شیوه‌ی استفاده از آن در بررسی آمار بازدیدکنندگان سایت می‌پردازیم.

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

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

یکی از اصول سئو یا افزایش تعداد بازدیدکنندگان ارگانیک یا به عبارت دیگر ورودی‌های گوگل و موتورهای سرچ، لینک بیلدینگ است. در مقوله‌ی ساخت بک‌لینک، معمولاً به امتیاز سایت‌هایی مثل Moz که به دامین‌های مختلف داده شده، استناد می‌شود و ارزش هر لینک، صرفاً متناسب با متریک‌هایی مثل Moz Authority در نظر گرفته می‌شود.

اخیراً وب‌سایت Moz، در تعریف اعتبار دامنه یا اتوریتی، تغییری ایجاد کرده تا اعتبار با روش بهتر و دقیق‌تری محاسبه شود. در این مقاله به تغییرات و اهداف Moz از این تغییرات می‌پردازیم.

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

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

برای ساخت فرم‌های آنلاین که افراد در کنار وارد کردن مشخصات فردی، می‌توانند فایل آپلود کنند، گوگل و در حقیقت سرویس ابری Google Drive و Google Sheets گزینه‌ی مناسبی است. می‌توان به سادگی فرم موردنظر را با روش درگ و دراپ ایجاد کرد و قابلیت آپلود فایل و دریافت ایمیل تأیید نیز در فرم لحاظ کرد. در چنین فرمی می‌توانید کپچای گوگل، امضای دیجیتالی و موارد دیگری نیز اضافه کنید.

در این مقاله با روش ساخت فرم آنلاین با قابلیت آپلود فایل در گوگل درایو آشنا می‌شویم.

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

در ادامه به معرفی مختصر فرمت SVG و خطرات آن برای سایت‌ها و روش اضافه کردن این فرمت در سایت‌های مبتنی بر وردپرس می‌پردازیم. با سیاره‌ی آی‌تی همراه شوید.

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

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

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

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

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

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

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

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