محمد قتيبة شيخانيأبني. أستكشف. أشارك

18من 18

تطوير الويب

ووردبريس: إتقان إدارة المحتوى لموقعك

في المقال السابق، «أنظمة CMS وأدوات بناء المواقع»، رأيتَ أن المحترف من يختار الأداة المناسبة للمهمّة المناسبة. والآن أتناول الأداة الأكثر مرونةً وشيوعًا: ووردبريس، الذي يشغّل أكثر من أربعين في المئة من مواقع الويب كلّها.[3] تعلّمتَ أن تبني «محرّك السيّارة» من الصفر، وهو ما يمنحك فهمًا عميقًا للميكانيكا؛ والآن تتعلّم العمل مع المحرّك الأكثر موثوقيةً وانتشارًا في العالم، الذي تستعمله ملايين المواقع. هذا دليلك الشامل: أكشف فيه الغموض عنه، وأستعرض مصادر قوّته، ثمّ تثبّته بنفسك عمليًّا لترى كيف تحوّلك مهاراتك البرمجية من مستخدمٍ إلى مطوّر ووردبريس محترف.

ما ووردبريس حقًّا؟ فكّ الالتباس بين .org و.com

قبل أيّ خطوة، يواجهك مفترقٌ يحيّر المبتدئ. حين تبحث عن «ووردبريس» تجد نتيجتين: WordPress.org وWordPress.com. يبدوان متشابهين، لكنّهما فلسفتان مختلفتان تمامًا، واختيارك بينهما يحدّد مصير مشروعك.

WordPress.org هو «المخطّطات وأدوات البناء التي تملكها». من هنا تنزّل برنامج ووردبريس نفسه مجّانًا مئة في المئة،[1] وتثبّته على استضافتك التي تشتريها بنفسك، فتحصل على المخطّطات وحرّية اختيار الأرض وحرّية التصميم والتوسعة كما تشاء. وهو خيار المحترفين لأربعة أسباب: ملكيّةٌ وتحكّمٌ كامل (تملك بياناتك وملفّاتك وتصميمك، وتنقل موقعك لأيّ استضافةٍ متى شئت)، ومرونةٌ لا حدّ لها (تثبّت أيًّا من عشرات الآلاف من القوالب والإضافات بلا قيود)، وحرّية تحقيق دخلٍ (أيّ إعلانٍ أو متجرٍ دون مشاركة أرباحك)، وتحكّمٌ تقنيٌّ كامل. وثمنه أنك المسؤول عن الصيانة والأمان والنسخ الاحتياطي، وعن إعدادٍ أوّليٍّ صار سهلًا بفضل أدوات التثبيت التلقائيّ.

الصفحة الرئيسية لموقع WordPress.org.

أمّا WordPress.com فهو «شقّةٌ مفروشةٌ تديرها شركة». شركة Automattic (أسّسها أحد مؤسّسي ووردبريس) تتولّى كل شيءٍ: البناء والصيانة والأمان والفواتير.[2] تنشئ حسابًا وتبدأ مباشرةً كأدوات بناء المواقع، فتنال سهولة إعدادٍ فائقة وصيانةً صفريةً ودعمًا مدمجًا. لكنّ ثمن ذلك قيودٌ على الحرّية: في الخطط المجّانية والرخيصة لا تثبّت إضافاتٍ أو قوالب من خارج متجرهم، وتُقيَّد في تحقيق الدخل، ولست المالك الحقيقيّ (إن خالفت شروطهم أغلقوا موقعك)، وعنوانك فرعيٌّ في الخطّة المجّانية.

