فهرست مطالب با موضوع «ریسپانسیو»

طراحی سایت واکنش گرا - Responsive

آشنایی با متاتگ viewport برای طراحی سایت ریسپانسیو

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

بیشتر بخوانید...
طراحی سایت واکنش گرا - Responsive

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

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

بیشتر بخوانید...
فریم ورک ریسپانسیو Pure

طراحی سایت واکنش‌گرا با فریم‌ورک Pure

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

بیشتر بخوانید...
اصول طراحی سایت

اصول طراحی سایت

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

بیشتر بخوانید...

ایجاد Image Map ریسپانسیو

Image Map برای ایجاد نواحی قابل کلیک روی یک تصویر کاربرد دارد. با استفاده از Image Map تعداد تصاویر مورد نیاز در سایت کاهش می‌یابد، حجم صفحات کمتر می‌شود و در نتیجه می‌توان نتایج بهتری در بهینه‌سازی سایت یا سئو به دست آورد. ایجاد Image Map با استفاده از عنصر <map> قابل انجام است که […]

بیشتر بخوانید...

طراحی سایت واکنش گرا

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

بیشتر بخوانید...

حذف ریسپانسیو محصولات ووکامرس

طراحی سایت ریسپانسیو یک مزیت محسوب میشود و باعث نمایش صحیح آن در تبلت و موبایل می شود، ولی چنانچه مایل نباشید که وب سایتی واکنش گرا باشد، برای حذف حالت واکنش‌گرایی در ووکامرس، باید کد زیر را در فایل function.php نوشته شود:

اجرای این دستور سبب می‌شود که فایل‌های شیوه نامه ووکامرس در […]

بیشتر بخوانید...
سئو سایت

آموزش سئو سایت( بهینه‌سازی سایت )

بالا بردن جایگاه سایت در نتایج موتورهای جستجو و به ویژه موتور جستجوی گوگل از اهداف مهم اغلب صاحبان سایت‌ها به شمار می‌رود. قرار گرفتن نام سایت در میان نتایج صفحه‌ی اول، و به ویژه رتبه‌ی اول تا سوم نتایج جستجو سبب افزایش ورودی به سایت و در نتیجه افزایش بازدهی و سوددهی سایت می‌گردد. […]

بیشتر بخوانید...

واحد اندازه گیری em و pt برای طراحی سایت واکنش گرا

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

بیشتر بخوانید...

CSS3

CSS یا شیوه‌نامه زبانی است که با استفاده از آن رنگ، شکل، اندازه و سایر عوامل ظاهری عناصر موجود در صفحات وب را تغییر می‌دهند. بهترین مثالی که برای درک کاربرد CSS می‌توان آورد، تشبیه کردن آن با ظاهر و رنگ پوست انسان‌ها است. تمامی انسان‌ها از نظر اسکلت‌بندی و اعضای داخلی( HTML ) با […]

بیشتر بخوانید...

طراحی سایت

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

بیشتر بخوانید...