كيفية استخدام Avada Header، Footer، ومنشئ تخطيط الأعمدة

أداة إنشاء الصفحات الخاصة بنا، Avada Builder، متاحة الآن في واجهتين: Avada Builder، وهي أداة إنشاء صفحات الإطار السلكي الخلفية لدينا، وAvada Live، وهي أداة إنشاء الواجهة الأمامية لدينا، والتي تم تقديمها مؤخرًا فقط مع Avada 6.0 .

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

صفحة Layout Builder هي المكان الذي ستجد فيه جميع التخطيطات الخاصة بك وأي تخطيطات مشروطة قد ترغب في إنشائها بالإضافة إلى التخطيط العام الذي تم إنشاؤه افتراضيًا. توجد هنا أيضًا المنطقة التي تقوم فيها بتعيين أقسام التخطيط لتخطيطاتك وتحديد شروط تفعيل التخطيطات الشرطية.

يمكن الوصول إلى Layout Builder من لوحة معلومات Avada عن طريق تحديد Layouts > Layout Builder من القائمة المنسدلة. إحدى الطرق الأكثر وضوحًا لوصف التخطيطات هي القول بأنها حاويات تحتوي على أقسام التخطيط الأربعة للصفحة - قسم الرأس، وقسم شريط عنوان الصفحة، وقسم المحتوى، وقسم التذييل. يمكنك معرفة المزيد حول الاختلافات بين أقسام التخطيط والتخطيطات من خلال قراءة هذا المستند: فهم التخطيطات وأقسام التخطيط (PDF). تابع القراءة لمعرفة المزيد حول الأشياء التي يمكنك القيام بها في هذه الصفحة.

يوجد جزأين في أعلى صفحة Layout Builder. تم توضيح أسلوب تعبئة أقسام التخطيط في التخطيط العام أو إنشاء تخطيطات شرطية في القسم الأول (تلميح: يمكنك إغلاق هذا بعلامة X)، وعلى الجانب الأيمن من الشاشة توجد منطقة يمكنك من خلالها قم بإنشاء تخطيطات جديدة مباشرة (انظر أدناه). اكتب اسمًا للتخطيط الجديد الخاص بك ثم انقر فوق "إنشاء تخطيط جديد" لإكمال العملية. يتم إنشاء تخطيط فارغ عند استخدام هذه الطريقة؛ لم يتم تحديد أي أقسام تخطيط أو شروط.

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

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

استخدام تخطيط القسم

كجزء من Avada Layouts، يمكنك الآن إنشاء تذييلات قابلة للتخصيص بالكامل لموقع الويب الخاص بك، مع الاستفادة من القدرة الإبداعية الكاملة لـ Avada Builder لتحقيق ذلك.

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

في الشريط الجانبي لـ WordPress أو لوحة معلومات Avada، حدد Avada > Layouts. يتم إنشاء وإدارة أقسام التخطيط والتخطيطات الخاصة بـ Avada هنا. كما هو موضح أدناه، يكون التخطيط العام فارغًا في البداية، دون وجود أقسام تخطيط مرتبطة به.

تخصيص تخطيط

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

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

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

في شاشة Layout section Builder، حدد نوع قسم Layout، وأدخل اسمًا (في هذا amp ، تذييل، ربما تذييل عام) وانقر فوق إنشاء قسم تخطيط جديد، كما هو موضح أدناه.

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

لا حرج في ذلك، ولكن من الضروري النظر في الوضع. إذا كان التخطيط نشطًا حاليًا (على سبيل المثال، به شروط أو هو تخطيط عام)، فإن أي أقسام تخطيط جديدة ستكون نشطة على الفور وستكون فارغة. من المنطقي إضافة تذييل مخصص إلى التخطيط العام عبر صفحة Layout section Builder أولاً، ثم إضافته إلى التخطيط العام.

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

إضافة قسم تخطيط التذييل إلى التخطيط الشرطي

تحرير التخطيط المخصص

