ثيمات Hyva لـ Magento: ماذا ولماذا وكيف؟

ربما تكون قد صادفت مؤخرًا اسم "Hyva" في أماكن مختلفة ، من الكثير من الأحداث غير المتصلة بالإنترنت مثل Webwinkel Vakdagen في هولندا ، و Meet Magento NYC / UK ، و Hyva Camp في ألمانيا إلى الأحداث الافتراضية (لقاء Hyva ، Hyva Hackathon). علاوة على ذلك ، أعلن بعض موفري إضافات Magento المنتشرين أن منتجاتهم متوافقة الآن مع سمات Hyva.

ليس بعد ، وفقًا لـ Builtwith ، هناك 1178 موقعًا تستخدم Hyva Themes في الوقت الحالي ، منها 246 و 202 و 168 منها في بلجيكا وهولندا والولايات المتحدة على التوالي.

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

ما هو موضوع Hyva Magento 2؟

كيف جاءت فكرة الموضوع؟

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

بشكل عام ، هناك ثلاثة جوانب سلبية لاستخدام السمة الافتراضية لـ Magento:

• إنه بطيء للغاية
• لديها العديد من الرموز الميتة
• يستغرق الأمر وقتًا للتخصيص

هذا هو سبب دخول Hyva.

نظرة عامة على مواضيع Hyva

Hyva هو موضوع Magento 2 غير تقليدي. من خلال إزالة المكتبات المرهقة مثل RequireJS و KnockoutJS و jQuery من لوحة قالب Adobe Magento القياسية ، واستخدام AlpineJS و TailwindCSS الأفتح بدلاً من ذلك ، تصبح Hyva واحدة من أسرع قوالب Magento الآن.

دعونا نجعلها أكثر بساطة! Hyva هو موضوع لـ Magento 2 يزيل كل الأشياء غير الضرورية في الكود ويغير بعض المكتبات من أجل التطوير لجعلها تعمل بكفاءة أكبر.

كلفة

ما هو سعر Hyva Themes؟ تقدم Hyva رخصة شراء لمرة واحدة تكلف 1000 يورو ، باستثناء ضريبة القيمة المضافة.

مع ترخيص Hyva Themes ، تحصل على وصول كامل إلى كود المصدر وتحديثات غير محدودة. هذا يعني أنه يمكنك دائمًا الاطلاع على أحدث الميزات والتحسينات ، دون الحاجة إلى دفع أي رسوم إضافية. بالإضافة إلى ذلك ، يمكنك الحصول على تثبيت Magento 2 واحد مع نطاقات ومعاينات تخزين غير محدودة.

>>> اشترِ Hyva Themes

هل تستحق ذلك؟

إذا كنت تتطلع إلى تحسين سرعة موقع الويب الخاص بك وأدائه ، فهناك عدد قليل من الخيارات المختلفة المتاحة لك. أحد الخيارات هو تثبيت ملحق Magento 2 Page Speed ​​Optimization. يمكن أن تتراوح أسعار هذه الإضافات من 99 دولارًا إلى 599 دولارًا سنويًا ، ولا تشمل رسوم التثبيت.

خيار آخر هو استخدام خدمات تحسين السرعة. يمكن أن تكلف هذه الخدمات عادةً ما بين 500 دولار و 2000 دولار.

أخيرًا ، يمكنك أيضًا اختيار دمج PWA (تطبيق الويب التقدمي) في موقع الويب الخاص بك. يمكن أن يكلف هذا الخيار في أي مكان من 3000 دولار إلى 20000 دولار.

بالمقارنة ، إذا كنت تستخدم Hyva Themes ، فإن تكلفة شرائها بالإضافة إلى التخصيص قد تأخذ تكلفة مماثلة لتطبيق PWA.

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

موارد

• عرض موضوع Hyva
• التوثيق عبر الإنترنت لموضوع Hyva
• هيفا موضوع جيثب

40 أمثلة على تطبيق موضوع Hyva / دراسات الحالة:

لماذا هيفا ثيمات؟ ما هي قيمهم الجوهرية؟

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

