تصميم المدونة 101: دليلك الكامل لتصميم عناصر المدونة التي ستعطي نتائج

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

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

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

ابدء

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

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

1. العنوان

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

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

اجعل ارتفاع رأسك يتراوح بين 150 و 250 بكسل بحيث يمكنك زيادة مساحة الجزء المرئي من الصفحة (المساحة الموجودة على صفحة الويب قبل التمرير). إذا كان يجب أن يكون لديك رأس أعلى من 250 بكسل ، ففكر في ما يلي:

• أضف عناصر وظيفية - قم بدمج بعض العناصر الوظيفية مثل التنقل وأيقونات الوسائط الاجتماعية وأيقونات تغذية RRS في العنوان لزيادة المساحة إلى أقصى حد. تحتوي العديد من سمات WordPress المتميزة بالفعل على أجزاء من عناصر واجهة المستخدم الرأسية. في Blogger ، قد تضطر إلى ترميز مربع عنصر واجهة المستخدم في العنوان.
• عمل الرسومات - من الرسوم التوضيحية إلى الصور ، واستثمر في رسومات عالية الجودة ؛ تفضل الحصول على رسومات رائعة أو لا شيء على الإطلاق - إنه أمر خطير. يمكنك العثور على العديد من الصور والرسوم التوضيحية على الويب. إذا كنت تعرف Photoshop ، فمن الأفضل أن تقوم بتعديل صورك لجعلها أكثر ... أنت. إذا لم يكن الأمر كذلك ، فأنا متأكد من أن لديك صديق يمكنك رشوته. سيؤدي الحصول على العنوان الصحيح إلى تسهيل وضع وتصميم كل جانب آخر.

2. الخط والطباعة

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

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

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

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

3. التذييل

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

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

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

4. أيقونات وسائل التواصل الاجتماعي

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

• رموز البحث - ابدأ بحثي عن الرموز الاجتماعية على Google ، والتي قد توجهك إلى هنا. إذا كنت تميل بشكل أكثر إبداعًا ، فيمكنك إنشاء أيقوناتك الخاصة باستخدام Photoshop. الحجم المثالي هو 60 بكسل في كل مكان.
• أيقونة التحميل - يمكنك القيام بذلك مباشرة على المدونة أو استخدام flikr و photobucket ومواقع الصور الأخرى ، ثم قم بتضمين رابط للصورة في التعليمات البرمجية الخاصة بك.
• أضف كود HTML الخاص بك - في Blogger ، يجب إضافة السطر التالي من التعليمات البرمجية إلى منطقة أداة HTML ، بينما في WordPress ينتقل إلى منطقة عنصر واجهة النص:

[xhtml]
<a href="http://www.linkgoeshere.com" target=”_blank”> <img src = ”http://www.imageurlhere.com”> </a>
[/ xhtml]

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

5. تغذية المدونة

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

لإعداد Feedburner الخاص بك:

• انتقل إلى feedburner.google.com وقم بإعداد الخلاصة الخاصة بك عن طريق وضع عنوان الخلاصة أو المدونة في المربع.
• بمجرد التحقق من عنوان URL ، ستظهر الصفحة التالية ، وستحتاج إلى التأكد من عنوان الخلاصة واسم المدونة (مهم جدًا!). إذا قمت بتغيير عنوان الخلاصة في المستقبل ، فيجب عليك إخطار القراء ، حيث لن يتم تحديثهم تلقائيًا.

هذا هو! لديك الآن تغذية. في Blogger ، يمكنك الانتقال إلى Dashboard >> Settings >> Site Feed ، وسترى مربعًا بعنوان "عنوان URL لإعادة توجيه تغذية النشر" حيث تحتاج إلى إدخال عنوان موجز feedburner الخاص بك. في WordPress ، قد تحتاج إلى تنزيل المكون الإضافي Feedburner Feedsmith ، والذي يمكنك العثور عليه هنا. هذا هو المكون الإضافي الموصى به لهذه المهمة ، لأنه يظل متسقًا حتى مع تحديثات WordPress.

خاتمة

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

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

أتمنى لك كل خير!