چه گونه بفهمیم یک تارنما ، ریسپانسیو پباده سازی شده‌است ؟
با مضمون وبسایت رسپانسیو یا این که واکنشگرا آشنا شدیم اینک برای آزمایش رسپانسیو می‌توانید مرورگر خویش را ازحالت maximize بیرون نمایید و با موشواره خویش کاغذ مرور گر را کوچک و پهناور فرمائید ، می‌بینید که سایز ورقه عوض میشود ولی نوشته ها و لینک و پیوند ها همچنان خوانا می‌باشند و نیازی به zoom in و یا این که zoom out و اسکرول ندارند ، این فعالیت را هم در ورقه اصلی و هم در صفحه های داخلی آزمایش نمایید.
در سالیان اخیر دقت زیادی به این گونه از پباده سازی شده‌است ، پباده سازی ریسپانسیو حتی اپلیکیشن‌های منحصر به فرد را به بحران می‌کشد و مواقعی دیده گردیده که صاحبان سایت‌های دارای اعتبار به جای تمرکز روی اپلیکیشن‌ها به پباده سازی ریسپانسیو روی آورده‌اند.
گوگل نیز به طور رسمی پباده سازی تارنما ها به طور ریسپانسیو یا این که برخورد گرا را سفارش نموده است.
مزایای وب سایت رسپانسیو یا این که واکنشگرا چه است؟
موارد ذیل برای شما معین میکند که دقیقا مزایای تارنما رسپانسیو یا این که واکنشگرا چه میباشد:
یک تارنما رسپانسیو یا این که واکنشگرا منجر جذب بخش اعظمی از یوزرها به سمت خویش می‌گردد هم اکنون آنکه سایتی که رسپانسیو نباشد اضافه کاربرانی را که با گوشی یا این که تبلت وارد وب سایت گردیده اند را به جهت مشقت عمل از دست می‌دهد.
سایتی که رسپانسیو باشد استفاده کننده پسندتر و اصطلاحا user friendly است و این خویش یک امتیاز پهناور در جذب مشتری محسوب میشود.
یک وبسایت رسپانسیو یا این که واکنشگرا از حیث گوگل دوستداشتنی خیس میباشد .
واکنشگرا یا این که رسپانسیو بودن یک وبسایت می‌تواند روی سئو تارنما تاثیر داشته باشد.
تبدیل یک وب سایت واکنشگرا یا این که رسپانسیو به اینترنت نرم افزار بسیار راحت خیس میباشد.
با دقت به موردها فوق تا یک سری سال آینده دیگر ساخت وب سایت ها به طور عادی منسوخ گردیده و وب سایت های رسپانسیو جایگزین آن‌ها میگردند.
چه طور تارنما ریسپانسیو بسازیم؟
در حال حاضر که تماما متوجه گردیده اید که وبسایت رسپانسیو یا این که واکنشگرا چه چیزی است می‌توانید برای رسپانسیو کردن تارنما خویش مبادرت نمائید.
درین نوشته‌ی‌علمی ما به مطرح شدن دو نحوه اکتفا کردیم ، امیدوارم به کار گیری لازم را ببرید.
برای تولید صفحه های ریسپانسیو احتیاج به داشتن پیش قضیه هایی در باب css3 و html5 و JavaScript و به کارگیری از مدیا کوئری ها دارید ، همینطور مستم به به کارگیری از کامپوننت ها و کادر ورک های خاصی خواهید داشت ، مانند به کارگیری از قاب ورک های bootstrap ، Foundation ، Skeleton YAML و…
پیرو قصد ایجاد یک ورقه تارنما ریسپانسیو معمولی را با به کار گیری از مدیاکوئری (media query) داریم.
ما با به کارگیری از media query انتخاب میکنیم برگه وب سایت در هر دستگاهی با رزولوشن های متفاوت چه‌گونه اکران داده شود.
مثلا با به کار گیری از تگ media@ گزینش میکنیم که در‌حالتی که اندازه پهنا رزولوشن دستگاه 320 پیکسل باشد بک گراند برگه سبز شود.
از تگ مدیا برای ساخت قالب ریسپانسیو به کارگیری میکنیم ، این تگ رزولوشن دستگاه را بررسی می‌نماید و مبنی بر آن از کدهای مخصوص مرتبط با آن حالت به کارگیری می نماید.
برای ساخت سایت ریسپانسیو نیازی وجود ندارد به مقدار بی غایت اندازه رزولوشن را در ذهن خویش داشته باشید ، این کدها بر طبق رزولوشن های استاندارد ساخت میگردند:
درباره این سایت