إلى جانب ذلك ، يبدو أن فريق Hyva يركز على تحسين تجربة المطور أكثر من فوائد التاجر عندما تكون 4 من أصل 6 من مبادئهم الأساسية للمطورين (2 للتجار و 1 لكليهما):

• تعقيد أقل (للمطورين)
• أداء محسن (للتجار)
• تجربة مطور محسنة (للمطورين)
• تحسين سرعة التطوير (للمطورين والتجار)
• تقليل التبعيات (للمطورين)
• منحنى التعلم المنخفض (للمطورين)

دعنا نتعمق أكثر في الأسباب التي تجعل رواد الأعمال والمبرمجين يفكرون في استخدام موضوعات Hyva لمتاجر / مشاريع Magento الخاصة بك:

لأصحاب متاجر Magento - حقق سرعة صفحة متسارعة وأعلى النتائج في Google PageSpeed ​​Insights

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

فيما يلي نتائج موضوع Hyva Magento في اختبار سرعة صفحة Google. كما ترى ، فإن جميع الدرجات (لكل من إصدارات سطح المكتب والجوال) رائعة ، من 91 إلى 100:

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

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

لمطوري Magento - تعلم أقل وأسرع ، قم بكتابة الكود بشكل أكثر كفاءة

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

يعد التوثيق الرسمي مصدرًا رائعًا لتعلم كيفية استخدام Hyva ، فضلاً عن فهم هيكل الموضوع وكيفية بنائه باستخدام تبعيتين فقط: AlpineJS و Tailwind CSS. بمجرد أن تفهم هذه الأساسيات جيدًا ، يمكنك البدء في إنشاء تخصيصاتك الخاصة في السمة.

باختصار ، فإن موضوع Magento Hyva سريع التعلم وسيوفر لك الوقت والجهد لإنشاء واجهات متاجر Magento سريعة الاستجابة وسريعة.

كيفية تطبيق سمات Hyva على مواقع Magento؟

لأصحاب متاجر ماجنتو

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

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

بمجرد العثور على عدد قليل من المرشحين المحتملين ، حان الوقت للتواصل والبدء في مناقشة مشروعك. يجب عليك تقديم أكبر قدر ممكن من التفاصيل حتى تتمكن الشركة من تقديم عرض أسعار دقيق لك. مع القليل من البحث والعناية الواجبة ، يمكنك العثور على شركة تطوير موضوع Magento Hyva المثالية لاحتياجاتك.

Tigren هي خدمة تطوير موضوعات Hyva رائدة تتمتع بخبرة تزيد عن 10 سنوات في تطوير موقع Magento. لدينا فريق من المطورين المهرة وذوي الخبرة الذين هم خبراء في تطوير موضوع Hyva ويمكنهم مساعدتك في تحقيق أقصى استفادة من استثمارك. اتصل بنا اليوم لمعرفة المزيد عن خدماتنا ، والحصول على عرض أسعار مجاني ، وكيف يمكننا مساعدتك في الارتقاء بعملك إلى المستوى التالي.

لمطوري ماجنتو

إذا كنت مطورًا وترغب في معرفة كيفية استخدام موضوع Hyva ، فهناك موردان رائعان متاحان: دورة Yireo التدريبية عبر الإنترنت (تبدأ من 259 يورو / سنويًا / للفرد) أو تعلمها بنفسك بناءً على وثائق Hyva الرسمية والنتائج الخاصة بها حول AlpineJS و TailwindCSS.

كلا الخيارين لهما فوائد - الدورة التدريبية عبر الإنترنت مناسبة لأنها تتضمن دروس فيديو بالإضافة إلى تمارين تفاعلية ، بينما يتيح لك التعلم الذاتي التركيز على موضوعات محددة تهمك أكثر. هناك أيضًا العديد من البرامج التعليمية المجانية حول كيفية تثبيت Hyva theme في مواقع Magento 2 التي قد تجدها مفيدة.

موضوع Hyva مقابل تطبيق الويب التقدمي (PWA): مقارنات سريعة

