استخدام تصميم موقع ويب مبسط لووردبريس

نشرت: 2021-10-11

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

نهج تصميم WordPress الحديث هو بساطتها

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

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

أفضل الممارسات لتصميم الحد الأدنى من WordPress

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

1. الفضاء السلبي

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

2. قائمة التنقل المخفية / همبرغر

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

3. تلوين متسق

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

4. امسح استخدام الخط

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

5. تفاصيل موجزة للتأكيد

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

6. واجهة سهلة الاستخدام وبديهية

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

7. تصميم مستجيب

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

8. الانسجام البصري

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

9. استخدام عبارة الحث على الشراء

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

نصائح لعرض المحتوى الخاص بك مع الحد الأدنى من العناصر.

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

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

كيف تؤثر بساطتها على عملك

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

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

خاتمة

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

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