در این آموزش، نحوه ایجاد و مدیریت قالب های وب سایت را به صورت گام به گام بررسی می کنیم.
برای شروع، از طریق داشبورد مدیریت و از زیرمنوی «قالب ها» وارد بخش قالب های وب سایت می شویم. در این صفحه، فهرست قالب هایی که پیش تر طراحی شده اند قابل مشاهده است. برای ایجاد یک قالب جدید، روی دکمه «ایجاد قالب جدید» کلیک می کنیم و برای ویرایش هر قالب نیز کافی است دکمه «ویرایش» مربوط به آن را انتخاب کنیم تا وارد محیط ویرایش قالب شویم.
همان طور که در آموزش های قبلی اشاره شد، هر قالب وب سایت از دو بخش اصلی سرصفحه و پاصفحه تشکیل شده است و محتوای صفحات در فاصله بین این دو بخش نمایش داده می شود. برای مشاهده پیش نمایش قالب نیز می توان از دکمه «پیش نمایش» در پنل میانی صفحه استفاده کرد.
بخش سرصفحه قالب از یک بلوک ثابت تشکیل شده است که درون آن امکان افزودن تعداد نامحدودی ردیف و ستون وجود دارد. با استفاده از المان های مختلف می توان سرصفحه دلخواه را طراحی کرد. در صورتی که نیاز باشد یک بلوک در آینده مجددا مورد استفاده قرار گیرد، می توان از طریق تنظیمات بلوک، گزینه «ذخیره بلوک» را انتخاب کرد. برای فراخوانی بلوک های ذخیره شده نیز از تنظیمات بلوک سرصفحه، گزینه «افزودن بلوک ذخیره شده» را انتخاب کرده و از بخش «بلوک های ذخیره شده من»، بلوک مورد نظر را فراخوانی می کنیم. علاوه بر این، امکان استفاده از بلوک های عمومی و همچنین وارد کردن بلوک ها از طریق «فراخوانی از لینک اشتراکی» وجود دارد؛ به این ترتیب می توان بلوک هایی که در سایت های دیگر ذخیره شده اند را نیز به قالب اضافه کرد.
ردیف هایی که به صورت مستقیم درون بلوک سرصفحه قرار دارند، دارای قابلیت مهمی به نام «حالت چسبنده» هستند. با ورود به تنظیمات این ردیف ها و فعال سازی این گزینه، در صورتی که محتوای صفحه طولانی باشد و کاربر اقدام به اسکرول کند، ردیف انتخاب شده به بالای صفحه می چسبد و به صورت ثابت نمایش داده می شود. این قابلیت به ویژه برای منوها و دکمه های مهم سرصفحه کاربرد فراوانی دارد. همچنین می توان تعیین کرد که ردیف در حالت چسبیده چه رنگ پس زمینه ای داشته باشد تا ظاهر آن هنگام اسکرول تغییر کند. ردیف هایی که حالت چسبنده برای آن ها فعال نشده باشد، در جایگاه اولیه خود باقی می مانند.
بخش پاصفحه قالب نیز عملکردی مشابه بلوک های صفحه ساز دارد. در این بخش می توان چیدمان دلخواه را طراحی کرد یا از بلوک های ذخیره شده، بلوک های عمومی و بلوک های اشتراکی برای ساخت پاصفحه استفاده نمود.
برای اعمال تنظیمات کلی قالب، روی دکمه «تنظیمات» کلیک می کنیم. در این قسمت می توان نامی برای قالب انتخاب کرد تا شناسایی آن در فهرست قالب ها ساده تر باشد. همچنین امکان تعیین استایل رنگی پیش فرض سایت به صورت روشن یا تیره، تنظیم فونت های اولیه و ثانویه قالب و انتخاب نمادک سایت (Favicon) وجود دارد. نمادک سایت، آیکن کوچکی است که در کنار عنوان سایت در تب مرورگر نمایش داده می شود و نقش مهمی در حرفه ای تر و قابل تشخیص تر شدن سایت دارد.
بدنه قالب به کل فضای قابل نمایش در مرورگر گفته می شود که شامل سرصفحه، محتوا و پاصفحه است. از این بخش می توان تنظیماتی مانند رنگ پس زمینه کلی سایت را اعمال کرد. همچنین تنظیمات مربوط به محتوایی که بین سرصفحه و پاصفحه قرار می گیرد نیز از همین قسمت قابل مدیریت است.
در این مرحله، قالب وب سایت تقریبا آماده است و با انتخاب دکمه «لیست» می توان مجددا به صفحه فهرست قالب ها بازگشت. قالب های وب سایت در گرپ در دو بخش مورد استفاده قرار می گیرند: نخست در صفحاتی از نوع صفحه ساز و دوم در قالب های محتوا.
برای انتخاب قالب در یک صفحه از نوع صفحه ساز، وارد ویرایش صفحه شده و از بخش تنظیمات صفحه، قالب وب سایت مورد نظر را انتخاب می کنیم یا صفحه را روی حالت «تنظیمات پیش فرض قالب» قرار می دهیم. در گرپ، همواره باید یک قالب به عنوان قالب پیش فرض مشخص شده باشد. با تغییر قالب پیش فرض، این قالب به صورت خودکار روی تمامی صفحات و قالب های محتوا اعمال می شود. برای تعیین یک قالب به عنوان پیش فرض، کافی است در فهرست قالب ها گزینه «پیش فرض» را برای قالب مورد نظر فعال کنیم.
برای تغییر قالب در قالب های محتوا نیز کافی است وارد ویرایش قالب محتوا شده و از بخش تنظیمات صفحه، قالب وب سایت دلخواه را انتخاب نماییم.
در نهایت، قالب های وب سایت در گرپ نقش بسیار مهمی در ایجاد ظاهری منسجم، یکدست و حرفه ای برای تمامی صفحات سایت ایفا می کنند.