تبدیل سایت به ریسپانسیو
نویسنده : علیرضا | زمان انتشار : 16 دی 1399 ساعت 15:51
واکنشگرا بودن یا Responsive بودن وب سایت اشاره به تبدیل شدن وب سایت به وب سایتی که بتواند با هر دستگاه تلفن همراهی قابل مشاهده باشد البته به یاد داشته باشید تمام وب سایت ها چه ریسپانسیو و چه غیر ریسپانسیو قابل باز شدن به دستگاه های وشمند متصل به اینترنت می باشند اما وب سایت های غیر واکنشگرا این قابلیت را ندارند که به صورت مناسب نمایش داده شوند و شما برای اینکه بتوانید این وب سایت ها را به صورت مناسب مشاهده نمایید باید با استفاده از اسکرول های مرورگر تمامی قسمت های وب سایت را مشاهده نمایید در صورتی که در وب سایت ریسپانسیو دیگر نیاز به اسکرول عرضی مرورگر نیست چرا که وب سایت در گوشی همراه به صورت مناسب نمایش داده می شود
تبدیل قالب وب سایت به ریسپانسیو
قابلیت ریسپانسیو اگر در قالب موجود باشد قطعا بهتر می باشد تا اینکه بخواهید خود قالب را به حالت ریسپانسیو در بیاورید و اکثر کارشناسان طراحی سایت بر این عقیده هستند ه از یک قالب ریسپانسیو برای تبدیل وب سایت به قابلیت واکنشگرا استفاده کنید تا بخواهید قالب را به ریسپانسیو تبدیل کنید چرا که اولا بسیار وقت گیر می باشد و ثانیا این کار درجه ریسک بسیار بالایی دارد یعنی احتمال اینکه وب سایت بعد از تبدیل به ریسپانسیو دارای خطا باشد بسیار زیاد می باشد
۱-ابتدا بررسی کنید که وب سایت ریسپانسیو می باشد یا خیر
برای اینکه بررسی کنید وب سایت واکنشگرا می باشید یا خیر نیاز است که با استفاده از ابزارهایی که برای این مورد در اینترنت موجود می باشند وب سایت خود را ببرسی کنید تا ببینید وب سایت شما ریسپانسیو می باشد یا خیر . در ادامه چند ابزار رایگان برای بررسی قابلیت ریسپانسیو را مشاهده می کنید
http://ami.responsivedesign.is/
http://responsivetesttool.com/
https://designmodo.com/responsive-test/
https://responsivedesignchecker.com/
خوب بعد از ایکه مشخص شد وب سایت شما پاسخگو نمی باشد باید مراحل را برای پاسخگو بدون وب سایت آغاز مایید
۲-در ابتدا متا تک ریسپانسیو را به قالب خو اضافه نمایید
در اولین مرحله شما باید وب سایت خود را با یک ادیتور باز نمایید و سپس در قیمت head آن کد زیر را قرار دهید
<meta name=”viewport” content=”width=device-width”>
۳-طراحی قالب با سه رزولوشن
خوب نیاز است که شما برای افزودن قابلیت پاسخگو بودن به وب سایت خود از سه فایل css بهره بگیرد و وب قالب را برای سه متد یا رزولوشن راحی نمایید که به ترتیب این رزولوشن ها
برای لپتاب ۱۰۲۴
برای موبایل ۳۲۷ رزولوشن
و سومین فایل نیز برای دستگاهی مابین موبایل و دسکتاپ که باید بین ۱۰۲۴ و ۳۲۷ باشد طراحی نمایید
<link href="template.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 1024px)" /> <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 327px)" href="mobile.css"> <link rel="stylesheet" media="only screen and (min-width:328px) and (max-width: 768px)" href="templates/template/tablet.css">
خوب در این سه فایل شما باید قسمت های مختلف وب سایت را که تصاویر ، ناوبری ها ، باکس ها ، چندرسانه ای ها و… وجود دارند را به صورت پاسخگو بیان نمایید
لازم به ذکر می باشد همانگونه که در ابتدا نیز بیان شده شما ی توانید با تعویض قالب وب سایت خود به ریسپانسیو تا حد زیادی نه تنها خطاها را کاهش دهید بلکه می توانید در وقت نیز صرفه جویی کنید
تبدیل قالب وردپرس به ریسپانسیو
اگر ی; قالب وردپرسی غیر ریسپانسیو دارید و می خواهید قابلیت ریسپانسیو را به آن اضافه نمایید نیز می توانید با تعویض قالب و همچنین اضافه کردن پلاگین این کار راانجام دهید .
افزونه های تبدیل قالب وردپرس به ریسپانسیو
۱-افزونه Wptouch
۲-افزونه SiteOrigin
آیا ریسپانسیو بودن وب سایت روی سئو تاثیر می گذارد
سئو سایت فاکتورهای زیادی بستگی دارد که هر کدام از این فاکتورها به نحوه ی می تواند در سئو سایت تاثیر گذار باشند ، قابلیت ریسپانسیو بودن وب سایت نیز یک فاکتور از سئو می باشد که تاثیر بسزایی در سئو وب سایت دارد حتی چند سالی است که گوگل هشدار می دهد که وب سایت های غیر ریسپاسیو را جریمه می کند پس لازم است هر چه سریع تر وب سایت خود را با استفاده از ترفند هایی که وجود دارد به پاسخگو بودن تبدیل نماییم چرا که ممکن است علاوه بر کاهش رتبه با حذف وب سایت از نتایج نیز روبه رو شویم
نظرات
کیفیت بسیار عالی و محتوا به شدت مفید هست
برای دوستانی میخوان کار ترید کنن توصیه میکنم
ممنون از دیدگاه ارزشمندتون، خوشحالیم که تونسته براتون مفید باشه
سلام چطوری میتونم کتاب رابگیرم
سلام، روی دکمه سبز رنگ "خرید و دانلود فوری" که کلیک کنید بلافاصله بعد از پرداخت، میتونید کتاب رو دانلود کنید و روی گوشی یا لپتاپ مطالعه کنید
ببخشید من بعد از خرید اینترنتم قطع شد و نتونستم دانلود کنم باید چیکار کنم
لطفا راهنماییم کنید
سلام
جای نگرانی نیست
لطفا در واتس آپ یا SMS به پشتیبانی به شماره 09018816095 پیام بدید تا براتون لینک دانلود رو ارسال کنیم
سلام ضمن تشکر از دست اندرکاران باید بگم که مطالب کاملا گویا و قابل درک توضیح داده شده و نقطه قوت این سایت تیم پشتیبانی صبور و خوش برخوردش هست که خیلی مفید و کاربردی جوابگوی سوالات هستند.
سلام
خوشحالیم که این کتاب تونسته برای شما مفید باشه
امکانش هست مجدد تخفیف ویژه رو تمدید کنید تا بتونیم کتاب رو تهیه کنیم
ممنون
سلام
فردا شب مجدد تخفیف ویژه قرار داده میشه
ممنون از این کتاب خوب
مطالب بسیار مفید هستن هیچ گونه حاشیه و اضافه گویی ندارن
سلام مهدی عزیز
باعث افتخاره که تونستیم نظر شما رو جلب کنیم