مراجعة CrocoBlock أفضل خدمة للحصول على قسيمة خصم Elementor Page Builder

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

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

لذا ، إذا كنت لا تعرف أي شيء عن اشتراك CrocoBlock ، فلنبدأ بالأشياء العامة التي تميز هذه الخدمة.

تشمل خدمة اشتراك CrocoBlock ما يلي:

• +30 جلود حول مواضيع مختلفة مصممة لـ Elementor (المدونات ، المحاسبة ، الوكالة ، الأعمال ، إلخ) ؛
• أكثر من +1000 قسم مُصمم مسبقًا مع وظائف معيارية ؛
• 10 ملحقات Jet توفر جميع أنواع المحتوى والوظائف ؛
• 24/7 دعم احترافي ؛
• ترخيص بسيط سنوي / مدى الحياة.

مع كل هذه الحزمة ، ستتمكن من إنشاء موقع ويب من البداية ، دون أي جهد. دعنا نتعرف على كيفية القيام بذلك ، بافتراض أنك حصلت على مُنشئ الصفحات Elementor Free والترخيص السنوي الفردي في CrocoBlock.

الخطوة 1. التثبيت السريع

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

هنا يمكنك رؤية الخيارات الثلاثة المتاحة التي يمكن أن تأخذك خلال عملية التثبيت:

• حزمة تثبيت سهلة للغاية - هذه الحزمة التي ستستخدمها إذا كنت ترغب في تثبيت جميع منتجات CrocoBlock في وقت واحد ، بما في ذلك سمة Kava ومجموعة ملحقات Jet جنبًا إلى جنب مع المحتوى التجريبي ؛
• حزمة التثبيت السهل - لا تتردد في استخدام هذه الحزمة لتثبيت منتجات CrocoBlock وموضوع Kava بشكل منفصل ، أو في حالة عدم رغبتك في استخدام سمة Kava في الوقت الحالي ، وتفضل استخدام سمة WordPress أخرى ؛
• Jet Plugins Pack - استخدم هذه الحزمة في حالة رغبتك في تثبيت مكونات Jet الإضافية واستخدام الأسطح والأقسام المصممة مسبقًا ، لكنك لست متأكدًا مما إذا كنت ستستخدم أي شيء آخر.

لقد قررت استخدام حزمة CrocoBlock Super Easy Installation Pack حيث سأقوم باستكشاف الوظائف الكاملة للخدمة.

لقد قمت أيضًا بإعداد موقع ويب يحتوي على تثبيت WordPress نظيف عليه.

لقد أخذني المكون الإضافي JetThemeWizard خلال جميع خطوات التثبيت في حوالي دقيقتين. لقد أضفت مفتاح الترخيص واخترت استخدام سمة Kava Child.

ثم قمت بتحديد أحد الأسطح المتوفرة في قائمة الأسطح وانقر فوق زر بدء التثبيت.

تكوين الإضافات

تنقسم المكونات الإضافية إلى كتل مطلوبة ، وموصى بها ، وإضافية . لقد قررت تثبيت كل منهم والنقر فوق الزر التالي. استغرق الأمر مني 38 ثانية كاملة لتثبيت كل شيء.

لقد حددت أيضًا خيار إلحاق المحتوى التجريبي بالمحتوى الموجود ، وقمت بالنقر فوق الزر التالي لمتابعة تثبيت المحتوى التجريبي.

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

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

الخطوة 2. لوحة تحكم CrocoBlock

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

هنا يمكنني الوصول إلى الكتل التالية:

• الترخيص - رمز الترخيص النشط على موقعي ؛
• الإضافات - من هنا يمكنني الوصول إلى جميع المكونات الإضافية المتوفرة في اشتراك CrocoBlock وتثبيتها وإلغاء تنشيطها وتحديثها متى احتجت ؛
• السمة - الكتلة حيث يمكنني تحديث سمة Kava ونسخها احتياطيًا ؛
• الأسطح - هنا يمكنني تحديد مظهر آخر بدلاً من المظهر الذي أستخدمه وتثبيته ؛
• الإعدادات - مكان الوصول إلى علاقات الموقع ، وتسجيل المواقع ، وما إلى ذلك ؛
• دليل المستخدم - يمكنك هنا العثور على روابط للوثائق وقاعدة المعارف ومشاهدة مقاطع الفيديو التعليمية حول منتجات CrocoBlock.

لقد قررت أن أحاول تغيير الجلد إلى جلد آخر ، لذلك اخترت جلد Dolcetti لاستخدامه وانقر فوق خيار التثبيت.

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

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