وفي هذا الدليل، حين أقول «ووردبريس» فأعني دائمًا WordPress.org القويّ المرن الذي يمنحك الملكية الكاملة؛ هو الخيار الوحيد لمن يريد موقعًا احترافيًّا أو تعلّم تطوير الويب مهنةً. أمّا WordPress.com فخيارٌ جيّدٌ لمدوّنٍ هاوٍ يريد التجربة بسرعة. وأشاركك ملاحظةً شخصية: رغم أنّي أوصي بـ.org للمشاريع الاحترافية، فإن موقعي هذا الذي تقرؤه مستضافٌ على WordPress.com بخطّةٍ متقدّمةٍ اشتركت بها بسعرٍ قديمٍ مخفّضٍ يمنحني ميزاتٍ تضاهي .org بتكلفةٍ أقلّ. هذه حالةٌ خاصّة؛ ولأيّ مشروعٍ جديدٍ اليوم تبقى توصيتي البدء بـ.org لأقصى حرّيةٍ وتحكّم.

النظام البيئيّ: مصادر القوّة الثلاثة

قوّة ووردبريس الحقيقية ليست في برنامجه الأساسيّ وحده، بل في نظامه البيئيّ الهائل الذي ينمو كل يوم، وتتلخّص في ثلاثة أركان.

الأوّل القوالب (Themes): الهيكل الخارجيّ لموقعك. محتواك هو المحرّك والركّاب، والقالب يحدّد هل يبدو الموقع سيّارةً رياضيةً أو شاحنةً أو حافلة: يتحكّم بالتخطيط والألوان والخطوط وشكل التنقّل. وهو مجموعة ملفّاتٍ (بـPHP وCSS وجافاسكربت) تخبر ووردبريس كيف يعرض المحتوى المخزّن في قاعدة البيانات. وله مستودعٌ مجّانيٌّ بآلاف القوالب نقطةَ انطلاقٍ ممتازة، وقوالب مدفوعةٌ (مثل Astra وGeneratePress) بخياراتٍ أوسع ودعمٍ وتحديثات. وهنا تلمع مهارتك في CSS: فحتى أفضل القوالب قد لا يطابق رؤيتك، وبمعرفتك تتجاوز خياراته وتعدّل أيّ عنصرٍ بدقّة.

مستودع قوالب ووردبريس.

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

مستودع إضافات ووردبريس.

والثالث محرّر الكتل (Gutenberg): المحرّر الحديث الافتراضيّ الذي غيّر إنشاء المحتوى كلّه. الطريقة القديمة كالكتابة في مستندٍ طويلٍ واحد، أمّا محرّر الكتل فكالبناء بمكعّبات ليغو: كل قطعة محتوًى «كتلةٌ» مستقلّةٌ تتحكّم بها (كتلة فقرة، كتلة صورة، كتلة أعمدةٍ تضع فيها كتلًا أخرى). يمنحك حرّيةً مرئيةً بديهيةً في تخطيط صفحاتك كانت تتطلّب سابقًا بُناة صفحاتٍ معقّدة. وكل كتلةٍ في النهاية مجرّد HTML وCSS تُولَّد لك، ففهمك لهما يشخّص أيّ مشكلة عرض، ومعرفتك جافاسكربت تفتح لك بناء «كتلٍ» مخصّصةٍ مستقبلًا. هذه الأركان الثلاثة معًا تجعل ووردبريس «سكّين الجيش السويسريّ» للويب.

محرّر الكتل Gutenberg في ووردبريس.

بُناة الصفحات: السحب والإفلات داخل ووردبريس

ذكرتُ آنفًا «بُناة الصفحات» نوعًا من الإضافات، لكنّها فئةٌ تستحقّ شرحًا أعمق. محرّر الكتل يمنحك مكعّباتٍ لبناء محتوًى داخل الصفحة، أمّا بُناة الصفحات فيمنحونك تصميم هيكل الصفحة نفسها كاملًا بواجهةٍ مرئية، كأن لديك أداة بناءٍ كاملةً داخل مرونة ووردبريس. عند تثبيت بانٍ تظهر واجهة تصميمٍ حيّةٌ ترى فيها موقعك كما يراه الزائر، وتبني عبر بنيةٍ هرمية: أقسامٌ، فصفوفٌ وأعمدةٌ بداخلها، فوحداتٌ تسحبها وتفلتها (نصّ، صورة، زرّ، نموذج)، وتخصّص كل تفصيلٍ بصريًّا دون كتابة شيفرة.