يظهر محرر WordPress الافتراضي عند تحرير قسم تخطيط جديد؛ يمكنك استخدام Avada Builder أو Avada Live من هنا. يتم إنشاء أقسام التخطيط المخصصة هنا. للحصول على معلومات إضافية، راجع إنشاء محتوى قسم التخطيط، ولكن باختصار، يمكنك إنشاء أي شيء هنا.

يمكن أن يحتوي التذييل المخصص الخاص بك على أي شيء يمكنك إنشاؤه في Avada Builder. يمكن أن يكون لديك العديد من الأعمدة والصور وما إلى ذلك؛ وهذا يتيح مرونة هائلة. قسم التخطيط هو المكان الذي ستظهر فيه مادة التذييل. تأتي المادة من المُنشئ، وإبداعك هو القيد الوحيد.

شاهد التذييل الأصلي الذي تم تصميمه للعرض التوضيحي لسيارة الأجرة أدناه؛ تم ذلك عن طريق تغيير خيارات السمة وعناصر واجهة المستخدم للتذييل.

عرض التاكسي > التذييل الأساسي” src=”https://lh3.googleusercontent.com/_xzRCQdf_jBPoJv6eaW9Wx3rdXORc7Ni1945ud13b9kALKA4WdmZpeSSCTnLx-4hcwPKXGF1dl3E0qragaIr_eJ6AiBxO4AMKlY2tuxFbek-S0Z 1PY 3oQTE2UmjI4QzZydYbWqscpkwNbIpjTQ=s0″> انظر إلى التذييل العالمي المخصص لتخطيطات Avada.

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

تصميم تخطيط مشروط

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

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

تعيين قسم تخطيط مخصص

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

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

إضافة أعمدة من Avada Layout builder

يعد عنصر العمود، مثل عنصر الحاوية، مكونًا هيكليًا أساسيًا عند تصميم موقع Avada.

تعد إضافة الأعمدة أمرًا سهلاً نسبيًا باستخدام Avada Layout builder.

  • انقر فوق الزر " + حاوية " لإضافة حاوية إلى الصفحة. عند إدراج حاوية، سيُطلب منك تحديد عمود أو تخطيط عمود. يمكنك إنشاء حاوية فارغة، ولكن عادةً يمكنك إضافة أعمدة في هذه الخطوة.
  • لإضافة أعمدة جديدة إلى حاوية موجودة، قم بالتمرير فوق الحاوية وانقر فوق الزر ' + عمود '. لإضافة عمود جديد، انقر هنا.
  • في الزاوية العلوية اليسرى من العمود، انقر على أيقونة "تغيير حجم العمود". سيكون بنفس حجم العمود الخاص بك الآن. على سبيل المثال amp سيظهر عمود 1/4 كـ "1/4 " ضمن خيار تغيير حجم العمود.
  • قم بسحب وإسقاط الأعمدة لإعادة ترتيبها. يمكنك أيضًا سحب الأعمدة وإسقاطها في الحاويات.

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

في Avada، يمكنك تعيين عرض الأعمدة (والمزيد) بشكل منفصل على تخطيطات كبيرة ومتوسطة وصغيرة. كيفية تعيين ترتيب العرض وحجم الأعمدة في التخطيطات المستجيبة يشرح كيفية استخدام هذه الميزة الجديدة الممتازة مع الأعمدة.

توجد العروض المخصصة ضمن Columns > Design > Width . كما هو موضح أدناه، يتيح لك استخدام رقم النسبة المئوية تحديد عرض مخصص. وبالتالي، تحديد المواقع غير مقيد

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

تضيف Avada أيضًا مجموعات خيارات الاستجابة للحاويات والأعمدة. في الواجهة الخلفية للمنشئ، يمكنك رؤية الرموز المستجيبة على أي أعمدة، كما هو موضح في الصورة أدناه. يعرض Front-End Builder الأيقونات المستجيبة على الخيارات.

تعرض حاويات Flex الجديدة فقط مجموعات الخيارات المستجيبة. الأعمدة الموجودة في الحاويات القديمة غير متوفرة.

خاتمة

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

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

اترك تعليق

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