ستساعدك المقالة التالية: ما الذي تغير في أحدث إعادة تصميم لمعالج التدوين (وحزمتنا التقنية المحدثة)
لقد قمت بإجراء بعض التغييرات الطفيفة (وغير الدقيقة) على معالج التدوين خلال الشهر الماضي.
في هذا المنشور، سأشارك كل هذه التغييرات حتى تتمكن من استخلاص بعض الأفكار المفيدة للمساعدة في جهود التدوين الخاصة بك.
سأشارك أيضًا مجموعة تقنية محدثة. لذا، إذا كنت قد تساءلت يومًا عن كيفية إنشاء معالج التدوين والأدوات الرئيسية التي أستخدمها في عملي – فسوف تحصل على المعلومات الداخلية في هذه المقالة.
هيا بنا نبدأ:
ما الذي تغير في إعادة التصميم الأخيرة لـ Blogging Wizard؟
1. تم التبديل إلى سمة Kadence
في بداية عام 2020، قمت بتعيين مطور لترميز سمة Genesis Child مخصصة من موقع الويب الحالي الذي أنشأته باستخدام Elementor.
الموضوع كان ممتازا . لقد كان أسرع بكثير من إصدار Elementor ولكني أردت في النهاية تغيير أسلوب الطباعة وبعض الأشياء الأخرى.
لذلك، كنت بحاجة إلى موضوع أكثر مرونة. لكني أحب تعديل الأشياء (قليلاً أكثر من اللازم). هذا يعني أنني بحاجة إلى إيجاد حل وسط بين سمة Genesis وإمكانيات التخصيص الواسعة لمنشئ السمات.
لم يكن هدفي هو تغيير مظهر معالج التدوين بشكل جذري. أنا فقط بحاجة إلى المزيد من الحرية لتعديل الإعدادات.
لقد وجدت موضوعًا واعدًا يسمى Kadence. لقد قمت باختباره على عدد قليل من مواقعي الصغيرة أولاً وتمكنت من إنشاء موقع ويب مشابه جدًا بسهولة.
فيما يلي بعض الملاحظات الهاوية:
- Kadence خفيف الوزن للغاية ولكنه قابل للتخصيص للغاية.
- يمكنك إنشاء موقع ويب يشبه إلى حد كبير Blogging Wizard باستخدام الإصدار المجاني من السمة. وبصرف النظر عن الصفحة الرئيسية، سأتحدث عن ذلك أكثر في لحظة.
- هناك إصدار احترافي من السمة يضيف دعمًا لـ WooCommerce وعناصر رأس إضافية ونصوصًا برمجية وخطافات شرطية والمزيد.
- يوجد مكون إضافي مجاني للكتل لـ Gutenberg يتضمن بعض القوالب لإنشاء الصفحات الرئيسية والصفحات الخاصة والمزيد.
- Kadence هو منشئ الصفحات ودية.
لقد كنت أنتظر وقتًا طويلاً حتى يصل موضوع مثل Kadence إلى السوق. إذا كنت في السوق بحثًا عن موضوع جديد، فإنني أوصي بشدة بمراجعته.
2. إعادة بناء الصفحة الرئيسية باستخدام OptimizePress
تم ترميز الصفحة الرئيسية السابقة بشكل مخصص كجزء من السمة. يمكنني تغيير الأجزاء ولكن ذلك كان مقيدًا إلى حد ما.
كان بناء الصفحة باستخدام جوتنبرج خيارًا متاحًا. في الواقع، لدى Kadence بعض قوالب المواقع الرائعة المظهر ولكنني كنت بحاجة إلى بعض المرونة الإضافية.
لذلك، قمت برسم إطار سلكي لكيفية ظهور الصفحة وأنشأته باستخدام مكون إضافي للصفحة المقصودة يسمى OptimizePress.
كان بإمكاني استخدام Thrive Architect الذي كان سيعمل بشكل جيد نظرًا لتكامل Thrive Leads. لدى OptimizePress محرر مرئي أكثر تقييدًا بعض الشيء، لكن لديهم أداة إنشاء دفع مخصصة أخطط لاستخدامها للمنتجات في المستقبل – لذلك كان من المنطقي استخدام OptimizePress الآن وحفظ إجراء أي تغييرات لاحقًا.
دعونا نلقي نظرة على التغييرات التي أجريتها:
كان اللون الأصفر طاغيًا، ولم يكن الدليل الاجتماعي أعلى من الجزء المرئي وكان CTA ضعيفًا:
فيما يلي نظرة على منطقة الطي الموجودة بالصفحة الرئيسية الجديدة:
تعد عبارة CTA الجديدة أقوى بكثير، وتظهر شعارات الدليل الاجتماعي في الجزء المرئي من الصفحة، وقد أضفت مقدمة شخصية تنقل دليلًا اجتماعيًا إضافيًا.
كان الإصدار القديم يحتوي على كتلة من المحتوى تعرض مقالاتنا الأساسية:
مع الإصدار الجديد، أردت ترتيب هذا الأمر بطريقة أشبه بعملية خطوة بخطوة. لذلك قمت بتغييرها إلى قائمة رأسية وقمت بتضمين رابط لصفحة فهرس المدونة. كان رابط صفحة فهرس المدونة مهمًا لأنني لم أعد أعرض كتلة من المحتوى الحديث.
كان الإصدار القديم من الصفحة الرئيسية يفتقر إلى الشهادات، لذا قمت بتضمين كتلة الشهادات:
هناك كتلة CTA بعد الشهادات والتي تشبه إلى حد كبير النسخة الأصلية.
3. تغييرات طفيفة على الرأس ومنطقة التنقل
كانت منطقة الرأس الأصلية تحتوي على خلفية بيضاء مع خلفية صفراء خلف منطقة عنوان الصفحة.
كنت أرغب في فصل منطقة الرأس عن المحتوى، خاصة بالنسبة لمشاركات المدونة، لذا قمت بتغيير هذا إلى خلفية سوداء.
وقمت بتغيير الخلفية الصفراء خلف عناوين الصفحات إلى اللون الأزرق حتى تكون أسهل على العين.
في التكرار الأول لإعادة التصميم، قمت بالفعل بإزالة شريط البحث من التذييل.
لكنكم لاحظتم على الفور وطلبتم مني إضافته مرة أخرى.
بدلاً من إضافته مرة أخرى إلى التذييل، أضفت زر بحث إلى منطقة التنقل الرئيسية بحيث يكون أكثر بروزًا.
لدي القليل من الحب / الكراهية بشأن ميزة البحث هذه لأن البحث الداخلي في WordPress ليس رائعًا وأردت تجنب إضافة مكون إضافي إضافي لتحسينه.
لهذا السبب أوصي عادةً بالبحث في Google عن شيء مثل هذا: “الكلمة الرئيسية” bloggingwizard.com.
وبغض النظر عن ذلك، فقد عادت وظيفة البحث وأصبح اكتشافها أسهل من ذي قبل. شكرا لأولئك الذين شاركوا ملاحظاتهم!
4. تم تبسيط منطقة التذييل للتركيز بشكل أقوى على المحتوى الشائع
وكان هذا تغييرا طفيفا آخر.
بدا التذييل الأصلي كما يلي:
لقد قمت مؤخرًا بنقل الفئات إلى قائمة فرعية في شريط التنقل، لذا كانت زائدة عن الحاجة وكنت أفتقر إلى نوع من الأدوات التي تشرح ما يعنيه Blogging Wizard للزائرين لأول مرة.
الإصدار الجديد يبدو مثل هذا:
الآن، لدينا أداة تقدم مقدمة قصيرة، وروابط للحسابات الاجتماعية التي تبرز المزيد والمزيد من الروابط الداخلية للمحتوى الشائع.
5. تم تحويل نماذج الاشتراك مرة أخرى إلى Thrive Leads
منذ التحول عن Elementor، أصبح إعداد نموذج الاشتراك الخاص بي ضعيفًا بعض الشيء.
لقد قمت بترحيل النماذج الخاصة بي إلى ConvertBox من أجل البساطة ولكن لم يكن لدي طريقة سهلة لإضافة أشياء مثل بعد نشر نماذج الاشتراك.
لقد قمت الآن بتحويل نماذج الاشتراك الخاصة بي مرة أخرى إلى Thrive Leads حتى أتمكن من الاستفادة من تكامل WordPress الأعمق الذي يقدمونه لاستهداف نماذج الاشتراك.
من المحتمل أن أتلاعب بتصميم هذه النماذج وأجري المزيد من الاختبارات المقسمة ولكن إليك كيف تبدو في الوقت الحالي:
إذا كنت في السوق للحصول على مكون إضافي أو أداة لنموذج الاشتراك، فلا يمكن أن تخطئ في أي منهما. فقط تذكر أن ConvertBox يحتوي على محرر أكثر بساطة. يعد هذا أمرًا رائعًا لإنشاء نماذج الاشتراك بسرعة. لديهم أيضًا وظيفة استهداف محددة للغاية.
لكن Thrive Leads يقدم الكثير من التخصيص ويتمتع بتكامل أعمق مع WordPress.
6. تم ترحيل استضافة الويب إلى Cloudways
حدث هذا قبل فترة من بدء عملية إعادة التصميم ولكن الأمر يستحق الذكر.
في وقت سابق من العام، بدأت البحث عن مضيف ويب بديل لأن Blogging Wizard بدأ يتفوق على مضيفه الحالي (WPX Hosting).
لقد كانت تجربتي مع WPX Hosting ممتازة ولكن عروضها لا تزال مشتركة من الناحية الفنية، على الرغم من كونها سريعة للغاية.
كنت بحاجة إلى مضيف قابل للتطوير. انتهى بي الأمر بالاستقرار على Cloudways.
تختلف Cloudways قليلاً عن معظم مضيفي الويب لأنها من الناحية الفنية لا تقدم خدمة الاستضافة الخاصة بها. إنه يوفر خيار الاستضافة مع العديد من موفري الاستضافة السحابية المختلفين مثل Digital Ocean.
توفر الاستضافة السحابية الكثير من المزايا مقارنة بالاستضافة التقليدية – المرونة وقابلية التوسع وما إلى ذلك.
كانت عملية ترحيل معالج التدوين سلسة ولكن معظم الإعدادات التي تم التعامل معها خلف الكواليس في WPX Hosting أصبحت الآن متاحة لي لتعديلها.
كانت الحرية منعشة ولكن كان هناك منحنى تعليمي متضمن.
بغض النظر، من المدهش أنني أستطيع الآن توسيع نطاق موارد الاستضافة بشكل لا نهائي لتلبية احتياجات حركة المرور الخاصة بـ Blogging Wizard. ولا يستغرق تنفيذها سوى لحظات قليلة.
الآن، من المهم أن تتذكر أن المضيف المناسب لك يعتمد على احتياجاتك. فيما يلي تحليل سريع لما أوصي به في المواقف المختلفة:
- طرق سحابية – استضافة عالية الأداء وبأسعار معقولة يمكن توسيعها لتلبية متطلباتك. ليس دائمًا الأفضل للمبتدئين، ولكن إذا كانت لديك خبرة في الاستضافة، فهذا أمر رائع. وهو مثالي للمواقع ذات حركة المرور العالية مثل Blogging Wizard.
- DreamHost – مثالية لأولئك الذين بدأوا للتو. بمجرد أن يحصل موقعك على حركة مرور أو يتفوق على الاستضافة المشتركة، يمكنك الانتقال بسهولة إلى نظام أساسي أكثر ملاءمة.
- استضافة WPX – مثالي لأولئك الذين يحصلون على حركة مرور للمدونة ولكنهم لا يريدون أي متاعب فنية. فحص البرامج الضارة، وإزالة البرامج الضارة، وCDN، وSSL، وما إلى ذلك. تم تضمين كل ذلك. لا يزال يتم مشاركته من الناحية الفنية ولكنه ميسور التكلفة مقارنة بمعظم مضيفي WordPress المُدارين الآخرين.
7. تحسينات إضافية في الأداء عبر WP Rocket
لقد كان WP Rocket هو المكون الإضافي المفضل لأداء WordPress لفترة طويلة الآن.
في الإصدار الأخير، أضافوا بعض الميزات الجديدة الرائعة:
- تأخير تنفيذ جافا سكريبت – وهذا يشبه التحميل البطيء للصورة ولكن بالنسبة لجافا سكريبت. وقد أدى هذا إلى تحسين جيد لنتائج سرعة صفحات الأجهزة المحمولة والأداء في جميع المجالات.
- التحميل المسبق للرابط – يقوم WP Rocket بتحميل الصفحات التي ترتبط بها قبل أن ينقر المستخدم. عظيم لتجربة المستخدم.
- تحسين العناصر الحيوية الأساسية للويب – أدت بعض التغييرات تحت الغطاء إلى تحسين النتائج الحيوية الأساسية للويب. وهذا أمر مهم بالنسبة لشركة Google، أو على الأقل سيكون كذلك في المستقبل.
في مقال حديث، شارك كولن بعض نتائج الاختبار الرائعة لمكاسب الأداء مع NitroPack – وهي منصة أداء شاملة مع CDN مدمج.
أفكر في تحويل بعض مواقعي إليه في المستقبل. لكن حتى تلك اللحظة، أنا سعيد جدًا بتحسينات الأداء من WP Rocket.
8. تخضع الصور المميزة لعملية تغيير العلامة التجارية
لقد حان الوقت لتحديث صورنا المميزة.
منذ فترة من الوقت، كنا نستخدم أسلوبًا متسقًا للغاية:
لقد تلقينا بعض التعليقات الرائعة حول هذه الصور ولكن أسلوب التصميم لم يترك مجالًا كبيرًا للإبداع. نحن ننتقل إلى نمط مختلف من الصور التي كان مصمم Design Pickle الخاص بي يعمل بجد على إنشائها.
هنا مثال:
وهنا آخر:
بعد التفكير، قضيت الكثير من الوقت في تغيير تصميم هذه الصور المميزة، لذا سأحاول أن أجعل هذا آخر مرة أقوم فيها بتغيير النمط.
إذا كان هناك شيء رئيسي واحد يمكن استخلاصه من هذا التغيير بالتحديد، فهو:
لا تقضي الكثير من الوقت في العبث بصورك المميزة. اجعلها تبدو احترافية وملفتة للنظر، ولكن أبعد من ذلك، فإن تغييرها لن يجعل مدونتك أكثر ربحية.
حزمة التكنولوجيا الحالية لمعالج التدوين
أتلقى رسائل طوال الوقت تسألني عن الأدوات والمكونات الإضافية التي أستخدمها في عملي.
في مرحلة ما، سأقوم بكتابة مقالة مخصصة ولكن حتى ذلك الحين، إليك ملخص سريع لأهم التقنيات التي تدعم Blogging Wizard وبقية أعمالي:
- طرق سحابية – استضافة سحابية قابلة للتطوير.
- كادينس – سمة WordPress فائقة السرعة وقابلة للتخصيص.
- سوكوري – جدار الحماية والأمن وCDN.
- BlogVault – أداة النسخ الاحتياطي الخاصة بـ WordPress.
- صاروخ الفسفور الأبيض – تحسين أداء ووردبريس.
- SEOPress – مكون إضافي رائع لتحسين محركات البحث (SEO).
- الأداء مهم – تعديلات إضافية على أداء WordPress.
- اوبتيميزيبريس – الصفحات المقصودة (لا يزال بعضها يعمل على Leadpages).
- تزدهر العروض – البرنامج المساعد لنموذج الاشتراك في WordPress.
- تحويلKit – منصة التسويق عبر البريد الإلكتروني المفضلة لدي.
- تصنيف SE – أداة قوية لتتبع الترتيب تغطي الكثير من ميزات تحسين محركات البحث الأخرى.
- قابل للإرسال – أداة متكاملة لإدارة وسائل التواصل الاجتماعي.
- فكرة – أداة قابلة للتخصيص لإدارة المشاريع أستخدمها لإدارة أعمالي بالكامل.
- مستندات جوجل – إنشاء المحتوى والتعاون.
- جوجل درايف – يوفر قدرًا كبيرًا من مساحة تخزين الملفات المجانية ويتكامل بشكل جيد مع مُحرّر مستندات Google.
الآن، هناك مواقف معينة قد لا تكون فيها هذه الأدوات هي الأفضل لاحتياجاتك.
هناك دائمًا أكثر من أداة يمكنك استخدامها لأي شيء. وسيعتمد تحديد الخيار الأكثر منطقية للاستخدام على وضعك الفريد – ميزانيتك، ومرحلة نمو موقعك، وما إلى ذلك.
قم بتغليفه
نشكرك على الاطلاع على هذه النظرة العامة حول تغييرات معالج التدوين الأخيرة.
من النادر أن أقوم بعمل مقال مثل هذا، ولكن إذا كنت ترغب في رؤية المزيد من المقالات بأسلوب “من الداخل” مثل هذا، فاتصل بي Twitter و أعلمني @adamjayc.
وإذا كنت ترغب في الحصول على تنبيه عند نشر مقالات جديدة – تأكد من الاشتراك باستخدام النموذج أدناه. ستحصل أيضًا على مجموعة من المحتوى الحصري.