واجهة بانِي صفحاتٍ مرئيٍّ داخل ووردبريس.

ومن واجبي ككاتبٍ ومطوّرٍ عربيٍّ أن أنبّه: لا أستعمل ولا أوصي بـElementor، أشهر هذه البُناة، بسبب الدعم الصريح المعلَن لشركته للجيش الإسرائيليّ. أؤمن أن اختياراتنا لأدواتنا اليومية ينبغي أن تعكس قيمنا. ولحسن الحظّ السوق مليءٌ ببدائل (مثل Beaver Builder المعروف بكوده النظيف، وBrizy الحديث، وDivi).

لكنّي شخصيًّا لا أستعمل بُناة الصفحات في عملي أصلًا، بل أبني قالبًا كلاسيكيًّا خفيفًا أكتبه بنفسي وأعتمد محرّر الكتل، وذلك لسببين يكشفهما عيبا هذه الأدوات. الأوّل الأداء: لتوفير كل الخيارات المرئية، يولّد البانِي شيفرة HTML وCSS ضخمةً «منتفخةً» تثقل الصفحة وتبطّئها، فتضرّ مؤشّرات أداء الويب. والثاني، وهو الأخطر، «الارتباط بالبانِي»: يعتمد تصميمك على «أكوادٍ قصيرةٍ» خاصّةٍ به، فإن عطّلت الإضافة يومًا لم تَعُد صفحاتك إلى شكلٍ بسيط، بل تنهار إلى فوضى رموزٍ غير مفهومة؛ أنت عمليًّا حبيس الأداة. لهذا، إن استعملتها فاجعلها للصفحات التسويقية وصفحات الهبوط، واعتمد محرّر الكتل للمقالات والمحتوى القياسيّ. ومعرفتك بـCSS وجافاسكربت تبقى قوّتك التي تتجاوز بها حدود أيّ أداة.

دليلٌ عمليّ: تثبيت ووردبريس

حان التطبيق. للتثبيت طريقتان: على استضافةٍ حيّةٍ ليراها العالم، أو محليًّا على حاسوبك للتجربة والتطوير.

على استضافةٍ حيّة عبر cPanel

هذه أشيع طريقةٍ لإطلاق موقعٍ فعليّ، وهي سهلةٌ بفضل أدوات التثبيت التلقائيّ. سجّل دخولك إلى لوحة تحكّم استضافتك (cPanel، لوحة قيادة خادمك الرسومية)، وابحث في قسم البرمجيّات عن «Softaculous Apps Installer» أو «WordPress Manager»، وانقر «Install Now». ثمّ املأ الاستمارة بعناية: اختر النطاق الذي تثبّت عليه (واترك حقل المجلّد فارغًا ليكون موقعك في جذر النطاق)، واسم الموقع ووصفه. وأهمّ قسمٍ «حساب المدير»: لا تستعمل أبدًا اسم المستخدم الافتراضيّ admin (اختر اسمًا فريدًا يصعب تخمينه)، وكلمة مرورٍ قويةً جدًّا، وبريدًا صالحًا للإشعارات واستعادة كلمة المرور.

مدير ووردبريس Softaculous في cPanel.

اختر اللغة واضغط «Install»، فيتولّى المثبّت في أقل من دقيقةٍ كل العمل الشاقّ: ينشئ قاعدة بيانات MySQL، وينزّل أحدث نسخةٍ من ووردبريس، ويربطها بقاعدة البيانات، وينشئ ملفّات الإعداد. ويعطيك في النهاية رابطين: رابط موقعك (yourdomain.com)، ورابط لوحة التحكّم (yourdomain.com/wp-admin)، احتفظ بالثاني فهو بوّابتك لإدارة موقعك.

