قم بالتحرير باستخدام Fusion Builder في قالب Avada WordPress

تحديث نوفمبر 2016 : قامت ThemeFusion بتحديث Avada إلى الإصدار 5.0. يفصل هذا التحديث Fusion builder إلى مكون إضافي فردي ، بدلاً من دمجه مع المكون الإضافي Fusion Core. تم إعادة تصميم Fusion Builder بالكامل وهو مختلف تمامًا عن الإصدارات السابقة.

عندما يُطلب منك ترقية Avada BACKUP لموقعك بالكامل ، بما في ذلك المكون الإضافي Fusion Core المبكر ، وكن مستعدًا لقضاء بعض الوقت في إعادة تنظيم صفحاتك ، حيث لا تنتقل بسلاسة.

إذا كنت قد أجريت بالفعل ترقية Avada 5.0 وكانت صفحاتك معطلة ، فاحصل على إصدار سابق من Avada. باستخدام FTP ، انتقل إلى مجلد wp-content / theme وقم بعمل نسخة احتياطية من الإصدار الجديد. ثم أعد تسميته ، و FTP بالإصدار السابق. يجب أن تحصل على نسخة أكثر إتقانًا من صفحاتك مرة أخرى.

هذا المنشور للإصدار 2.0.3 أو أقدم.

استخدام سمة Avada

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

Fusion Builder هو مكون إضافي تم تطويره بواسطة ThemeFusion ، مطوري Avada ، والذي يتيح تصميمًا سريع الاستجابة داخل السمة.

يمكن أن يكون مربكًا بعض الشيء لأول مرة.

لقد كتبت بعض التعليمات لمساعدتك في تحرير الصفحات أو المنشورات ، باستخدام Fusion Builder داخل قالب Avada WordPress.

قم دائمًا بعمل نسخة احتياطية قبل إجراء التغييرات

لا تقم أبدًا بتحديث نواة WordPress أو السمات أو المكونات الإضافية دون عمل نسخة احتياطية كاملة من المكونات الإضافية والسمات والتحميلات وقاعدة البيانات أولاً.

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

قم بتنشيط Fusion Builder من Avada

قم أولاً بتنشيط Fusion Builder على الصفحة أو المنشور ، باستخدام الزر الأزرق فوق منطقة تحرير المحتوى.

إذا كان مصمم الويب الخاص بك قد قام بالفعل بإعداد الصفحات ، فربما يكون قد قام بالفعل بالنقر فوق الزر. سيغير مظهر محرر المحتوى الخاص بك ، على النحو التالي.

باستخدام Fusion Builder من Avada ، يمكنك إنشاء صفحات ويب سريعة الاستجابة.

كيفية تحرير الصفحات باستخدام Fusion Builder

قم بتسجيل الدخول إلى الواجهة الخلفية لـ WordPress الخاص بك.

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

يجب أن يكون مربع Fusion Builder أعلى شاشة تحرير صفحتك. الأزرار الموجودة في الأعلى تسمى "خيارات الأعمدة" و "عناصر البناء" و "القوالب المخصصة" و "القوالب المبنية مسبقًا".

سوف نتجاهل القوالب المخصصة وقوالب ما قبل البناء لهذه المشاركة.

البدء

خيارات عمود Fusion Builder

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

بمجرد اختيار خيار العمود ، يظهر هذا الخيار في المساحة البيضاء أدناه. لبناء صفحتك ، فكر كما لو كنت تضع لغزًا معًا.

إذا كنت قد أضفت عمودًا من 5 × 6 على اليسار ، فإن الخيار الآخر الوحيد الذي يناسب اليمين هو 1 × 6.

يمكنك سحب عمود واحد من يسار الصفحة إلى يمين الصفحة.

انقر فوق الزر ناقص في أي خيار عمود واحد لتقليل عدد الأعمدة التي سيتخذها هذا العنصر. زر علامة الجمع هو عكس ذلك تمامًا.

عناصر فيوجن بيلدر

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

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

ما عليك سوى النقر فوق الزر Builder Element ، وابحث عن TEXT ، ثم انقر فوقه واسحبه إلى العمود الخاص بك.

مرر مؤشر الماوس فوق العنصر ، ثم انقر فوق رمز فرشاة الرسم الذي يظهر أعلى اليمين لإضافة نص أو تحريره.

يمكن تحرير جميع العناصر باستخدام نفس رمز التحرير.

قم بتغيير النص أو الوسيط داخل العنصر ، ثم انقر فوق حفظ ، سيتم إغلاق المربع.

بمجرد إغلاق هذه النافذة ، انقر فوق الزر الأزرق UPDATE لحفظ التغييرات.

تحرير مربعات المحتوى داخل Avada

توجد مربعات المحتوى ضمن Builder Elements. هذه مفيدة لأنها مرنة حقًا.

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

