ينبغي أن يكون Page Builder Sandwich متوافقًا مع وحدات Jetpack المختلفة.
تقوم وحدة Markdown بشيء خاص عند حفظ المحتوى مما يؤدي إلى فقدان التغييرات أثناء تحويل markdown. للتعامل مع ذلك، يتحول نص markdown في المحرر الخلفي إلى وسوم html عند حفظ تغييراتك من الواجهة الأمامية. (شكرًا لـ Jake Jackson على المساعدة)
لقد اختبرنا Page Builder Sandwich مع PHP 7 ويجب أن يعمل كل شيء بشكل جيد دون أي مشاكل.
كن حذرًا عند ترقية موقعك من إصدار أدنى إلى PHP 7، حيث توجد الكثير من أوجه عدم التوافق مع الإصدارات الأدنى التي ينبغي معالجتها في جميع قوالبك وإضافاتك.
يحدث خطأ في Javascript عند استخدام كل من Page Builder Sandwich & Materialize معاً. يوجد تعارض بين materialize.js وأداة اختيار الألوان في نواة ووردبريس (WordPress Core).
توجد مشكلة تم طرحها في مستودع GitHub الخاص بـ Materialize بخصوص هذا الأمر: https://github.com/Dogfalo/materialize/issues/2821
ستستمر الإضافة في العمل بشكل سليم طالما أنك لم تقم بإلغاء تفعيل الترخيص على موقعك. وبمجرد إلغاء تفعيله، لن تتمكن من إعادة تفعيله مرة أخرى.
لن تتمكن من تلقي التحديثات من لوحة تحكم ووردبريس الخاصة بك، أو الوصول إلى الإصدارات الأحدث. ولن نتمكن من تزويدك بدعمنا المخصص الرائع.
عند شرائك لـ Page Builder Sandwich لأول مرة، سيتم تنزيل ملف .zip يحتوي على الإضافة تلقائيًا إلى جهاز الكمبيوتر الخاص بك.
في حال فقدانك له، يمكنك تنزيل ملف الـ .zip الخاص بك مرة أخرى عبر الانتقال إلى هذا الرابط: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
سيتيح لك إدخال ترخيصك في هذا الرابط استرداد ملف الـ .zip الخاص بـ Page Builder Sandwich، بالإضافة إلى تفاصيل الترخيص والحساب الخاصة بك.
يمكن إضافة الودجات بالنقر على زر عنصر الودجت (Widget Element) في قسم العناصر في شريط الفحص. بمجرد النقر، ستظهر نافذة منبثقة تسرد جميع الودجات التي عثر عليها Page Builder Sandwich في موقعك.
يمكن إضافة جميع الودجات الموجودة في موقع ووردبريس الخاص بك، ولكن قد لا تعمل بعض الودجات التي تستخدم كود جافاسكريبت مخصصاً/متخصصاً داخل إعداداتها بشكل صحيح. قد لا تعمل الودجات التي تستخدم ما يلي:
لا ينبغي أن تواجه ودجات ووردبريس الافتراضية والودجات التي تم إنشاؤها بطريقة مماثلة أي مشكلة.
إذا كنت بحاجة فعلية لتشغيل هذا الودجت تحديداً، فهناك حل بديل لذلك.
يمكنك استخدام إضافة Custom Sidebars by WPMU Dev لإنشاء شريط جانبي/منطقة ودجات جديدة، وإضافة الودجت الخاص بك هناك باستخدام الطريقة المعتادة عبر المظهر > ودجات. ثم في Page Builder Sandwich، أضف عنصر الشريط الجانبي (Sidebar Element) وحدد الشريط الجانبي الذي يحتوي على الودجت الذي تحتاجه.
بديل آخر هو إعادة إنشاء التأثير الذي تريده باستخدام العناصر والأنماط المتنوعة المتوفرة في Page Builder Sandwich.
من الناحية التقنية، ينبغي أن يعمل هذا مع أي قالب وجميع القوالب.
إلى جانب مستخدمينا وعملائنا، لقد استخدمنا Page Builder Sandwich بنجاح مع العديد من القوالب بما في ذلك القوالب من مستودع قوالب WordPress.org، وقوالب Genesis، وقوالب StudioPress، وقوالب Elegant Themes، وقوالب من ThemeForest.
ومع ذلك، قد تكون هناك أوقات يقوم فيها قالبك بشيء غير تقليدي قد يمنع Page Builder Sandwich من العمل بشكل صحيح. عندما يحدث ذلك، يرجى إرسال طلب دعم إلينا وسنحاول إصلاحه.
يتم حذف الأشياء في Page Builder Sandwich عادةً عن طريق تحديد النص أو العنصر ثم الضغط على زر الحذف (Delete) أو مفتاح مسافة للخلف (Backspace).
خيار بديل آخر هو النقر على زر الحذف / الإزالة في شريط الفحص:
توجد بعض الحالات التي لا يعمل فيها هذا الإجراء. وعادةً ما تكون العناصر التي لا ينجح معها ذلك حاويات مثل الصفوف أو الأعمدة أو أشرطة التمرير (carousels). والهدف من ذلك هو منع الحذف غير المقصود أثناء حذف المحتوى.
لحذف تلك العناصر، انقر فوق زر الحذف / الإزالة الموجود في خصائص العنصر داخل شريط الفحص. على سبيل المثال، لحذف صف، سيتعين عليك استخدام هذه المنطقة:
يتوفر Page Builder Sandwich الآن باللغات التالية:
إذا كنت ترغب في المساعدة في المساهمة في تطوير Page Builder Sandwich من خلال ترجمته إلى لغتك، فتوجه إلى صفحة Transifex الخاصة بنا!
إضافة الصور أمر بسيط ومباشر للغاية. يمكنك إما:
لقد حرصنا على أن يكون لـ Page Builder Sandwich تأثير شبه معدوم على أداء موقعك الإلكتروني. عند تسجيل الخروج، كحد أدنى، يتم فقط إدراج أنماط CSS الخاصة بالصفوف والأعمدة في قائمة الانتظار، إلى جانب نصوص JS وCSS البرمجية اللازمة للأكواد القصيرة التي استخدمتها.
كانت هناك مشكلة سابقة تتعلق بـ NextGen وPage Builder Sandwich.
قبل الإصدار 2.12، تسبب PBS بطريقة ما في جعل NextGen يعرض رسالة خطأ أدت إلى ظهور شاشة بيضاء فارغة في موقعك. تم إصلاح هذا اعتبارًا من الإصدار 2.12، لذا إذا كنت تستخدم إصدارًا أقدم، فيرجى التحديث.
هناك الآلاف من القوالب والإضافات الأخرى المتوفرة. لذا، على الرغم من أننا نحاول توخي الحذر وبناء كل شيء وفقًا للمعايير، فقد تسوء الأمور أحيانًا.
إذا وجدت أن Page Builder Sandwich لا يعمل بالشكل الصحيح في موقعك، فإليك بعض الخطوات التي يمكنك اتخاذها لاستكشاف المشكلة وإصلاحها.
راجع المقال هنا: زر “التعديل باستخدام Page Builder Sandwich” لا يظهر. إذا لم يحل هذا المشكلة، فتابع القراءة.
تصفح المقالات المختلفة في قسم استكشاف الأخطاء وإصلاحها في الوثائق.
ووردبريس، وإضافاتك، وقالبك، وحتى Page Builder Sandwich. من الجيد دائمًا التحديث باستمرار. التأكد من تحديث جميع مكوناتك يعني أنك ستحصل على أحدث الإصلاحات للأخطاء البرمجية والثغرات الأمنية لموقعك.
إذا لم تتمكن من تعديل المحتوى باستخدام Page Builder Sandwich (وربما ظهرت لك نافذة منبثقة تفيد بوجود خطأ)، فقد يكون المحتوى الموجود في الصفحة الحالية التي تتصفحها تم إنشاؤه بالكامل بواسطة قالبك أو إضافة معينة. للتحقق من ذلك، قم بتعديل الصفحة/المقالة من لوحة التحكم كالمعتاد باستخدام ووردبريس، ثم تحقق مما إذا كان المحتوى المحفوظ يظهر في الواجهة الأمامية. إذا لم يظهر، فهذا يعني أن محتوى الصفحة/المقالة مُولّد بالكامل ولا يمكن تعديله باستخدام PBS.
في بعض الأحيان، قد يحدث تعارض بين إضافة معينة وPage Builder Sandwich. لمعرفة الإضافة التي قد تسبب هذا التعارض، قم بتعطيل إضافة واحدة وتحقق مما إذا كان PBS سيعود للعمل مجددًا. كرر ذلك مع كل من إضافاتك المفعلة. إذا عاد PBS للعمل وأصبح بإمكانك تعديل صفحاتك، فهذا يعني أن الإضافة التي قمت بتعطيلها للتو غير متوافقة مع PBS. في مثل هذه الحالات، تواصل معنا عبر البريد الإلكتروني على [email protected] وأخبرنا حتى نتمكن من إصلاح المشكلة.
إذا لم يُجدِ تعطيل الإضافات نفعًا، فحاول تغيير قالبك إلى قالب ووردبريس الافتراضي (قوالب Twenty-Something). إذا تمكنت من البدء في تعديل المحتوى باستخدام Page Builder Sandwich مجددًا، فهذا يعني أن القالب الذي تستخدمه غير متوافق مع PBS. أرسل لنا هذه المعلومات عبر البريد الإلكتروني على [email protected] وأخبرنا حتى نتمكن من إصلاح الأمر.
في حالات نادرة، قد تمنع إضافة في المتصفح كود الجافاسكريبت في الموقع من العمل بشكل سليم. للتحقق مما إذا كانت إحدى إضافات المتصفح تسبب مشكلات، افتح متصفحك في وضع التصفح المتخفي (في Chrome) أو في الوضع الخاص وحاول الوصول إلى PBS، فهذا سيفتح علامة تبويب جديدة بدون أي إضافات. إذا عملت الأداة، فهذا يعني أن لديك إضافة متصفح متعارضة.
لقد تبيّن أن إضافة المتصفح PageXray تسبب مشاكل.
يمكنك تضمين محتوى من مواقع متعددة مثل مقاطع فيديو YouTube، ومقاطع فيديو Vimeo، والتغريدات، وحتى تعليقات Reddit عن طريق لصق روابطها الدائمة في Page Builder Sandwich.
يرجى ملاحظة أن سطرًا كاملاً من النص يجب أن يحتوي على عنوان URL فقط
يعمل Page Builder Sandwich جنبًا إلى جنب مع ميزة oEmbed في WordPress. لذلك، ينبغي دعم عناوين URL التي يمكنك تضمينها في الواجهة الخلفية. كما ينبغي أن تعمل أيضًا الإضافات التي تضيف دعمًا لمزودي oEmbed إضافيين.
يمكنك العثور على قائمة بمزودي oEmbed من الـ codex: https://codex.wordpress.org/Embeds
يمكن لصق الأكواد القصيرة أو كتابتها مباشرة أثناء التحرير. بعد كتابة الكود القصير، اضغط على Enter أو انتقل إلى خارج الكود القصير وسيظهر بشكله النهائي على الفور.
طريقة أخرى لإضافة الأكواد القصيرة هي النقر على عنصر الكود القصير في أداة الفحص لديك. سيؤدي هذا إلى إظهار نافذة منبثقة تسرد جميع الأكواد القصيرة المتاحة في موقعك. حدد أحدها أو انقر نقرًا مزدوجًا على أيٍّ منها لإدراجه.
يمكنك تعديل الأكواد القصيرة بطريقتين:
لا يمكن لـ Page Builder Sandwich اكتشاف سمات الكود القصير تلقائيًا. لذا سيتعين عليك كتابتها. نحن نعمل على طريقة لربط الأكواد القصيرة بالنظام لجعل الأمر سهلاً للجميع. ترقبوا ذلك قريبًا.
يمكنك فقط تعديل محتوى الصفحات، والمقالات وأنواع المقالات المخصصة باستخدام Page Builder Sandwich.
ومع ذلك، لا يمكنك تعديل ملفات قوالب القالب مثل:
فكر في الأمر بهذه الطريقة، إذا كان هناك “تحرير المقالة” أو “تحرير الصفحة” في شريط الإدارة في واجهة موقعك، فيجب أن تكون الصفحة قابلة للتحرير.
يمكنك تضمين محتوى من مواقع متعددة مثل مقاطع فيديو YouTube، ومقاطع فيديو Vimeo، وصور Instagram، وصور Flickr، والتغريدات، وحتى تعليقات Reddit عن طريق لصق الروابط الدائمة الخاصة بها مباشرةً.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
يمكنك العثور على قائمة بالروابط القابلة للتضمين من دليل ووردبريس (WordPress codex): https://codex.wordpress.org/Embeds
يمكنك أيضًا تثبيت إضافات أخرى تتيح دعم روابط تضمين إضافية. على سبيل المثال، روابط Wistia غير مدعومة في ووردبريس بشكل افتراضي، يمكنك تثبيت الإضافة الخاصة بهم لتمكين التضمين، وبعد ذلك، ينبغي أن يكون PB Sandwich قادرًا على التعامل معها أيضًا.
يرجى ملاحظة أنه يجب أن يحتوي سطر نصي كامل واحد فقط على الرابط حتى يعمل هذا الإجراء.
يمكنك أيضًا لصق أكواد التضمين مباشرةً.
تبدو أكواد التضمين هكذا:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
يرجى ملاحظة أنه يجب أن يحتوي سطر نصي كامل واحد فقط على كود التضمين حتى يعمل هذا الإجراء.
انقر على أداة “إضافة ملفات وسائط” (Add Media)، ثم الصق الرابط الخاص بك في تبويب “إدراج من رابط URL” (Insert from URL).
يُعد Markdown في الأساس بنية نصية تكتبها أثناء التحرير لإضافة تنسيق لنصك أو تغييره. تشبه هذه الصيغ مفاتيح الاختصار، ولكن بدلاً من الضغط على مجموعة المفاتيح، تقوم بكتابتها.
فيما يلي قائمة بجميع صيغ Markdown المدعومة في Page Builder Sandwich.
## عنوان2
### عنوان3
وصولاً إلى:
###### عنوان6
> اقتباس
(4 مسافات) نص/شفرة برمجية منسقة مسبقًا
* قائمة نقطية - قائمة نقطية
1. قائمة مرقمة 1) قائمة مرقمة
- ------------------------------(أو شرطات متعددة)
كتابة عناوين URL ستتحول تلقائيًا إلى رابط:
توجه إلى https://pagebuildersandwich.com
توجه إلى [Page Builder Sandwich](https://pagebuildersandwich.com
تم إنشاء Page Builder Sandwich ليكون غير تدخلي قدر الإمكان، بحيث لا تواجه الإضافات الأخرى أي مشاكل في التواجد المشترك مع إضافتنا.
ومع ذلك، توجد أحيانًا استثناءات لذلك. فيما يلي قائمة بالإضافات التي تشهد بعض السلوكيات غير المعتادة عند العمل جنبًا إلى جنب مع Page Builder Sandwich. هذا لا يعني بالضرورة أنها لا تعمل أو أنها غير متوافقة، ولكن يعني فقط أن بعض السلوكيات قد تختلف.
سنستمر في تحديث هذه القائمة. إذا وجدت أي شيء، فلا تتردد في إرسال تذكرة دعم إلى [email protected]
في الإصدار المميز من Page Builder Sandwich، يمكنك استخدام أيقونات SVG / المتجهة (vector) الخاصة بك. إليك الطريقة:
يمكن أيضاً استخدام الأيقونات المرفوعة كرموز نقطية في القوائم النقطية وأيقونات للأزرار.
ملاحظة: إذا لم تظهر أيقونتك في عمليات البحث، فقد يكون ذلك بسبب عدم تحليل اسم الملف بشكل صحيح بواسطة PBS. في هذه الحالات، يمكنك استخدام الكلمات “custom” أو “upload” للعثور على أيقوناتك المرفوعة.
التحقق مما إذا كان PBS قيد التشغيل وفي وضع التحرير.
if ( PBSEditor.isEditing() ) {
// اتخاذ إجراء ما عند التحرير.
}
لا يوجد.
Boolean. تكون القيمة True أثناء التحرير حاليًا، وتكون false في حالة عدم التحرير.
يُستخدم داخل الـ iframe الذي يستخدمه PBS لعرض معاينته المتجاوبة أثناء التحرير. يتم استدعاء هذا قبل إغلاق وسم <head> مباشرةً ويمكن استخدامه لإضافة نصوص برمجية وأنماط تنسيقية.
لا يوجد.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
إذا كنت تواجه مشكلة، فنحن هنا للمساعدة! ولكن يُرجى التحقق من صفحات التوثيق أولاً، فقد تجد الإجابة هناك وتوفر الوقت.
أرسل استفسارات الدعم الخاصة بك عبر البريد الإلكتروني إلى [email protected]
يتم إطلاقه عندما يبدل المستخدم بين طرق العرض المتجاوبة المختلفة.
لا يوجد.
يمكنك منع PB Sandwich من الظهور في الواجهة الأمامية باستخدام مرشح pbs_is_editable_by_user.
على سبيل المثال، لمنع PB Sandwich من الظهور في نوع مقال مخصص (Custom Post Type) يحمل الاسم اللطيف slider، يمكنك إضافة هذه القطعة البرمجية في ملف functions.php الخاص بك
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_in_sliders' );
function stop_pbs_in_sliders( $editable ) {
if ( is_singular( 'slider' ) ) {
return false;
}
return $editable;
}
لإيقاف PB Sandwich لصفحة/مقال محدد، يمكنك استخدام معرف المقال (post ID) للتحقق:
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_for_123' );
function stop_pbs_for_123( $editable ) {
global $post;
if ( is_singular() && ! empty( $post ) ) {
if ( '123' === $post->ID ) {
return false;
}
}
return $editable;
}
يرسل PBS إحصاءات الاستخدام للمستخدمين المشتركين في كل مرة يقومون فيها بالحفظ في محرر PBS. يمكن استخدام هذا الفلتر لإيقاف إرسال البيانات.
$true
قيمة منطقية (Boolean). تكون دائمًا true.
إذا كنت تواجه أي مشكلة، فنحن هنا للمساعدة! ولكن يُرجى التحقق من صفحات التوثيق أولاً، فقد تجد الإجابة هناك وتوفر وقتك.
راسلنا باستفسارات الدعم عبر البريد الإلكتروني على [email protected]
PBS >= 4.3
يضيف PBS غلافًا (wrapper) لتحديد منطقة المحتوى في المقالة. يتم استدعاء هذا قبل وضع الغلاف.
$content
سلسلة نصية. محتوى المقالة مع تطبيق الغلاف.
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
لا يوجد.
مصفوفة. مصفوفة تضم جميع وسوم الأكواد القصيرة المكتشفة.
PBS >= 4.3
تجاوز قرار تحميل PBS في الواجهة الأمامية من عدمه والسماح للمستخدم باستخدام PBS لتحرير المنشور.
$is_editable
Boolean. القيمة True إذا كان المنشور يجب أن يكون قابلاً للتحرير باستخدام PBS، وFalse بخلاف ذلك
منع أنواع المنشورات portfolio من أن تكون قابلة للتحرير باستخدام PBS
add_filter( 'pbs_is_editable_by_user', 'disallow_portfolios' );
function disallow_portfolios( $is_editable ) {
global $post;
if ( $post ) {
if ( 'portfolio' === get_post_type( $post ) ) {
return false;
}
}
return $is_editable;
}
يُستخدم داخل إطار iframe الذي يستخدمه PBS لعرض العرض المتجاوب أثناء التحرير. يتم استدعاء هذا مباشرة قبل إغلاق وسم <body> ويمكن استخدامه لإضافة البرمجيات النصية والأنماط.
لا توجد.
يضيف PBS غلافاً لتحديد منطقة محتوى المنشور. يتم استدعاء هذا بعد وضع الغلاف.
$content
سلسلة نصية. محتوى المنشور بعد تطبيق الغلاف عليه.
PageBuilderSandwich::is_editable_by_user()
لا يوجد.
Boolean. القيمة True إذا كان بإمكان PBS تحرير المنشور، وfalse خلاف ذلك.
PBS >= 4.3
يجلب نسخة كائن PageBuilderSandwich
$pbs = PageBuilderSandwich::instance()
لا يوجد.
كائن PageBuilderSandwich. النسخة الحالية من فئة PBS.
فلتر لتعديل أنماط CSS التي يتم حفظها لمنشور. يُستدعى هذا عند بدء الحفظ من محرر PBS.
$style
String. أنماط CSS المرسلة للحفظ.
$post_id
Int. معرّف المنشور الذي نقوم بحفظه.
يُستدعى عند انتهاء محرر PBS من التحميل (لا يُستدعى عندما ينقر المستخدم على زر بدء التحرير)
تنفيذ إجراء بعد تحميل PBS
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
قائمة بوسوم الأكواد القصيرة لإخفائها في منتقي الأكواد القصيرة الخاص بـ PBS. استخدم هذا إذا كانت لديك أكواد قصيرة تظهر في النافذة المنبثقة للمنتقي وكنت قد أوقفت استخدامها بالفعل أو ترغب فقط في إخفائها عن المستخدمين.
$shortcodes
مصفوفة. مصفوفة من وسوم الأكواد القصيرة.
إخفاء الكود القصير من المنتقي.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
يضيف خصائص Javascript إلى كائن pbsFrontendParams في الواجهة الأمامية. يتوفر كائن pbsFrontendParams في الواجهة الأمامية بغض النظر عما إذا كان المستخدم مسجلاً للدخول ويقوم بالتحرير.
$params
مصفوفة (Array). مصفوفة من المفاتيح والقيم التي ستصبح متاحة في متغير Javascript على مستوى النافذة pbsFrontendParams
إتاحة الوصول إلى متغير في الواجهة الأمامية
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// سيكون هذا متاحاً في Javascript تحت pbsFrontendParams.myProperty
$params['myProperty'] = 'My Property';
return $params;
}
يتم استدعاؤه مباشرة قبل قيام المحرر بحفظ المحتويات. يمكنك استخدام هذا لوضع بيانات إضافية لإرسالها أثناء الحفظ (هذا لا يحفظ البيانات، بل يرسلها فقط عبر Ajax إلى الواجهة الخلفية)
payload
كائن FormData. البيانات المرسلة عبر Ajax للحفظ.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// إضافة بيانات ليتم إرسالها أثناء الحفظ.
payload.append( 'my_data', 'My Data' );
}
يعتمد الجزء الأكبر من Page Builder Sandwich على Javascript، ولقد أضفنا مجموعة من الدوال البرمجية حتى يتمكن المطورون من توسيع منشئ الصفحات لدينا وإضافة المزيد من الوظائف إليه.
ولتسهيل الأمور على المطورين، قمنا بتنظيم الأمور على غرار الطريقة التي يعمل بها WordPress – عبر الخطافات!
في WordPress، تستخدم عادةً الدالتين add_filter() و add_action() لتعديل سلوك WP أو الإضافة إليه. وبالمثل في PBS، يمكنك استخدام wp.hooks.addFilter() و wp.hooks.addAction().
كما أن طريقة استخدامهما متماثلة أيضاً: استخدم المرشحات (filters) لتعديل الأشياء، واستخدم الإجراءات (actions) لتنفيذ أمور إضافية. هذان الاستدعاءان للدالتين متطابقان في جوهرهما مع نظيريهما في PHP، باستثناء أنهما يعملان في Javascript.
وحتى لا يحدث خلط بين خطافات PHP وخطافات Javascript، قمنا بتسمية خطافات Javascript بصيغة “period-case” (كلمة مبتكرة). بينما تستخدم جميع خطافات PHP صيغة snake case:
راجع فئتي Javascript Actions و Javascript Filters في القائمة اليسرى لتصفح جميع الخطافات.
للراغبين في المعرفة، نحن نستخدم https://github.com/carldanley/WP-JS-Hooks لإضافة استدعاءات الخطافات الرائعة هذه في Javascript
إذا لم تتمكن من العثور على المكان الذي حفظت فيه نسختك من الإضافة المدفوعة، فيمكنك الذهاب إلى هنا وإدخال عنوان بريدك الإلكتروني لاستعادتها. سيتم إرسال الإضافة إليك عبر البريد الإلكتروني.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
تضمين سكريبت أو نمط إلى جانب PBS. يتم استدعاء هذا فقط عندما يكون المنشور قابلاً للتحرير بواسطة PBS. وعندما لا تكون الصفحة قابلة للتحرير بواسطة PBS، لا يُستخدم هذا على الإطلاق.
لا يوجد.
عند تحميل PBS، قم أيضاً بتضمين my-script.js
add_action( 'pbs_enqueue_scripts, 'add_my_script' );
function add_my_script() {
wp_enqueue_script( 'my-script' , plugins_url( 'js/my-script.js', __FILE__ ) );
}
يضيف خصائص Javascript إلى كائن pbsParams في الواجهة الأمامية. يتوفر كائن pbsParams في الواجهة الأمامية عندما يقوم المستخدم بتسجيل الدخول ويكون مؤهلاً لتحرير الصفحة.
يحمل هذا المتغير أيضًا العديد من الخصائص التي يستخدمها PBS أثناء التحرير، مثل رموز الأمان (nonces)، وقائمة بجميع الأكواد القصيرة (shortcodes) التي تم تحميلها، وسلاسل نصوص الترجمة.
$params
مصفوفة (Array). مصفوفة من المفاتيح والقيم التي ستصبح متاحة في متغير Javascript على مستوى window باسم pbsParams
إضافة كود قصير (shortcode) غير مكتشف إلى المحرر
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
هذه ميزة مدفوعة ومتاحة في الإصدار 4.0.1 فما فوق
روابط التمرير السريع داخل الصفحة نفسها هي روابط تشير إلى موقع محدد في نفس الصفحة. عندما تنقر على رابط داخل الصفحة نفسها، سينتقل متصفحك بالتمرير نحو المنطقة المشار إليها.
تحتاج إلى أمرين لإنشاء رابط تثبيت داخل الصفحة نفسها:
اختر أي عنصر بالقرب من أسفل صفحتك ثم افتح خصائصه. في القسم المتقدم، أضف فئة مخصصة أو معرّفاً مخصصاً باسم ” go_here“
الآن قم بإنشاء رابط أو أضف عنصر زر في مكان ما بالقرب من أعلى صفحتك. بدلاً من إضافة عنوان URL كرابط، استخدم ” .go_here” (مع النقطة) إذا قمت بإضافة “go_here” كفئة مخصصة؛ أو استخدم “#go_here” (مع علامة الهاشتاغ) إذا أضفته كمعرّف مخصص.
بعد حفظ صفحتك، عندما تنقر على الرابط/الزر، ينبغي الآن أن ينتقل بالتمرير بسلاسة نحو العنصر الموجود في أسفل صفحتك.
علامات الإرساء المسماة مثل
<a name="go_here"></a>
يمكن استهدافها أيضاً عن طريق إضافة رابط إلى “#go_here” (مع علامة الهاشتاغ)
يمكنك أيضاً استهداف أي مناطق أخرى في صفحتك، حتى خارج منطقة المحرر، طالما أنك تستهدفها باستخدام أسماء الفئات أو المعرّفات الخاصة بها.
مُرشِّح (فلتر) لتعديل بيانات المنشور المراد حفظها. يتم استدعاء هذا عند بدء الحفظ من محرر PBS.
$post_data
مصفوفة (Array). بيانات المنشور النهائية المراد حفظها، ويتم تمريرها مباشرة إلى wp_update_post() بعد ذلك.
$_POST
مصفوفة (Array). بيانات المنشور الأولية (raw) المرسلة من المحرر للحفظ. وقد تم التحقق منها بواسطة nonce مسبقًا.
$post_id
عدد صحيح (Int). معرّف المنشور الذي نقوم بحفظه.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// لسبب ما، نريد دائمًا أن يكون المنشور مسودة.
$post_data['post_status'] = 'draft';
return $post_data;
}
يتم استدعاؤه مباشرة قبل حفظ المحتوى. يتم استدعاء هذا عندما يبدأ الحفظ من محرر PBS.
لا يوجد
إذا كنت مطور قوالب، فإن تضمين PBS في قالبك يمكن أن يزيد بشكل كبير من قيمة منتجك.
تواصل معنا عبر [email protected]، فلنتعاون!
يُعد CloudFlare شبكة توصيل محتوى (CDN) ونظام أسماء نطاقات (DNS) مجاني واسع الاستخدام. إنه رائع، لكن PBS يواجه مشكلات حاليًا فيما يتعلق بميزة Rocket Loader. يُحسّن Rocket Loader وقت تحميل ملفات Javascript، ولكنه يُفسد ترتيب التبعية والاستدعاء للبرامج النصية الخاصة بـ PBS. إذا قمت بتفعيل Rocket Loader، فلن يظهر زر التحرير لـ Page Builder Sandwich (ولا تظهر أي أخطاء في وحدة تحكم Javascript).
لإيقاف تشغيل Rocket Loader، سجّل الدخول إلى حساب CloudFlare الخاص بك وانتقل إلى إعدادات النطاق الخاص بك. انتقل إلى إعدادات السرعة (Speed):
ثم مرر لأسفل إلى إعدادات Rocket Loader وتأكد من إيقاف تشغيل الإعداد:
بعد إيقاف تشغيل هذا، تأكد من مسح ذاكرة التخزين المؤقت لموقعك بالكامل من إعدادات ذاكرة التخزين المؤقت (Cache):
بعد مسح كل شيء من ذاكرة التخزين المؤقت، يمكنك تحديث الصفحة ومن المفترض أن يظهر زر تحرير Page Builder Sandwich الآن.
مرشح لتعديل محتوى المنشور المراد حفظه. يتم استدعاء هذا عند بدء عملية الحفظ من محرر PBS.
$content
سلسلة نصية. محتوى المنشور النهائي المراد حفظه.
$post_id
عدد صحيح. معرّف المنشور الذي يتم حفظه.
اعتبارًا من الإصدار 4.0، يمكنك الآن التبديل بين عروض سطح المكتب والأجهزة اللوحية والهواتف المحمولة أثناء التحرير! نحن نطلق على هذا الوضع المتجاوب. في الوضع المتجاوب، سيتغير حجم موقعك إلى حجم أصغر لمحاكاة كيف سيبدو موقعك على الشاشات الأصغر حجمًا.
أثناء عرض موقعك في وضعي الأجهزة اللوحية أو الهواتف المحمولة، ستكون لديك إمكانيات تحرير محدودة. وبذلك، يمكنك فقط القيام بما يلي:
* يُطبّق PBS بعض الأنماط المتجاوبة على عناصرك وصفوفك، لذلك لن تكون بعض الهوامش قابلة للضبط.
إليك بعض الأشياء التي لا يمكنك القيام بها:
إذا كنت تعرض موقعك في عروض الأجهزة اللوحية أو الهواتف المحمولة، فإن أي تعديلات تجريها على الهوامش لا تُطبّق إلا على العرض الحالي وعلى العرض الأصغر. يتيح لك ذلك ضبط تصميماتك لجعلها تبدو أفضل على الشاشات الأصغر، بشكل منفصل عن إصدار سطح المكتب الكامل.
إليك مثال لتوضيح الأمور.
ينطبق هذا فقط على تعديلات الهوامش، أما تغييرات النص أو تغييرات نمط النص فسيتم تطبيقها عبر جميع أحجام الشاشات.
عند العرض في أوضاع الأجهزة اللوحية أو الهواتف المحمولة، سيكون لصفوفك زر جديد على شكل “عين” في شريط الأدوات يظهر عند التمرير فوقها. سيتيح لك النقر عليه إظهار/إخفاء الصف لحجم الشاشة الحالي.
ستصبح الصفوف المخفية شفافة بعض الشيء أثناء التحرير للإشارة إلى أنها ستكون مخفية عند الانتهاء من التحرير.
لاحظ أن هذه الميزة متوفرة فقط للصفوف.
أثناء استخدام Varnish Cache، وإذا كنت لا تزال ترى محتواك القديم بعد حفظ التغييرات، فمن المحتمل ألا تكون ذاكرة التخزين المؤقت لـ Varnish قد مُسحت تلقائيًا.
هناك بعض إضافات WordPress التي تتيح لك مسح ذاكرة التخزين المؤقت الخاصة بك: https://wordpress.org/plugins/search/varnish+cache/
إذا لم ينجح ذلك، يمكنك أيضًا تفريغ ذاكرة Varnish Cache يدويًا عن طريق تنفيذ هذا الأمر في وحدة التحكم (Terminal):
curl -X PURGE http://mysite.com/my-page/
الماركداون هي في الأساس صيغة تكتبها أثناء التحرير لإضافة تنسيق النص أو تغييره. تشبه هذه المفاتيح الاختصارات، ولكن بدلاً من الضغط على مجموعة مفاتيح، فإنك تقوم بكتابتها.
أدناه قائمة بجميع صيغ الماركداون المدعومة في Page Builder Sandwich.
(انتبه للمسافات)
# عنوان 1
## عنوان 2
حتى:
###### عنوان 6
> اقتباس
(4 مسافات)نص منسق مسبقاً/كود
* قائمة نقطية - قائمة نقطية
1. قائمة مرقمة 1) قائمة مرقمة
- ------------------------------(أو شُرَط متعددة)
ستؤدي كتابة عناوين URL تلقائياً إلى تحويلها لرابط:
توجه إلى https://pagebuildersandwich.com
اكتب “lorem” ثم اضغط على زر Tab لإنشاء محتوى نصي تجريبي (نائب).
لإلغاء تفعيل PBS، قم أولاً بتسجيل الدخول إلى لوحة التحكم / الواجهة الخلفية الخاصة بك، ثم انتقل إلى إضافات > إضافات منصبة:
عندما تكون في صفحة الإضافات، قم بالتمرير لأسفل قائمة الإضافات وابحث عن إضافة Page Builder Sandwich. أسفل الاسم مباشرةً، يجب أن تكون قادراً على رؤية رابط تعطيل إلى جانب روابط أخرى مثل “تحرير” أو “تغيير الترخيص” (قد يختلف هذا في موقعك). انقر فوق رابط التعطيل لإلغاء تفعيل الإضافة.
لا، لن تفقدها! ستبقى جميع صفحاتك ومحتواك في موقعك. يعني هذا أنه يمكنك إلغاء تفعيل PBS بأمان عند الترقية من الإصدار المجاني إلى الإصدار المدفوع، أو عندما تقوم فقط بتجربة الأمور.
ومع ذلك، لن يبدو كل شيء كما كان تماماً. ستلاحظ أن بعض العناصر في صفحتك ستتغير لأن PBS يحتوي على أنماط وتنسيقات برمجية إضافية تحتاج إليها بعض العناصر الأكثر تعقيداً.
إليك بعض الأشياء التي ستبقى كما هي عند إلغاء تفعيل PBS:
إليك بعض الأشياء التي ستختفي عند إلغاء تفعيل PBS:
في معظم العناصر (وليس الرموز القصيرة)، يمكنك تحديد تأثير حركة دخول يتم تشغيله عندما يصبح العنصر مرئيًا على شاشتك.
للقيام بذلك، مرر المؤشر فوق أحد العناصر لإظهار شريط الأدوات، ثم انقر على زر الترس.
من المفترض أن يؤدي هذا إلى إظهار أداة الفحص. انتقل إلى قسم الرسوم المتحركة، وافتحه ثم اختر تأثير حركة.
بعد اختيار تأثير الحركة، من المفترض أن يتم تشغيله ليعرض لك معاينة. يمكنك تحسين تأثير الحركة بشكل أكبر باستخدام الخيارات الأخرى المتاحة.
لا تعمل تأثيرات الحركة إلا عندما يقوم المستخدم بالتمرير ويصبح العنصر مرئيًا. إذا كان العنصر مرئيًا بالفعل عند وصولك إلى صفحتك، فلن يتحرك.
إذا قمت بحفظ تغييراتك في صفحتك و…
قد يعني هذا أن عملية الحفظ لم تؤدِ إلى قيام حل التخزين المؤقت لديك بمسح بياناته المخزنة.
إذا كنت تستخدم نوعاً من حلول التخزين المؤقت – مثل إضافة تخزين مؤقت مثل W3 Total Cache، أو برنامج تخزين مؤقت على جانب الخادم مثل Memcached أو Redis، أو التخزين المؤقت لنظام أسماء النطاقات (DNS) مثل CloudFlare – فقد لا يكون قد قام بمسح المحتوى المحفوظ لديك.
إحدى الطرق للتحقق مما إذا كان الأمر كذلك هي تعديل صفحتك من لوحة التحكم الخلفية (بالطريقة العادية)، ثم عرض صفحتك في الواجهة الأمامية. إذا لم يتغير المحتوى الخاص بك، فربما لم يتم مسح ذاكرة التخزين المؤقت تلقائياً.
تحتوي بعض حلول التخزين المؤقت غير المخصصة لووردبريس على إضافة ووردبريس تكميلية يمكن أن تساعد في تفريغ أو مسح ذاكرة التخزين المؤقت الحالية، وعادة ما تحتوي حلول ووردبريس على أزرار أو خيارات لهذا الغرض.
من الممكن أيضاً حدوث نوع من أخطاء PHP أثناء الحفظ.
للتحقق مما إذا كان هذا يحدث، افتح وحدة تحكم المطور لديك (يفضل في متصفح Chrome) ثم انتقل إلى علامة التبويب Network (الشبكة). بمجرد الوصول إلى هناك، احفظ تغييراتك في PBS وبعد ذلك يجب أن ترى مدخلات متعددة باتجاه admin-ajax.php. إذا رأيت هذا باللون الأحمر، فهذا يشير إلى حدوث خطأ. تحقق مما إذا كنت ترى شيئاً مثل هذا:
إذا كان هذا هو الحال، يرجى مراسلتنا عبر البريد الإلكتروني على [email protected] مع بيانات اعتماد تسجيل الدخول اللازمة حتى نتمكن من فحص الأمر وإصلاحه لك.
يرجى قراءة المقالة حول توافق Wordfence هنا: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
ملاحظة: هذا لا ينطبق على عملاء Envato
إذا كنت تواجه أخطاء عند تفعيل ترخيصك، فإليك بعض الأشياء التي يمكنك تجربتها..
يحدث هذا غالباً للأشخاص الذين يقومون بالترقية إلى إصدار أحدث. إذا قمت بتحديث ملفات الإضافة يدويًا مباشرة وتخطيت التحديث بالكامل أو خطوات إلغاء التفعيل ثم التفعيل، فقد لا تعمل بعض العمليات بشكل صحيح. يرجى إلغاء تفعيل الإضافة، ثم إعادة تفعيلها ومحاولة إدخال الترخيص الخاص بك مرة أخرى.
بدءاً من الإصدار v3.2، تم دمج Page Builder Sandwich مع Freemius. كانت هناك حالات أدى فيها مسح بيانات Freemius إلى إصلاح أخطاء تفعيل الترخيص. إليك كيفية إصلاح ذلك.
انتقل إلى لوحة التحكم الخاصة بك، ثم قم بتغيير الرابط إلى http://yoursite.com/wp-admin/admin.php?page=freemius (لا تنسَ تغيير الرابط ليتوافق مع موقعك.) إذا وصلت إلى هذه الصفحة أدناه، فأنت في المكان الصحيح.
انقر على زر Delete All Accounts، ثم انقر أيضاً على زر Clear API Cache. بعد القيام بذلك، حاول إدخال مفتاح الترخيص الخاص بك مرة أخرى.
إذا لم ينجح الأمر، يرجى التواصل معنا عبر [email protected] وتزويدنا بتفاصيل المشكلة وموقعك.
لإضافة بعض النصوص الوهمية بسرعة، اكتب كلمة “lorem” ثم اضغط على tab أو enter لإضافة بعض نصوص lorem ipsum البديلة بسرعة:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At dolor sed numquam? Sapiente autem adipisci, minus expedita enim, suscipit laboriosam deleniti possimus sequi pariatur explicabo numquam alias atque officia sit.
هنا قمتُ بإضافة صف بلون خلفية ثم أضفت صورة بداخله. ها هي:
لجعلها “تبرز” فوق الحاوية، مرر مؤشر الفأرة فوق العنصر الذي تريد تحريكه. ثم عندما تظهر الحدود التفصيلية، حرّك الفأرة إلى ما بعد أعلى الحد الخارجي. من المفترض أن تظهر قيمة الهامش العلوي الحالية:
انقر واسحب الهامش العلوي للأعلى لتقليله، مما يجعله قيمة سالبة:
الآن أصبحت الصورة “تبرز” خارج الصف!
إذا كان العنصر يتعرض للقص عند تجاوزه حدود الصف، فافتح فاحص الخصائص للصف وعطّل خيار overflow hidden في الخيارات المتقدمة:
لتضمين محتوى من مواقع ويب خارجية، ما عليك سوى لصق عنوان URL ثم الضغط على Enter. على سبيل المثال، يمكنك نسخ عنوان URL هذا ولصقه من YouTube:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
يمكن أيضاً تضمين Iframe عن طريق لصق رموز تضمين <iframe>. على سبيل المثال، انسخ نص التضمين هذا والصقه:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
يمكنك تضمين عناوين URL من المواقع المدرجة في WordPress Codex: https://codex.wordpress.org/Embeds وأي موقع يدعم oEmbed.
إذا كنت تحاول سحب مقابض الهامش أو الحشو العلوية والسفلية ولم تكن هوامش/حشو العنصر تتغير، فقد تكون هناك أنماط أخرى تتجاوز قسراً أي تغييرات في النمط. يمكن أن يحدث هذا أيضًا عندما لا تتمكن من تغيير الخلفيات أو الحدود أو عندما تحصل الصور الشفافة دائمًا على لون خلفية.
للعثور على المشكلة، افتح أداة الفحص (inspector) في متصفحك وافحص العنصر. تصفح الأنماط الخاصة بذلك العنصر. إذا رأيت شيئًا مثل هذا:
فيمكنك التأكد من أن قالبك أو إضافة معينة تمنع تطبيق أي أنماط أخرى على العنصر. مرر الفأرة فوق ملف الأنماط لمعرفة القالب/الإضافة التي تأتي منها.
لإصلاح ذلك، قم بإزالة جزء “! important” من النمط، ويجب أن تكون قادرًا على تطبيق الأنماط مرة أخرى. قد تحتاج إلى الاتصال بمؤلف القالب أو الإضافة لإصلاح ذلك.
يعمل Page Builder Sandwich مع جميع إضافات التخزين المؤقت (الكاش). ومع ذلك، قد تواجه بعض المشاكل إذا قمت بتفعيل خاصية التصغير (minify) أو التخزين المؤقت (caching) لديهم.
فقط تأكد من أن التصغير معطل للمستخدمين الذين قاموا بتسجيل الدخول، وسيعمل بشكل جيد.
نحن نعرض إعدادات W3 Total Cache هنا فقط، ولكن ينبغي أن تحتوي إضافات التخزين المؤقت والتصغير الأخرى على إعدادات مماثلة أيضًا.
تأكد من تحديد خيار Don’t cache pages for logged in users (عدم تخزين الصفحات مؤقتًا للمستخدمين المسجلين) ضمن Performance > Page Cache
إذا كنت تستخدم خاصية التصغير (minify)، فتأكد من تحديد خيار Disable minify for logged in users (تعطيل التصغير للمستخدمين المسجلين) ضمن Performance > Minify
ملاحظة: بشكل افتراضي، تتم إزالة الترويسة من الصفحة الرئيسية فقط.
لإزالة الترويسة أو القائمة من أي صفحة من صفحاتك، ستحتاج إلى إضافة تتيح لك إضافة كود CSS مخصص، مثل Jetpack.
لإزالة الترويسة، ستحتاج إلى معرّف المقالة لمقالتك، ثم أضف كود CSS المخصص هذا (استبدل 9999 هنا بمعرّف مقالتك):
body.page-id-9999 #masthead {
display: none;
}
لإزالة القوائم من صفحة ما (استبدل 9999 هنا بمعرّف مقالتك):
body.page-id-9999 #header-wrapper {
display: none;
}
أو عند إزالة القائمة من صفحتك الرئيسية فقط:
body.page-id-9999 #header-wrapper {
display: none;
}
يمكنك إضافة صور خلفية إلى الصفوف والخلفيات الخاصة بك. والأكثر من ذلك هو أنه يمكنك أيضاً إضفاء صبغة لونية على صورة الخلفية لجعلها تتناسب بشكل أفضل مع تصميمك.
على سبيل المثال، لدي هنا صف يحتوي على صورة خلفية مع بعض النصوص المتراكبة باللون الأبيض. من الصعب للغاية رؤية النص حالياً بسبب صورة الخلفية التي اخترتها.
لجعل الأمور تبدو أفضل، يمكننا إضافة بعض الألوان إلى صورة الخلفية. للقيام بذلك، مرر مؤشر الفأرة فوق الصف، ثم انقر على رمز الترس الخاص بالصف لفتح خصائصه. انتقل إلى خيارات الخلفية، ثم قم بتشغيل صبغة صورة الخلفية.
بعد تشغيله، يمكنك تغيير لون الخلفية وسيضيف الآن صبغة ملونة إلى صورة الخلفية الخاصة بك. يمكنك أيضاً تغيير كثافة الصبغة أو درجة عتامتها. إليك خلفيتي مصبوغة باللون الأخضر لجعل النص أكثر وضوحاً:
يتحقق Page Builder Sandwich بانتظام مما إذا كنت لا تزال مسجلاً الدخول في ووردبريس. يتم إجراء ذلك لضمان حفظ تغييراتك بالفعل بحلول الوقت الذي تضغط فيه على زر الحفظ. يُستخدم هذا أيضًا لقفل المقالات والحفظ التلقائي.
نحن نعتمد على واجهة برمجة تطبيقات Heartbeat في ووردبريس لإجراء فحوصاتنا، وهي بدورها تعتمد على ملفات تعريف الارتباط والجلسات في المتصفح. لذا، إذا استمر ظهور هذه النوافذ المنبثقة التي تفيد بأن “الجلسة انتهت” أثناء التحرير، فقد يكون هناك شيء يعيق ووردبريس عن تتبعك بشكل صحيح. إليك بعض الأشياء التي يمكنك القيام بها لحل هذه المشكلة:
إذا كانت لديك إضافات للتخزين المؤقت مثبتة، أو تخزين مؤقت لـ DNS، أو أي شكل من أشكال التخزين المؤقت، فقم بمسحها. امسح أيضًا ذاكرة التخزين المؤقت لمتصفحك. فمن المحتمل أنه لا يتم تزويدك بأحدث البرمجيات النصية لموقعك.
من الممكن أيضًا أن تكون ملفات تعريف الارتباط الخاصة بك قد تعرضت للتلف، ويمكن حل ذلك بسهولة عن طريق مسح ملفات تعريف الارتباط الخاصة بالمتصفح من إعدادات المتصفح لديك. وعادة ما تكون بالقرب من خيار مسح ذاكرة التخزين المؤقت لمتصفحك.
انتقل إلى الإعدادات > عام وتحقق من إعداداتك. ابحث عن إعدادات عنوان ووردبريس (URL) وعنوان الموقع (URL). يجب أن تتطابق النطاقات والبروتوكولات الخاصة بهما مع نطاقك الفعلي. على سبيل المثال، إذا كان أحدهما يحتوي على “http://” ولكنك تدخل إلى موقعك باستخدام “https://”، فيجب أن تقرأ الإعدادات “https://”. مشكلة شائعة أخرى هي أن أحد عناوين URL هذه يحتوي على “www” والآخر لا يحتوي عليها.
يجب أن يتطابق هذان العنوانان:
أو:
لإصلاح ذلك، يمكنك تغيير الإعدادات من الإعدادات > عام. إذا لم تتمكن من تعديل هذه الإعدادات، يمكنك فتح بروتوكول نقل الملفات (FTP) الخاص بك وتحرير ملف wp-config.php، وإضافة الأسطر التالية:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
| إصدار Lite | غير متوفر |
| الإصدار المدفوع (Premium) | جميع الميزات متوفرة
|
تُعد أشرطة العرض الدوارة طريقة مبتكرة لإضافة محتوى يتكرر عرضه بشكل متتابع. يحتوي Page Builder Sandwich على عنصر عرض دوار مدمج يمكن استخدامه، مما يغنيك عن الحاجة إلى إضافات خارجية لأشرطة العرض.
يتيح لك النقر على زر الترس الخاص بعنصر العرض الدوار إمكانية تكوين سلوك العرض، مثل حركة الانتقال بين الشرائح، ومدة التأخير، والمزيد. عند الإنشاء، يتم تزويدك بثلاث شرائح للعمل عليها، مع خيار إضافة شرائح أو حذفها. تقبل كل هذه الشرائح العناصر المعتادة المستخدمة، مثل النصوص والصور وبعض الرموز القصيرة (shortcodes).
يُعد التبديل بين الشرائح أمراً سهلاً بمجرد تحديد أزرار التنقل نفسها. يمكن أيضاً تعديل ترتيب الشرائح من خلال الخصائص (أيقونة الترس) كذلك.
لتغيير حالة منشورك، مرّر مؤشر الفأرة فوق مؤشر القائمة المنسدلة على زر الحفظ في الجزء العلوي الأيسر من الشاشة. سيؤدي هذا إلى إظهار المزيد من خيارات الحفظ.
إذا كنت تستخدم إصدار Lite، فقد تكون لاحظت العلامات المثلثة الصفراء. وهي تشير إلى ما إذا كان زر/عنصر/خيار معين يُعد ميزة مدفوعة (Premium).
إذا كنت ترغب في إخفائها، يمكنك الانتقال إلى لوحة التحكم الخاصة بك، ثم التوجه إلى صفحة الإعدادات عبر PBSandwich > Settings وتفعيل خيار Hide Premium Feature Flags
لا نريد واجهة مزدحمة، وأردنا أن يكون كل شيء بديهيًا وسهل الاكتشاف. لذا، على الرغم من أن واجهة مستخدم Page Builder Sandwich تبدو بسيطة، إلا أنها قوية للغاية ويمكنك القيام بالعديد من الأشياء أثناء التحرير.
يمكنك أيضًا القيام بالعديد من الأشياء الرائعة باستخدام مؤشر الفأرة. تظهر طبقات وأشرطة أدوات تفاعلية عند تمرير الفأرة فوق عناصر مختلفة. يقوم كل منها بوظائف مختلفة، مثل:
| إصدار Lite | جميع الميزات متوفرة |
| إصدار Premium | جميع الميزات متوفرة |
انقر على عنصر HTML في أداة الفحص لإضافة عنصر HTML جديد، حيث ستظهر نافذة مشروطة. اكتب كود HTML الخاص بك أو الصقه هناك، ثم انقر على حفظ HTML. من المفترض أن يظهر كود HTML الآن داخل المحرر.
مرر مؤشر الفأرة فوق عنصر HTML لإظهار شريط الأدوات. يمكنك تعديل كود HTML بالنقر على أيقونة القلم في شريط الأدوات، أو بالنقر المزدوج على العنصر نفسه.
بمجرد أن تبدأ التعديل باستخدام PBS، مرر مؤشر الفأرة فوق عنوان صفحتك/منشورك، ويُفترض أن يظهر إطار حوله. انقر فوق العنوان لوضع المؤشر عليه وتعديله.
أدوات التنسيق غير متوفرة في منطقة العنوان، ولا يمكنك تعديل أنماطه أو إضافة عناصر إلى العنوان.
الصفوف والأعمدة هي أدوات يمكنك استخدامها لإنشاء محتوى مقسم إلى أقسام.
عند التحرير باستخدام Page Builder Sandwich من صفحة/مقالة تم إنشاؤها حديثاً، سيتم وضع كل المحتوى الذي تكتبه في عمود واحد. هذا أمر جيد لكتابة مقالات المدونة، ولكن إذا كنت ترغب في الحصول على تخطيطات مخصصة لصفحات الهبوط أو صفحات الاتصال، فمن المحتمل أنك سترغب في تخطيط مكون من عمودين أو حتى مزيج من أعمدة مختلفة عبر صفحتك.
يمكنك إضافة صفوف وأعمدة باستخدام هذه الأزرار في شريط الفحص (inspector):
بمجرد الإضافة، سيتم إحاطة صفك الجديد بإطار محدد:
يمكنك وضع أي شيء داخل الصفوف والأعمدة الخاصة بك – نصوص، وأكواد قصيرة (shortcodes)، وودجات، وحتى إضافة المزيد من الصفوف والأعمدة.
عند تحديد صف (أو محتوى داخل صفك)، ستصبح المزيد من الخيارات متاحة في شريط الفحص لديك. يمكنك استخدام هذه الأزرار لإضافة المزيد من التنسيقات على قسمك:
تتوفر أيضاً خيارات إضافية لتنسيق أعمدتك أسفل هذا في شريط الفحص.
يمكنك نقل الصفوف إلى مواقع مختلفة عن طريق النقر مع الاستمرار على الصف نفسه (إذا قمت بالنقر مع الاستمرار على عنصر بداخله، فسيتم سحب العنصر وليس الصف).
| إصدار Lite | غير متوفر |
| إصدار Premium | جميع الميزات متوفرة
|
يمكنك اختياريًا تظليل بعض النصوص، ثم النقر فوق عنصر الزر في أداة الفحص. سيؤدي هذا إلى إظهار نافذة منبثقة حيث يمكنك كتابة عنوان URL للربط به لزرك. يمكنك أيضًا من هناك البحث عن أي صفحة ويب موجودة لديك في موقعك.
على عكس العناصر الأخرى، يتم وضع الأزرار مضمّنة في السطر، مما يعني أنها ستوضع بجانب نصوص أخرى (أو أزرار أخرى). لا يمكنك سحب وإفلات الأزرار الفردية إلى مواقع أخرى، ولكن يمكنك بدلاً من ذلك سحب الزر مع النص المحيط به.
أثناء التحرير، عندما تنقر فوق زر، ستتمكن من رؤية خيارات تنسيق إضافية في أداة الفحص. يمكنك أيضًا تمرير مؤشر الفأرة فوق الأزرار لرؤية عنوان URL الذي ترتبط به، وأوامر أخرى.
| الإصدار المجاني (Lite) | متوفر مع خيارات تنسيق محدودة |
| الإصدار المميز (Premium) | جميع الميزات متوفرة
|
انقر فوق عنصر الخريطة لإضافة خريطة إلى صفحتك. كلما تم تحديد عنصر الخريطة، يجب أن يُظهر الفاحص (inspector) إعدادات الخريطة. يمكنك إدخال إحداثيات خطوط الطول ودوائر العرض أو عنوان في حقل الموقع في الفاحص لتوسيط خريطتك على تلك المنطقة. توجد أيضًا خيارات تنسيق أخرى متاحة هناك.
يمكنك أيضًا التحكم في عنصر الخريطة بشكل أكبر عن طريق التحريك أو التكبير/التصغير في الخريطة. يرجى ملاحظة أن التغييرات التي تجريها على الخريطة سيتم تطبيقها على العنصر.
بالنسبة لمستخدمي الإصدار المميز، يمكنك تخصيص مظهر خريطتك باختيار لون لتلوينها؛ وهناك خيار آخر وهو استخدام snazzymaps.com لإنشاء بعض أنظمة الألوان ثم استخدامها. يمكن استخدام SnazzyMaps لإنشاء أنظمة ألوان مشابهة لهذا النظام: https://snazzymaps.com/style/20053/papuportal-dark لاستخدام أنظمة الألوان هذه، انسخ مصفوفة أنماط Javascript (Javascript style array) والصقها في الفاحص.
يمكن ضبط ارتفاعات الخريطة، ومع ذلك لا يمكن ضبط عرض الخريطة وسيتغير حجمه دائمًا إلى أقصى عرض متاح. لتغيير حجمها، ضع خرائطك داخل صفوف وأعمدة. يمكنك أيضًا ضبط الخرائط لتشغل العرض الكامل للمتصفح.
يمكنك استخدام الماوس لوضع المؤشر بسرعة في مناطق مختلفة من المحتوى الخاص بك أو لتحديد عناصر مختلفة.
يمكنك أيضًا استخدام مفاتيح الأسهم على لوحة المفاتيح لتحريك المؤشر عبر المحتوى الخاص بك. يمكنك استخدام هذا للانتقال فوق الصفوف أو أسفلها.
عند التعامل مع الصفوف والأعمدة، يمكنك النقر فوق حواف الصفوف لإضافة محتوى مباشرة بعد الصف أو قبله. هذا مفيد بشكل خاص إذا كان لديك صفوف متعددة متداخلة وتريد إضافة بعض المحتوى بينها.
ملاحظة: قم بهذا الإجراء عندما يكون PBS مثبتًا ومفعلًا لديك بالفعل، وترغب في تحديثه باستخدام ملف zip قمت بتنزيله من الموقع، أو من مرفق أرسلناه لك عبر البريد الإلكتروني.
ملاحظة: نحن نستخدم إضافة أخرى لإجراء التحديثات، مما يتيح لنا تحديث PBS على الفور دون الحاجة إلى إلغاء تثبيته أولاً.
انتقل إلى الإضافات > أضف جديد، ثم في مربع البحث، ابحث عن الإضافة “Easy Theme and Plugin Upgrades”
بمجرد العثور على الإضافة، قم بتثبيتها وتفعيلها.
بعد تفعيل إضافة Easy Theme and Plugin Upgrades، انتقل مرة أخرى إلى الإضافات > أضف جديد، ثم انقر فوق زر رفع إضافة بالقرب من الجزء العلوي:
اختر ملف zip الخاص بـ Page Builder Sandwich وقم بتثبيته،
هذا كل شيء. الآن يجب أن يكون لديك الإصدار الجديد من PBS.
إن Page Builder Sandwich ليس مثل أداة إنشاء الصفحات التقليدية، فهو غير معقد وبسيط في الاستخدام.
يمكنك مشاهدة الفيديو أدناه للحصول على جولة سريعة.
أولاً، قم بإنشاء صفحة أو مقال أو CPT (نوع منشور مخصص) جديد. ثم قم بزيارة مقالك الجديد أو أي مقال حالي في واجهة موقعك الأمامية (frontend). يعمل PBS بنسبة 100% من الواجهة الأمامية، ولن تضطر إلى إجراء تعديلات في لوحة التحكم الخلفية (backend).
يجب أن يكون هناك زر “Page Builder Sandwich” في أعلى صفحتك (في شريط الإدارة الخاص بك)، انقر فوقه لبدء التحرير. من المفترض أن ترى منطقة تنسيق النص تنبثق من الأعلى، ولوحة إضافة العناصر تنبثق من الجانب. منطقة المحتوى في قالبك أصبحت الآن محررك!
يمكنك فقط تحرير الصفحات الفردية باستخدام PBS. لا يمكنك تحرير قائمة مقالات المدونة، أو صفحة 404 لأن هذه الصفحات يتم إنشاؤها بواسطة قالبك. المقالات والصفحات وأنواع المنشورات المخصصة مدعومة تماماً.
والآن يأتي الجزء الرائع.. بمجرد أن تكون في الواجهة الأمامية وداخل المحرر، انقر فوق أي نص في المحتوى الخاص بك أو انقر داخل منطقة المحتوى وابدأ بالكتابة! على عكس أدوات إنشاء الصفحات الأخرى، يتيح لك PBS تحرير المحتوى مباشرةً دون الحاجة إلى المرور بمربعات الحوار المنبثقة.
أثناء التحرير، يُطلق على المنطقة في الأعلى اسم شريط تنسيق النص. يحتوي هذا الشريط على جميع أدوات التنسيق التي ستستخدمها لتنسيق النص مثل: الألوان، والخط العريض، والخط المائل، والمحاذاة، وإضافة الروابط، والنقاط النقطية، والمزيد. مرر مؤشر الماوس فوق كل زر لمعرفة ما تفعله الأداة.
مرر مؤشر الماوس فوق زر “إضافة عناصر” في الجزء العلوي الأيسر من الشاشة لإظهار لوحة إضافة العناصر. يمكنك أيضاً تحريك الماوس إلى الجانب الأيسر من الشاشة لإظهارها.
لإدراج أي عنصر، اضغط مع الاستمرار بالماوس على أحدهما، ثم اسحبه إلى منطقة المحتوى الخاصة بك. سيتم تمييز المنطقة التي سيتم وضع العنصر فيها بلون محدد. حرر زر الماوس لوضع العنصر.
مرر مؤشر الماوس فوق أي عنصر لديك في المحتوى الخاص بك، وحينها ستظهر حدود خارجية وأشرطة أدوات فوقها.
يمكنك تمرير مؤشر الماوس فوق حواف الحدود الخارجية لزيادة/تقليل الهوامش بين العناصر.
يمكنك أيضاً النقر فوق زر في شريط الأدوات لتنفيذ إجراءات سريعة على العنصر. النقر فوق أيقونة الترس في شريط الأدوات سيُظهر فاحص الخصائص الذي يحتوي على المزيد من الخيارات.
يمنحك فاحص الخصائص مزيداً من التحكم في مظهر عناصرك. يمكنك إضافة الكثير من الأشياء مثل الظلال، والتأثيرات الحركية، وتغيير ألوان الخريطة، ونصف قطر الحدود، وغير ذلك الكثير.
يمكنك أيضاً الوصول إلى خصائص العناصر الحاوية (الأصل) للعنصر. على سبيل المثال، إذا وضعت صورة داخل عمود وفتحت فاحص الخصائص، فيمكنك الوصول إلى خصائص الصورة، والعمود الذي يحتوي عليها، والصف الذي يحتوي على العمود.
يحتوي فاحص الخصائص على الكثير من الإعدادات المختلفة للعناصر المتنوعة، لذا تأكد من التحقق منها جميعاً.
يعرض لك Page Builder Sandwich الرموز القصيرة الفعلية في الواجهة الأمامية، ويمكنك تعديلها بسهولة أيضاً!
إذا كنت تحفظ الرموز القصيرة الخاصة بك، فيمكنك إدراجها عن طريق كتابتها مباشرة في المحتوى الخاص بك. ولكن إذا لم تكن قد حفظتها جميعاً (من يفعل ذلك؟)، فإن الفاحص يسرد جميع الرموز القصيرة المتاحة في موقعك. اسحب زر الرمز القصير من الفاحص إلى منطقة المحتوى الخاصة بك وابحث عن الرمز الذي تريد إدراجه، ثم انقر فوقه لإدراجه.
تتحول الرموز القصيرة إلى محتوى فعلي في الواجهة الأمامية، ولتعديلها، يمكنك تحديدها والتحقق من سماتها في الفاحص. أو للحصول على مزيد من التحكم، يمكنك النقر نقراً مزدوجاً فوق الرمز القصير لتحريره في صيغته الخام. بعد إجراء التعديلات، سيتم تحديث الرمز القصير ليعكس التغييرات.
يمكنك النقر والسحب لأي شيء ونقله إلى أي مكان باستخدام PBS. عندما تسحب شيئاً ما، حركه فوق عنصر آخر في الصفحة، حيث يمكنك نقله إما أعلى أو أسفل أي محتوى آخر.
حفظ عملك
بمجرد أن تشعر بالرضا عن تصميمك، ما عليك سوى النقر فوق زر الحفظ في الجزء العلوي الأيسر من صفحتك. هذا كل شيء!
إذا كنت لا تستطيع رؤية زر “Edit with Page Builder Sandwich” في واجهة موقعك الأمامية، فإليك بعض الأشياء التي يمكنك تجربتها:
زر التحرير لـ PB Sandwich متاح في شريط الإدارة في واجهتك الأمامية. تأكد من أن شريط الإدارة مرئي بالانتقال إلى لوحة التحكم والتوجه إلى الأعضاء > حسابك وتأكد من تحديد خيار شريط الأدوات عند تصفح الموقع.
المقالات والصفحات وأنواع المنشورات المخصصة هي فقط القابلة للتحرير في الواجهة الأمامية. يمكنك فقط تحرير الأشياء في الواجهة الأمامية إذا كان بإمكانك تحريرها باستخدام محرر محتوى ووردبريس في لوحة التحكم. المناطق الأخرى في موقعك – مثل قائمة مقالات المدونة في الصفحة الرئيسية، أو قائمة جميع مقالات المدونة، أو تصنيفات الأقسام، أو صفحات الخطأ 404، أو صفحات البحث – هي صفحات ديناميكية يتم إنشاؤها بواسطة ووردبريس بجانب القالب الذي تستخدمه ولا يمكن تحريرها باستخدام PB Sandwich.
أحد المؤشرات على ما إذا كانت صفحة الويب الحالية قابلة للتحرير هو ما إذا كان بإمكانك رؤية “تحرير المقال” أو “تحرير الصفحة” في شريط الإدارة الخاص بك.
إذا تم إنشاء صفحتك/مقالك ديناميكيًا بواسطة قالب أو إضافة، فلن تكون قابلة للتحرير باستخدام Page Builder Sandwich (وعلى الأرجح في أدوات بناء الصفحات الأخرى أيضًا). إذا لاحظت أن محرر المحتوى في لوحة التحكم فارغ، ولكن عند عرض صفحتك في الواجهة الأمامية تجدها مليئة بالمحتوى، فهذا مؤشر جيد على أن صفحتك تم إنشاؤها ديناميكيًا.
للتحقق مما إذا كانت صفحتك تم إنشاؤها ديناميكيًا، اعرض مصدر صفحة الويب الخاصة بك (انقر بزر الفأرة الأيمن ثم اختر “عرض مصدر الصفحة”). ابحث عن النص “pbs-main-wrapper”، فإذا لم تتمكن من العثور على هذا النص في أي مكان، فهذا يعني أن صفحتك تم إنشاؤها ديناميكيًا.
إليك بعض الأمثلة على المحتوى الذي يتم إنشاؤه ديناميكيًا:
كانت هناك حالات لم يعرض فيها القالب المحتوى على الإطلاق إذا كان فارغًا، وجعل هذا PBS يعتقد خطأً أن الصفحة غير قابلة للتحرير. للتحقق مما إذا كان الأمر كذلك، حرر صفحتك/مقالك في محرر لوحة التحكم، وجرب إضافة أي نص في المحتوى الخاص بك (على سبيل المثال “مرحبًا”)، ثم انقر على زر “Edit with Page Builder Sandwich” من هناك.
شكرًا لـ Mathias Hellquist على هذه النصيحة!
تجعلك بعض أدوات بناء الصفحات تختار إما استخدام محرر المحتوى الافتراضي لووردبريس، أو محرر أداة بناء الصفحات الخاص بها. إذا كنت قد قمت بالفعل بتحرير صفحتك باستخدام أداة بناء صفحات أخرى، فمن المحتمل أن تكون أداة بناء الصفحات تلك قد “استحوذت” بالفعل على المحتوى، ولن يعد بإمكان خطافات/فلاتر المحتوى الأخرى العمل. لهذا السبب، في بعض الأحيان لن يتمكن Page Builder Sandwich من اكتشاف مكان وجود المحتوى الخاص بك ولن يعرض زر التحرير لعدم وجود شيء لتحريره.
لإصلاح ذلك، ما عليك سوى إلغاء استخدام أداة بناء الصفحات هذه لتلك الصفحة/المقال المحدد، واختيار استخدام محرر المحتوى الافتراضي لووردبريس فقط.
تأكد من أن لديك صلاحيات التحرير على الصفحة
لن يظهر زر التحرير إذا لم تكن قادرًا على تحرير الصفحة. على سبيل المثال، إذا كنت محررًا أو مساهمًا ولديك القدرة على كتابة مقالات في الموقع، فهذا لا يعني بالضرورة أنه يمكنك تحرير الصفحة الرئيسية أو صفحة اتصل بنا. إذا كان بإمكانك رؤية زر “تحرير المقال” في شريط الإدارة الخاص بك، فيجب أن تكون قادرًا أيضًا على تحريره باستخدام PB Sandwich. اطلب من مسؤول موقعك الحصول على صلاحيات التحرير إذا كنت بحاجة إليها.
يستخدم PB Sandwich لغة Javascript بشكل مكثف. إذا كانت هناك أخطاء Javascript قادمة من سكربتات أخرى موجودة في موقعك، فقد يمنع ذلك PB Sandwich من العمل. للتحقق مما إذا كان هذا هو الحال، يمكنك فتح وحدة تحكم المطورين (developer console) في متصفحك للتحقق من وجود أخطاء.
أوصي باستخدام Chrome لهذه الخطوة. انقر بزر الفأرة الأيمن على أي شيء في الصفحة، ثم انقر على خيار “فحص” (Inspect). سيؤدي هذا إلى فتح مساحة جديدة في الجزء السفلي من متصفحك، انقر فوق علامة تبويب “console”. إذا كانت لديك أخطاء، فيجب أن ترى شيئًا كهذا:
إذا كان لديك خطأ بالفعل، فيمكنك أيضًا الحصول على دليل لمعرفة مصدره عن طريق النقر أو التمرير بمؤشر الفأرة فوق اسم السكربت:
قد تأتي هذه الأخطاء من القالب الخاص بك أو الإضافات الأخرى الموجودة لديك. قد يؤدي إصلاح تلك الأخطاء إلى إعادة تشغيل PB Sandwich مرة أخرى.
إذا كان قالبك أو إحدى إضافاتك يسبب خطأ Javascript، يرجى إعلامنا عبر البريد الإلكتروني على [email protected] وسنبذل قصارى جهدنا لحل المشكلة 🙂
CloudFlare هي خدمة DNS CDN مجانية ومستخدمة على نطاق واسع. إنها رائعة، ولكن يواجه PBS حاليًا مشاكل عندما يتعلق الأمر بميزة Rocket Loader. يعمل Rocket Loader على تحسين وقت تحميل ملفات Javascript، ولكنه يخل بالتبعيات وترتيب استدعاء سكربتات PBS. إذا قمت بتشغيل Rocket Loader، فلن يظهر زر التحرير لـ Page Builder Sandwich (ولن تظهر أي أخطاء في وحدة تحكم Javascript).
للتحقق مما إذا كان موقعك يستخدم ميزة Rocket Loader من CloudFlare، اعرض مصدر صفحة الويب الخاصة بك (انقر بزر الفأرة الأيمن ثم اختر “عرض مصدر الصفحة”)، ثم ابحث عن النص “rocketscript”، وإذا وجدت هذا النص فهذا يعني أن Rocket Loader قيد التشغيل.
اقرأ المقال حول توافق CloudFlare و Rocket Loader للحصول على إرشادات كاملة حول كيفية إيقاف تشغيله.
حسنًا، عند هذه النقطة، إذا لم تنجح أي من الحلول المذكورة أعلاه، فقد حان الوقت لشرح سبب عدم ظهوره وماذا تفعل حيال ذلك. جاهز؟ لنبدأ!
يحتاج Page Builder Sandwich إلى أن يعرف أين يقع محتوى صفحتك/مقالك. نحن نفعل ذلك من خلال رصد وقت قيام ووردبريس بتحميل محتوى المنشور و”وضع علامة” على تلك المنطقة، بحيث عندما يتم تحميل كل شيء يمكننا العثور على مكان المحتوى المهم.
أحيانًا، تقوم بعض الإضافات بتجاوز هذه العملية أو تخطيها وتحاول بدلاً من ذلك تحميل المحتوى بطريقتها الخاصة. في بعض الأحيان يكون هذا أمرًا عاديًا، ولكن في سيناريوهات معينة، خاصة عندما يتعلق الأمر بتحميل محتوى المقال الرئيسي، قد يتسبب هذا في توقف بعض الإضافات عن العمل. عندما تتجاوز إضافة أخرى عملية التحميل هذه، قد تفقد “العلامات” التي وضعناها، وعندما يحين وقت تشغيل المحرر، لا يمكنه العثور على مكان محتواك بعد الآن. وبالتالي، لا يظهر زر التحرير! قد تجد أيضًا أن بعض الإضافات التي تضيف محتوى إلى صفحتك، مثل بعض إضافات المشاركة الاجتماعية، قد تتوقف عن العمل لنفس هذا السبب تمامًا.
يحتاج Page Builder Sandwich إلى أن يعرف أين يقع محتوى صفحتك/مقالك، وهو يفعل ذلك عن طريق ربط نفسه بفلتر the_content وإضافة غلاف (wrapper) حول محتواك الرئيسي. قد تتجاوز بعض الإضافات ذلك وتقوم بدلاً من ذلك بالكتابة فوق المحتوى باستخدام دالة get_the_content() في مرحلة لاحقة. لسوء الحظ، يؤدي القيام بذلك إلى منع استدعاء جميع فلاتر the_content، وبالتالي يفقد غلاف PBS. كما ستفقد أي تغييرات أجرتها الإضافات الأخرى أيضًا.
لا يوجد حرج في استخدام get_the_content() في حد ذاته، ولكن قد تكون هناك تأثيرات سلبية إذا تم استخدام هذا في الاستعلام الرئيسي وداخل صفحة قالب المنشور الفردي بدلاً من استدعاء the_content() العادي حيث يتم تشغيل جميع فلاتر the_content.
يمكنك التحقق مما إذا كانت “علامات” Page Builder Sandwich غير موجودة من خلال زيارة صفحتك/مقالك في الواجهة الأمامية وعرض مصدر الصفحة أثناء تسجيل الدخول. ابحث عبر فوضى التعليمات البرمجية عما إذا كان بإمكانك العثور على هذا النص:
data-name="main-content"
إذا استطعت العثور عليه، فقد تكون هناك مشكلة Javascript في مكان ما، فقط أخبرنا بالقالب والإضافات التي تستخدمها ويمكننا إصلاح ذلك.
ولكن إذا لم تتمكن من العثور عليه، فقد يكون السبب ببساطة هو أن قالبك (أو إضافة، ولكن على الأرجح هو القالب إذا كانت صفحة أو مقال مدونة) يقوم بشيء ما بمحتوى المنشور. إذا كان هذا هو الحال، فيجب عليك الاتصال بمطور القالب وإعلامه بالمشكلة! يمكنك أيضًا أن تطلعه على التفسير التقني لـ “السبب” المذكور أعلاه، فهذا يمكن أن يساعد في تصحيح الأخطاء 🙂
إذا كنت تشعر بالثقة في التعديل على PHP، يمكنك محاولة إصلاح ذلك من خلال العثور على ملف القالب الذي يتعامل مع محتوى المنشور. أحد الحلول التي واجهناها هو استبدال استدعاءات:
$content = get_the_content();
بـ:
ob_start(); the_content(); $content = ob_get_clean();<br>
ملاحظة: قد يختلف متغير PHP في حالتك، لكن المفهوم يجب أن يكون نفسه. إذا نجح الأمر، فسيكون من الأفضل أيضًا إنشاء قالب ابن (child theme) بدلاً من تطبيق هذا التغيير في قالبك مباشرةً. قد تكون هناك أيضًا آثار جانبية بسبب هذا التغيير، لذا من الأفضل استشارة مطور القالب الخاص بك بشأن هذا الأمر.
يمكنك فقط تعديل الصفحات أو المقالات الفردية باستخدام Page Builder Sandwich. انظر إلى الأمر بهذه الطريقة: إذا كانت هناك منطقة “مقالة جديدة” مع محرر محتوى في لوحة التحكم الخاصة بها، فيمكنك حينها تعديلها باستخدام Page Builder Sandwich.
يجب أن تكون قادراً على تعديل محتويات أي نوع مقالة مخصص.
لقد حرصنا على أن يكون لـ Page Builder Sandwich تأثيراً يقارب الصفر على أداء موقعك الإلكتروني. عند تسجيل الخروج، كحد أدنى، يتم فقط تضمين أنماط CSS للصفوف والأعمدة في قائمة الانتظار، جنباً إلى جنب مع نصوص JS وCSS البرمجية اللازمة للأكواد القصيرة (shortcodes) التي استخدمتها.
بالنسبة لزوار موقعك الإلكتروني، كحد أدنى، يتم فقط تضمين أنماط CSS للصفوف والأعمدة، إلى جانب نصوص JS وCSS البرمجية اللازمة للأكواد القصيرة التي استخدمتها.
الإضافة المجانية (Lite) والإضافة المدفوعة (Premium) هما إضافتان مختلفتان. لاستخدام الميزات المدفوعة، سيتعين عليك إلغاء تفعيل (أو إلغاء تثبيت) الإصدار المجاني (Lite)، ثم تثبيت وتفعيل الإضافة المدفوعة (Premium)، وبعد ذلك إدخال مفتاح الترخيص الخاص بك.
ملاحظة: إذا قمت بتفعيل كل من الإضافة المجانية والمدفوعة في نفس الوقت، فستطلب منك الإضافة إلغاء تفعيل الإضافة المتوفرة لديك أولاً قبل المتابعة.
ملاحظة للعملاء الذين اشتروا PBS من pagebuildersandwich.com: يمكنك أيضاً تنزيل الإضافة من الموقع، ويجب أن يظل مفتاح الترخيص الحالي لديك يعمل. إذا لم يعمل، يُرجى الاتصال بنا وسنتمكن من إصدار مفتاح جديد لك.
بعد شراء PBS، من المفترض أن تتلقى رسالة بريد إلكتروني تحتوي على أمرين:
قم بتثبيت وتفعيل الإضافة المدفوعة (premium)، وبعد ذلك ستظهر لك هذه الشاشة:
أدخل مفتاح الترخيص الخاص بك هنا وانقر على Agree & Activate License (الموافقة وتفعيل الترخيص). ستصبح الميزات المدفوعة متاحة الآن.
بدلاً من ذلك، يمكنك أيضاً الانتقال إلى صفحة الإضافات الخاصة بك، والبحث عن إضافة Page Builder Sandwich في القائمة:
انقر على رابط Activate License (تفعيل الترخيص)، وستتمكن من إدخال الترخيص الخاص بك من هناك.
لقد أضفنا مؤخرًا بعض الإصلاحات المتعلقة بمشكلة التوافق عند تفعيل إضافتي Page Builder Sandwich وIMPress for IDX Broker معًا، حيث كان ذلك يتسبب في تعطل الواجهة الأمامية للمستخدمين المسجلين الدخول.
جعل هذا الإصلاح PBS يعمل مجددًا، ولكن كان علينا إزالة إمكانية إدراج ودجة IDX Broker داخل المحرر. على الرغم من ذلك، لا يزال من الممكن استخدام ودجة IDX Broker من قائمة المظهر > ودجات لديك.
لتمكينك من العمل بشكل أسرع، يمكنك استخدام مفاتيح الاختصار المتنوعة المتوفرة مع Page Builder Sandwich.
هذه اختصارات للأوامر غير المتعلقة بالتنسيق/الأدوات. بالنسبة لمفاتيح اختصارات التنسيق/الأدوات، مرر مؤشر الماوس فوق كل زر في شريط تنسيق النص لعرض مجموعة مفاتيح الاختصار الخاصة به.
| مفتاح الاختصار | الوصف |
| CTRL+E (أثناء عدم التحرير) | بدء التحرير |
| CTRL+SHIFT+R (أثناء التحرير) | تحديث الصفحة (نظراً لأن CTRL+R يُستخدم للمحاذاة إلى اليمين) |
| CTRL+S | حفظ التغييرات |
| CTRL+ESC | تجاهل التغييرات وإيقاف التحرير |
| CTRL+C | نسخ |
| CTRL+V | لصق |
| CTRL+X | قص |
| CTRL+ENTER | فاصل أسطر / السطر التالي |
| CTRL+Z | تراجع |
| CTRL+SHIFT+Z (Mac) CTRL+Y (PC) |
إعادة |
لا يشبه Page Builder Sandwich أدوات بناء الصفحات المعتادة، فهو غير معقد وبسيط في الاستخدام.
يمكنك مشاهدة الفيديو أدناه للحصول على جولة سريعة.
أولاً، أنشئ صفحة جديدة أو مقالاً أو نوع منشور مخصص (CPT). ثم قم بزيارة مقالك الجديد أو أي مقال حالي في واجهة موقعك الأمامية (frontend). يعمل PBS بنسبة 100% في الواجهة الأمامية، فلن تضطر إلى التنقل والعمل في لوحة التحكم الخلفية (backend).
من المفترض أن تجد زر “Page Builder Sandwich” في أعلى صفحتك (في شريط الإدارة)، انقر عليه لبدء التحرير. ستلاحظ ظهور منطقة تنسيق النص من الأعلى، ولوحة إضافة العناصر من الجانب. أصبحت منطقة المحتوى في قالبك هي المحرر الخاص بك الآن!
يمكنك فقط تحرير الصفحات الفردية باستخدام PBS. لا يمكنك تحرير قائمة مقالات المدونة، أو صفحة 404 لأن هذه الصفحات يتم إنشاؤها بواسطة قالبك. المقالات والصفحات وأنواع المنشورات المخصصة قابلة للتحرير بالكامل.
والآن يأتي الجزء الرائع.. بمجرد دخولك إلى الواجهة الأمامية وداخل المحرر، انقر فوق أي نص في محتواك أو انقر داخل منطقة المحتوى وابدأ في الكتابة! على عكس أدوات بناء الصفحات الأخرى، يتيح لك PBS تحرير المحتوى مباشرةً دون الحاجة إلى التعامل مع مربعات الحوار المنبثقة.
أثناء التحرير، تُسمى المنطقة الموجودة في الأعلى شريط تنسيق النص. يحتوي هذا الشريط على جميع أدوات التنسيق التي ستستخدمها لتنسيق النص مثل: الألوان، والخط العريض، والخط المائل، والمحاذاة، وإضافة الروابط، والنقاط، والمزيد. مرر مؤشر الفأرة فوق كل زر لمعرفة وظيفة الأداة.
مرر مؤشر الفأرة فوق زر “Add Elements” في الجزء العلوي الأيسر من الشاشة لإظهار لوحة إضافة العناصر. يمكنك أيضاً تحريك الفأرة ببساطة إلى الجانب الأيسر من الشاشة لإظهارها.
لإدراج أي عنصر، اضغط مع الاستمرار بزر الفأرة على أحد العناصر، ثم اسحبه إلى منطقة المحتوى الخاصة بك. ستصبح المنطقة التي سيتم وضع العنصر فيها مظللة. حرر زر الفأرة لإفلات العنصر في مكانه.
مرر مؤشر الفأرة فوق أي عنصر موجود في محتواك، وستظهر حوله خطوط تحديد وأشرطة أدوات.
يمكنك تمرير مؤشر الفأرة فوق حواف خطوط التحديد لزيادة/تقليل الهوامش بين العناصر.
يمكنك أيضاً النقر على زر في شريط الأدوات لتنفيذ إجراءات سريعة على العنصر. وسيؤدي النقر على أيقونة الترس في شريط الأدوات إلى إظهار فاحص الخصائص الذي يحتوي على المزيد من الخيارات.
يمنحك فاحص الخصائص تحكماً أكبر في مظهر عناصرك. يمكنك إضافة العديد من الخيارات مثل الظلال، والتأثيرات الحركية، وتغيير ألوان الخرائط، واستدارة الحواف، وغير ذلك الكثير.
يمكنك أيضاً الوصول إلى خصائص العناصر الحاوية (الأصل) للعنصر. على سبيل المثال، إذا وضعت صورة داخل عمود وفتحت فاحص الخصائص، فيمكنك الوصول إلى خصائص الصورة، والعمود الذي يحتوي عليها، والصف الذي يضم هذا العمود.
يحتوي فاحص الخصائص على الكثير من الإعدادات المختلفة للعناصر المتنوعة، لذا احرص على استكشافها جميعاً.
يعرض لك Page Builder Sandwich الأكواد القصيرة الفعلية في الواجهة الأمامية، ويمكنك تحريرها بسهولة أيضاً!
إذا كنت تحفظ أكوادك القصيرة، يمكنك إدراجها عن طريق كتابتها مباشرة في محتواك. ولكن إذا لم تكن تحفظها جميعاً (من يفعل ذلك؟)، فإن الفاحص يسرد لك جميع الأكواد القصيرة المتاحة في موقعك. اسحب زر Shortcode من الفاحص إلى منطقة المحتوى الخاصة بك وابحث عن الكود الذي تريد إدراجه، ثم انقر عليه لإضافته.
يتم تحويل الأكواد القصيرة إلى محتوى فعلي في الواجهة الأمامية، ولتحريرها، يمكنك تحديدها والاطلاع على خصائصها في الفاحص. أو لمزيد من التحكم، يمكنك النقر نقراً مزدوجاً على الكود القصير لتحريره بصيغته البرمجية المباشرة. بعد إجراء التعديلات، سيتم تحديث الكود القصير ليعكس التغييرات.
يمكنك النقر وسحب أي عنصر ونقله إلى أي مكان باستخدام PBS. عندما تسحب عنصراً، حركه فوق عنصر آخر في الصفحة، حيث يمكنك نقله إما أعلى أو أسفل أي محتوى آخر.
حفظ عملك
بمجرد أن تصبح راضياً عن تصميمك، ما عليك سوى النقر على زر الحفظ في الجزء العلوي الأيسر من صفحتك. هذا كل شيء!