كيفية استخدام منشئ تخطيط رأس وتذييل وعمود Avada

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

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

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

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

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

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

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

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

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

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

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

تخصيص تخطيط

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

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

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

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

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

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

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

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

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

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

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

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

سيارات الأجرة تجريبي> تذييل الأساسية "SRC =" https://lh3.googleusercontent.com/_xzRCQdf_jBPoJv6eaW9Wx3rdXORc7Ni1945ud13b9kALKA4WdmZpeSSCTnLx-4hcwPKXGF1dl3E0qragaIr_eJ6AiBxO4AMKlY2tuxFbek-S0Z1PY3oQTE2UmjI4QzZydYbWqscpkwNbIpjTQ=s0 "> انظر إلى التذييل العام لـ Avada Layouts Custom.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

استنتاج

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

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

اترك تعليق

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