واکنشگرا بودن یا Responsive بودن وب سایت اشاره به تبدیل شدن وب سایت به وب سایتی که بتواند با هر دستگاه تلفن همراهی قابل مشاهده باشد البته به یاد داشته باشید تمام وب سایت ها چه ریسپانسیو و چه غیر ریسپانسیو قابل باز شدن به دستگاه های وشمند متصل به اینترنت می باشند اما وب سایت های غیر واکنشگرا این قابلیت را ندارند که به صورت مناسب نمایش داده شوند و شما برای اینکه بتوانید این وب سایت ها را به صورت مناسب مشاهده نمایید باید با استفاده از اسکرول های مرورگر تمامی قسمت های وب سایت را مشاهده نمایید در صورتی که در وب سایت ریسپانسیو دیگر نیاز به اسکرول عرضی مرورگر نیست چرا که وب سایت در گوشی همراه به صورت مناسب نمایش داده می شود
تبدیل قالب وب سایت به ریسپانسیو
قابلیت ریسپانسیو اگر در قالب موجود باشد قطعا بهتر می باشد تا اینکه بخواهید خود قالب را به حالت ریسپانسیو در بیاورید و اکثر کارشناسان طراحی سایت بر این عقیده هستند ه از یک قالب ریسپانسیو برای تبدیل وب سایت به قابلیت واکنشگرا استفاده کنید تا بخواهید قالب را به ریسپانسیو تبدیل کنید چرا که اولا بسیار وقت گیر می باشد و ثانیا این کار درجه ریسک بسیار بالایی دارد یعنی احتمال اینکه وب سایت بعد از تبدیل به ریسپانسیو دارای خطا باشد بسیار زیاد می باشد
1-ابتدا بررسی کنید که وب سایت ریسپانسیو می باشد یا خیر
برای اینکه بررسی کنید وب سایت واکنشگرا می باشید یا خیر نیاز است که با استفاده از ابزارهایی که برای این مورد در اینترنت موجود می باشند وب سایت خود را ببرسی کنید تا ببینید وب سایت شما ریسپانسیو می باشد یا خیر . در ادامه چند ابزار رایگان برای بررسی قابلیت ریسپانسیو را مشاهده می کنید
http://ami.responsivedesign.is/
http://responsivetesttool.com/
https://designmodo.com/responsive-test/
https://responsivedesignchecker.com/
خوب بعد از ایکه مشخص شد وب سایت شما پاسخگو نمی باشد باید مراحل را برای پاسخگو بدون وب سایت آغاز مایید
2-در ابتدا متا تک ریسپانسیو را به قالب خو اضافه نمایید
در اولین مرحله شما باید وب سایت خود را با یک ادیتور باز نمایید و سپس در قیمت head آن کد زیر را قرار دهید
<meta name="viewport" content="width=device-width">
3-طراحی قالب با سه رزولوشن
خوب نیاز است که شما برای افزودن قابلیت پاسخگو بودن به وب سایت خود از سه فایل css بهره بگیرد و وب قالب را برای سه متد یا رزولوشن راحی نمایید که به ترتیب این رزولوشن ها
برای لپتاب 1024
برای موبایل 327 رزولوشن
و سومین فایل نیز برای دستگاهی مابین موبایل و دسکتاپ که باید بین 1024 و 327 باشد طراحی نمایید
<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">
خوب در این سه فایل شما باید قسمت های مختلف وب سایت را که تصاویر ، ناوبری ها ، باکس ها ، چندرسانه ای ها و... وجود دارند را به صورت پاسخگو بیان نمایید
لازم به ذکر می باشد همانگونه که در ابتدا نیز بیان شده شما ی توانید با تعویض قالب وب سایت خود به ریسپانسیو تا حد زیادی نه تنها خطاها را کاهش دهید بلکه می توانید در وقت نیز صرفه جویی کنید
تبدیل قالب وردپرس به ریسپانسیو
اگر ی; قالب وردپرسی غیر ریسپانسیو دارید و می خواهید قابلیت ریسپانسیو را به آن اضافه نمایید نیز می توانید با تعویض قالب و همچنین اضافه کردن پلاگین این کار راانجام دهید .
افزونه های تبدیل قالب وردپرس به ریسپانسیو
1-افزونه Wptouch
2-افزونه SiteOrigin
آیا ریسپانسیو بودن وب سایت روی سئو تاثیر می گذارد
سئو سایت فاکتورهای زیادی بستگی دارد که هر کدام از این فاکتورها به نحوه ی می تواند در سئو سایت تاثیر گذار باشند ، قابلیت ریسپانسیو بودن وب سایت نیز یک فاکتور از سئو می باشد که تاثیر بسزایی در سئو وب سایت دارد حتی چند سالی است که گوگل هشدار می دهد که وب سایت های غیر ریسپاسیو را جریمه می کند پس لازم است هر چه سریع تر وب سایت خود را با استفاده از ترفند هایی که وجود دارد به پاسخگو بودن تبدیل نماییم چرا که ممکن است علاوه بر کاهش رتبه با حذف وب سایت از نتایج نیز روبه رو شویم