الخطوة 3. قوالب جزء الموضوع

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

لتحديد موقعهم ، عليك الانتقال إلى CrocoBlock> My Library في لوحة تحكم WordPress .

كما ذكرت سابقًا ، لقد قمت بتعيين أحد الأسطح ، وقد تضمنت بالفعل قوالب رأس وتذييل.

توجد هذه القوالب في كتل الرأس والتذييل وهي متاحة للتحرير باستخدام منشئ الصفحة المباشرة Elementor .

إذا كنت تريد تغيير قالب الرأس إلى قالب آخر ، أو تخصيص مظهره ، يمكنك القيام بذلك من هنا.

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

للوصول إلى مكتبة الرؤوس ، يحتاج المرء إلى النقر فوق Magic Button وهنا حدد أحد قوالب الرأس المتاحة ثم انقر فوق Insert لتطبيقه.

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

قالب صفحة الأرشيف

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

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

في المستقبل ، ستتوفر قوالب الأرشيف الجاهزة للاختيار من مكتبة Magic Button ، ومع ذلك ، فهي غير متوفرة في الوقت الحالي.

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

الخطوة 4. إنشاء قائمة

بمجرد تعيين رأس ، يمكنك إضافة قائمة إليه باستخدام عنصر واجهة مستخدم Nav Menu ، أو عنصر واجهة مستخدم لوحة Hamburger ، أو استخدام المكون الإضافي JetMenu الذي يمكن أن يساعدك بسهولة في إنشاء قائمة ضخمة رأسية أو أفقية.

لقد قررت إنشاء قائمة أفقية ضخمة ، واستخدامها في رأسي. للقيام بذلك ، قمت بتثبيت المكون الإضافي من CrocoBlock> Plugins block ثم انتقلت إلى Appearance> Menus للتحقق من قائمتي الرئيسية.

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

لقد قمت بتمكين خيار Mega Submenu ثم نقرت على خيار تحرير محتوى عنصر القائمة الضخمة. عند فتح محرر Elementor ، أضفت عدة أعمدة ، ثم أضفت بعض عناصر واجهة المستخدم لوضعها داخل قائمة الميغامين الخاصة بي. ثم قمت فقط بالنقر فوق "تحديث" لحفظ القالب والتنقل للخلف.

أضف قائمة ضخمة إلى قالب الرأس

للقيام بذلك ، يتعين على المرء فتح CrocoBlock> My Library ، وهنا ابدأ في تحرير قالب الرأس المطلوب.

دعنا نعثر على عنصر واجهة المستخدم Mega Menu في قائمة عناصر واجهة المستخدم وقم بإفلاته في القسم المطلوب. ثم يتعين علينا تحديد قائمة لاستخدامها ، وإجراء بعض التخصيص لمظهرها في Style block - ونحن على ما يرام!

بالمناسبة ، لمعاينة عنصر القائمة الضخم ، يمكنك فقط التمرير فوق عنصر القائمة المطلوب حيث أضفت قائمة ضخمة!

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

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

اقرأ أيضا:

قائمة 12 من أفضل ثيمات WordPress لأفضل الوظائف

أفضل ثيمات WooCommerce WordPress

مراجعة PremiumPress

قائمة أفضل 20 ثيمات ووردبريس رياضية

الخطوة 5. ملحقات طائرة للعنصر

JetMenu هو جزء فقط من حزمة ملحقات Jet الضخمة المضمنة في CrocoBlock. كانت هذه المكونات الإضافية شائعة بالفعل حتى قبل إطلاق الخدمة. في الوقت الحالي ، من الصعب التغاضي عن القوة التي يضيفونها إلى موقع الشخص.

كما ذكرت ، بعضها مطلوب عند تثبيت الجلد ، ويمكن الوصول إلى الآخرين من CrocoBlock Dashboard. دعونا ننظر إليهم عن كثب.

• JetElements

يضيف هذا المكون الإضافي +30 عنصر واجهة مستخدم جديدًا لـ Elementor ، بما في ذلك Inline SVG ، و Banners ، و Portfolio ، و Image Layouts ، و Timeline ، وما إلى ذلك. تحتوي كل عنصر واجهة مستخدم على إعدادات أسلوب واسعة ، وعندما يتم دمجها ، فإنها تغطي تقريبًا أي نوع من المحتوى.

• JetBlog

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

• JetMenu

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

• جيتابس

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

• جيت تريكس

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

• JetBlocks

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

• JetReviews

استخدمه لإنشاء كتل مراجعة أنيقة على الصفحات التي تم إنشاؤها باستخدام Elementor.