هناك الكثير من الجدل عبر الإنترنت حول أي موضوع Magento أفضل - Hyva أو Magento PWA. ومع ذلك ، نعتقد أن كلاهما لهما نقاط قوته ويشبهما اليد اليمنى واليسرى بوظائف وأغراض مختلفة مفيدة لمتاجر Magento.

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

التشابه

• كلاهما يساعد على تحسين سرعة موقع Magento بشكل كبير ، وهو أمر جيد لتحسين محركات البحث
• كلاهما لا يعمل مباشرة مع ملحقات Magento 2 التابعة لجهات خارجية
• كلاهما خاص بـ Magento 2 فقط
• كلاهما متجاوب بشكل كامل
• يمكن تخصيص كلاهما بسهولة لتلبية الاحتياجات المختلفة
• يمكن أن يستغرق تطوير كلاهما بضعة أيام / أسابيع إلى شهور ، اعتمادًا على مدى تعقيد المشروع وكفاءات المطورين.

اختلافات

• الغرض الرئيسي من Hyva هو زيادة سرعة موقع الويب وتقليل عبء العمل على المطورين بينما يتمثل الهدف الرئيسي لـ Magento PWA في تحسين تجربة المستخدم بمظهر يشبه التطبيق (ليس فقط بما في ذلك سرعة التحميل السريع ولكن أيضًا القدرة على الإضافة إلى الهاتف المحمول الشاشة الرئيسية وإرسال إشعارات الدفع).
• Hyva هي واجهة أمامية متكاملة في Magento بينما PWA هي واجهة متجر منفصلة تحل محل الواجهة الأمامية لـ Magento.
• موضوعات Hyva مقدمة من شركة Hyva ؛ في غضون ذلك ، هناك العديد من شركات تطوير Magento المختلفة التي تقدم موضوعات Magento PWA.
• تكلف موضوعات Hyva 1000 يورو بينما تتنوع تكاليف موضوعات PWA لـ Magento ، من مجاني إلى 1000 دولار. تعتمد رسوم تخصيص المظهر على شريك التطوير الذي اخترته.

إذن ، أيهما سيكون أفضل؟

إذا كنت مطور Magento ، فقد تفضل ثيمات Hyva لأنها أكثر ملاءمة للمطورين. ومع ذلك ، من وجهة نظر أصحاب المتاجر التي تتجاهل عامل جهد المطور ، قد تكون الإجابة 50-50.

بالنسبة لأولئك الذين يبحثون عن حل لتحسين سرعة صفحة الويب الخاصة بهم فقط ، سيكون Hyva theme Magento 2 خيارًا مثاليًا. ولكن بالنسبة لأولئك الذين لا يرغبون فقط في تسريع مواقع الويب الخاصة بهم ولكن أيضًا نظام أساسي يعمل بشكل مثالي على كل من أجهزة سطح المكتب والأجهزة المحمولة ويمكنه إرسال إشعارات الدفع لأغراض التسويق ، فقد تكون سمات Magento PWA أفضل تطابقًا.

أسئلة مكررة

1. ما هي إيجابيات وسلبيات تطوير موضوع Hyva؟

الايجابيات :

• السرعة: يمكن أن تكون سرعة موقع الويب الخاص بك هي الفرق بين إكمال العميل لعملية شراء أو الانتقال إلى موقع آخر. مع Hyva ، يمكنك أن تطمئن إلى معرفة أن موقعك سيتم تحميله بسرعة وكفاءة. هذا المظهر مثالي للتجار الذين يرغبون في تزويد عملائهم بتجربة سريعة وسلسة عبر الإنترنت.
• البساطة: تم تصميم سمات Hyva Magento 2 مع التركيز على تقليل مستويات التعقيد. تم تصميمه باستخدام تبعيات أقل ، مما يعني أنك لن تضطر إلى إدارة المكتبات والوظائف غير الضرورية. يؤدي هذا أيضًا إلى جعل عمليات الضبط والتخصيص أسرع وأسهل. ينتج عن هذا وقت وجهد أقل للمطورين لتطبيق وتخصيص سمة Hyva في مشاريعهم.
• المجتمع: بدعم من مجتمع قوي ومتنامي ، يصبح موضوع Hyva خيارًا أكثر جاذبية للعديد من التجار. عندما تختار استخدام سمة Hyva ، يمكنك الوصول إلى مجتمع Hyva من خلال غرفة Slack. تعد قناة Hyva Community Slack مكانًا رائعًا لتبادل الأفكار والحصول على الدعم من أعضاء آخرين في المجتمع. إذا واجهت أي مشكلة أو كان لديك سؤال عاجل ، فسيكون هناك شخص ما في المجتمع لمساعدتك. علاوة على ذلك ، بفضل جهود المجتمع ، هناك دائمًا ملحقات وميزات جديدة يتم تطويرها لـ Hyva.

