يعد الشريط الجانبي لـ ووردبريس عنصرًا أساسيًا في العديد من مواقع ووردبريس. يمنحك مساحة رأسية إلى جانب المحتوى الخاص بك حيث يمكنك مساعدة القراء على التنقل ، وتنمية قائمة البريد الإلكتروني أو المتابعين الاجتماعيين ، وعرض الإعلانات ، والمزيد.
لأنها جزء لا يتجزأ من الكثير مواقع ووردبريس، اعتقدنا أن الشريط الجانبي يستحق دليله الضخم. في هذا المنشور ، سنأخذك في جولة حول كل ما تريد معرفته عن الشريط الجانبي لـ ووردبريس.
هناك الكثير لتغطيته ، فلنبدأ.
الشريط الجانبي في ووردبريس هو عمود رأسي يتم وضعه على الجانب الأيمن أو الأيسر من منطقة المحتوى الرئيسية. يمنحك مساحة خارج منطقة المحتوى الأساسية الخاصة بك حيث يمكنك تضمين محتوى إضافي ،قوائم التنقل، و اكثر.
بينما سيتغير المحتوى الأساسي الخاص بك من صفحة إلى أخرى ، يكون الشريط الجانبي الخاص بك هو نفسه عادةً لكل صفحة (على الرغم من وجود تكتيكات يمكنك استخدامها لتخصيص الشريط الجانبي الخاص بك).
بشكل افتراضي ، يتم التحكم في الشريط الجانبي لـ ووردبريس بواسطة الذي اخترته سمة. من خارج الصندوق ، سيتحكم المظهر الخاص بك في:
سواء كان لديك شريط جانبي أم لا في المقام الأول
في أي جانب يوجد الشريط الجانبي
كم عدد الأشرطة الجانبية التي يجب استخدامها (على سبيل المثال ، تتيح لك بعض السمات استخدام شريطين جانبيين في نفس الوقت)
ومع ذلك ، باستخدام التكتيكات التي سنعرضها لك في هذا المنشور ، يمكنك إضافة شريط جانبي إلى أي منها وورد موضوع، حتى إذا كان المظهر الخاص بك لا يأتي مع شريط جانبي بشكل افتراضي.
الصورة تساوي ألف كلمة ، لذلك دعونا نلقي نظرة على بعض الأمثلة للأشرطة الجانبية لتوضيح هذه النقطة. في كل مثال ، سنبرز منطقة الشريط الجانبي بمربع أحمر:
1. ويكيبيديا
أمثلة الشريط الجانبي 1 ويكيبيديا
2. تك كرانش
أمثلة الشريط الجانبي 2-techcrunch
3. Elementor Knowledgebase
4. موارد كود ووردبريس.org
لإضافة محتوى إلى الشريط الجانبي الخاص بك ، يمكنك استخدام أدوات ووردبريس. هذا هو السبب في أن بعض الأشخاص يشيرون أيضًا إلى الشريط الجانبي الخاص بك على أنه “منطقة عنصر واجهة مستخدم”.
كل عنصر واجهة هو جزء واحد من المحتوى. على سبيل المثال ، يمكنك استخدام عنصر واجهة مستخدم واحد لإضافة ملفمربع البحث، وآخر لإضافة نموذج الاشتراك بالبريد الإلكتروني، وما إلى ذلك وهلم جرا. سنعرض لك هذا بالتفصيل لاحقًا.
يمكن أن تكون الأشرطة الجانبية مفيدة بعدة طرق مختلفة. وهنا بعض الأمثلة:
بحث – يمكنك إضافة ملفمربع البحث إلى الشريط الجانبي لمساعدة الأشخاص في العثور على المحتوى.
التنقل – يمكنك استخدام الشريط الجانبي كمساعد تنقل آخر. على سبيل المثال ، يمكنك سرد جميع الفئات في الشريط الجانبي لمدونتك.
عبارة تحث المستخدم على اتخاذ إجراء (CTA) – يمكنك إضافةعبارات الحث على اتخاذ إجراءلدفع الناس إلى العمل. على سبيل المثال ، إذا قمت بتشغيل ملفدورة جديدة على الإنترنت، يمكنك الترويج لتلك الدورة التدريبية باستخدام CTA في الشريط الجانبي الخاص بك.
الاشتراك في البريد الإلكتروني – يمكنك إضافة نموذج الاشتراك إلىتنمو قائمة البريد الإلكتروني الخاص بك.
متابعة / مشاركة الوسائط الاجتماعية – يمكنك استخدام الشريط الجانبي لتشجيع الأشخاص على متابعتك أو مشاركة المحتوى الخاص بك على وسائل التواصل الاجتماعي.
الإعلانات – إذا كنت تعتمد على الإعلانات لتوليد الإيرادات ، فإن الشريط الجانبي الخاص بك هو مكان رائع لوضعها.
المحتوى المميز – يمكنك إبراز أكثر منشوراتك شيوعًا ، وأحدث منشوراتك ، والمحتوى ذي الصلة ، والمزيد.
الأهم من ذلك ، يمكنك استخدام استراتيجيات متعددة في وقت واحد. على سبيل المثال ، في أحد الأشرطة الجانبية ، يمكنك تضمين مربع بحث وبعض روابط التنقل والإعلانات والمزيد.
بالطبع ، لا يوجد شيء يجبرك على استخدام الشريط الجانبي. في الواقع ، لا نستخدم شريطًا جانبيًا هنا في مدونة Elementor. تتمثل المزايا الرئيسية لتخطي الشريط الجانبي في أنك تمنح المحتوى الرئيسي مساحة أكبر وأنك تنشئ تجربة خالية من الإلهاء للزائرين (لأنه لا يوجد محتوى شريط جانبي يتنافس على جذب انتباههم). هذا هو السبب في أننا سوف نوضح لك أيضًا كيفية إزالة الشريط الجانبي لـ ووردبريس إذا كنت تفضل هذا الأسلوب.
دولاب الموازنة لديه وظيفة ممتازة حول إيجابيات وسلبيات استخدام الشريط الجانبي على موقع ووردبريس الخاص بك.
لاحقًا في هذا المنشور ، سنوضح لك كيفية إنشاء شريط جانبي مخصص إذا كان المظهر الخاص بك لا يتضمن شريطًا جانبيًا (أو لا يحتوي على أشرطة جانبية كافية). ومع ذلك ، في الوقت الحالي ، لنفترض أن قالب ووردبريس الخاص بك يدعم بالفعل الشريط الجانبي ونتحدث عن بعض الطرق الشائعة التي يمكنك من خلالها التحكم في كيفية عمل الشريط الجانبي.
وهذه الأمثلة لا يصدق ل جميع الموضوعات وورد، لكنها لن تنطبق على معظم المواضيع وورد الحديثة.
ملاحظة – إذا كنت تستخدم ملفموضوع مرحبا مجانا، لا يتضمن موضوع Hello عن قصد أشرطة جانبية بشكل افتراضي لإبقاء الأشياء خفيفة الوزن. سنوضح لك كيف يمكنك إضافة أشرطة جانبية إلى Hello (وموضوعات أخرى) لاحقًا في هذا المنشور.
المكان الأول الذي يجب أن تبحث فيه للتحكم في الشريط الجانبي لموضوعك هو أداة تخصيص ووردبريس. إذا كان المظهر الخاص بك يتضمن شريطًا جانبيًا وميزات لتخصيصه ، فسيكون عادةً هنا.
تعتمد منطقة الإعدادات الدقيقة على الموضوع ، ولكنك ستحتاج عادةً إلى البحث عن شيء مثل “إعدادات التخطيط” و “إعدادات عامة” و “إعدادات على مستوى الموقع” وما إلى ذلك.
على سبيل المثال ، مع موضوع OceanWP، يمكنك الاختيار من بين تكوينات مختلفة للشريط الجانبي في الإعدادات العامة . يمكنك استخدام الشريط الجانبي الأيمن أو الشريط الجانبي الأيسر أو الأشرطة الجانبية على اليمين واليسار.
يمكنك أيضًا تكوين عرض الشريط الجانبي:
ووردبريس-sidebars-1-control-sidebar-in-customizer
إذا لم تتمكن من العثور على هذه الإعدادات ، فحاول استكشاف مناطق مختلفة في مُخصص ووردبريس. أو استشر وثائق دعم مطور القالب.
تمنحك بعض السمات أيضًا إعدادات على مستوى الصفحة تتيح لك التحكم في الشريط الجانبي للمنشورات أو الصفحات الفردية.
إذا كان المظهر الخاص بك يحتوي على هذه الميزة ، فيجب أن ترى هذه الخيارات عندما تعمل في محرر ووردبريس. قد تظهر كمربع تعريف أسفل المحرر. أو ، تقوم بعض السمات أيضًا بإضافتها في الشريط الجانبي للمستند .
على سبيل المثال ، باستخدام سمة OceanWP ، يمكنك الحصول على خيارات لاختيار تخطيط شريط جانبي مختلف على صفحات / منشورات فردية:
مرة أخرى ، لا تتضمن جميع السمات هذه الأنواع من عناصر التحكم في الشريط الجانبي على مستوى الصفحة.
الشريط الجانبي الخاص بك هو منطقة على موقعك. ولكن لإضافة محتوى إلى هذه المنطقة ، تحتاج إلى استخدام أدوات ووردبريس.
هناك طريقتان يمكنك من خلالهما إضافة عناصر واجهة مستخدم (محتوى) إلى الشريط الجانبي الموجود لموضوعك:
مُخصص ووردبريس
منطقة الحاجيات المخصصة
تتم مزامنة كلا المنطقتين تلقائيًا ، لذلك من الجيد تمامًا استخدام أي منهما. ومع ذلك ، فإن ميزة استخدام أداة تخصيص ووردبريس هي أنك ستتمكن من رؤية كيف تبدو أدواتك في الوقت الفعلي في المعاينة المباشرة لموقعك.
لإدارة أدوات الشريط الجانبي الخاصة بك عبر أداة تخصيص ووردبريس ، انتقل إلى المظهر ← التخصيص .
ثم حدد خيار قائمة الحاجيات . أولاً ، سيُطلب منك تحديد منطقة عنصر واجهة المستخدم التي تريد إدارتها. اعتمادًا على المظهر الخاص بك ، قد ترى خيارًا واحدًا فقط. أو يمكنك رؤية خيارات متعددة ، بما في ذلك مناطق الشريط الجانبي (مثل تذييل الصفحة):
add-ووردبريس-widgets-1-select-sidebar-in-customizer
بعد ذلك ، يمكنك النقر فوق الزر Add a Widget لبدء إضافة عناصر واجهة مستخدم إلى الشريط الجانبي الخاص بك. بعد إضافة الأداة ، يمكنك تكوينها باستخدام الخيارات الموجودة في الشريط الجانبي:
add-ووردبريس-widgets-2-select-widgets-in-customizer
عند إضافة عناصر واجهة مستخدم جديدة ، ستراها تظهر فورًا في المعاينة المباشرة لموقعك. يمكنك أيضًا استخدام السحب والإفلات لإعادة ترتيب الأدوات الموجودة.
بالإضافة إلى Customizer ، يتضمن ووردبريس أيضًا منطقة عناصر واجهة مستخدم مخصصة يمكنك الوصول إليها من خلال الانتقال إلى Appearance → Widgets .
هنا ، سترى جميع عناصر واجهة المستخدم المتاحة لديك ، بالإضافة إلى جميع مناطق الشريط الجانبي للقالب الخاص بك (ومناطق عناصر واجهة المستخدم الأخرى ، مثل التذييلات).
لإضافة أدوات ، كل ما عليك فعله هو سحبها إلى قسم الشريط الجانبي. بعد ذلك ، يمكنك تخصيص محتواها من خلال توسيع خيارات الأداة:
add-ووردبريس-widgets-3-مخصص-القطعة-المنطقة
يمكنك أيضًا إعادة ترتيب الأدوات في الشريط الجانبي باستخدام السحب والإفلات.
إذا كان لديك Elementor Pro ، فيمكنك استخدام واجهة السحب والإفلات المرئية لـ Elementor لتصميم المحتوى الذي تقوم بتضمينه في الشريط الجانبي.
لتحقيق ذلك ، انتقل إلى القوالب -> إضافة جديد – وقم بإنشاء قالب قسم جديد . على سبيل المثال ، يمكنك إنشاء نموذج يتضمن نموذج الاشتراك في البريد الإلكتروني أو عبارة تحث المستخدم على اتخاذ إجراء (CTA). تأكد من نشر القالب الخاص بك عند الانتهاء.
بعد ذلك ، أضف عنصر واجهة مستخدم Elementor Library إلى الشريط الجانبي الخاص بك حيث تريد أن يظهر القالب الخاص بك. ثم، استخدم اختيار قالب القائمة المنسدلة لاختيار القالب المحدد الذي تريد إضافته إلى الشريط الجانبي الخاص بك:
بناء موقع أفضل باستخدام Elementor
لنذهب
بناء موقع أفضل باستخدام Elementor
لنذهب
حتى الآن ، افترضنا أن المظهر الخاص بك يدعم بالفعل الأشرطة الجانبية ويمنحك إعدادات مضمنة للتحكم فيها.
ومع ذلك ، ماذا لو لم يكن الأمر كذلك؟ قد تكون بعض المواقف التي تواجهها:
لا يحتوي المظهر الخاص بك على أي دعم مضمّن للأشرطة الجانبية. هذا صحيحموضوع مرحبا لأن Hello تهدف إلى إنشاء كريم أساس خفيف الوزن بقدر الإمكان.
يتضمن المظهر الخاص بك منطقة شريط جانبي واحدة فقط ولكنك ترغب في إضافة منطقة أخرى.
لحسن الحظ ، من السهل جدًا إنشاء شريط جانبي. هناك خطوتان أساسيتان هنا:
يمكنك تسجيل الشريط الجانبي المخصص الخاص بك مع ووردبريس عبر مقتطف رمز بسيط.
تقوم بتحرير موقعك لعرض الشريط الجانبي على الواجهة الأمامية (عبر مكون إضافي أو رمز)
قبل أن تتمكن من إضافة عناصر واجهة مستخدم إلى الشريط الجانبي الخاص بك وعرضها في الواجهة الأمامية لموقع ووردبريس الخاص بك ، تحتاج إلى تسجيل الشريط الجانبي (الأشرطة) الخاصة بك في ووردبريس.
بمجرد تسجيل الشريط الجانبي المخصص لـ ووردبريس الخاص بك ، سيظهر عندما تذهب إلى Appearance → Widgets وستكون قادرًا على إضافة عناصر واجهة مستخدم باستخدام الطريقة من القسم السابق.
لتسجيل الشريط الجانبي المخصص ، كل ما عليك فعله هو إضافة مقتطف رمز صغير إلى أيٍّ من:
و functions.php ملف الموضوع الخاص بك (تأكدكنت تستخدم موضوع الطفل إذا كنت تفعل ذلك).
البرنامج المساعد مدير مقتطفات مجانية مثل المكوّن الإضافي Code Snippets.
يعد استخدام المكون الإضافي Code Snippets (أو شيء مشابه) هو الحل الأبسط لأنه يلغي الحاجة إلى استخدام سمة فرعية.
إليك مقتطف الشفرة الذي تحتاجه:
وظيفة my_custom_sidebar () {
register_sidebar (
مجموعة مصفوفة (
‘name’ => __ (‘Custom Sidebar Area’، ‘your-theme-domain’) ،
“معرف” => “شريط جانبي مخصص” ،
‘description’ => __ (‘هذا هو الشريط الجانبي المخصص الذي قمت بتسجيله باستخدام مقتطف الشفرة. يمكنك تغيير هذا النص بتعديل هذا القسم في الشفرة.’، ‘your-theme-domain’) ،
‘before_widget’ => ‘<div class = “widget-content”>’،
‘after_widget’ => “</div>”،
‘before_title’ => ‘<h3 class = “widget-title”>’،
‘after_title’ => ‘</h3>’،
)
) ؛
}
add_action (‘widgets_init’، ‘my_custom_sidebar’) ؛
وإليك ما يبدو عليه هذا المقتطف في المكون الإضافي المجاني Code Snippets:
2. عرض الشريط الجانبي الخاص بك
بمجرد تسجيل الشريط الجانبي الخاص بك ، يجب أن تراه يظهر كخيار عندما تذهب إلى Appearance → Widgets . إذا كنت ترغب في ذلك ، يمكنك البدء في إضافة عناصر واجهة مستخدم إلى الشريط الجانبي المخصص تمامًا كما أظهرنا لك من قبل:
ومع ذلك ، لم تنته بعد – ما زلت بحاجة إلى تكوين ووردبريس بحيث يعرض الشريط الجانبي المخصص (وعناصر واجهة المستخدم الخاصة به) في الواجهة الأمامية لموقعك.
هنا لديك خياران:
عنصر منشئ الموضوع- يمكنك استخدام واجهة مرئية تعمل بالسحب والإفلات لتهيئة كل شيء وإضافة الشريط الجانبي. لا تحتاج إلى معرفة أي رمز.
الكود – ستحتاج على الأقل إلى فهم أساسي لـ PHP و HTML و CSS.
كيفية إنشاء شريط جانبي باستخدام Elementor
باستخدام Elementor ، يمكنك إنشاء قوالب جديدة لأي جزء من قالبك. على سبيل المثال ، إذا أنشأت نموذجًا جديدًا لـ “صفحاتك” ، فستستخدم جميع صفحاتك هذا النموذج تلقائيًا.
يمكنك أن تفعل الشيء نفسه مع منشورات المدونة الخاصة بك (أو أنواع المنشورات المخصصة). يمكنك أيضًا تطبيق القوالب الخاصة بك بشكل مشروط على محتوى مختلف ، وهو أمر مفيد لأنه يتيح لك إضافة شريط جانبي إلى بعض أجزاء المحتوى دون غيرها.
لاستخدام Elementor لعرض الشريط الجانبي المخصص الخاص بك ، ستقوم بشكل أساسي بإنشاء منشور جديد أو قالب صفحة يتضمن الشريط الجانبي الخاص بك بجانب منطقة المحتوى الرئيسية.
للبدء ، انتقل إلى القوالب ← منشئ القوالب . بعد ذلك ، اختر المكان الذي تريد إضافة الشريط الجانبي إليه أولاً – إما منشور فردي أو صفحة واحدة :
Custom-ووردبريس-sidebar-3-create-theme-builder-template
لتوفير الوقت ، يمكنك اختيار أحد القوالب المعدة مسبقًا. أو يمكنك بناء تصميمك بالكامل من البداية. أبسط خيار هو اختيار أحد القوالب التي تتضمن بالفعل شريطًا جانبيًا:
custom-ووردبريس-sidebar-4-theme-builder-premade-قوالب
إذا اخترت تصميم القالب الخاص بك من البداية ، فتأكد فقط من استخدام عمودين وإضافة عنصر واجهة مستخدم الشريط الجانبي حيث تريد ظهور الشريط الجانبي المخصص.
بعد ذلك ، قم بتحرير عنصر واجهة مستخدم الشريط الجانبي واستخدم القائمة المنسدلة اختيار الشريط الجانبي لتحديد الشريط الجانبي المخصص الذي قمت بتسجيله في الخطوة السابقة.
بمجرد القيام بذلك ، سترى معاينة مباشرة لأي عناصر واجهة مستخدم قمت بإضافتها بالفعل:
Custom-ووردبريس-sidebar-5-add-sidebar-widget-in-elementor
عند إضافة عناصر واجهة مستخدم جديدة عبر أداة تخصيص ووردبريس أو منطقة الأدوات المخصصة ، ستظهر تلقائيًا في منطقة الشريط الجانبي هذه.
لإنهاء الأمور ، تأكد من نشر القالب الخاص بك. عند القيام بذلك ، يمكنك استخدام شروط العرض للتحكم في مكان ظهور قالب الشريط الجانبي. يمكنك إما عرضها على كل المحتوى (لاستخدام الشريط الجانبي الخاص بك على مستوى الموقع). أو يمكنك استخدام قواعد العرض لإضافة الشريط الجانبي إلى محتوى معين فقط.
ما لم تكن مرتاحًا للعمل مع HTML / CSS / PHP ، يجب عليك الالتزام بطريقة Elementor أعلاه.
لعرض شريط جانبي مخصص لـ ووردبريس مع رمز ، ستحتاج إلى تعديل ملفات قالب القالب مباشرةً. نظرًا لأنك تقوم بإجراء تعديلات مباشرة على المظهر الخاص بك ، فمن الضروري أن تستخدم قالبًا فرعيًا في ووردبريس. سيمنع هذا من الكتابة فوق تغييراتك عند تحديث قالبك.
لمعرفة المزيد حول الموضوعات الفرعية وكيفية إنشائها ، يمكنك قراءة الموضوع الشامل دليل لمواضيع ووردبريس الطفل.
بمجرد إنشاء السمة الفرعية الخاصة بك ، انسخ ملف single.php من مجلد النسق الرئيسي إلى مجلد النسق الفرعي الخاص بك. بعد ذلك ، قم بتحرير ملف single.php وأضف المقتطف التالي حيث تريد ظهور الشريط الجانبي المخصص الخاص بك:
<؟ php if (is_active_sidebar (‘custom-side-bar’)):؟>
<div id = “primary-sidebar” class = “basic-sidebar widget-area” role = “كاملة”>
<؟ php dynamic_sidebar (‘custom-side-bar’) ؛ ؟>
</div> <! – # primary-sidebar ->
<؟ php endif؛ ؟>
للتأكد من ظهور الشريط الجانبي في العمود الخاص به ، ستحتاج على الأرجح أيضًا إلى إضافة بعض CSS المخصصة. هذا هو السبب في أن طريقة Elementor من الأعلى تجعلها خيارًا أفضل إذا لم تكن مطورًا.
اعتمادًا على الطريقة التي تريد بها إعداد الأشياء ، قد تحتاج أيضًا إلى إضافة هذا المقتطف إلى ملفات قوالب إضافية (مثل archive.php ، إلخ.)
لإلقاء نظرة أعمق على هذا الموضوع ، يمكنك ذلك راجع إدخال ووردبريس Codex هذا.
الآن ، دعنا نذهب إلى الاتجاه الآخر ونتحدث عن كيفية إزالة الشريط الجانبي الذي لا تريد استخدامه. على سبيل المثال ، ربما يأتي المظهر الخاص بك مع الشريط الجانبي الخاص به ، لكنك تفضل استخدام قالب كامل العرض لبعض أو كل المحتوى الخاص بك.
لإزالة شريط جانبي في ووردبريس ، لديك نفس الخيارين اللذين يستخدما لإنشاء شريط جانبي مخصص لـ ووردبريس:
إليمينتور برو
الشفرة
ومع ذلك ، قبل الانتقال إلى هذه الخيارات ، تأكد من أن المظهر الخاص بك لا يتضمن ميزة مضمنة للسماح لك بتعطيل الشريط الجانبي. تمنحك العديد من السمات خيارًا في أداة تخصيص ووردبريس حيث يمكنك تعطيل الشريط الجانبي دون أي إجراء يدوي من جانبك. أو قد يأتي السمة الخاصة بك بالفعل مع قالب كامل العرض ، والذي يمكنك تحديده عند العمل في محرر ووردبريس.
إذا لم يتضمن المظهر الخاص بك هذا الخيار ، فإليك كيفية إزالة الشريط الجانبي يدويًا.
لإزالة الشريط الجانبي لـ ووردبريس الخاص بك باستخدام Elementor ، كل ما عليك فعله هو إنشاء قالب لا يتضمن منطقة الشريط الجانبي. ثم:
إذا كنت تريد إزالة الشريط الجانبي الخاص بك تمامًا من كل المحتوى ، فيمكنك استخدام هذا القالب على مستوى الموقع.
إذا كنت تريد فقط إزالة الشريط الجانبي الخاص بك من محتوى معين ، فيمكنك عرض القالب المشروط بدون شريط جانبي أينما كان ذلك ضروريًا.
للبدء ، انتقل إلى القوالب ← منشئ السمات واختر المكان الذي تريد إزالة الشريط الجانبي فيه أولاً – إما منشور فردي أو صفحة واحدة:
لتوفير الوقت ، يمكنك اختيار أحد القوالب المعدة مسبقًا التي لا تحتوي على شريط جانبي. أو يمكنك أيضًا إنشاء تصميمك من البداية – فقط لا تضف أداة الشريط الجانبي!
بمجرد الانتهاء ، يمكنك نشر القالب الخاص بك واستخدام شروط العرض للتحكم في مكان ظهوره.
يمكنك أيضًا إزالة الشريط الجانبي لـ ووردبريس عن طريق تحرير ملفات قالب القالب مباشرةً وإزالة مقتطف PHP الذي يعرض الشريط الجانبي.
نظرًا لأنك ستقوم بتحرير ملفات قالبك ، تأكد من استخدام سمة فرعية. بعد ذلك ، انسخ ملفات القوالب الخاصة بالمحتوى الذي تريد إزالة الشريط الجانبي منه. على سبيل المثال ، single.php ، archive.php ، إلخ.
قم بتحرير هذه الملفات وإزالة كافة مثيلات <؟ php get_sidebar ()؛ ؟> (أو أشكال مشابهة – قد تبدو الشفرة مختلفة قليلاً).
قد تحتاج أيضًا إلى ضبط HTML و CSS للتأكد من أن كل شيء يبدو على ما يرام.
إذا لم تكن معتادًا على استخدام PHP و HTML و CSS ، فإننا نوصي بالالتزام بطريقة Elementor لأنها تلغي الحاجة إلى استخدام التعليمات البرمجية.
في قسم سابق ، تحدثنا عن كيفية إضافة شريط جانبي في ووردبريس حتى إذا كان قالبك لا يدعمه.
ومع ذلك ، ماذا لو كنت تريد أن تأخذ منطقة الشريط الجانبي الموجودة لديك ، ولكن فقط عرض أشرطة جانبية مختلفة على محتوى مختلف؟ سيتيح لك ذلك عرض مجموعات مختلفة من الأدوات لأنواع معينة من المحتوى.
على سبيل المثال ، ربما تريد استخدام مجموعة واحدة من عناصر واجهة المستخدم لمنشورات المدونة في فئة “المراجعات” الخاصة بك ومجموعة مختلفة من عناصر واجهة المستخدم لمنشورات المدونة في فئة “البرامج التعليمية”.
أسهل طريقة لعرض أشرطة جانبية مختلفة على محتوى مختلف هي Elementor. يمكنك القيام بذلك على النحو التالي:
أولاً ، قم بإنشاء عدة قوالب Elementor ، كما هو موضح أعلاه. يجب أن يكون لكل قالب شريط جانبي خاص به.
ثم، انتقل إلى الشروط وقم بتعيينها كل قالب للفئة أو الصفحة ذات الصلة أو أي شرط آخر.
بالإضافة إلى ذلك ، لتحقيق هذه الوظيفة ، يمكنك استخدام ملف البرنامج المساعد المجاني Content Aware Sidebars. بمجرد تثبيت البرنامج المساعد وتنشيطه ، انتقل إلى Content Aware → Add New للبدء.
أولاً ، اختر الشروط عندما تريد استبدال الشريط الجانبي الافتراضي بالشريط الجانبي الجديد الذي تقوم بإنشائه. على سبيل المثال ، إذا كنت تريد استخدام هذا الشريط الجانبي لجميع منشورات المدونة في فئة “المراجعات” ، فأنشئ شرط الفئات :
مدركين للمحتوى الشريط الجانبي -1 شروط
بعد ذلك ، انتقل إلى علامة التبويب Action واختر الشريط الجانبي الذي تريد استبداله. أو يمكنك أيضًا “دمج” الأشرطة الجانبية لتضمين محتوى من كليهما:
يمكنك الاطلاع على علامات التبويب الأخرى للحصول على بعض الإعدادات الإضافية ، ولكن لا يوجد شيء آخر تحتاج إلى تكوينه.
بمجرد تحديد اختياراتك ، انقر فوق إنشاء . بعد ذلك ، انتقل إلى Appearance → Widgets لإضافة محتوى إلى الشريط الجانبي الشرطي:
– الوعي بالمحتوى – الشريط الجانبي – 3 – الحاجيات المضافة
لإنهاء الأمور ، دعنا ننتقل إلى بعض أفضل ملحقات الشريط الجانبي لـ ووردبريس التي يمكنها تحسين طريقة عملك مع الأشرطة الجانبية والمحتوى الذي يمكنك تضمينه.
تضيف بعض هذه المكونات الإضافية عناصر واجهة مستخدم جديدة مفيدة يمكنك تضمينها في الأشرطة الجانبية ، بينما يقوم البعض الآخر بضبط الشريط الجانبي نفسه. سترى أيضًا بعض الوجوه المألوفة من أقسام البرنامج التعليمي أعلاه.
إليمينتور برو يساعدك في الأشرطة الجانبية بطريقتين كبيرتين.
أولا، منشئ الموضوعيعد أمرًا رائعًا للسماح لك بإضافة مناطق الشريط الجانبي أو نقلها أو إزالتها دون الحاجة إلى أي معرفة بالترميز. كما أوضحنا لك أعلاه ، يمكنك بسهولة إنشاء قوالب السمات الخاصة بك والتي تتضمن صفرًا أو واحدًا أو اثنين (أو أكثر) من الأشرطة الجانبية. والأفضل من ذلك ، أنه يمكنك القيام بكل ذلك من خلال واجهة مرئية تعمل بالسحب والإفلات.
ثانيًا ، يتيح لك Elementor Pro أيضًا إنشاء تصميمات مخصصة لشريطك الجانبي. يمكنك إنشاء نماذج الاشتراك وعبارات الحث على اتخاذ إجراء والمزيد باستخدام الواجهة المرئية. بعد ذلك ، يمكنك إضافتها بسهولة إلى أي شريط جانبي عن طريق حفظ القالب واستخدام أداة مكتبة Elementor .
الشريط الجانبي للمحتوى، والذي عرضناه أيضًا أعلاه ، يجعل من السهل استبدال الشريط الجانبي الافتراضي الخاص بك بأشرطة جانبية مختلفة لمحتوى مختلف بشكل مشروط. يساعدك هذا في تحسين كيفية استخدامك للأشرطة الجانبية عن طريق السماح لك بتخصيص محتوى الشريط الجانبي للمحتوى الدقيق الذي يشاهده الزوار.
ووردبريس المشاركات الشعبيةهو مكون إضافي مفيد يتيح لك عرض المحتوى الأكثر شيوعًا في الشريط الجانبي. يمكنك عرض المحتوى الشائع من خلال مقاييس مختلفة مثل الزيارات طوال الوقت والزيارات الأسبوع الماضي والتعليقات والمزيد.
كما أنه يعمل مع أنواع المنشورات المخصصة. على سبيل المثال ، يمكنك استخدامه لعرض منتجات WooCommerce الأكثر شيوعًا في أحد متاجر التجارة الإلكترونية.
القطعة الوظائف الأخيرة مع الصور المصغرةيمنحك خيارًا آخر لعرض المحتوى في الشريط الجانبي. هذه المرة فقط ، هذا هو أحدث محتوى لديك ، وليس المحتوى الأكثر شيوعًا لديك مثل المكون الإضافي السابق.
بينما يأتي ووردبريس مع عنصر واجهة مستخدم افتراضي لعرض مشاركاتك الأخيرة ، فإن ميزة هذا المكون الإضافي هي أنه يمنحك قدرًا أكبر من المرونة ، بما في ذلك خيار تضمين الصور المصغرة للصور المميزة في قائمة المنشورات.
أداة Q2W3 الثابتة لبرنامج ووردبريسيتيح لك إنشاء عناصر واجهة مستخدم معينة في الأشرطة الجانبية “مثبتة”. أي أنه حتى إذا قام المستخدم بالتمرير لأسفل عبر عنصر واجهة المستخدم ، فستظل الأداة “عالقة” في الشريط الجانبي وتكون مرئية دائمًا.
هذه طريقة رائعة لتسليط الضوء على الأدوات الرئيسية وهي أيضًا أسلوب تستخدمه العديد من المواقع لعرض الإعلانات الثابتة.
إذا كنت ترغب في استخدام الشريط الجانبي لمساعدة الزوار على التنقل في موقعك ، قائمة الشريط الجانبي المتقدمة يساعدك على إنشاء قسم تنقل محسّن أكثر للصفحات أو الفئات من خلال مراعاة العلاقات الأصل / الفرعية للصفحات والفئات.
على سبيل المثال ، يمكنك وضع مسافة بادئة للفئات الفرعية تلقائيًا واختيار عدد “المستويات” المراد عرضها وغير ذلك الكثير.
وتأكد من مراجعة دليلنا خطوة بخطوة حول كيفية إنشاء قائمة تنقل عمودي في الشريط الجانبي.
Ad Inserterهو مكون إضافي مفيد للغاية إذا كنت ترغب في عرض الإعلانات في الشريط الجانبي (أو في أي مكان آخر على موقعك). يساعدك على إدارة إعلاناتك ، وإدخالها تلقائيًا في الأدوات ، وتنفيذ الكثير من الإجراءات المفيدة الأخرى القائمة على الإعلانات.
خيارات القطعةهو نوع من مثل Content Aware Sidebars. ولكن بدلاً من عرض أشرطة جانبية مختلفة تمامًا بناءً على ظروف مختلفة ، فإنها تتيح لك إظهار / إخفاء عناصر واجهة مستخدم فردية بناءً على الشروط التي تحددها.
بشكل أساسي ، إذا لم تكن بحاجة إلى المرونة الكاملة لـ Content Aware Sidebars ، فإن هذا المكون الإضافي يمنحك نهجًا أكثر استهدافًا من خلال السماح لك بالعمل مع عناصر واجهة مستخدم فردية.
إذا كنت تستخدم ووردبريس ، فمن المهم أن تفهم الشريط الجانبي لـ ووردبريس حتى تتمكن من تحقيق أقصى استفادة من موقعك. بعد قراءة هذا المنشور ، يجب أن يكون لديك كل المعرفة التي تحتاجها للبدء.
ستكون قادرًا على التحكم في الشريط الجانبي الحالي لموضوعك وإضافة محتوى ، أو إذا كان المظهر الخاص بك لا يتضمن شريطًا جانبيًا ، فأنت تعرف كيف يمكنك بسهولة إضافة واحد باستخدام إليمينتور برو.
ومع ذلك ، إذا قررت أنك تريد الذهاب في الاتجاه المعاكس وإزالة الشريط الجانبي لموضوعك للحصول على واجهة خالية من التشتيت ، فلا بأس بذلك أيضًا ، ويمكن أن يساعدك Elementor أيضًا في إنجاز المهمة دون الحاجة إلى أي رمز.
