كيف تصمم مجتمعك على نينغ

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

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

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

ولكن كيف يمكن تصميم موقع ويب يبدو رائعًا وممتعًا للتنقل خلاله؟ فيما يلي بعض النصائح المفيدة لأولئك الذين بدأوا للتو في استكشاف منصة Ning وقدراتها.

الشروع في العمل مع NING Design Studio

لطالما كانت إحدى أولويات Ning القصوى هي منح المستخدمين أقصى قدر من التحكم في المظهر المرئي لشبكاتهم. هذا هو سبب إنشاء Design Studio.

NING Design Studio عبارة عن مجموعة من الأدوات التي تتيح تخصيص تصميم مواقع الويب الاجتماعية التي تم إنشاؤها على منصة Ning. يوفر للمستخدمين وفرة من خيارات التخصيص التي تهدف إلى جعل كل شبكة Ning فريدة وجميلة.

يمكن تشغيل Design Studio بسهولة عن طريق النقر فوق الرمز المقابل في لوحة تحكم المسؤول المتوفرة كشريط أدوات أخضر في الزاوية العلوية اليسرى من كل صفحة شبكة.

هناك العديد من فئات التخصيص المتاحة في قائمة Design Studio:

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

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

علاوة على ذلك ، يتيح لك Design Studio معاينة أي تغييرات تجريها قبل تطبيقها فعليًا على شبكتك. هذا يجعل عملية التخصيص مريحة للغاية وبديهية.

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

سمة

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

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

يمكنك العثور على مجموعة كاملة من السمات التي طورها Ning في علامة التبويب "السمات" في قائمة Design Studio.

ما عليك سوى اختيار أفضل ما يناسب هدفك واضغط على زر "نشر". قبل أن تقوم بتطبيق سمة ، يمكنك معاينتها.

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

بالإضافة إلى ذلك ، تحتوي علامة التبويب "السمات" على علامتي تبويب فرعيتين:

• التاريخ : يسمح لك بمراجعة جميع الموضوعات التي قمت بتطبيقها على موقع الويب الخاص بالشبكة من قبل ؛
• إدارة : هنا يمكنك استيراد السمات وتصديرها ؛ يدعم Design Studio السمات بتنسيق .txt.

بينما يمكنك استخدام السمات المحددة مسبقًا كما هي ، فمن الممكن أيضًا تخصيصها بشكل أكبر من أجل تحقيق تصميم فريد تمامًا.

خلفية

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

• حدد إحدى الصور القياسية التي تقدمها Ning ؛
• قم بتحميل صورتك الخاصة وقم بتطبيقها كخلفية.

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

على يمين قائمة اختيار الصور ، ستجد عدة خيارات إضافية لتعديل صورة الخلفية الخاصة بك:

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

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

رأس

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

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

ضمن علامة التبويب ، ستجد العديد من علامات التبويب الفرعية التي تسمح لك بتعيين معلمات مختلفة لرأسك:

• أسلوب :

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

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

نصيحة حد الارتفاع الافتراضي لمعظم السمات هو 135 بكسل.

• الاسم / الشعار :

تتمثل إحدى الوظائف الأساسية للعنوان في توصيل اسم موقع ويب (أو اسم شركة / علامة تجارية). لإكمال الصورة ، سترغب في إظهار شعارك أيضًا. باستخدام NING Design Studio ، يمكنك بسهولة تخصيص الاسم والشعار.

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

يمكنك بعد ذلك العودة إلى Design Studio وتحديد نمط الخط ولونه وحجمه المطبق على اسم موقع الويب الخاص بك.

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

بمجرد تحميل الشعار ، يمكنك تنظيم حجمه بمساعدة شريط التمرير الموجود على اليمين. يمكنك أيضًا تغيير حجم المساحة المتروكة ومحاذاة شعارك.

• التنقل

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

• خلفية

لجعل رأسك جميلًا وفريدًا ، قم بتعيين صورة خلفية جيدة المظهر له.

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

وجدت الصور المناسبة؟ حسن. ما عليك سوى تحميلها بالنقر فوق رمز الكاميرا وتعديل مواقعها ومحاذاةها - بسهولة!

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

• شريط الحساب

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

صفحة

توجد علامة التبويب "الصفحة" في قائمة Design Studio لمساعدتك على تخصيص المظهر العام لصفحات الشبكة الخاصة بك. يحتوي على عدة علامات فرعية:

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

لغة تنسيق ويب حسب الطلب

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

هناك مجالان يمكن إدخال رمز CSS فيهما:

• CSS العالمية : يشير إلى التخصيصات العالمية ؛
• Theme CSS : يشير إلى التخصيصات الخاصة بالموضوع.

سيجد المستخدمون المتمرسون في مجال التكنولوجيا ميزة Custom CSS مفيدة بشكل خاص لتحقيق نتائج أكثر إثارة للإعجاب من حيث العرض المرئي.

صمم موقعك المثالي

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

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

بريندا بيترسون

بريندا هي أخصائية فنية في Ning

مشاهدة جميع المشاركات