لا يشبه Page Builder Sandwich أدوات بناء الصفحات المعتادة، فهو غير معقد وبسيط في الاستخدام.

يمكنك مشاهدة الفيديو أدناه للحصول على جولة سريعة.

أين يوجد المحرر؟

أولاً، أنشئ صفحة جديدة أو مقالاً أو نوع منشور مخصص (CPT). ثم قم بزيارة مقالك الجديد أو أي مقال حالي في واجهة موقعك الأمامية (frontend). يعمل PBS بنسبة 100% في الواجهة الأمامية، فلن تضطر إلى التنقل والعمل في لوحة التحكم الخلفية (backend).

من المفترض أن تجد زر “Page Builder Sandwich” في أعلى صفحتك (في شريط الإدارة)، انقر عليه لبدء التحرير. ستلاحظ ظهور منطقة تنسيق النص من الأعلى، ولوحة إضافة العناصر من الجانب. أصبحت منطقة المحتوى في قالبك هي المحرر الخاص بك الآن!

يمكنك فقط تحرير الصفحات الفردية باستخدام PBS. لا يمكنك تحرير قائمة مقالات المدونة، أو صفحة 404 لأن هذه الصفحات يتم إنشاؤها بواسطة قالبك. المقالات والصفحات وأنواع المنشورات المخصصة قابلة للتحرير بالكامل.

تحرير محتواك

والآن يأتي الجزء الرائع.. بمجرد دخولك إلى الواجهة الأمامية وداخل المحرر، انقر فوق أي نص في محتواك أو انقر داخل منطقة المحتوى وابدأ في الكتابة! على عكس أدوات بناء الصفحات الأخرى، يتيح لك PBS تحرير المحتوى مباشرةً دون الحاجة إلى التعامل مع مربعات الحوار المنبثقة.

تنسيق محتواك / جعل الأمور تبدو جميلة

أثناء التحرير، تُسمى المنطقة الموجودة في الأعلى شريط تنسيق النص. يحتوي هذا الشريط على جميع أدوات التنسيق التي ستستخدمها لتنسيق النص مثل: الألوان، والخط العريض، والخط المائل، والمحاذاة، وإضافة الروابط، والنقاط، والمزيد. مرر مؤشر الفأرة فوق كل زر لمعرفة وظيفة الأداة.

إضافة العناصر

مرر مؤشر الفأرة فوق زر “Add Elements” في الجزء العلوي الأيسر من الشاشة لإظهار لوحة إضافة العناصر. يمكنك أيضاً تحريك الفأرة ببساطة إلى الجانب الأيسر من الشاشة لإظهارها.

لإدراج أي عنصر، اضغط مع الاستمرار بزر الفأرة على أحد العناصر، ثم اسحبه إلى منطقة المحتوى الخاصة بك. ستصبح المنطقة التي سيتم وضع العنصر فيها مظللة. حرر زر الفأرة لإفلات العنصر في مكانه.

تنسيق العناصر وتعديلها

مرر مؤشر الفأرة فوق أي عنصر موجود في محتواك، وستظهر حوله خطوط تحديد وأشرطة أدوات.

يمكنك تمرير مؤشر الفأرة فوق حواف خطوط التحديد لزيادة/تقليل الهوامش بين العناصر.

يمكنك أيضاً النقر على زر في شريط الأدوات لتنفيذ إجراءات سريعة على العنصر. وسيؤدي النقر على أيقونة الترس في شريط الأدوات إلى إظهار فاحص الخصائص الذي يحتوي على المزيد من الخيارات.

فاحص الخصائص

يمنحك فاحص الخصائص تحكماً أكبر في مظهر عناصرك. يمكنك إضافة العديد من الخيارات مثل الظلال، والتأثيرات الحركية، وتغيير ألوان الخرائط، واستدارة الحواف، وغير ذلك الكثير.

يمكنك أيضاً الوصول إلى خصائص العناصر الحاوية (الأصل) للعنصر. على سبيل المثال، إذا وضعت صورة داخل عمود وفتحت فاحص الخصائص، فيمكنك الوصول إلى خصائص الصورة، والعمود الذي يحتوي عليها، والصف الذي يضم هذا العمود.

يحتوي فاحص الخصائص على الكثير من الإعدادات المختلفة للعناصر المتنوعة، لذا احرص على استكشافها جميعاً.

استخدام الأكواد القصيرة (Shortcodes)

يعرض لك Page Builder Sandwich الأكواد القصيرة الفعلية في الواجهة الأمامية، ويمكنك تحريرها بسهولة أيضاً! 

إذا كنت تحفظ أكوادك القصيرة، يمكنك إدراجها عن طريق كتابتها مباشرة في محتواك. ولكن إذا لم تكن تحفظها جميعاً (من يفعل ذلك؟)، فإن الفاحص يسرد لك جميع الأكواد القصيرة المتاحة في موقعك. اسحب زر Shortcode من الفاحص إلى منطقة المحتوى الخاصة بك وابحث عن الكود الذي تريد إدراجه، ثم انقر عليه لإضافته.

يتم تحويل الأكواد القصيرة إلى محتوى فعلي في الواجهة الأمامية، ولتحريرها، يمكنك تحديدها والاطلاع على خصائصها في الفاحص. أو لمزيد من التحكم، يمكنك النقر نقراً مزدوجاً على الكود القصير لتحريره بصيغته البرمجية المباشرة. بعد إجراء التعديلات، سيتم تحديث الكود القصير ليعكس التغييرات.

إعادة ترتيب محتواك

يمكنك النقر وسحب أي عنصر ونقله إلى أي مكان باستخدام PBS. عندما تسحب عنصراً، حركه فوق عنصر آخر في الصفحة، حيث يمكنك نقله إما أعلى أو أسفل أي محتوى آخر.

حفظ عملك

بمجرد أن تصبح راضياً عن تصميمك، ما عليك سوى النقر على زر الحفظ في الجزء العلوي الأيسر من صفحتك. هذا كل شيء!