در سایت ساز گرپ، طراحی صفحات و قالب ها بر اساس یک ساختار سلسله مراتبی و انعطاف پذیر انجام می شود. این ساختار شامل بلوک ها، ردیف ها، ستون ها و المان ها است که به شما امکان می دهد صفحات حرفه ای، منظم و واکنش گرا طراحی کنید. این عناصر مانند قطعات یک پازل کنار هم قرار می گیرند تا بخش های مختلف صفحه را شکل دهند. در ادامه، با هر یک از این اجزا آشنا می شویم:
بلوک ها (Blocks)
_ بلوک، بزرگ ترین واحد در ساختار صفحه است که محتوای اصلی را در بر می گیرد.
_ هر بلوک می تواند شامل چندین ردیف باشد که به صورت عمودی چیده شده اند.
_ این ساختار به شما کمک می کند چینش و سازماندهی محتوای سایت را به صورت حرفه ای مدیریت کنید.
ردیف ها (Rows)
_ ردیف ها داخل بلوک ها قرار می گیرند و صفحه را به صورت افقی تقسیم بندی می کنند.
_ هر ردیف می تواند شامل چندین ستون باشد و به چیدمان منظم و متناسب با طراحی شما کمک کند.
ستون ها (Columns)
_ ستون ها درون ردیف ها قرار دارند و نقش ظرف محتوایی را ایفا می کنند.
_ انواع المان های طراحی مانند متن، تصاویر، دکمه ها و فرم ها درون ستون ها قرار می گیرند.
_ هر ستون می تواند شامل ردیف های جدید باشد و طراحی چندلایه و پیشرفته تر را ممکن سازد.
ویژگی مهم:
می توانید تعداد ستون های هر ردیف را متناسب با طرح خود تنظیم کنید (مثلاً یک ستون پهن و دو ستون باریک).
المان ها (Elements)
_ المان ها کوچک ترین اجزای طراحی صفحه هستند که برای نمایش اطلاعات، عملکرد خاص یا تعامل با کاربر استفاده می شوند.
_ این عناصر می توانند شامل متن، تصاویر، دکمه ها، ویدیوها، فرم های تماس و... باشند.
_ می توان المان ها را به راحتی جابجا، تغییر اندازه و تنظیم کرد تا طراحی سفارشی داشته باشید.
_ چیدمان ها (Layouts)
مجموعه ای از این بلوک ها، ردیف ها و ستون ها، یک "چیدمان" را تشکیل می دهد. چیدمان ها ابزار قدرتمندی برای سرعت بخشیدن به فرآیند طراحی هستند و به شما امکان می دهند ساختارهای آماده و از پیش طراحی شده را به راحتی در صفحات خود پیاده سازی کنید.
یکی از قابلیت های گرپ این است که می توانید چیدمان های دلخواه خود را طراحی، ذخیره و در صفحه های دیگر مجدداً استفاده کنید. این ویژگی نه تنها باعث صرفه جویی در زمان می شود، بلکه کمک می کند طراحی های شما یکدست و حرفه ای تر باشند.
چرا این ساختار اهمیت دارد؟
_ امکان طراحی صفحات واکنش گرا (ریسپانسیو) برای نمایش بهتر در موبایل و دسکتاپ
_ ایجاد چینش های سفارشی و منعطف بدون نیاز به کدنویسی
_ مدیریت بهتر محتوا و افزایش سرعت طراحی صفحات
_ قابلیت استفاده مجدد از بلوک ها و عناصر در صفحات دیگر
در بخش های بعدی، هرکدام از این عناصر به صورت دقیق تر بررسی خواهند شد.
صفحه ساز