آموزش طراحی سایت بدون کدنویسی با استفاده از وبزی (راهنمای قدم به قدم)

برای طراحی سایت با وبزی دیگر نیاز به استخدام طراح سایت یا یادگیری طراحی سایت ندارید و در کمتر از یک ربع می‌توانید سایت دلخواه خودتان را طراحی کنید.

قبل از ظهور سایت سازها، کاربران برای طراحی و ساخت سایت سه راه بیشتر نداشتند:

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

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

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

سایت سازها توانسته‌اند مشکلات گفته‌شده را تا حد زیادی برطرف کنند. یکی از این سایت سازها که این روزها طرفداران زیادی دارد، سایت ساز وبزی است. از مزایای استفاده از سایت سازهایی مانند وبزی می‌توان به موارد زیر اشاره کرد:

• شما می‌توانید وب سایت خود را بدون نیاز به دانشی از برنامه‌نویسی و کدنویسی، طراحی کنید.
• برای ساخت سایت خود نیاز به بودجه قابل‌توجهی ندارید و با هزینه کم می‌توانید از یک سایت استاندارد بهره‌مند شوید.
• شما اختیار کامل برای طراحی سایت به سلیقه خودتان دارید و دقیقا می‌توانید همان سایتی که می‌خواهید را بسازید.

مواردی که پیش تر ذکر شد، دلایلی برای محبوبیت سایت سازهایی مانند وبزی هستند. وبزی، سایت سازی است که در این مطلب قصد داریم شما را بیشتر با آن آشنا کنیم.

با خواندن این مطلب علاوه‌بر آشنایی با ویژگی‌ها و نحوه کارکرد وبزی، ‌قادر خواهید بود وب سایت خود را همین امروز و به‌راحتی با استفاده از وبزی، طراحی کنید. با ابزارها و امکانات مختلف وبزی، آشنا خواهید شد تا بتوانید ظاهری زیبا طراحی کنید.

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

به این معنی که در وبزی،‌ شما برای طراحی سایت تان کدنویسی نمی‌کنید بلکه به کمک درگ اند دراپ (Drag and Drop) عناصر مختلف را انتخاب کرده و در جایگاه مورد نظر قرار می دهید. به‌عنوان مثال اگر در صفحه وب سایتتان بخواهید متنی بنویسید، تنها کافی است در قسمت «افزودن» گزینه متن را انتخاب کنید.

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

به همین سادگی می‌توانید وب سایت خود را در وبزی طراحی و پیاده‌سازی کنید.

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

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

در این مرحله، به موضوع اصلی این مطلب، ‌یعنی نحوه استفاده از وبزی می‌پردازیم.

قدم اول برای شروع کار ورود به سایت webzi.ir است و کلیک روی "ایجاد سایت" است. قالب های از پیش طراحی شده در موضوعات گوناگون، فروشگاهی و غیر فروشگاهی وجود دارند که باتوجه‌به سلیقه و کسب و کارتان می‌توانید از آن‌ها استفاده کنید.

بعد از انتخاب قالب مورد نظر روی آن کلیک کرده و "ساخت سایت با این قالب" را انتخاب کرده. سپس مشخصات خودتان را وارد کنید و منتظر باشید تا سایت شما ساخته شود.

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

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

در بالای صفحه نواری هست که به شما امکانات مختلفی ارائه می‌کند. در قسمت «صفحات» می‌توانید صفحات جدید را اضافه کنید یا اینکه صفحات فعلی را ویرایش کنید. افزودن، ‌حذف و تغییر نام  صفحات در این قسمت انجام می‌شود. منو «ابزار» ابزارهایی مانند خطوط راهنما،‌ هم‌ترازی با اشیاء، ‌خط‌کش، گرید و جعبه ابزار را در اختیارتان قرار می‌دهد.

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

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

ازاین‌رو سایت‌های طراحی شده با سایت ساز وبزی، نسبت به اندازه صفحه‌نمایش عکس العمل نشان داده و متناسب با اندازه آن‌ها تغییر سایز می‌دهند. به این نوع صفحات، رسپانسیو (Responsive) می گویند که نکته مثبت و حائز اهمیتی در طراحی سایت است.

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

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

سمت راست صفحه،‌ چهار آیکون با نام های «تنظیمات»، «افزودن»،‌ «وبلاگ» و «فروشگاه» وجود دارند که امکانات مختلفی در اختیار شما قرار می‌دهند.

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

در قسمت سئو جهت بهینه‌سازی لازم است نام صفحه، ‌توضیحاتی مرتبط با صفحه و آدرس مورد نظر را وارد کنید.

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

وبلاگ:‌ نوشته هایی در قالب وبلاگ با امکانات دسته‌بندی را  شامل می‌شود.

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

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

برای ساخت سایت با وبزی وارد webzi.ir شوید.