نحوه استفاده از Page Builder Sandwich
افزونه Page Builder Sandwich مانند صفحه‌سازهای معمول شما نیست، بدون پیچیدگی و استفاده از آن ساده است.
می‌توانید ویدیوی زیر را برای یک راهنمای سریع مشاهده کنید.
ویرایشگر کجاست؟
ابتدا یک برگه، نوشته یا CPT جدید ایجاد کنید. سپس نوشته جدید یا هر نوشته موجود را در فرانت‌اند خود مشاهده کنید. PBS کاملاً ۱۰۰٪ تحت فرانت‌اند است، نیازی نیست در بک‌اند سردرگم شوید.
باید یک دکمه «Page Builder Sandwich» در بالای برگه شما (روی نوار مدیریت) وجود داشته باشد، برای شروع ویرایش روی آن کلیک کنید. خواهید دید که بخش قالب‌بندی متن از بالا ظاهر می‌شود و پنل افزودن عناصر از کنار باز می‌شود. اکنون ناحیه محتوای قالب شما ویرایشگرتان است!
با PBS فقط می‌توانید صفحات تکی را ویرایش کنید. نمی‌توانید لیست نوشته‌های وبلاگ یا برگه 404 را ویرایش کنید زیرا این‌ها توسط قالب شما ایجاد می‌شوند. نوشته‌ها، برگه‌ها و انواع پست‌های سفارشی (CPT) قابل ویرایش هستند.
ویرایش محتوای شما
حالا بخش جذاب ماجرا فرا می‌رسد.. به محض اینکه در فرانت‌اند و داخل ویرایشگر قرار گرفتید، روی هر متنی در محتوای خود کلیک کنید یا درون ناحیه محتوایتان کلیک کرده و شروع به تایپ کنید! برخلاف سایر صفحه‌سازها، PBS به شما امکان می‌دهد بدون نیاز به باز کردن پنجره‌های بازشو (پاپ‌آپ)، محتوا را مستقیماً ویرایش کنید.
قالب‌بندی محتوا / زیبا کردن ظاهر عناصر
هنگام ویرایش، ناحیه بالای صفحه نوار قالب‌بندی متن (Text Formatting Bar) نامیده می‌شود. این نوار شامل تمام ابزارهای قالب‌بندی است که برای استایل دادن به متن استفاده خواهید کرد؛ مانند: رنگ‌ها، ضخیم (بولد)، کج (ایتالیک)، چینش، افزودن پیوندها، فهرست‌های نشانه‌دار و موارد دیگر. با نگه داشتن نشانگر ماوس روی هر دکمه، عملکرد آن ابزار را متوجه خواهید شد.
افزودن عناصر
نشانگر ماوس خود را روی دکمه Add Elements در گوشه بالا سمت چپ صفحه نگه دارید تا پنل افزودن عنصر (Add Element Panel) نمایش داده شود. همچنین می‌توانید به سادگی ماوس خود را به سمت چپ صفحه ببرید تا ظاهر شود.
برای درج هر عنصر، کلیک ماوس را روی آن نگه دارید، سپس آن را به درون ناحیه محتوای خود بکشید. ناحیه‌ای که عنصر در آن قرار می‌گیرد برجسته و متمایز می‌شود. دکمه ماوس خود را رها کنید تا عنصر قرار بگیرد.
استایل‌دهی و تغییر عناصر
ماوس خود را روی هر عنصری که در محتوای خود دارید ببرید تا کادر دور و نوارهای ابزار روی آن‌ها نمایش داده شوند.
می‌توانید ماوس خود را روی لبه‌های کادر ببرید تا فاصله‌ها (margins) بین عناصر را افزایش یا کاهش دهید.
همچنین می‌توانید روی دکمه‌ای در نوار ابزار کلیک کنید تا اقدامات سریعی روی عنصر انجام دهید. کلیک بر روی نماد چرخ‌دنده در نوار ابزار، بازرس ویژگی‌ها (Properties Inspector) را باز می‌کند که شامل گزینه‌های بیشتری است.
بازرس ویژگی‌ها (Properties Inspector)
بازرس ویژگی‌ها کنترل بیشتری بر ظاهر عناصر به شما می‌دهد. می‌توانید موارد زیادی مانند سایه‌ها، انیمیشن‌ها، تغییر رنگ‌های نقشه، گردی گوشه‌ها (border radius) و موارد بسیار دیگری را اضافه کنید.
همچنین می‌توانید به ویژگی‌های عناصر والد دسترسی پیدا کنید. به عنوان مثال، اگر تصویری را درون یک ستون قرار داده باشید و بازرس ویژگی‌ها را باز کنید، می‌توانید به ویژگی‌های تصویر، ستونی که تصویر درون آن قرار دارد و سطری که ستون درون آن قرار دارد دسترسی داشته باشید.
بازرس ویژگی‌ها شامل تنظیمات بسیار متفاوتی برای عناصر مختلف است، بنابراین حتماً همه آن‌ها را بررسی کنید.
استفاده از کدهای کوتاه (Shortcodes)
افزونه Page Builder Sandwich کدهای کوتاه واقعی را در فرانت‌اند به شما نشان می‌دهد و شما می‌توانید آن‌ها را به راحتی نیز ویرایش کنید!
اگر کدهای کوتاه خود را حفظ کرده‌اید، می‌توانید با تایپ مستقیم آن‌ها در محتوای خود، کدهای کوتاه را درج کنید. اما اگر همه آن‌ها را حفظ نیستید (چه کسی حفظ می‌کند؟)، بخش بازرس تمام کدهای کوتاه موجود در سایت شما را فهرست می‌کند. یک دکمه Shortcode را از بازرس به درون ناحیه محتوای خود بکشید و موردی را که می‌خواهید درج کنید پیدا کرده و برای درج روی آن کلیک کنید.
کدهای کوتاه در فرانت‌اند به محتوای واقعی تبدیل می‌شوند، برای ویرایش آن‌ها می‌توانید انتخابشان کنید و مشخصات آن‌ها را در بازرس بررسی نمایید. یا برای کنترل بیشتر، می‌توانید روی کد کوتاه دوبار کلیک کنید تا آن را به صورت متنی خام ویرایش کنید. پس از انجام ویرایش‌ها، کد کوتاه شما برای اعمال تغییرات به‌روزرسانی می‌شود.
مرتب‌سازی مجدد محتوای شما
با PBS می‌توانید هر چیزی را کلیک کرده و بکشید و به هر جایی منتقل کنید. هنگامی که چیزی را می‌کشید، آن را روی عنصر دیگری در صفحه حرکت دهید؛ می‌توانید آن‌ها را در بالا یا پایین هر محتوای دیگری قرار دهید.
ذخیره کار شما
هنگامی که از طراحی خود راضی بودید، فقط روی دکمه ذخیره در بالا سمت چپ صفحه خود کلیک کنید. همین!