تقوم شاشة Content Box الرئيسية بتغيير الخيارات لجميع المربعات الفرعية ما لم يكن لدى "الطفل" أسلوبه الخاص.

انتقل إلى شاشة التحرير الخاصة بـ Content Box ، باستخدام رمز فرشاة الرسم.

الخيارات الموجودة في Content Box هي كما يلي:

إعدادات الوالدين / الطفل
ستتحكم إعدادات "مستوى الوالدين" في جميع أنماط المربعات معًا. ستتحكم إعدادات "مستوى الطفل" في كل نمط مربع على حدة.

تخطيط مربع المحتوى
حدد التخطيط لمربع المحتوى

عدد الأعمدة
قم بتعيين عدد الأعمدة لكل صف.

محاذاة المحتوى
يعمل مع خيارات التخطيط "Classic Icon With Title" و "Classic Icon On Side".

حجم العنوان
يتحكم في حجم العنوان. اتركه فارغا لاختيار موضوع الاختيار. بالبكسل على سبيل المثال: 18 بكسل.

لون خط العنوان
يتحكم في لون خط العنوان. اتركه فارغا لاختيار موضوع الاختيار. على سبيل المثال: # 000

لون خط النص الأساسي
يتحكم في لون خط الجسم. اتركه فارغا لاختيار موضوع الاختيار. على سبيل المثال: # 000

لون خلفية مربع المحتوى
اتركه فارغا لاختيار موضوع الاختيار.

رمز الخلفية
اختر إظهار خلفية خلف الرمز. حدد الافتراضي لاختيار خيار الموضوع.

نصف قطر خلفية الرمز
اختر نصف قطر حدود خلفية الرمز. اتركه فارغا لاختيار موضوع الاختيار. بالبكسل (بكسل) ، على سبيل المثال: 1 بكسل ، أو "دائري".

لون الأيقونة
اتركه فارغا لاختيار موضوع الاختيار.

لون خلفية الأيقونة
اتركه فارغا لاختيار موضوع الاختيار.

رمز الخلفية لون الحدود الداخلية
اتركه فارغا لاختيار موضوع الاختيار.

حجم الحد الداخلي لخلفية الرمز
اتركه فارغا لاختيار موضوع الاختيار.

رمز الخلفية لون الحد الخارجي
اتركه فارغا لاختيار موضوع الاختيار.

حجم الحد الخارجي لخلفية الرمز
اتركه فارغا لاختيار موضوع الاختيار.

حجم الرمز
يتحكم في حجم الأيقونة. اتركه فارغا لاختيار موضوع الاختيار. بالبكسل على سبيل المثال: 18 بكسل.

نوع الرسوم المتحركة للتمرير فوق الرمز
حدد نوع الحركة للرمز عند التمرير. حدد الافتراضي لاختيار خيار الموضوع.

تحوم لون الرسوم المتحركة
حدد لون تمييز للرسوم المتحركة عند التمرير. اتركه فارغا لاختيار موضوع الاختيار.

نوع الارتباط
حدد نوع الارتباط الذي يجب أن يظهر في مربع المحتوى. حدد الافتراضي لاختيار خيار الموضوع.

منطقة الارتباط
حدد المنطقة التي سيتم تخصيص الارتباط لها. حدد الافتراضي لاختيار خيار الموضوع.

رابط الهدف
_self = فتح في نفس النافذة
_blank = فتح في نافذة جديدة. حدد الافتراضي لاختيار خيار الموضوع.

تأخير الرسوم المتحركة
يتحكم في تأخير الحركة بين كل عنصر في مجموعة. بالمللي ثانية ، 1000 = 1 ثانية.

إزاحة الرسوم المتحركة
اختر متى يجب أن تبدأ الرسوم المتحركة.

نوع الرسوم المتحركة
حدد نوع الرسم المتحرك المراد استخدامه في الرمز القصير

اتجاه الرسوم المتحركة
حدد الاتجاه الوارد للرسوم المتحركة

سرعة الحركة
اكتب سرعة الحركة بالثواني (0.1 - 1)

أعلى الهامش
بالبكسل (بكسل) ، على سبيل المثال: 1 بكسل.

الهامش السفلي
بالبكسل (بكسل) ، على سبيل المثال: 1 بكسل.

فئة CSS
أضف فئة إلى التفاف عنصر HTML.

معرف CSS
أضف معرفًا لعنصر التفاف HTML.

تحرير "طفل" في مربع المحتوى

انقر فوق رمز فرشاة الرسم لتحرير مربع المحتوى.

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

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

الآن انقر فوق الزر الأزرق حفظ. سيتم إغلاق مربع التعديل.

تذكر النقر فوق الزر UPDATE الموجود على الجانب الأيمن لحفظ الصفحة.

روابط مفيدة

معلومات تحديث Avada