قم بإعداد عرض كامل أو محتوى محاصر مع سمة Astra المجانية

موضوع استرا

Astra هو موضوع WordPress فعال وقابل للتخصيص بالكامل. إنه جميل وسريع أيضًا مما يجعله مثاليًا للمدونات والأعمال والمحفظة الشخصية وواجهة WooCommerce. نظرًا لكونه خفيف الوزن ، فإنه يوفر سرعة كبيرة للموقع. تم تصميم Astra مع وضع تحسين محركات البحث في الاعتبار مما يجعل موقع الويب يحتل مرتبة أعلى في محركات البحث. مع ميزاته وقوالبه الخاصة ، فهو مثالي لمنشئي الصفحات مثل Elementor و Divi و Beaver Builder و SiteOrigin و Visual Composer وما إلى ذلك.

حاوية

يمكن تسمية صفحة على موقع ويب بسهولة باسم حاوية لأن الحاوية هي منطقة نعرض فيها المحتوى. ببساطة ، الحاوية تشمل الصفحة بأكملها. سواء كانت منطقة المحتوى أو الشريط الجانبي ، سيتم تضمينها في الحاوية. من الناحية الفنية ، نطلق على منطقة المحتوى اسم الحاوية الأساسية ، بينما يُطلق على الشريط الجانبي اسم حاوية ثانوية.

كيف تتلاعب بتخطيطات الحاوية على موقع ويب؟

يجعل استخدام سمة Astra من السهل تطبيق تخطيطات الحاوية على موقع الويب بالكامل. يمكنك إعداد الشبكات من خلال خيار Customizer. يمكن العثور على هذا في علامة التبويب المظهر: المظهر> المُخصص> عام> الحاوية.

  • يمكنك أيضًا تطبيق حاويات مختلفة لصفحات ومنشورات مختلفة بشكل فردي ، من إعدادات التعريف.
  • إذا قمت بتطبيق إعدادات مختلفة لموقع الويب الكلي ، وإعدادات مختلفة في إعدادات التعريف ، فإن إعدادات التعريف الخاصة بالصفحة ستكون لها أولوية أعلى من الإعدادات العامة لأداة تخصيص الصفحة .

عرض الحاوية

سيتم عرض جميع محتويات الموقع ، سواء كانت رسومية أو نصية ، ضمن هذا العرض. يمكنك إنشاء مجموعة متنوعة من طرق العرض من خلال الجمع بين العرض وتخطيط الحاوية.

1.png

تخطيط الحاوية

تقدم Astra Free Theme 4 أنواع من تخطيط الحاويات. هذه تخطيطات عالمية وسيتم تطبيقها على موقع الويب بالكامل. إذا كنت تريد تخطيطًا متنوعًا لأنواع منشورات مختلفة ، فيمكنك القيام بذلك باستخدام تخطيط حاوية مخصص.

بمساعدة صفحة "إعدادات التعريف" ، يمكنك التحكم بشكل أكبر في تخطيط الحاوية لكل صفحة.

هناك الأنواع التالية لتخطيطات الحاوية.

  • وضع في صندوق
  • محتوى محاصر
  • العرض الكامل / متضمن
  • العرض الكامل / متمدد
  • تصميم حاوية مخصص

تخطيط مخصص أو محدد

الأنواع الأربعة المذكورة أعلاه من تخطيطات الحاويات متاحة لأنواع منشورات محددة بشكل منفصل. هذا يعني أنه إذا اخترت تخطيطًا افتراضيًا ، دعنا نقول تخطيط Boxed ، وبالنسبة للأرشيفات التي اخترتها Full Width ، فسيكون للموقع بأكمله تخطيط Boxed ، بينما سيكون لصفحات الأرشيف تخطيط Full Width / Contained.

  • تخطيط الصفحة - للصفحات فقط
  • تخطيط المحفوظات - جميع المحفوظات
  • تخطيط منشور المدونة - لأرشيف المدونة وصفحات منشورات المدونة الفردية
2.png

يوفر موضوع Astra التكامل مع الكثير من المكونات plugin الشائعة. توفر هذه plugin الإضافية التكامل مع Astra:

كتب مريم الدخيل لاكاديمية الثراء

EDD ( Easy Digital Downloads )

