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

اليوم ، وبفضل WordPress ، لم تعد بحاجة إلى معرفة محددة لإنشاء صفحات ويب جذابة. ومع ذلك ، أنت علبة يكون تعثرت بالفعل على موقع ويب يوفر تصميمًا رائعًا حقًا ، وربما تساءلت: كيف تم ذلك؟

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

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

لحسن الحظ ، فإن المساعد وورد « WPBakery Page Builder المعروف سابقا باسم " الملحن البصري » يوفر حلا لهذه المشكلة. مع هذا الأخير ، حتى معظم المدونين المبتدئين يمكنهم إنشاء صفحات بمظهر فريد تمامًا لموقعهم على الويب.

باستخدام هذا المكون الإضافي ، يمكنك إنشاء:

  • صفحات هبوط جذابة (الصفحة المقصودة)
  • من صفحات المبيعات إلى نظرة المهنية
  • مواقع "عرض" لنشاطك التجاري
  • وحدات صفحات للتدريب الخاص بك
  • فترة قصيرة

إنها في رأيي أفضل أداة تنسيق (أو تخطيط) على الإنترنت. خاصة لمستخدمي WordPress.

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

لذلك ...

كيفية تثبيت وتكوين البرنامج المساعد WPBakery منشئ الصفحة

WPBakery Page Builder هو  المساعد قسط يمكنك شراؤه Codecanyon : أفضل منصة المبيعات على الإضافات الإنترنت.

حسنا. بمجرد شراء البرنامج المساعد للتنسيق هذا وتنزيله على WordPress ، كل ما عليك فعله هو تثبيته وتنشيطه.

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

الإعدادات العامة

الإعدادات العامة الملحن البصريعلامة التبويب الأولى (الإعدادات العامة)، يسمح لك بتغيير:

  • المحتوى الذي بصري سوف تكون متاحة. يمكنك التحقق من العناصر (بريد.. اعلاني) و / أو الصفحات (صفحة)
  • القواعد المختلفة لـوصول أدوار مختلفة. مع هذا الخيار يمكنك تحديد الذي يغير ما. سيتم عرض الأدوار المختلفة المتاحة. سوف تضطر إلى النقر فوق كل منها للتحقق من العناصر التي عليه (الدور) سوف يكون الوصول. لديك خيار حظر استخدام " بصري الملحن "لمستخدمي دور معين.
    تفعيل المحرر على WPbakery page builder
  • تمكين أو تعطيل العناصر استجابة
  • تحديد مجموعات فرعية لخطوط Google

اختيار أدوار wpbakeryخيارات التصميم

في خيارات التصميم ، لديك إمكانية تعديل المظهر المرئي الافتراضي للعناصر المختلفة لـ " بصري ملحن ". قبل استخدامه ، تأكد من تحديد الخيار « استخدم خيارات التصميم المخصصة ».

إعدادات المغلق

ستتيح لك هذه الخيارات تحديد اللون الذي ينطبق على جميع العناصر. 

  • ال " عرف المغلق »يمنحك الفرصة لمزيد من التخصيص لكل عنصر ، ويمكن للمطورين فقط معرفة ماهيته.
  • علامة التبويب « ترخيص المنتج »يسمح لك بتنشيط ملف المساعد لتلقي التحديثات التلقائية.
  • علامة التبويب « الهاتفية القصيرة ممتلكات هو أساسا عن المطورين.

حسنًا، سنقوم الآن بإنشاء صفحة ويب مخصصة بها الملحن المرئي.

كيفية إنشاء صفحة مخصصة مع بصري ملحن

لإنشاء صفحات ويب مخصصة بسهولة ، يمكنك الاختيار بين محرر " المكتب الخلفي "، فأنت تقوم بتعديل الموقع من لوحة تحكم WordPress الخاصة بك ، حيث يكون" المكتب الأمامي ".

محرر رأس الأمامية رأس تحرير الخلفية

إذا كنت تستخدم Gutenberg ، فستلاحظ وجود زر "Page Editor" في شريط المهام العلوي.

محرر مرئي محرر لوحة القيادة جوتنبرج

الميزة مع محرر المكتب الأمامي هو أنه يمكنك تحرير صفحاتك مباشرة ومعرفة كيفية ظهور العناصر المختلفة في نسختك.

مع محرر المكتب الخلفي

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

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

التحديثات صفحة تختلف باختلاف ما تنوي القيام به مع الصفحة. لذا يمكنك الاختيار « هبوط الصفحة » لإنشاء صفحة رئيسية ، "قائمة الخدمات" لصفحة تعرض الخدمات ، وما إلى ذلك. من خلال الخبرة ، ستتمكن من إنشاء رهانات en صفحات العرف تصميم الموالية للغاية.

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