سلبيات:

• توافق الامتدادات: إذا كنت تستخدم سمة تستند إلى Hyva ، فقد تجد أن بعض ملحقات الطرف الثالث غير متوافقة. هذا لأن Hyva يزيل جميع التبعيات الإضافية ، والتي يمكن أن تسبب مشاكل عدم التوافق. للتغلب على هذه المشكلة ، دخل فريق Hyva في شراكة مع بعض موفري ملحقات Magento 2 المشهورين لتقديم وحدات التوافق. حتى الآن ، هناك 53 ملحقًا متوافقًا مع Hyva.

• التكلفة: إذا كنت تبحث عن مظهر سريع وموثوق لمتجر Magento الخاص بك ، فإن Hyva يعد خيارًا رائعًا. ومع ذلك ، من المهم أن تضع في اعتبارك أن تكلفة Hyva هي رسوم تدفع مرة واحدة تبلغ 1000 يورو لكل ترخيص. قد يكون هذا مكلفًا بعض الشيء للشركات الصغيرة ، لذا تأكد من تضمين ذلك في ميزانيتك. بالإضافة إلى ذلك ، يمكن أن تتراوح رسوم التثبيت والتخصيص من 5000 إلى 50000 يورو ، ولهذا السبب يجب أن تحصل على عروض أسعار من عدة مزودين قبل اتخاذ القرار النهائي.
• التصميم: إذا كنت تبحث عن تصميم بسيط ونظيف لمتجر التجارة الإلكترونية الخاص بك ، فقد يكون Hyva خيارًا رائعًا. تم تصميم المظهر لزيادة السرعة إلى أقصى حد ، لذلك قد لا يكون مناسبًا للمتاجر التي تحتوي على الكثير من اللافتات والتأثيرات.

2. هل يمكن تطبيق سمات Hyva على متاجر Magento 1؟

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

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

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

3. هل يمكن لموضوعات Hyva حل جميع مشكلات التحميل البطيء لمواقع Magento؟

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

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

4. هل موضوعات Hyva متوافقة مع Magento Open Source و Adobe Commerce؟

السمات التي طورتها Hyva متوافقة حاليًا فقط مع Magento 2 Open Source. ومع ذلك ، لا ينطبق الأمر نفسه على Adobe Commerce. Adobe Commerce هو إصدار على مستوى المؤسسات من Magento والذي يستخدم في الغالب من قبل شركات التجارة الإلكترونية الراسخة. تركز موضوعات Hyva على جعل إطار عملها متوافقًا مع جميع ميزات Adobe Commerce ويتوقعون أن يكتمل هذا في غضون الأشهر القليلة الجديدة.

تلتزم Hyva بتقديم أفضل تجربة ممكنة لمستخدميها ، بغض النظر عن إصدار Magento الذي يستخدمونه. مع وضع هذا في الاعتبار ، فإن Hyva واثقة من أنها ستكون قادرة على تقديم الدعم الكامل لكل من Magento Open Source و Adobe Commerce في المستقبل القريب.

5. ما هو إصدار Magento المطلوب لإعداد سمة Hyva؟

إذا كنت تقوم حاليًا بتشغيل إصدار أقدم من Magento ، فستحتاج إلى الترقية إلى Magento 2.4 أو أعلى لاستخدام سمات Hyva. بمجرد القيام بذلك ، ستتمكن من الاستفادة من جميع الميزات والفوائد الرائعة التي تقدمها Hyva!