LearnDash

ليفتر ال ام اس (3)

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

توفر الوحدات المخصصة من plugin Astra Pro Addon المزيد من الخيارات المتقدمة. تحتوي الوحدات المخصصة لبرنامج Astra Pro Addon plugin على هذه الخيارات:

  • تفضيل الإعدادات الوصفية للصفحة على تخطيط الحاوية. أولوية إعدادات التعريف أعلى من إعدادات أداة التخصيص.
  • تحدد إعدادات تخطيط الموقع عرض الحاوية.

تخطيط الحاوية / تخطيط العرض الكامل

يمكن التلاعب بإعدادات الحاوية ذات العرض الكامل من خلال إعدادات أداة التخصيص الموجودة في المستندات .

محرر المستندات »إعدادات أداة التخصيص» عام »العرض الكامل / المحتوى - تخطيط الحاوية

كما أوضحنا سابقًا ، يمكن أن يحتوي موقع الويب على حاويتين ؛ الحاوية الأولية والحاوية الثانوية.

الحاوية الأساسية هي الصفحة التي يظهر فيها المحتوى الرئيسي.

تشكل الحاوية الثانوية الشريط الجانبي وعناصر واجهة مستخدم مختلفة في الشريط الجانبي.

بمساعدة تخطيط "العرض الكامل / المحتوى" ، يمكنك الجمع بين الحاويات الأساسية والثانوية. يمكن بعد ذلك عرض هذه الحاويات في حاوية واحدة للحصول على مظهر أكثر ترتيبًا. يعرض تخطيط "العرض الكامل / المضمّن" المحتوى والشريط الجانبي جنبًا إلى جنب في حاوية واحدة. ستترك هذه الحاوية مساحة حول الحاوية لأنها تظهر في عرض الحاوية.

يمكن تغيير إعدادات الحاوية أو تغييرها من خلال الانتقال إلى المظهر واتباع هذا المسار:

المظهر> تخصيص> عام> حاوية

4.png

يعد العرض الكامل / التخطيط المتضمن مثاليًا لمواقع الويب التي تحتاج إلى تصميم مرتب ، بدون أي مربعات أو حدود للشبكة. هذا التخطيط يمكن أن تكون على النحو الافتراضية من خلال التكامل مع plugin يشبه WooCommerce، LifterLMS، الخ

تتطلب العديد من أدوات إنشاء الصفحات ، مثل Visual Composer ، السمة للتحكم في عرض الحاويات. للسبب نفسه ، يوصون بتصميم العرض الكامل / المضمَّن.

توفر الوحدات المخصصة من plugin Astra Pro Addon المزيد من خيارات التصميم.

محتوى محاصر - تخطيط الحاوية

محرر المستندات »إعدادات أداة التخصيص» عام »محتوى محاصر - تخطيط الحاوية

لقد ناقشنا سابقًا أنه يمكن أن يحتوي موقع الويب عادةً على حاويتين:

الحاوية الأساسية: حيث يظهر المحتوى الرئيسي

الحاوية الثانوية: تتكون من شريط جانبي وعناصر واجهة مستخدم مختلفة

إذا اخترت "تخطيط مربع المحتوى" ، فستظهر الحاوية الأساسية فقط في التنسيق المعبأ. حيث ستبقى الحاوية الثانوية على خلفية عادية.

5.png

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

يمكن العثور على إعدادات التخطيط المعبأ على النحو التالي:

 المظهر> تخصيص> عام> حاوية

علاوة على ذلك ، إذا كنت تريد تطبيق حاوية مختلفة للصفحات الفردية ، فيمكنك القيام بذلك من إعدادات التعريف.

  • يمكن تطبيق حاوية محتوى محاصر على صفحات أو منشورات محددة ، من إعدادات التعريف.
  • تحدد إعدادات تخطيط الموقع عرض الحاوية.
  • بمساعدة plugin Astra Pro Addon ، يمكنك تغيير لون خلفية الموقع من خلال وحدة الألوان والخلفيات. ومع ذلك ، إذا لم يكن لديك Astra Pro ، فيمكنك أيضًا إضافة صورة خلفية باستخدام Custom CSS.

ميزات موضوع Astra المجاني

