ربما لاحظت أنه في مواقعي الثلاثة ، قمت بتغيير القائمة التي تم إصلاحها في الأعلى بواسطة ملف الشريط الجانبي (الشريط الجانبي) ثابت. لماذا فعلت هذا؟ ما هي المزايا والاختلافات؟ في هذا المقال أريد أن أصف هذا التغيير الكبير.
آمل أن يساعدك هذا المقال برأيي في تحديد ما إذا كنت ستستخدم شريطًا جانبيًا أو قائمة ثابتة في الأعلى أم لا.
- - - -على مدار هذه السنوات الخمس ، أحببت دائمًا قائمة محددة في الجزء العلوي من الموقع. بينما ترك الكثيرون قائمة في الجزء العلوي ، ولكن لم يتم إصلاحها ، فقد أصررت على تركها ثابتة ليستخدمها الأشخاص كلما أمكن ذلك.
اعتقدت أن هذا سمح للشخص بتصفح الموقع أكثر على صفحات مختلفة ، لكن من الناحية العملية لا أحد يفعل ذلك. زيارات صفحات الفئات منخفضة جدًا ، ولا يرغب الأشخاص حتى في البحث في الموقع.
هذه إحدى عواقب إجراء زيارات عضوية ، حيث يقوم الأشخاص فقط بالدخول إلى الموقع وقراءته ومغادرته. لهذا السبب ، من المهم أن يكون لديك كتابة آسرة ومبتكرة للغاية لجعل الشخص متابعًا للموقع.
كما هو الحال مع القوائم ، لاحظت أن الشريط الجانبي لا يجلب العديد من النتائج مثل النماذج والروابط داخل المقالة. اليوم أستخدم حاليًا التقاط بريد إلكتروني أسفل عنوان مقالة موقع الويب مباشرة لإنشاء عملاء متوقعين على كل من سطح المكتب والجوال.
على مر السنين حاولت التقاط العملاء المتوقعين ، وجعل الشخص يتفاعل ويتنقل في الموقع من خلال الشريط الجانبي. بعد فترة أدركت أن الأشرطة الجانبية جعلت الموقع قبيحًا للغاية ، حتى اخترت استخدام عمود واحد فقط من المقال.
لقد أحببت حقًا نمط التخطيط هذا ، والذي تطلب مني زيادة الحجم الافتراضي للصور التي قمت بتحميلها على الخادم. تعرض الصفحة ، على الهاتف المحمول وسطح المكتب ، المقالة فقط دون أي عوامل تشتيت الانتباه على الجانبين.
لقد تخلت عن استخدام الحاجيات الجانبية لـ WordPress ووضعت 3 فقط على ملف تذييل حيث نادرًا ما ينتبه أي شخص. من خلال نموذج الالتقاط في الجزء العلوي من المقالة ، التقطت عملاء متوقعين من جميع الأجهزة دون النوافذ المنبثقة وسرية.
هذا النموذج في الرأس ، على غرار ما يعيش لقد زادت تحويلاتي كثيرًا ، مما جعلني أكبر شركة تابعة في المجال الرئيسي الذي أعمل فيه. مع ذلك ، لم يفوتني استخدام الأدوات أو الشريط الجانبي لسنوات.
نظرًا لاهتمامي بسرعة الموقع ، فقد بذلت قصارى جهدي لتقليل طلبات الصفحة ، حتى باستخدام تخطيط فائق الخفة للغاية يسمى Genatepress. عند القيام بذلك ، انتهى بي الأمر باختيار استبدال القائمة الثابتة بشريط جانبي.
بالطبع ، لم يكن هذا هو السبب الوحيد ، كما أنه ليس سببًا قابلاً للتطبيق ، حيث تضررت نتيجة PageSpeed من إعلانات Google التي أضعها على الموقع. لقد مرت فترة منذ أن أردت وضع شريط جانبي على الموقع ، لكنني أردت بديلاً عن الشريط الجانبي القياسي.
الشريط الجانبي الافتراضي للسمات وورد يجعل المربع الذي يحتوي على نص المقالة أصغر. لقد أزعجني هذا كثيرًا ، لأنني أحب ذلك الصندوق الكبير الذي يعطي انطباعًا عن ملف نصي تم فتحه في Word أو Pages.
لقد وجدت أن بعض السمات تستخدم رأسًا وقائمة جانبية تسمح بوضع الأدوات ، لتصبح شريطًا جانبيًا حقيقيًا لا يتداخل مع تخطيط موقعي ويجذب الانتباه من خلال موقعه على اليسار.
في GeneratePress Site Library ، كان هناك إعدادان تركا الموقع بهذه الطريقة. بعد ساعات من تكوين كل شيء بشكل صحيح في CSS ، تمكنت من جعل مظهر موقعي بالطريقة التي أريدها.
أكبر ميزة هي أن قائمة الجوال تعرض الأدوات ، والتي يتم إلقاؤها في معظم الأحيان في أسفل الصفحة على الأجهزة المحمولة. حتى إذا قمت بوضع الأدوات لعرضها قبل المقالة ، فإنها سوف تشغل مساحة كبيرة.
تتيح لي قائمة الهاتف المحمول الموسعة تقديم المزيد من المعلومات والإعلانات والنماذج والروابط والقوائم قبل عرض المقالة ، فقط إذا اختار الشخص توسيع القائمة بدافع الفضول. أستمر أيضًا في استخدام التقاط البريد الإلكتروني في عنوان المقالة.
أكبر صعوبة في هذا التغيير هي اختيار الألوان وإنشاء مصمم جميل. في البداية ، جعلت الألوان الفاتحة التي اخترتها موقعي يبدو وكأنه موقع HTML 2003. بعد العديد من التغييرات توصلت إلى نتيجة مرضية.
باستخدام هذا الشريط الجانبي ، تمكنت من حذف 3 إضافات من سمة GeneratePress لحفظ عمليات WordPress الخاصة بي. الشيء الآخر الذي أزعجني في البداية هو الطريقة التي يتم بها تحميل الصفحة باستخدام المكون الإضافي لذاكرة التخزين المؤقت ، ربما ستلاحظ ذلك.
لقد استغرق الأمر مني أيامًا في تكوين CSS لجعل محددات الفئات التي استخدمتها جميلة. اترك أيضًا شريط تمرير مخصصًا على الشريط الجانبي لجعل المصمم يبدو أكثر حداثة. ما زلت غير راضٍ تمامًا ، مع مرور الوقت ، سيتم إجراء المزيد من التغييرات.
الهدف بسيط وواضح ، ويقدم أفضل تجربة ممكنة للمستخدم ، ويستثمر الموقع بأفضل طريقة ممكنة ، ويزيد سرعة الصفحة ، ويزيد ترتيب الموقع ، ويجذب المزيد من العملاء المحتملين.