عند إنشاء صفحات تجارية على شبكة فكونتاكتي الاجتماعية ، يواجه أصحاب المتاجر ورجال الأعمال الحاجة إلى محاذاة البضائع بشكل صحيح. تساعد المحاذاة الصحيحة في إنشاء تصميم صفحة مبهج من الناحية الجمالية والتركيز على المنتجات ، مما يزيد بدوره من احتمالية بيعها.
هناك عدة طرق أساسية لمحاذاة منتجات فك في المركز. واحد منهم هو استخدام فئات كس الخاصة التي تحدد خاصية محاذاة النص: مركز. في هذه الحالة ، سيتم محاذاة جميع العناصر داخل الكتلة المحددة في المركز. لاستخدام هذه الطريقة ، تحتاج إلى إضافة فئة كس اللازمة إلى رمز هتمل من كتلة مع البضائع.
الطريقة الثانية هي استخدام إطارات الإطار لإدخال كتلة مع المنتجات. يمكن إنشاء الإطار على خدمات مختلفة أو بشكل مستقل. عند استخدام إطار ، يكفي تحديد المعلمات الضرورية ، بما في ذلك عرض الكتلة وارتفاعها ، بالإضافة إلى المحاذاة في المركز. هذه الطريقة مناسبة لإدخال كتلة بمنتجات من مصادر أخرى.
بغض النظر عن الطريقة المختارة ، من المهم أن تضع في اعتبارك الحاجة إلى اختبار والتحقق من عرض المنتجات على الأجهزة والمتصفحات المختلفة. يجب أن تكون وظيفة ومظهر المنتجات ممتازة ، بغض النظر عن حجم الشاشة أو الجهاز الذي يتم عرض الصفحات عليه.
من خلال اختيار طريقة لمحاذاة منتجات فك في المركز ، يمكن لأصحاب الصفحات التجارية إنشاء تصميم فعال وزيادة فرص نجاح أعمالهم على الشبكة الاجتماعية.
- كيفية مركز منتجات فك-الطرق الرئيسية
- باستخدام خصائص المغلق
- باستخدام جافا سكريبت
- تغيير بنية هتمل للصفحة
- إضافة أنماط عبر لوحة الادارة كيه
كيفية مركز منتجات فك-الطرق الرئيسية
يمكن أن تسمح لك محاذاة منتجات فك في وسط الصفحة بتقديم منتجاتك بشكل أكثر فعالية وجذب انتباه المستخدمين. يمكن استخدام عدة طرق لتحقيق هذا التأثير.
1. باستخدام كس
طريقة واحدة لمحاذاة منتجات فك في المركز هو استخدام رمز كس لتعيين عرض ومحاذاة كتلة مع المنتجات. للقيام بذلك ، يمكنك إنشاء فئة كس وتطبيقه على عنصر هتمل المقابلة. على سبيل المثال:
.تركزت-المنتجات {
العرض: 50%;
الهامش: 0 تلقائي;
في هذا المثال ، سيكون عرض كتلة المنتج 50٪ وسيتم محاذاة تلقائيا إلى المركز على الصفحة.
2. باستخدام جافا سكريبت
المنتجاتحاوية.أسلوب.الهامش الأيسر = اليسار + 'بكسل';
في هذا المثال ، تحسب شفرة جافا سكريبت عرض الحاوية مع البضائع وعرض نافذة المتصفح ، ثم تقوم بمحاذاة الحاوية في المنتصف ، وتعيين المسافة البادئة المناسبة على اليسار.
- 3. باستخدام الجداول
- طريقة أخرى لتركيز منتجات فك هي استخدام الجداول. يمكنك إنشاء جدول مع خلية واحدة ووضع كتلة مع المنتجات في ذلك. يمكنك بعد ذلك محاذاة الجدول إلى منتصف الصفحة باستخدام الأنماط أو سمات الجدول:
باستخدام هذه الأساليب ، سوف تكون قادرة على جذب المزيد من الاهتمام لمنتجات فك الخاص بك عن طريق تقديمها بطريقة أكثر جاذبية وتركزت على صفحتك.
يمكن أن تكون هذه التغييرات مفيدة لخلق مظهر أكثر جماليا أو لتكييف منتجات فك مع دقة الشاشة المختلفة.
ومع ذلك ، عند استخدام جافا سكريبت لمحاذاة منتجات فك في المركز ، يجب أن تؤخذ في الاعتبار التوافق مع المتصفحات المختلفة وإصدارات جافا سكريبت. يوصى أيضا باستخدام كس للمحاذاة الأساسية واستخدام جافا سكريبت فقط للمهام المعقدة والديناميكية.
- تغيير بنية هتمل للصفحة
- لمحاذاة منتجات فك في المركز ، يمكنك تغيير بنية هتمل للصفحة. هذا يسمح لك بالتحكم في موضع ومظهر العناصر على الصفحة.
- أولا وقبل كل شيء ، تحتاج إلى إنشاء حاوية التي سيتم وضع البضائع. يمكنك استخدام العلامات لهذا