هناك أيضًا ملحقات JetEngine و JetThemeCore و JetWooBuilder ، لكن الوظائف التي توفرها تختلف قليلاً عن المكونات الإضافية الموضحة أعلاه. تم وصف بعضها بالفعل ، وسيتم ذكر البعض الآخر بشكل أكبر.

الخطوة 6. صفحات المنشورات الفردية. إنشاء صفحة أرشيف

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

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

من فضلك ، لاحظ أنه من أجل القيام بذلك ، أولاً ، سيتعين علينا تثبيت وتفعيل المكون الإضافي JetEngine .

كيف تعرض مشاريعك؟

1. اضطررت إلى إضافة نوع نشر المشاريع. للقيام بذلك ، انتقلت إلى JetEngine> Post Types وانقر فوق الزر Add New.
2. ثم قمت بملء المعلومات العامة حول نوع المنشور المخصص الخاص بي ، مثل العنوان والارتباط التقريبي ، وقمت بتغيير إعدادات المنشور (لقد قمت بتعيين رمز لنوع المنشور المخصص الجديد الخاص بي وحدد أنه يجب أن يدعم كتل العنوان والمحرر والصورة المصغرة ؛ لقد أضفت أيضًا العديد من حقول التعريف المخصصة).
3. بعد حفظ التغييرات ، اكتشفت عنصرًا جديدًا في لوحة المعلومات الخاصة بي يسمى "المشاريع" مع الرمز الذي قمت بتعيينه له. لقد أضفت العديد من المشاريع باستخدام كتلة نوع المنشور المخصص الجديد هذا ، وقم بتعيين الصور المصغرة لتطبيقها عليها.
4. ثم عدت إلى JetEngine> القوائم وقمت بإنشاء قائمة جديدة باستخدام نوع المنشورات. لقد حددت أيضًا نوع منشور المشاريع كمصدر المنشور المطلوب.
5. بعد ذلك ، أضفت العديد من عناصر واجهة تعامل Dynamic Field وأداة Dynamic Image إلى الصفحة واخترت مصدر المحتوى الذي أحتاجه لإخراج: العنوان والمحتوى للحقول الديناميكية والصورة المصغرة في عنصر واجهة المستخدم Dynamic Image.
6. لقد أضفت أيضًا عنصر واجهة مستخدم ديناميكي لعرض تاريخ النشر ومؤلف قالب المنشور المخصص الخاص بي.

تم تطبيق القالب الذي قمت بإنشائه على جميع المنشورات المخصصة التي لها نوع المشاريع.

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

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

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

الخطوة 7. بضع كلمات حول تقديم WooCommerce إلى Elementor

إذا كنت ترغب في إنشاء متجر على الإنترنت باستخدام Elementor وتبحث عن أفضل طريقة للتعامل مع هذه المهمة ، فيمكن أن يساعدك CrocoBlock حقًا في التعامل مع هذه المهمة. يتضمن قوالب صفحة المنتج المنفردة المصممة مسبقًا بالإضافة إلى المكون الإضافي القوي JetWooBuilder ، الذي يوفر مجموعة من 15 عنصر واجهة مستخدم ديناميكي لعرض محتوى WooCommerce وتصميمه بدون أي CSS أو PHP.

يسمح المكون الإضافي JetWooBuilder بما يلي:

• إنشاء قوالب صفحة WooCommerce Single Product ؛
• إضافة تخطيطات تصنيف المنتج والمنتج ؛
• عرض المحتوى الديناميكي مع مجموعة الأدوات الخاصة المصممة خصيصًا لمنتجات WooCommerce.

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

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

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

عند فتح Elementor Editor هنا ، سترى مجموعة الأدوات المستخدمة لصفحة منتج واحد:

• زر إضافة إلى عربة التسوق
• صورة واحدة
• عنوان واحد ، إلخ.

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

في حالة احتياجك إلى تعيين القالب الذي تم إنشاؤه حديثًا لجميع المنتجات الموجودة على الموقع ، يمكنك القيام بذلك في WooCommerce> كتلة الإعدادات. هنا تحتاج إلى النقر فوق علامة التبويب JetWooBuilder والوصول إلى إعدادات شرط قالب منتج واحد.

جرب الحاجيات

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

• فئات الشبكة ؛
• قائمة المنتجات؛
• شبكة المنتجات
• بلاط التصنيف.

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

تلخيص: مراجعة CrocoBlock أفضل خدمة للحصول على كوبون خصم Elementor Page Builder

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

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

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

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