وثمّة خيارٌ وسطٌ بين الاستضافة المشتركة العادية ونسخة .com المُدارة، هو «الاستضافة المُدارة لووردبريس» (Managed WordPress Hosting): شركاتٌ متخصّصةٌ تتولّى التحديثات والأمان والنسخ الاحتياطي والتسريع نيابةً عنك، مع إبقاء ملكيّتك الكاملة لموقع .org. أغلى من المشتركة العادية، لكنها تشتري راحة البال لمن لا يريد أن يصير مدير خوادم. خيارٌ ممتازٌ للموقع التجاريّ الجادّ الذي لا يملك صاحبه وقتًا للصيانة التقنية.

محليًّا على حاسوبك

كمطوّرٍ نادرًا ما تعدّل على الموقع الحيّ مباشرةً. التثبيت المحلّيّ يمنحك «ملعبًا» آمنًا لتجربة القوالب والإضافات، والتطوير دون اتّصال، وارتكاب الأخطاء بأمان. يتطلّب ذلك محاكاة بيئة الخادم (Apache وMySQL وPHP) على جهازك، وأسهلها برامج متخصّصة. أوصي بشدّةٍ بـ«Local» (المعروفة سابقًا Local by Flywheel): نزّلها من localwp.com، وأنشئ موقعًا جديدًا بنقرةٍ، وأعطه اسمًا واسم مستخدمٍ وكلمة مرور، فتحصل في دقائق على موقع ووردبريس كاملٍ يعمل على جهازك. وهي ما أستعمله أنا لتطوير مواقع ووردبريس محليًّا.

أداة LocalWP لتطوير ووردبريس محليًّا.

وثمّة خيارٌ رسميٌّ جديدٌ أطلقته Automattic سنة 2024 اسمه «WordPress Studio»، تطبيقٌ مجّانيٌّ يوفّر بيئة تطويرٍ محليةً متكاملةً سهلة، بميزاتٍ للمطوّرين كفتح المشروع في VS Code والوصول إلى قاعدة البيانات، وهو منافسٌ رسميٌّ مباشرٌ لـLocal.[4] سواءٌ اخترت Local المستقرّ أو Studio الرسميّ، فالنتيجة واحدة: نسخة ووردبريس كاملةٌ على جهازك جاهزةٌ للتجربة بأمان.

جولةٌ في لوحة التحكّم

أوّل دخولك إلى لوحة التحكّم (/wp-admin) قد تربكك كثرة الخيارات، لكنّها ستصير صديقك. القائمة الجانبية هي «قمرة القيادة»، وأهمّ محطّاتها للمبتدئ ستّ. «لوحة التحكّم» الرئيسية شاشةٌ ترحيبيةٌ تعطيك نظرةً سريعةً على صحّة موقعك ونشاطه. و«المقالات» قلب الجانب الديناميكيّ المتجدّد، للمحتوى المرتبط بالزمن (الأخبار وتدوينات المدوّنة)، يظهر بترتيبٍ زمنيٍّ عكسيّ، وتحته تنظّم محتواك بـ«التصنيفات» (أقسامٌ رئيسية) و«الوسوم» (كلماتٌ مفتاحيةٌ أدقّ). و«الصفحات» للمحتوى الثابت الدائم الذي لا يتغيّر كثيرًا («من أنا»، «تواصل معي»، «سياسة الخصوصية»).

لوحة تحكّم ووردبريس.

و«المظهر» استوديو التصميم: منه تتصفّح القوالب وتفعّلها، وتستعمل «المخصّص المباشر» لتغيير الشعار والألوان والخطوط ورؤية الأثر فورًا، وتبني «القوائم» (التنقّل) بسحب الصفحات والروابط، وتضع «الودجات» (كتل محتوًى صغيرة) في الشريط الجانبيّ أو التذييل. و«الإضافات» متجر التطبيقات حيث تثبّت الوظائف وتديرها. و«الإعدادات» غرفة المحرّكات، وفيها خطوةٌ لا تؤجّلها بعد التثبيت: اذهب إلى «الروابط الدائمة» (Permalinks) واختر «اسم المقالة» (Post name)، فيتحوّل رابطك من yourdomain.com/?p=123 الغامض إلى yourdomain.com/what-is-wordpress النظيف الوصفيّ. وأفضل طريقةٍ لتألَف اللوحة أن تنقر وتجرّب.

