أداة إنشاء الصفحات الخاصة بنا، Avada Builder، متاحة الآن في واجهتين: Avada Builder، وهي أداة إنشاء صفحات الإطار السلكي الخلفية لدينا، وAvada Live، وهي أداة إنشاء الواجهة الأمامية لدينا، والتي تم تقديمها مؤخرًا فقط مع Avada 6.0 .
باستخدام نظامنا المباشر للحاويات والأعمدة والعناصر، يتيح لك كلا الإصدارين من Avada Builder تصميم تخطيطات صفحات جميلة لموقع الويب الخاص بك بسهولة. Avada Builder هي أداة رائعة لمصممي الويب وأصحاب المواقع المعاصرين على حد سواء، حيث أنها تمنحهم التحكم الكامل في جميع جوانب محتوى الصفحة والتخطيط. يقوم كلا الإصدارين من Avada Builder أيضًا بإنشاء نفس الكود. إنها قابلة للتبديل تمامًا، مما يسمح لك بالحصول على أفضل ما في العالمين مع Avada Builder، المتوفر حاليًا.
- استخدام تخطيط القسم
- تخصيص تخطيط
- تحرير التخطيط المخصص
- تصميم تخطيط مشروط
- إضافة أعمدة من Avada Layout 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. يمكن أن يكون لديك العديد من الأعمدة والصور وما إلى ذلك؛ وهذا يتيح مرونة هائلة. قسم التخطيط هو المكان الذي ستظهر فيه مادة التذييل. تأتي المادة من المُنشئ، وإبداعك هو القيد الوحيد.
شاهد التذييل الأصلي الذي تم تصميمه للعرض التوضيحي لسيارة الأجرة أدناه؛ تم ذلك عن طريق تغيير خيارات السمة وعناصر واجهة المستخدم للتذييل.