الرئيسية / شبكات التواصل الاجتماعي / WPBeginner v5 – تصميم الموقع الجديد وما هو التالي
WPBeginner v5 - تصميم الموقع الجديد وما هو التالي

WPBeginner v5 – تصميم الموقع الجديد وما هو التالي

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

خلفية صغيرة

لقد بدأت WPBeginner في عام 2009. في السنوات الثلاث الأولى ، مرت WPBeginner بأربع عمليات إعادة تصميم. يستهلك هذا الكثير من الموارد التي كان من الممكن إنفاقها على مهمتنا الأساسية:

ساعد الشركات الصغيرة على النمو والتنافس مع اللاعبين الكبار من خلال أدواتنا وفريقنا والتدريب.

بعد WPBv4 ، أشرت إلى التركيز على مهمتنا الأساسية وكانت النتائج مذهلة.

في السنوات الأربع الماضية:

  • لقد أنشأنا أكثر من ألف درس WordPress مجاني على مدونة WPBeginner.
  • أضفنا أكثر من 500 فيديو تعليمي جديد على قناتنا على YouTube.
  • لقد أضفنا أكثر من 100 مصطلح في قاموسنا WordPress Glossary.
  • أطلقنا OptinMonster – أداة تحول التخلي عن زوار الموقع إلى مشتركين. يتم عرض نماذج optin لدينا عدة مليارات مرة في الشهر.
  • أطلقنا معرض Envira ، وهو أقوى معرض WordPress ، لمساعدة مستخدمينا على إنشاء معارض صور وفيديو بسهولة دون إبطاء مواقعهم على الويب.
  • أطلقنا Soliloquy وسيلة سهلة لاستخدام البرنامج المساعد استجابة المنزلق WordPress الذي يجعل الأداء وتجربة المستخدم هو الأولوية رقم 1.
  • أطلقنا WPForms ، المكون الإضافي المبتدئ لبرنامج WordPress بناءً على تعليقاتك واقتراحاتك.
  • في وقت سابق من هذا العام ، استحوذنا على Yoast Analytics وأعدنا تغيير اسمها إلى MonsterInsights. نحن بصدد إعادة كتابة المكون الإضافي بأكمله لجعل Google Analytics سهلة للمبتدئين.

تم تنزيل مكوناتنا بشكل جماعي أكثر من 13 مليون مرة ويتم استخدامها بنشاط على أكثر من 2 مليون موقع.

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

هذا يقودني إلى WPBeginner v5.

تصميم مع البيانات

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

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

في بعض الأحيان ، نتلقى تعليقات من القراء تسألهم عن سبب عدم استجابة WPBeginner.

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

في عام 2012 عندما أطلقنا تصميم WPBv4 ، كان أقل من 2 ٪ من جمهورنا على الهاتف المحمول.

اليوم في عام 2016 ، ارتفع هذا العدد إلى حوالي 7 ٪.

هذا لا يزال منخفضًا جدًا مقارنةً بمواقعي الأخرى مثل List25 حيث يوجد أكثر من 50٪ من المستخدمين على الجوّال.

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

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

WPBeginnerv5 Responsive

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

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

WPBv5 Comprehensive Guides

كما جعلنا البحث WPBeginner أسهل مع تراكب بحث ملء الشاشة في الرأس وشريط بحث إضافي في الشريط الجانبي.

للمضي قدماً ، سنسهل على المستخدمين العثور على ما يبحثون عنه من خلال إنشاء بوابات محتوى تستفيد من علامات WordPress بشكل خلاق.

ما الجديد في WPBv5

ظلت الوظيفة الأساسية للموقع كما هي. فيما يلي بعض التغييرات الملحوظة على الموقع الإلكتروني:

بداية جديدة هنا الصفحة

إذا كنت جديدًا على WPBeginner ، فستكون ممتناً لصفحة البدء هنا الجديدة

استجابة تصميم الموقع

أصبح موقع WPBeginner الآن استجابة بنسبة 100٪ ، لذلك يبدو رائعًا على جميع الأجهزة.

لقد اخترنا التمسك بإطار Genesis الشهير لبناء موضوعنا المخصص للطفل.

أدلة شاملة

إذا نظرت إلى الشريط الجانبي من كل صفحة ، فسترى قسمًا جديدًا “أحتاج إلى مساعدة …” والذي يبرز أدلة شاملة مثل كيفية تسريع WordPress ، وكيفية تحسين أمان WordPress ، وكيفية تحسين SEO WordPress ، والمزيد.

رؤية أفضل لمنتجاتنا

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

يبدأ هذا بصفحة الإضافات الجديدة من WordPress.

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

FontAwesome و New Font

قد تلاحظ استخدام رمز الخط في المصمم الجديد. يطلق عليه FontAwesome ، وأنا معجب كبير بعمل ديف غاندي.

نستخدم عمله على جميع منتجاتنا ، ونحن فخورون بدعم FontAwesome.

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

في التصميم الجديد ، نستخدم الآن خط Proxima Nova عبر Typekit.

حصة البرنامج المساعد الجديد

في الماضي ، استخدمنا مجموعة متنوعة من البرنامج المساعد Floating Social Bar.

بعد التغييرات من Twitter و Facebook وغيرها – شعرت أن الوقت قد حان لإنشاء مكون إضافي جديد للمشاركة لـ WPBeginner.

إنه يسحب عدد Twitter بدقة ، ولكن الأهم من ذلك أنه يحتوي الآن على عدد المشاركات الكلي.

New Share Plugin

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

نماذج جديدة من الكتب الإلكترونية و Optin

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

إنه مختلف عن مخطط WPBeginner لأن ذلك يوضح لك فقط ما نستخدمه على WPBeginner.

كتاب الأدوات الإلكتروني أكثر شمولاً.

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

WPBv5 Sidebar Optin

ماذا بعد

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

سيحصل موقع عضوية مقاطع الفيديو WPBeginner على إصلاح شامل. حاليا لا يزال يستخدم السمة القديمة.

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

سيكون الهدف من هذا الموقع هو تقديم المزيد من الدورات التدريبية المنظمة لتسهيل على المستخدمين تعلم WordPress بسرعة.

أريد أن أشكركم جميعًا على دعمكم وتعليقاتكم.

تفضلوا بقبول فائق الاحترام،
سيد بلخي
مؤسس WPBeginner

عن midobahr

شاهد أيضاً

ما الجديد في WordPress 4.8

ما الجديد في WordPress 4.8

تم إصدار WordPress 4.8 قبل ساعات قليلة. إنه أول إصدار رئيسي لعام 2017 ، مع …

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *