پیج بیلدر ساندویچ (Page Builder Sandwich) شبیه به صفحه‌سازهای معمول شما نیست، کار با آن بسیار ساده و سرراست است.
برای آشنایی سریع می‌توانید ویدیوی زیر را مشاهده کنید.
ویرایشگر کجاست؟
ابتدا یک برگه، نوشته یا CPT جدید ایجاد کنید. سپس نوشته جدید خود یا هر نوشته موجودی را در فرانت‌اند مشاهده کنید. PBS کاملاً در فرانت‌اند است و نیازی نیست در بک‌اند سردرگم شوید.
باید دکمه‌ای با عنوان «Page Builder Sandwich» در بالای صفحه شما (روی نوار مدیریت) وجود داشته باشد، روی آن کلیک کنید تا ویرایش آغاز شود. باید کادر فرمت‌بندی متن از بالا و پنل افزودن المان‌ها از کنار ظاهر شوند. اکنون بخش محتوای قالب شما همان ویرایشگرتان است!
با PBS فقط می‌توانید صفحات تکی را ویرایش کنید. شما نمی‌توانید فهرستی از نوشته‌های وبلاگ یا یک صفحه ۴۰۴ را ویرایش کنید، زیرا آنها توسط قالب شما ایجاد می‌شوند. نوشته‌ها، برگه‌ها و انواع پست سفارشی مشکلی ندارند.
ویرایش محتوای شما
حالا نوبت به بخش شگفت‌انگیز می‌رسد.. به محض اینکه در فرانت‌اند و داخل ویرایشگر قرار گرفتید، روی هر متنی در محتوای خود کلیک کنید یا داخل ناحیه محتوا کلیک کرده و شروع به تایپ کنید! برخلاف سایر صفحه‌سازها، PBS به شما امکان می‌دهد بدون نیاز به باز کردن پنجره‌های پاپ‌آپ، مستقیماً محتوا را ویرایش کنید.
فرمت‌بندی محتوا / زیباتر کردن بخش‌ها
در حین ویرایش، ناحیه بالای صفحه نوار فرمت‌بندی متن نامیده می‌شود. این نوار شامل تمام ابزارهای فرمت‌بندی است که برای استایل‌دهی به متن استفاده خواهید کرد، مانند: رنگ‌ها، پررنگ کردن (Bold)، مورب کردن (Italic)، ترازها، افزودن پیوند، لیست‌های نشانه‌دار و موارد دیگر. ماوس را روی هر دکمه ببرید تا کاربرد آن ابزار را متوجه شوید.
افزودن المان‌ها
ماوس خود را روی دکمه افزودن المان‌ها (Add Elements) در بالا سمت چپ صفحه ببرید تا پنل افزودن المان نمایش داده شود. همچنین می‌توانید تنها ماوس خود را به سمت چپ صفحه ببرید تا ظاهر شود.
برای درج هر المانی، کلیک ماوس را روی آن نگه داشته و سپس آن را به ناحیه محتوای خود بکشید. ناحیه‌ای که المان در آن قرار می‌گیرد برجسته (هایلایت) می‌شود. دکمه ماوس را رها کنید تا المان در جای خود قرار گیرد.
استایل‌دهی و تغییر المان‌ها
ماوس خود را روی هر المانی که در محتوای خود دارید ببرید تا کادرهای راهنما و نوارهای ابزار روی آنها ظاهر شوند.
می‌توانید ماوس را روی لبه‌های کادرها ببرید تا فواصل (مارجین‌ها) بین المان‌ها را افزایش یا کاهش دهید.
همچنین می‌توانید روی دکمه‌ای در نوار ابزار کلیک کنید تا عملیات سریعی را روی المان انجام دهید. کلیک روی نماد چرخ‌دنده در نوار ابزار، بازرس ویژگی‌ها (Properties Inspector) را باز می‌کند که شامل گزینه‌های بیشتری است.
بازرس ویژگی‌ها
بازرس ویژگی‌ها کنترل بیشتری بر ظاهر المان‌ها به شما می‌دهد. می‌توانید موارد زیادی مانند سایه‌ها، انیمیشن‌ها، تغییر رنگ نقشه، گردی گوشه‌ها و موارد بسیار دیگری را اضافه کنید.
همچنین می‌توانید به ویژگی‌های والد المان دسترسی پیدا کنید. برای مثال، اگر تصویری را درون یک ستون قرار داده و بازرس ویژگی‌ها را باز کنید، می‌توانید به ویژگی‌های تصویر، ستونی که تصویر درون آن قرار دارد و سطری که ستون را در خود جای داده است دسترسی داشته باشید.
بازرس ویژگی‌ها شامل تنظیمات بسیار متفاوتی برای المان‌های مختلف است، بنابراین حتماً همه آنها را بررسی کنید.
استفاده از شورت‌کدها
پیج بیلدر ساندویچ شورت‌کدهای واقعی را در فرانت‌اند به شما نمایش می‌دهد، و شما می‌توانید به آسانی آنها را ویرایش کنید!
اگر شورت‌کدهای خود را حفظ کرده‌اید، می‌توانید با تایپ مستقیم آنها در محتوا، شورت‌کدها را درج کنید. اما اگر همه آنها را حفظ نکرده‌اید (چه کسی حفظ می‌کند؟)، بازرس تمام شورت‌کدهای موجود در سایت شما را فهرست می‌کند. دکمه Shortcode را از بازرس به ناحیه محتوای خود بکشید و موردی را که می‌خواهید درج کنید پیدا کرده و روی آن کلیک کنید تا اضافه شود.
شورت‌کدها در فرانت‌اند به محتوای واقعی تبدیل (رندر) می‌شوند، برای ویرایش آنها می‌توانید شورت‌کد را انتخاب کرده و ویژگی‌های آن را در بازرس بررسی کنید. یا برای کنترل بیشتر، می‌توانید روی شورت‌کد دوبار کلیک کنید تا آن را به شکل خام ویرایش نمایید. پس از اعمال ویرایش‌ها، شورت‌کد شما به‌روزرسانی می‌شود تا تغییرات را منعکس کند.
مرتب‌سازی مجدد محتوا
با PBS می‌توانید هر چیزی را کلیک کرده و بکشید و به هر جایی منتقل کنید. هنگامی که المانی را می‌کشید، آن را به بالای المان دیگری در صفحه ببرید؛ می‌توانید آن را در بالا یا پایین هر محتوای دیگری قرار دهید.
ذخیره کار شما
زمانی که از طرح خود راضی بودید، کافی است روی دکمه ذخیره در بالا سمت چپ صفحه کلیک کنید. تمام!