أوّل ما تفعله بعد التثبيت

بعد التثبيت مباشرةً، خمس خطواتٍ تضبط أساسك قبل أن تبني فوقه. ضبطتَ الروابط الدائمة على «اسم المقالة» (الخطوة الأهمّ). ثمّ احذف المحتوى التجريبيّ الذي يأتي افتراضيًّا (مقال «مرحبًا بالعالم» والصفحة النموذجية والتعليق الافتراضيّ). واضبط منطقتك الزمنية وصيغة التاريخ من الإعدادات العامّة لتظهر أوقات نشرك صحيحةً. واحذف القوالب والإضافات التي لا تستعملها بدل تركها معطّلة، فكل ملفٍّ زائدٍ سطحُ هجومٍ محتمل. وأخيرًا قرّر صفحتك الرئيسية: آخر المقالات (لمدوّنة) أم صفحةٌ ثابتةٌ (لموقع شركة) من إعدادات القراءة. هذه الدقائق العشر توفّر عليك فوضى لاحقة.

تأمين موقعك: أساسياتٌ لا تُهمَل

ولأن شعبية ووردبريس تجعله هدفًا مفضّلًا للمهاجمين، فالأمان مسؤوليّتك في نسخة .org، ويكفيك أساسٌ بسيطٌ يصدّ معظم الهجمات. حدّث كل شيءٍ باستمرار (النواة والقوالب والإضافات)، فالثغرات المعروفة في النسخ القديمة هي البوّابة الأولى للاختراق. واستعمل اسم مستخدمٍ غير admin وكلمة مرورٍ قويةً، وفعّل «المصادقة الثنائية» إن أمكن. وحُدّ من محاولات الدخول الفاشلة لتمنع تخمين كلمة المرور آليًّا. وثبّت شهادة HTTPS (مجّانيةٌ غالبًا عند المضيف). والأهمّ: خذ نسخًا احتياطيةً منتظمةً وتلقائيةً تُحفَظ خارج خادمك، فالنسخة الاحتياطية هي الفرق بين عطلٍ تتعافى منه في دقائق وكارثةٍ تفقد فيها عملك كلّه. الأمان ليس إضافةً واحدةً سحرية، بل عاداتٌ صغيرةٌ منتظمة.

القالب الابن: عدّل دون أن تفقد عملك

وحين تبدأ تخصيص قالبٍ بمعرفتك في CSS وPHP، تنبّه إلى فخٍّ يقع فيه كثيرون: لا تعدّل ملفّات القالب مباشرةً. لماذا؟ لأن أوّل تحديثٍ للقالب يمسح تعديلاتك كلّها. الحلّ ممارسةٌ أساسية في ووردبريس اسمها «القالب الابن» (Child Theme): قالبٌ صغيرٌ يرث كل شيءٍ من القالب الأصل (الأب)، وتضع فيه تعديلاتك وحدها. فيبقى الأب يُحدَّث بأمان، وتنجو تخصيصاتك في الابن فوقه. هذه العادة وحدها تفرّق المطوّر المنضبط من الهاوي الذي يخسر عمله مع كل تحديث، وهي أساس بناء قوالبَ خفيفةٍ مخصّصةٍ كالتي أفضّلها في عملي.

