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

موضوع أسترا

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

حاوية

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

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

يؤدي استخدام سمة Astra إلى تسهيل تطبيق تخطيطات الحاوية على موقع الويب بأكمله. يمكنك إعداد الشبكات من خلال خيار Customizer. يمكن العثور على ذلك في علامة تبويب المظهر: Appearance > Customizer > Global > Container.

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

عرض الحاوية

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

1.png

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

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

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

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

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

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

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

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

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

ووكومرس

EDD ( Easy Digital Downloads )

تعلم داش

رافع LMS (3)

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

توفر الوحدات المخصصة plugin Astra Pro Addon خيارات أكثر تقدمًا. تحتوي الوحدات المخصصة plugin Astra Pro Addon على هذه الخيارات:

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

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

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

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

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

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

تشكل الحاوية الثانوية

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

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

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

4.png

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

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

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

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

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

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

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

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

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

5.png

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

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

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

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

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

ميزات موضوع أسترا المجاني

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

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

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

عرض كامل أو ممتد.png

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

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

Disable.png

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

تتيح لك خيارات Astra العالمية ضبط التخطيط المطلوب والشريط الجانبي والإعدادات المخصصة الأخرى المناسبة لـ Elementor مباشرةً في أداة التخصيص. يعد الخيار العالمي مثاليًا خاصةً إذا كنت تقوم بإنشاء موقع ويب حيث تم تصميم معظم الصفحات باستخدام 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.

رأس التذييل.png

خيارات رأس المحمول

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

رأس الجوال.png

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

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

خفيفة الوزن.png

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

  1. لدي سؤال حول تخصيص الحاوية. يمكن تعديله في العرض. لكن لم أقرأ في أي مكان كيف يمكنك ضبط ارتفاع صندوق الحاوية (الكتلة). هناك الكثير من اللون الأبيض على موقعي. أرغب في جعل النص الأساسي أقرب إلى الرأس من خلال جعل الكتلة التي يقع فيها أقل ارتفاعًا.

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

اترك تعليق

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