كيفية استخدام الأقسام المصممة لتخصيص تصميم موقع الفرقة الخاص بك

نشرت: 2021-10-13

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

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

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

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

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

تنظيم المحتوى الخاص بك

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

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

تنظيم المحتوى بأقسام مصممة

من السهل جدًا إضافة قسم إلى أي صفحة داخل لوحة التحكم. ضمن "تحرير المحتوى" ، حرك الماوس فوق تخطيط الصفحة - سترى الزر الأزرق "+ إضافة قسم" يظهر أعلى أو أسفل قسم موجود.



انقر فوق هذا الزر لإضافة قسم جديد!

يمكنك أيضًا ضبط الأعمدة لكل قسم فردي هنا ، بالنقر فوق الزر "تحرير الأعمدة" في الجزء العلوي الأيسر من القسم. يمكنك الاختيار بين 1 و 2 و 3 أعمدة ، مع عدد قليل من الخيارات غير المتماثلة للأشرطة الجانبية اليمنى أو اليسرى.

تخصيص أنماط القسم الخاص بك

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

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

في خيارات محرر السمة على اليسار ، ما عليك سوى التمرير لأسفل إلى خيارات "نمط القسم 1" و "نمط القسم 2" و "نمط القسم 3" ، وحدد إعدادات الألوان الخاصة بك ، وعندما يكون لديك كل شيء تم ضبطه على اليمين ، انقر فوق " احفظ "لتطبيق التغييرات الخاصة بك.

نمط أقسام موقع الويب الخاص بك

تعيين خصائص القسم الخاص بك

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

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

لتغيير ألوان القسم ، انقر فوق "ألوان القسم" ثم حدد نمط القسم من القائمة المنسدلة.

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

إضافة المساحة المتروكة إلى أقسام الموقع

انقر فوق "حفظ" لحفظ كل هذه التغييرات. سأقوم بتوضيح خيارات صورة الخلفية أدناه ، لأن هناك الكثير من الإمكانات هنا!

أضف صورة خلفية

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

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

مثال على أقسام الخلفية

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

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

صورة خلفية أقسام الموقع

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

استمتع باللعب مع أنماط الأقسام المخصصة!

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

صمم موقعًا احترافيًا وجاهزًا للجوّال في دقائق يسهل تحديثه وصيانته. بناء موقع الفرقة الخاصة بك مع Bandzoogle اليوم!