Astra هو بلا شك أفضل موضوع لـ Elementor. إنه يعمل بشكل رائع مع Elementor ، مما يجعله أفضل سمة مجانية لبناء مواقع الويب. أدناه ، ناقشنا الميزات التي تجعل Astra أفضل سمة.

العرض الكامل / التخطيط الممتد

توفر Astra عرضًا كاملاً / تخطيطًا ممتدًا ، تم تصميمه خصيصًا لـ Elementor. باستخدام هذا التخطيط ، يحصل Elementor على التحكم الكامل في التخطيط الخاص بك ، مما يحررك من مشكلة تضمين طريقة JavaScript المعقدة لتوسيع صفوفك أو أقسامك إلى العرض الكامل.

Full-width or ممتد. png

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

تنتج معظم السمات هذه الميزات افتراضيًا ، مما يقلل من سيطرة المستخدم على تصميم الموقع.

تعطيل. png

خيارات عالمية من أداة التخصيص

تتيح لك خيارات Astra العامة تعيين التخطيط المطلوب والشريط الجانبي والإعدادات المخصصة الأخرى المناسبة لـ Elementor في Customizer مباشرة. يعد الخيار العالمي مثاليًا خاصةً إذا كنت تقوم بإنشاء موقع ويب حيث تم تصميم معظم الصفحات باستخدام Elementor.

مرة أخرى ، إذا كنت تريد إعدادات مختلفة للصفحات الفردية ، فسيتم إلغاء الخيار العام بواسطة هذه الإعدادات الفردية.

الخيارات العالمية. png

متوافق مع Elementor Pro 2.0

Astra هي واحدة من تلك السمات القليلة المتوافقة تمامًا مع Elementor 2.0 Theme Builder. باستخدام Astra و Elementor Pro 2.0 Theme Builder ، يمكنك تصميم كل جانب من جوانب موقع الويب الخاص بك. سواء كان الأمر يتعلق بتحديد رأس أو تذييل أو قوالب مدونة أو أي شيء آخر ، يمكنك الحصول على ما تريد باستخدام هاتين الأداتين القويتين.

elementor.png

تكامل العنصر

تقدم Astra تكاملًا ذكيًا مع Elementor. إذا كنت تقوم ببناء صفحة باستخدام Elementor ، فسيقوم Astra تلقائيًا بتعيين تلك الخيارات الأفضل لـ Elementor. يوفر هذا التكامل الذكي الكثير من الوقت والطاقات التي يمكنك استخدامها في أشياء مهمة أخرى.

تقدم Astra أكثر من 30 نوعًا من الرؤوس وأكثر من 10 أنواع من التذييلات. يمكنك اختيار ما إذا كنت تريد رأسًا شفافًا أم صلبًا. يمكنك حتى بناء رأسك من البداية على elementor ، وفقًا لمتطلباتك المخصصة ، باستخدام الملحق Astra Pro.

header footer.png

خيارات رأس الجوال

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

mobile header.png

خفيف الوزن وخالي من الانتفاخات

توفر Astra الدعم لـ Elementor. هذا يعني أن Astra لا يكرر الميزات التي يقدمها elementor. Astra خفيف الوزن وموضوع معياري. فإنه يأخذ عناية من مستحضرات التجميل، مثل الألوان العالمية، الطباعة، وتصفيف الشعر، وحزب ثالث plugin التكامل. حيث أن Elementor يتعامل مع جزء بناء الصفحة.

وزن خفيف. png

فكرتان حول "إعداد محتوى بعرض كامل أو صندوق مع سمة Astra Free"

  1. Ik heb een vraag over het aanpassen van de container. يموت في دي تولد في تي ستيلن. Maar nergens lees ik hoe je de hoogte van de container box (blok) kunt instellen. موقع Bij mijn هو خفة دم رائعة. Ik zou de body tekst dichter op de header Willen hebben door het blok waarin deze staat minder hoog te maken.

    1. مرحبًا ، لا يوجد إعداد للارتفاع ، يتم تحديده من خلال محتوى جميع أقسام الصفحة + الهوامش. في حالتك ، أعتقد أنها مشكلة هامش / حشو رأسك أو القسم الأول.

اترك تعليق

لن يتم نشر عنوان بريدك الإلكتروني. الحقول المطلوبة محددة *