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

موضوع أسترا

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

حاوية

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

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

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

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

عرض الحاوية

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

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

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

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

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

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

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

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

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

يوفر موضوع 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" المحتوى والشريط الجانبي جنبًا إلى جنب في حاوية واحدة. ستترك هذه الحاوية مساحة حول الحاوية لأنها تعرض بعرض الحاوية.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الشريط الجانبي/ الصورة المميزة/ تعطيل العنوان

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

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

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

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

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

متوافق مع Elementor Pro 2.0

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

التكامل العنصري

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

خيارات رأس وتذييل الصفحة

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

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

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

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

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