موضوع Flatesome
Flatsome هي سمة WordPress قوية مصممة لمواقع التجارة الإلكترونية وتأتي مع تكامل WooCommerce.
إنها واحدة من أكثر ثيمات WooCommerce شيوعًا في ThemeForest. اعتبارًا من وقت كتابة هذا البرنامج التعليمي ، كان قد تجاوز مبيعات 174.500 وتقييم رائع 4.8 نجمة من أكثر من 6600+ تقييم.
تم تصميم Flatsome بشكل أساسي مع وضع المستخدمين المبتدئين وغير البارعين في التكنولوجيا.
يعد هذا أمرًا رائعًا للأشخاص الذين يرغبون في البدء في عمل تجاري عبر الإنترنت ولكنهم لا يعرفون كيفية البرمجة أو لديهم ميزانية لتوظيف مبرمج محترف. باستخدام Flatsome ، ستتمكن من إنشاء موقع ويب ذو مظهر احترافي باستخدام أدوات بسيطة وبديهية.
الآن ، يأتي Flatsome مليئًا بالعديد من الميزات والوظائف الرائعة. لعرض ما هو متاح وكيف يعمل ، لدينا برنامج تعليمي سريع يوضح لك كيفية إنشاء صفحة منتج WooCommerce باستخدام Flatsome.
لذلك ، دون مزيد من اللغط ، فلنبدأ:
قائمة المحتويات:
- موضوع Flatesome
- الفرق بين Flatsome و WooCommerce و WordPress
- قم بإنشاء صفحة منتج WooCommerce باستخدام سمة Flatsome
- الخطوة 1: حدد تخطيطًا لصفحة المنتج
- (اختياري) الخطوة 2: إنشاء صفحة المنتج يدويًا
- الخطوة 3: تخصيص صفحة المنتج
- تغليف
الفرق بين Flatsome و WooCommerce و WordPress
بينما نرحب بقرائنا الجدد ، يجب أن نضع بعض المعلومات الضرورية للتأكد من أن جميع قرائنا على نفس الصفحة. سنناقش هنا الاختلاف في المصطلحات الثلاثة التي سنستخدمها خلال هذه المقالة.
لنبدأ مع WordPress. وهو منصة حيث قمت بتثبيت مواضيع مختلفة و plugin لخلق موقع الويب الخاص بك. هناك الآلاف من plugin والسمات المتاحة للوفاء بالمهام الأخرى وفقًا لمتطلباتك.
WooCommerce هو plugin نقوم بتثبيته على WordPress والذي يسمح لك بإضافة ميزات مختلفة إلى موقعنا على الويب. من خلال تثبيت هذا plugin ، يمكننا أن نجعل موقعنا الإلكتروني ومتجرنا عبر الإنترنت بوظائف إضافية مثل عربة التسوق ومعالجة الدفع وإدارة المنتجات وما إلى ذلك.
أخيرًا ، ولكن بالتأكيد ، أحد العناصر الأكثر أهمية هو المظهر الخارجي لموقعنا على الويب. Flatsome هو موضوع يسمح لنا بتخصيص منظور موقعنا على الويب وفقًا لرغباتنا. على سبيل المثال ، إذا كان شعار شركتك باللون البرتقالي ، فقد ترغب في الانعكاس على لون موقع الويب الخاص بك. هذا ما يمكن أن توفره لك Flatsome.
قم بإنشاء صفحة منتج WooCommerce باستخدام سمة Flatsome
نظرًا لأن كل قارئنا لديه معرفة حول WordPress و WoCommerce و Flatsome ، فقد حان الوقت للمضي قدمًا في تخصيص صفحة منتجاتنا باستخدام أداة إنشاء UX الرائعة التي تأتي مع سمة Flatsome. إنها ميزة السحب والإفلات التي تجعل حياة المصمم سهلة للغاية.
لقد تسوق الجميع تقريبًا عبر الإنترنت ، ربما بسبب الأوقات الصعبة التي واجهناها في الأشهر القليلة الماضية. كان البقاء في المنزل هو الحل الأكثر أمانًا لنا جميعًا. هذا هو السبب في أن جميع قرائنا سيتفقون على حقيقة أن المتجر عبر الإنترنت أكثر تعقيدًا مقارنةً بالموقع القياسي.
ومع ذلك ، بمساعدة WooCommerce و Flatsome ، أصبحت هذه المهمة سهلة للغاية. تحتاج إلى الجلوس والتخطيط للشكل الذي سيبدو عليه موقع الويب الخاص بك ، وهذا كل شيء. سيكون WooCommerce موجودًا لمساعدتك في خيارات البناء الخاصة به. يمكنك إنشاء متجر متكامل يعمل عبر الإنترنت في بضع دقائق فقط باستخدام السحب والإفلات.
مع WooCommerce و Flatsome ، ستتمكن من إعطاء أفكارك عن امتلاك متجر على الإنترنت حياة جديدة بالكامل. يجب أن يتمتع موقع الويب الخاص بك بمظهر عصري وجميل حتى يتمكن من جذب العملاء. لذلك ، Flatsome هو الحل الأفضل لجميع مشاكلك ، لذا قم بتنزيله من هنا ودعنا نبدأ.
يحتوي Flatsome على بعض الميزات الرائعة ، ولكن أحد الأجزاء هو أنه أصبح الاختيار الأفضل لأكثر من 300000 مستخدم. تساعد الأداة النهائية في إنشاء بعض مواقع الويب سريعة الاستجابة دون الحاجة إلى ترميز سطر واحد. علاوة على ذلك ، فإن قدرتها على إنشاء بعض المتاجر الفريدة والإبداعية للغاية على الإنترنت تجعلها أكثر جدارة.
لذا دون إضاعة المزيد من الوقت ، دعنا ننتقل إلى البرنامج التعليمي. يأخذك هذا البرنامج التعليمي خلال العملية الكاملة لتصميم صفحة المنتجات. ستساعدك الصور في الحصول على فكرة أفضل عن كيفية سير المهمة خلال العملية.
الخطوة 1: حدد تخطيطًا لصفحة المنتج
أولاً ، سنبدأ باختيار تخطيط لصفحة المنتجات. سيؤدي هذا التحديد إلى إنشاء صفحة أساسية لمتجرنا عبر الإنترنت ، والتي سنخصصها وفقًا لرغباتنا لاحقًا. سيرشدك هذا الدليل التفصيلي خطوة بخطوة خلال عملية تخصيص الصفحة.
بالنسبة لهذا amp السابق ، سنستمر في خيار Classic Shop. ومع ذلك ، لا توجد قيود عليك. ستكون عملية التخصيص مماثلة لكل تخطيط تحدده. سيكون الاختلاف الوحيد هو أن الهيكل الأساسي للصفحة سيكون مختلفًا عن الآخر.
بالانتقال إلى أداة تخصيص المنتج ، قمنا بإعطائها اسم الشريط الجانبي الأيسر ذو الارتفاع الكامل.
هناك خياران متاحان لتخصيص صفحة المنتجات. الأول هو أن يتم باستخدام منشئ UX ، والآخر هو إنشاء الصفحة يدويًا. إذا حددت الخيار الثاني ، فسيتعين عليك التوجه إلى الوثائق الرسمية وتحديد موقع الرموز القصيرة. إذا كنت مبتدئًا وكانت هذه هي تجربتك الأولى في إنشاء متجر على الإنترنت ، فإنني أوصي بالذهاب إلى هذا الخيار الأول.
(اختياري) الخطوة 2: إنشاء صفحة المنتج يدويًا
هذه لقطة شاشة لصفحة التوثيق الرسمية لـ Flatsome. يمكنك كتابة الرموز المختصرة للكلمة والبحث عنها.
بمجرد النقر فوق بحث ، ستكون هناك قائمة بالرموز القصيرة معروضة على الشاشة. يمكنك اختيار الرموز القصيرة المهمة لصفحة المنتج. يتطلب استخدام الرموز القصيرة جهدًا أقل ، ولكن من الضروري أن يكون لديك القليل من الخبرة العملية مع WordPress واستخدام الرموز القصيرة.
فيما يلي قائمة بالرموز القصيرة التي يمكنك استخدامها على موقع الويب لإنشاء الصفحات.
في هذا ex amp le ، سنخصص تخطيط الشريط الجانبي الأيسر ذو الارتفاع الكامل ؛ وبالتالي ، سنقوم بنسخ الكود الخاص بالتصميم. فيما يلي صورة للتطبيق ، ولكن يمكنك نسخها بسهولة من الهيكل.
ابدأ في إنشاء كتلة بعنوان. إذا كنت ترغب في تطوير الرأس ، فأنت بحاجة إلى النقر فوق "إضافة جديد" المتاح تحت كتل UX الموضوعة في لوحة القيادة الخاصة بك.
يمكنك تسمية الكتلة حسب رغباتك. هنا في هذا ex amp le ، قمنا بتسمية الاتحاد باسم "تخطيط الشريط الجانبي الأيسر بالارتفاع الكامل". بعد ذلك ، يمكنك رؤية الرموز القصيرة داخل محرر الكتلة. بمجرد الانتهاء من نسخ الرموز القصيرة المطلوبة ، يمكنك النقر فوق "نشر".
سنكون على قدم المساواة بعد هذه الخطوة الصغيرة حيث يمكننا تخصيص صفحتنا وفقًا لرغباتنا. انتقل الآن إلى خيار سمة صفحة المنتج واضغط على رمز التخطيط المخصص.
بمجرد الانتهاء ، ستتمكن الآن من إنشاء كتل من القائمة المنسدلة لتخطيط المنتج المخصص.
اختر الكتلة التي أنشأناها للتو. كان هدفنا الرئيسي من إنشاء هذه الكتلة هو إنشاء صفحة منتج منها. وفقًا لهذا ex amp le ، فإن تخطيط الشريط الجانبي الأيسر ذو الارتفاع الكامل هو الكتلة ، بينما في نهايتك ، سيكون كما قمت بتسميته.
بمجرد الانتهاء ، فقط اضغط على زر النشر ؛ سيحفظ الإعدادات.
الخطوة 3: تخصيص صفحة المنتج
حان الوقت لبدء التخصيص. أولاً ، سنتنقل في صفحة المنتجات الحالية من الواجهة الأمامية التي حددناها مسبقًا في الخطوات.
من المهم أن تختار منتجًا معينًا نحتاج إلى إعداده. يجب أن يكون لديك تفاصيل كاملة وصور للعمل الذي نحتاج إلى تخصيصه. بهذه الطريقة ، تصبح العملية أكثر راحة لتصور قسم الصفحة الذي ستقوم بإنشائه.
يظهر خيار UX Builder. فقط اضغط على الزر لبدء التخصيص.
بعد فتح UX Builder ، يمكنك أن ترى من الصورة أن عناصر صفحة المنتج متوفرة في اللوحة اليمنى لصفحة منتجاتك.
اللوحة الجانبية اليسرى هي الكتلة التي أنشأناها في البداية. قمنا بإنشائه بمساعدة الرموز القصيرة المأخوذة من الوثائق.
لديك خيارات لإعادة ترتيب العناصر من اللوحة اليسرى وتغيير الإعدادات من خيار العنصر. في هذا السابقين amp جنيه، نحن سيتم إعادة ترتيب الأسعار المتاحة في القائمة اليسرى.
علاوة على ذلك ، يسمح لك أيضًا بإعادة ترتيب العناصر من معاينة المنشئ ووضع مكونات إضافية في صفحة منتج المنشئ. في هذا العرض التوضيحي ، تمت إعادة ترتيب قسم علامات تبويب المنتجات والمنتج ذي الصلة بسحب وإفلات بسيط.
مع وظيفة السحب والإفلات الكبيرة ، فإن Flatsome على استعداد لتزويدك بما تبحث عنه على موقع الويب الخاص بك. مع الوحدات عالية التخصيص ، يمكنك إنشاء بعض الصفحات الرائعة بسهولة. ميزة السحب والإفلات تجعل الحياة أكثر راحة.
تغليف
من الضروري أن يكون لديك عمل تجاري عبر الإنترنت في هذا العصر الحديث لأن الناس يفضلون البقاء في المنزل ليظلوا آمنين. لذا ابدأ في بناء أول متجر إلكتروني لعملك باستخدام Flatsome وافتن عملاءك بتفرده وإبداعه. علاوة على ذلك ، لا توجد فوضى في التعليمات البرمجية في محرر المحتوى ، فقط بضعة سطور من الرموز القصيرة. Flatsome هو بلا شك أفضل موضوع صادفته . لذلك ليست هناك حاجة للبحث عن أي سمة أخرى ، فقط اضغط على زر التنزيل وابدأ في إنشاء متجرك المخصص عبر الإنترنت على الفور.
