كيفية جعل العرف Shopify الموضوع في 2024؟

خلق العرف Shopify يمكن أن يكون المظهر هو الطريقة المثالية لتمييز متجرك عبر الإنترنت عن عدد لا يحصى من المتاجر الأخرى Shopify المواقع.

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

لا يوجد سوى الكثير الذي يمكنك القيام به لتكييف مظهر جهازك ووظيفته Shopify تخزين مع موضوع موجود.

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

والجدير بالذكر، إنشاء العرف Shopify يمكن أن يكون الموضوع صعبًا بعض الشيء، لأنه يتطلب بعض المعرفة بالبرمجة (والكثير من الصبر).

ومع ذلك، إذا كان لديك الطموح والدعم المناسب، لا يوجد ما يمنعك من إنشاء سمة مذهلة.

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

ما هو Shopify سمة؟ الوصول إلى السيطرة على المواضيع

A Shopify موضوع عبارة عن مجموعة من القوالب التي تتحكم في بنية متجرك عبر الإنترنت وميزاته وأسلوبه وتصميمه.

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

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

إنها ما تعتمد عليه صفحاتك وتطبيقاتك وصورك.

تعتبر السمات مهمة للغاية للأداء العام ونجاح متجرك. بعد كل شيء، حولها 94% من الموقع تعتمد الانطباعات الأولى على تصميم الموقع.

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

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

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

إلى جانب السمات المجانية والمتميزة التي تقدمها Shopifyوالمطورين والمصممين لديهم أيضًا خيار إنشاء السمات المخصصة الخاصة بهم.

هل يمكنك تغيير Shopify موضوع؟

الجواب المختصر هو نعم فعلا!

بعض منصات التجارة الإلكترونية، مثل Wix، تجعل من الصعب تغيير المظهر الخاص بك بعد تحديد تصميم لمتجرك عبر الإنترنت.

يمكن أن يمثل هذا مشكلة للشركات المتنامية التي ترغب في تكييف وظائف موقعها الإلكتروني ومظهره مع تطور علامتها التجارية.

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

ومن هنا يمكنك زيارة Shopify متجر السمات، تحميل السمات من الآخرين vendأو الوصول إلى المواضيع المجانية.

بدافع Shopify, يمكنك الاحتفاظ بما يصل إلى 20 سمة في "مكتبتك" في أي وقت، والتبديل بينهما وقتما تشاء.

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

هل يمكنك إنشاء مخصص Shopify موضوع؟

باعتبارها منصة تجارة إلكترونية مرنة للغاية، Shopify يمنح أصحاب الأعمال الفرصة لإنشاء موضوعاتهم الخاصة.

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

موضوع معد مسبقاً (مثل تلك التي يمكنك العثور عليها على Shopify متجر موضوع)، لا يتطلب منك أي معرفة بالبرمجة.

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

فيما يلي دليل خطوة بخطوة لتخطيط وإنشاء تصميمك المخصص Shopify موضوع.

إيجابيات وسلبيات العرف Shopify موضوع

كيفية إنشاء Shopify الموضوع: دليل خطوة بخطوة

الخطوة 1: التخطيط المخصص الخاص بك Shopify موضوع

قبل ان تبدا diviنانوغرام في Shopify تطوير الموضوع، من الجيد أن يكون لديك خطة واضحة لما تريد تحقيقه.

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

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

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

يمكنك إنشاء "إطار سلكي" أساسي أو قالب موقع ويب باستخدام أدوات مثل Figma أو Miro، أو اطلب المساعدة من مصمم موقع الويب أو المطور إذا كنت قد بدأت للتو.

الخطوة الثانية: فهم أساسيات Shopify الثيمات

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

ومع ذلك، قبل البدء في تجربة التعليمات البرمجية، يجدر التأكد من أنك تعرف قدر الإمكان عن الفروق الدقيقة في Shopify تصميم الموضوع.

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

حتى لو كان لديك بعض المعرفة الأساسية بالبرمجة والتشفير، وتشعر بالثقة في التعامل مع CSS وHTML، فقد تحتاج إلى تحسين مهاراتك في برمجة Liquid.

Liquid هي لغة القوالب المستخدمة خصيصًا لـ Shopify المواضيعويمكنك العثور على موارد وأدلة حول كيفية عملها عبر الإنترنت - والتي يتم نشر الكثير منها بواسطة Shopify.

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

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