على كل سطر ، يمكنك ذلك (من اليسار إلى اليمين) :

  • نقل الخط
  • إدارة الأعمدة في الصف
  • إضافة عمود جديد

wpbakery واجهة باني الصفحةتتوفر خيارات أخرى على يمين المربع. هذه الخيارات تسمح لك (من اليسار إلى اليمين) إلى:

  • تقليل الخط
  • تحرير صف
  • تكرار صف واحد
  • حذف صف

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

قسم الخيارات wpbackeryقسم الخيارات wpbackery

الموارد الموصى بها

إليك بعض الإضافات الملحن البصري الذي نوصي به بشدة:

1 - كيفية إدارة الأعمدة

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

بالطبع ، تتوفر قوالب أعمدة مختلفة 11 ، ولكن يمكنك إنشاء ما تريد من خلال النقر على الرابط "مخصص" أسفل قائمة الأعمدة.

على سبيل المثال ، لعرض قسم من الصفحة بأعمدة 2 بعرض متساوي ، يجب عليك اختيار (أو إضافة) "1 / 2 + 1 / 2". 

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

تخطيط قسم wpbakery

يمكن نقل العناصر المختلفة إلى أي أعمدة.

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

  • خطوة جزء
  • تغيير جزء
  • تكرار جزء
  • Supprimer جزء

خيارات الحركة وعناصر

2 - كيفية إضافة عناصر

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

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

إضافة واحد في الفيديو

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

إعداد الفيديو wpbakeryسيكون الفيديو الخاص بك متاحًا في محرر المكتب الخلفي. احفظ التغييرات الخاصة بك مرة أخرى. يمكنك الآن مشاهدته بمجرد النقر فوق " معاينة ".

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

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

إعدادات كتلة النصالأكثر إثارة للاهتمام مع هذا المساعد، هو أنك سوف تكون قادرة على خلق الجانبية إذا كان الموضوع الخاص بك لا ، على سبيل المثال. للقيام بذلك ، انقر فوق زر الإضافة (" + »)، واختر العنصر " الفسفور الابيض تعليقات آخر "" فيسبوك مثل " و اخيرا " فئات Wp ".

الآن قم بإنشاء قالب العمود المخصص هذا 1 / 3 + 2 / 3 »أو أي عنصر آخر وإضافة العنصر الشريط الجانبي في العمود الأيسر أو في العمود الأيمن. لا يهم لأن الأمر كله يعتمد على مدى العرض الذي تريده لإنشاء الشريط الجانبي ضمن امتداد التخطيط هذا كما هو الحال في Visual Composer.

تكوين عمود wpbakery

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

3 - كيفية حفظ وإعادة استخدام قالب الصفحة

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

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

هام: يجب عليك القيام بذلك على الصفحة التي تريد حفظها كقالب وليس على صفحة فارغة.

تسجيل نموذج wpbakery

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

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

مع محرر المكتب الأمامي

محرر المكتب الأمامي لديه الميزة de تسمح لك بتحرير صفحتك في الوقت الفعلي. بمعنى آخر ، يتيح لك رؤية شكل كل تغيير تجريه على موقعك باستخدام Visual Composer. ميزة هذا النهج هي أنك لست مضطرًا للعمل بشكل أعمى كما تفعل مع محرر صفحة المكتب الخلفي.

يمكنك التبديل من خيار إلى آخر في أي وقت (مكتب المكتب الخلفي أو حافة).

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

شريط أدوات wpbakeryومع ذلك ، تمت إضافة خمسة أزرار جديدة ، وتشمل هذه:

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

خيارات wpbakeryيمكن تعديل كل عنصر في الصفحة ، وستكون قادرًا على رؤية الخيارات المتاحة عن طريق التمرير فوق كل عنصر. على شكل الزر "لعب"، سيسمح لك بعرض المزيد من الخيارات لعنصر.

خيارات الحركة وعناصر من بين المواجهة مكتب

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

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

آمل أن يساعدك هذا البرنامج التعليمي بالكامل باللغة الفرنسية في اتخاذ خطواتك الأولى مع المساعد « الملحن البصري ". إذا كان لديك مشكلة ، نحن (أو المساعدة) سوف نكون سعداء لمساعدتك. لا تنسى: صفحة ويب جميلة تحويل المزيد من العملاء غريبة.

ملحقات الموصى بها

إليك بعض الإضافات الملحن البصري الذي نوصي به بشدة:

اكتشاف المزيد من الإضافات على Codecanyon

مشاركة هذا البرنامج التعليمي مع المحتاجين.