مراجعة البرنامج المساعد Qubely Gutenberg Block Editor & Page Builder & التثبيت
نشرت: 2019-11-22مع مرور الأيام ، بدأ الناس يتوهمون محرر جوتنبرج. لم يجلب محرر WordPress القائم على الكتلة نظامًا جديدًا لبناء الصفحات فحسب ، بل أتاح أيضًا لمستخدمي WordPress الكثير من الإمكانات الجديدة. باستخدام كتلة Gutenberg الافتراضية ، يمكنك إنشاء موقع ويب أفضل بكثير من ذي قبل. لكنك ستشعر بالحاجة الماسة إلى الكتل والوظائف المتقدمة لتصميم صفحات ويب احترافية.
هذا هو المكان الذي تلعب فيه Qubely - مجموعة أدوات Visual Gutenberg Block Toolkit التي تقلل من قيود محرر Gutenberg وتفتح إمكانيات غير محدودة لإنشاء أي تخطيط بسيط إلى معقد على موقع WordPress.
مع الكثير من كتل Gutenberg المخصصة والأقسام المضمنة وتخطيطات الصفحة الجاهزة وعالم من خيارات التصميم ، فإن Qubely ليس مجرد مكون إضافي للكتلة Gutenberg ولكنه مجموعة أدوات تصميم على محرر كتل Gutenberg يمكنك استخدامه لتصميم أي تخطيط حرفيًا أستطيع أن أتخيل.
لماذا قد تحتاج إلى مكون إضافي جوتنبرج بلوك؟
سؤال جيد. إذا كان بإمكان محرر Gutenberg مساعدتنا في إنشاء صفحات الويب بسهولة ، فلماذا أحتاج إلى مكون إضافي تابع لجهة خارجية ، أليس كذلك؟ الإجابة هي أنه بينما يخفف Gutenberg جهودك ويسمح لك بإنشاء صفحات ويب بذكاء ، إلا أنه يحتوي على بعض القيود وقد لا تغطي الكتل الافتراضية نوع المحتوى الذي تريد نشره.
أثناء توفير الكتل الأساسية ، يوفر مكون إضافي لكتل Gutenberg مثل Qubely المزيد من الخيارات للقيام بالأشياء التي تحتاج إلى القيام بها على موقع WordPress الخاص بك. لذلك ، إذا كنت تريد نقل محرر Gutenberg إلى مستوى جديد ، فأنت تحتاج فقط إلى مكون إضافي يوسع وظائفه ويقدم كتل مخصصة.
يقوم Qubely بتوسيع Gutenberg بالعديد من الكتل المخصصة المفقودة في المحرر الافتراضي ، ويمكنك التحكم في محرر قوالب WordPress مع القدرة على تطبيق العديد من خيارات التصميم. بالإضافة إلى ذلك ، تحصل على الكثير من الأقسام والتخطيطات الجاهزة مما يعني أنك لست مضطرًا حتى لتصميم الأشياء من البداية. تتيح لك كتل Gutenberg المخصصة من Qubely إنشاء صفحات ويب مذهلة وكذلك محسّنة للجوال.
ما هو البرنامج المساعد Qubely Gutenberg Block الذي يحتوي عليه من أجلك؟
إذا كنت مقتنعًا وترغب في تثبيت مكون إضافي كتلة Gutenberg على موقع WordPress الخاص بك ، فإن توصيتنا ، ولا تتفاجأ ، هي Qubely. دعنا نحفر بعمق داخل مجموعة أدوات Qubely Gutenberg لمعرفة ما يحمله لك.
ميزات مجموعة أدوات Qubely Gutenberg Block
حزم تخطيط الصفحة الجاهزة
Qubely ، لتبدأ ، تقدم الكثير من حزم تخطيط الصفحة ويمكنك استيراد تخطيطات الصفحة وتخصيص مظهرها. تأتي حزمة تخطيط الصفحة في فئات مختلفة بحيث يمكنك التنقل خلالها بسهولة واختيار الفئة التي تريدها. تتكون كل حزمة من جميع الصفحات الضرورية حسب النوع.
أقسام مدمجة
توجد مكتبة غنية من الأقسام المحددة مسبقًا في Qubely لمساعدتك في إنشاء موقع ويب بسرعة. يمكن استيراد هذه الأقسام الجاهزة واستخدامها ككتل في محرر Gutenberg ولن تحتاج إلى إنشاء أقسام من البداية. هناك فئات مختلفة من الأقسام المحددة مسبقًا بحيث يمكنك التنقل خلالها بسهولة والعثور على القسم المطلوب.
كتل جوتنبرج المتقدمة
هذا هو المكان الذي تصبح فيه Qubely أكثر إثارة للاهتمام. هناك العديد من قوالب Gutenberg المخصصة في Qubely لإنشاء أي تخطيط يمكنك تخيله. من خلال تثبيت المكون الإضافي Qubely ، يمكنك إضافة 22+ كتلة مخصصة إلى محرر كتلة Gutenberg والانتقال بتجربة بناء الصفحة على Gutenberg إلى المستوى التالي.
كتل جوتنبرج المتقدمة داخل قبلي
- صف
قم بإنشاء تخطيطات صفوف وأعمدة قابلة للتخصيص بالكامل مع وظائف مذهلة. اسحب لتغيير حجم الأعمدة للحصول على التخطيط المطلوب. التحكم في التباعد أو إضافة الصورة أو الفيديو أو اللون أو التدرج أو وضع المزج إلى خلفية الصف.
- زر
صمم أي مجموعة ممكنة من التخطيط أو الأشكال أو الواجهة في الأزرار. زر النمط مع الخيارات المتاحة في كتلة الأزرار.
- شهادة
اعرض الشهادات بشكل خلاق مع الأسماء والأفاتار والأيقونات والمزيد. اختر تخطيط الشهادة من الخيارات المعطاة. حدد ما إذا كنت تريد إظهار رمز الاقتباس والرسالة والاسم والتعيين والصورة الرمزية والتصنيفات.
- أيقونة
ضع الرموز في أي مكان باستخدام أيقونات Font Awesome وقم بتصميمها على طريقتك. عرض الرموز مع أو بدون الخلفية والحدود. أيقونات النمط من خلال تحديد حجم الرمز والمحاذاة والارتباط ولون الخلفية والظل.
- خرائط جوجل
يمكنك تضمين خرائط Google وتخصيص ارتفاع الخريطة وخريطة التكبير / التصغير وخيارات أخرى!
- مقسم
فواصل جميلة مصممة مسبقًا مع إعدادات النمط ومحاذاة الفواصل بمرونة.
- نص متقدم
اضافة وتصميم النصوص. قم بتطبيق الحدود وظل الصندوق وضبط الطباعة أيضًا.
- يعداد
أضف عدادًا بإعدادات شاملة مثل الحد والمدة والتصميم والبادئة والإصلاح وما إلى ذلك.
- نوافذ التبويب
اعرض المحتوى في علامات تبويب وأضف رسومًا متحركة وأيقونات وغير ذلك الكثير!
- الأكورديون
عرض محتوى نصي قابل للطي مع إعداد نمط غير محدود في واجهة قائمة منسدلة.
- فيديو منبثق
فيديو منبثق وصممه بأيقونات ، غلاف ، تراكب لمشاركة الزوار المذهلة. قم بتطبيق التراكب و Box-shadow وإضافة الرسوم المتحركة إلى نافذة الفيديو المنبثقة.
- عنوان
عناوين النمط مع الرسوم المتحركة والطباعة والحدود والعديد من الخيارات المتقدمة الأخرى.
- شريط التقدم
عرض الإحصائيات على أشرطة التقدم مع خلفية الشريط والرسوم المتحركة ، وأكثر من ذلك.
- الرموز الاجتماعية
أضف ملفات تعريف الوسائط الاجتماعية في مكان واحد باستخدام التسمية أو الرمز أو كليهما.
- مجموعة الأزرار
لديك العديد من الأزرار في مكان واحد مع خيارات تصميم مرنة وتخطيطات إبداعية.
- معلومات مربع
ضع المعلومات على الموقع بشكل جميل باستخدام Infoboxes التي من المؤكد أنها تجذب انتباه المستخدم. تأتي كتلة مربع المعلومات مع العناوين والعناوين المسبقة والرسوم المتحركة والفواصل والعديد من الخيارات المخصصة لصناديق المعلومات الأنيقة في موقعك.
- قائمة متقدمة
احصل على قوائم متقدمة لعرضها مع تخطيطات جاهزة وخيارات تخصيص.
- نموذج الاتصال
دع زوار الموقع يتفاعلون في نماذج الاتصال مع الحقول المفيدة. تمكين / تعطيل العناصر النائبة والتسميات في نموذج الاتصال. تصميم طباعة الملصق مع حجم الخط المطلوب والارتفاع والتباعد والمزيد. قم بتحسين أنماط الإدخال الخاصة بك وتمكين captcha.
- قائمة الرموز
ضع قوائم أيقونات جذابة مع الكثير من الرموز وخصص مظهرها.
- التسعير
صمم جدول أسعار بخطط مختلفة بشكل فردي باستخدام تخطيطات متعددة محددة مسبقًا. إظهار الميزات والشارات ونص زر النشر في الخطة. قم بإعداد مدة الخطة والطباعة وشارات النمط وتعديل النصوص في الوقت الفعلي.
- كتلة التفاف
لف أي كتلة بخلفية اللون المفضل لديك والمزيد باستخدام Block Wrapper.
الفريق: قم بتجميع كل من أعضاء الفريق على حدة مع تفاصيلهم مثل الأسماء والتعيينات والصور.
- صورة
قم بإدراج الصور وتجميلها باستخدام Qubely Image Block.
- الجدول الزمني
قدم الجداول الزمنية للأحداث المختلفة مثل إصدار المنتج وتاريخ الشركة والمعالم والتحديثات القادمة والإنجازات وغيرها الكثير مع كتلة الجدول الزمني الجديدة من Qubely. اعرض الجداول الزمنية وخرائط الطريق المفصلة وصممها باستخدام الكثير من خيارات التخصيص.
بعض أفضل ميزات Qubely بالتفصيل
منشئ التخطيط الذكي (هيكل عمود الصف)
يمكنك إنشاء أي تخطيط لصفحة ويب بسيط إلى معقد بهيكل عمود الصفوف مباشرة في محرر Gutenberg. إن مفهوم بناء تخطيط عمود الصف المستخدم على نطاق واسع لمنشئي الصفحات الرئيسيين موجود في محرر Gutenberg ، وذلك بفضل Qubely.
مجموعات متعددة الصفوف الأعمدة
هناك مجموعات متعددة من الأعمدة بأرقام وأحجام مختلفة. تتيح لك كتلة الصف في Qubely أخذ 1 إلى ما يصل إلى 6 أعمدة في صف واحد في المرة الواحدة. عليك فقط أن تختار ما تحتاجه.
أعمدة قابلة للتعديل
قم بسحب الأعمدة وتغيير حجمها ببساطة. بعد اختيار صف لعدد معين من مجموعات الأعمدة ، ما عليك سوى ضبط أحجام الأعمدة عن طريق سحبها. قم بعمل التخطيط الذي تريده باستخدام نظام عمود قابل للتعديل.
إعدادات العمود الصفوف المتقدمة
إلى جانب تطبيق المساحة المتروكة والهامش على الأعمدة ، يمكنك أيضًا تعيين خلفية العمود وتحوم الخلفية بلون واحد وصورة وتدرج. امنح حد العمود ، وقم بتطبيق نصف قطر الحد ، وقم بتحريك كل عمود على حدة. أيضًا ، تجاوز خيارات تصميم الأعمدة هذه عن طريق إضافة CSS مخصص إلى الأعمدة.
لون الخلفية الكلاسيكي والمتدرج
هل تريد الحصول على خلفية بلون متدرج؟ لا تقلق. يمكنك أن تفعل ذلك الآن. يتيح لك Qubely إعداد خلفية كتلة بألوان متدرجة وكلاسيكية. قم بتعديل إعداد الخلفية واختر أي لون. هناك لوحة ألوان لاختيار اللون منها.
التحكم في الطباعة المخصصة
يمكنك أن تهتم بطباعة موقعك بالكامل. يوفر Qubely خيارًا مخصصًا للتحكم في الطباعة مع كل كتلة حيث يمكنك تحديد عائلة الخط والحجم والوزن والمزيد بسهولة. يمكنك أيضًا تطبيق وزن الخط وتحويل الخط وتعيين حجم الخط وتباعد الأحرف وارتفاع الخط بالبكسل والإيم والنسبة المئوية بناءً على الأجهزة التي سيتم عرضها عليها.
ضوابط الاستجابة الخاصة بالجهاز
قم بإنشاء تخطيطات سريعة الاستجابة ومحتوى صفحة باستخدام كتل Qubely. تحكم في الاستجابة الكاملة لموقع الويب الخاص بك عن طريق تحديد نقطة التوقف لأحجام الشاشات المتعددة. لذلك ، يصبح كل شيء تقوم بإنشائه باستخدام QUbely مستجيبًا تمامًا. بالإضافة إلى ذلك ، يمكنك تحديد ما إذا كنت تريد إخفاء / إظهار المحتوى على أجهزة معينة.
إعدادات الألوان والطباعة العامة
باستخدام مجموعة أدوات Qubely Gutenberg ، يمكنك إعداد لوحة ألوان وطباعة عامة. إذا قمت بتغيير الألوان في لوحة الألوان العامة ، فستحصل الأقسام المخصصة على اللون تلقائيًا. مثل اللون ، يمكنك أيضًا تحديد الطباعة لنصوص مختلفة مثل النص الأساسي والعنوان والأزرار ليتم تطبيقها عالميًا على جميع أنحاء موقع WordPress الخاص بك.
تأثيرات الرسوم المتحركة المضمنة
حرك أقسام الصفحة عن طريق تطبيق تأثيرات الرسوم المتحركة من التلاشي ، والارتداد ، والانزلاق ، والتكبير ، والوجه ، والطي ، والتدوير ، وما إلى ذلك. تمتع بتأثيرات الرسوم المتحركة على الكتل وجعل صفحات الويب أكثر جاذبية.
الابتداء مع Qubely
يعد إنشاء صفحات ويب جميلة باستخدام Qubely أمرًا سهلاً للغاية. ليس عليك الابتعاد عن محرر WordPress الافتراضي. تقدم Qubely كتل مخصصة داخل محرر Gutenberg. عند تثبيت هذا المكون الإضافي لكتلة WordPress على موقعك ، سيكون لديك جميع كتل Qubely في فئة Qubely داخل محرر Gutenberg. دعونا نلقي نظرة على العملية بأكملها أدناه.
● تثبيت البرنامج المساعد Qubely
● إعداد Qubely
● الوصول إلى كتل Qubely
● استخدم كتل Qubely
● استيراد أقسام / تخطيطات
تثبيت Qubely على موقع الووردبريس
يشبه تثبيت Qubely تثبيت أي ملحقات WordPress أخرى. يمكنك إما تثبيته من خلال البحث من لوحة التحكم الخاصة بك أو عن طريق تنزيله من دليل WordPress ثم تحميله. كامل الخيار لك.
- إعداد البرنامج المساعد Qubely
لا توجد أشياء كثيرة يجب إعدادها داخل Qubely. Qubely ابدأ العمل دون الحاجة إلى تعديل أي شيء في الإعدادات. عند تثبيت Qubely على موقعك ، ستتم إضافة خيارات Qubely إلى لوحة تحكم WordPress الخاصة بك. سيؤدي النقر فوق خيارات Qubely إلى نقلك إلى صفحة إعدادات Qubely حيث يتعين عليك فقط تحديد مكان حفظ CSS الخاص بك. حدد Header أو File System ضمن CSS Save Method وانقر فوق Save Changes أدناه.
- الوصول إلى كتل Qubely
هناك 14 قالبًا مخصصًا داخل Qubely الآن. سنزيد تدريجياً عدد الكتل في التحديثات القادمة. دعنا نعرف كيفية الوصول إليها.
بمجرد تثبيت Qubely على موقعك ، يمكنك الوصول بسهولة إلى كتل Qubely على محرر Gutenberg. انقر فوق علامة الجمع ، واكتب "Qubely" في فئة البحث في Qubely. يمكن أيضًا الوصول إلى الكتل عن طريق كتابة اسم الكتلة المحدد في شريط البحث.
- استخدم كتل Qubely
يشبه استخدام كتل Qubely تمامًا استخدام أي كتل أخرى في محرر Gutenberg. الوصول إلى الكتل من خلال البحث في Qubely أو block name ثم النقر على الحظر لاستخدامه. ستحصل الكتلة المحددة على تصميم افتراضي يمكن تخصيصه وتصميمه باستخدام خيارات Qubely المتقدمة.
- استيراد الأقسام / التخطيطات
هل تريد أن تشعر بالاستعداد من البداية؟ تقدم Qubely الكثير من التخطيطات الجاهزة ليتم استيرادها ككتل. يمكنك أيضًا تخصيص خيارات التصميم وتطبيقها لجعلها أفضل. تأتي الأقسام والتخطيطات الجاهزة في فئات مختلفة لتسهيل التنقل خلالها.
قم بتغليفه
تتحسن Qubely مع المزيد من الوظائف والتصميمات الجاهزة والكتل الجديدة مع كل تحديث. لذلك هناك فرصة أن يلهمك Qubely لاستخدام Gutenberg ويمنحك الكثير من الخيارات لنشر الأشياء التي ترغب في مشاركتها مع العالم بذوق.
فما تنتظرون؟ احصل على Qubely اليوم وابدأ في إنشاء مواقع ويب مذهلة.