الخطوة 3: الاستفادة Shopify أدوات تصميم الموضوع

هناك ثلاثة أشياء أساسية ستحتاج إليها لإنشاء مخصص Shopify الموضوع (بصرف النظر عن معرفتك بالبرمجة). هؤلاء هم:

• Shopify CLI

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

تحتاج إلى إصدار الأوامر في "أسطر النص"، لتخبرها Shopify التغييرات التي يجب إجراؤها على السمة المخصصة الخاصة بك.

يمكنك تثبيت Shopify CLI على نظام التشغيل MacOS، أو Windows، أو Linux، باستخدام التعليمات وجدت هنا.

موضوع الفجر

• Shopify السمة "Dawn" هي السمة المرجعية التي يمكنك استخدامها لبدء بناء تجربتك المخصصة.

ستحتاج إلى الاستنساخ موضوع "الفجر".، للتأكد من أن لديك العناصر الأساسية لتصميمك الجديد.

وهذا يعني في الأساس حفظ نسخة من مستودع GitHub لـ Dawn على الجهاز ستستخدمه لتصميم المظهر الخاص بك.

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

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

حساب جيثب

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

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

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

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

الخطوة 4: العمل مع السائل

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

وهذا يعني أن تتعلم قدر المستطاع عن لغة البرمجة Liquid. Liquid هي لغة برمجة متخصصة مصممة بالكامل من أجل Shopify مخازن.

وهو يتألف من ملفات HTML مع التعليمات البرمجية المضمنة، لذلك لا تحتاج إلى الكثير من المعرفة بالبرمجة الخلفية لإنجاز كل شيء.

إذا كان لديك بالفعل معرفة أساسية بـ CSS وHTML، فلن تواجه مشكلة كبيرة في العمل مع Liquid.

لغة البرمجة السائلة يعمل كجسر بين الكود الموجود في متصفح عميلك، والبيانات Shopify الاستخدامات الخاصة بك Shopify تخزين.

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

فيما يلي مثال على رمز Liquid للتحقق منه:

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

تذكر، إذا كنت جديدا على Shopify تطوير الموضوع، التأكد من أن كل شيء يعمل بشكل مثالي ويبدو رائعًا قد يتطلب بعض الوقت والخطأ.

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

إذا كنت بحاجة إلى إرشادات إضافية، فهناك "نظرة عامة على بنية الموضوع"دليل على Shopify موقع المطور الذي يمكن أن يوفر لك بعض الإرشادات المفيدة.

الخطوة 5: اختبار ومعاينة المظهر الخاص بك

بمجرد إجراء التغييرات على إطار عمل "Dawn" باستخدام الكود، والمصادقة على السمة الخاصة بك Shopify (عن طريق ربطه بحسابك), ستتمكن من معاينة عملك باستخدام Shopify خيار تطوير الموضوع التفاعل مع التصميم في المتصفح.

يمكنك تشغيل Shopify وظيفة خادم الموضوع مع Shopify CLI لإنشاء والتفاعل مع Shopify الموضوع من خلال جوجل كروم.

أبرز، سوف تحتاج إلى تسجيل الدخول إلى حسابك Shopify حساب المسؤول لاستخدام هذه الوظيفة.

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

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

الخطوة 6: إطلاق الخاص بك Shopify موضوع

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

الخطوة الوحيدة التي يجب اتخاذها هنا هي "دفع" مستودع Git الخاص بموضوعك إلى متجرك عبر الإنترنت باستخدام Shopify تكامل GitHub.

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

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

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

البديل لإنشاء سمة مخصصة

بالرغم ان هناك الكثير من الفوائد لبناء العرف الخاص بك Shopify موضوعيمكن أن تكون عملية معقدة وتستغرق وقتًا طويلاً، خاصة بالنسبة للمبتدئين.

إذا كنت مهتمًا بالعمل مع التعليمات البرمجية، إذًا يمكنك دائمًا التفكير في اتباع نهج بديل باستخدام Shopify باني الصفحة.

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

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

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

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

يمكنك أيضًا استخدام بعض الأدوات لإنشاء قوالب يمكنك إعادة استخدامها خلال عملك Shopify تخزين.

تصميم العرف الخاص بك Shopify موضوع

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

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

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

Shopify الأسئلة الشائعة حول تطوير الموضوع

للحصول على إجابات سريعة لأسئلتك الملحة، إليك بعض الأسئلة الشائعة حول هذا الموضوع.