ولتختصر سنواتٍ من تجارب غيرك، إليك أكثر أخطاء المبتدئين في ووردبريس. أوّلها كثرة الإضافات: عشرون إضافةً نصفها لا يُستعمَل تثقل موقعك وتفتح ثغرات؛ اكتفِ بما تحتاجه فعلًا. وثانيها اختيار قالبٍ متضخّمٍ «يفعل كل شيء» بدل قالبٍ خفيفٍ يفعل ما تريد. وثالثها إهمال النسخ الاحتياطي حتى تقع الكارثة. ورابعها التعديل على ملفّات القالب الأصل بدل قالبٍ ابن. وخامسها ترك الإعدادات الافتراضية كما هي (خاصّةً الروابط الدائمة واسم المستخدم admin). تجنُّب هذه الخمسة وحده يضعك في مقدّمة من يستعملون ووردبريس.

ووردبريس وتحسين الظهور: أداةٌ تحتاج إدارةً حكيمة

تسمع أحيانًا خرافة «ووردبريس سيّئٌ لتحسين الظهور»، وهي خاطئةٌ تمامًا. الحقيقة أنه «خارج الصندوق» من أصدق الأنظمة لمحرّكات البحث، لكنّه أداةٌ في النهاية، قوّتها بمن يستعملها. فهو يمنحك روابط دائمةً نظيفةً وصفيّة، وتحكّمًا دقيقًا في عناصر كل صفحةٍ عبر إضافاتٍ متخصّصةٍ (عناوين وأوصافٌ مخصّصة، وبياناتٌ منظّمة، وتحكّمٌ في الفهرسة)، وتنظيمًا للمحتوى بالتصنيفات والوسوم يبني بنية موقعٍ منطقيةً يسهل على زواحف محرّكات البحث فهمها، ونظامًا بيئيًّا فيه إضافةٌ لكل حاجة (تسريعٌ، وضغط صور، وإعادة توجيه).

إضافة تحسين ظهورٍ داخل لوحة تحكّم ووردبريس.

لكنّ هذه القوّة سيفٌ ذو حدّين: تضرّ ظهورك بسهولةٍ إن اخترت قالبًا بطيئًا، أو أفرطت في الإضافات، أو أهملت التحديثات (فتفتح ثغراتٍ تضرّ سمعتك). فووردبريس ليس جيّدًا ولا سيّئًا بطبعه؛ هو منصّةٌ تمنحك كل الأدوات، ومعرفتك بـأساسيات تطوير الويب (أهمّية السرعة، وبنية HTML السليمة) هي ما يجعلك تستعملها بحكمة. وهذا بابٌ واسعٌ أفصّله في سلسلةٍ مستقلّةٍ لتحسين الظهور، فلا أطيل فيه هنا؛ يكفيك أن تعرف أن ووردبريس يضع التحكّم بين يديك، وحُسن استعماله مسؤوليّتك.

اكتمل الأساس، وبدأ التأثير

بهذا المقال أختم سلسلة تطوير الويب. أكملت منهجًا تأسيسيًّا متكاملًا أخذك من بيئة عملٍ فارغةٍ إلى موقعٍ حيٍّ على الإنترنت: من كتابة شيفرةٍ نظيفةٍ بلغات الويب الثلاث، إلى سير عملٍ احترافيٍّ بـGit وGitHub، إلى فهم واجهات البرمجة وأنظمة إدارة المحتوى، وأخيرًا إتقان ووردبريس. لم تَعُد تملك المهارات فحسب، بل فهمًا عميقًا للمنظومة الكاملة وكيف تتّصل قطعها.

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

المصادر

  1. WordPress.org: تنزيل ووردبريس. البرنامج المفتوح المصدر الذي تثبّته على استضافتك وتملكه.
  2. Automattic: الفرق بين WordPress.com و.org. الخدمة المستضافة مقابل البرنامج الذي تملكه.
  3. W3Techs: حصّة ووردبريس السوقية. هيمنته على أكثر من 40% من مواقع الويب.
  4. WordPress Developer: WordPress Studio. أداة التطوير المحلّيّ الرسمية من Automattic.

اترك تعليقاً

الحقول المميّزة بـ مطلوبة