تتعدد الخيارات المتاحة لتطوير المواقع، سواء عبر منصات جاهزة أو حلول مخصصة. لكن يبقى نظام ووردبريس من أكثر أنظمة إدارة المحتوى شيوعًا ومرونة في تطوير المواقع. سواء كنت تطلق مدونة بسيطة أو موقعًا احترافيًا لنشاطك التجاري، أو حتى متجر إلكتروني متكامل. وتزداد سهولة استخدامه خصوصًا عند الاعتماد على القوالب الجاهزة التي توفّر تصميمات مُسبقة قابلة للتعديل.
في هذا الدليل، نستعرض طريقة تطوير موقع باستخدام قالب ووردبريس ورفعه على الاستضافة خطوة بخطوة. مع استعراض اختيار القالب المناسب وتخصيصه قبل إطلاق الموقع.
قبل البدء في تطوير موقع جديد باستخدام نظام ووردبريس، من المهم تحديد الخطوات الأساسية واتباعها بالترتيب الصحيح. ذلك لتفادي الوقوع في أخطاء شائعة قد تؤثر لاحقًا على أداء الموقع أو استقراره، أو تتسبب في تكاليف إضافية غير متوقعة. في الفقرات التالية، سنستعرض هذه الخطوات بشكل مرتب وواضح، بدءًا من حجز المتطلبات الأساسية للموقع.
الخطوة الأولى تحتاج إلى حجز الموارد الأساسية للموقع، والتي تتمثل في الاستضافة واسم النطاق (الدومين). فيما يتعلق بالاستضافة، توجد العديد من الخيارات المتاحة. لكن دائمًا ما أُفضل الاعتماد على الاستضافة السحابية لما توفره من أداء واستقرار ممتاز بفضل شبكة الخوادم المرتبطة ببعضها.
تتميز الاستضافة السحابية بمرونة عالية في تعديل الموارد مثل الذاكرة العشوائية (RAM)، مساحة التخزين (Storage)، وحدة المعالجة المركزية (CPU)، وغيرها من الموارد. وهذا يتيح لك تكييف الاستضافة بسهولة بما يتناسب مع حجم موقعك.
توجد عدة شركات موثوقة في هذا المجال مثل DigitalOcean و Linode و Vultr، وتتميز هذه الشركات بنظام الدفع حسب الاستهلاك. حيث تُحسب التكلفة بناءً على عدد ساعات استخدام الموارد فقط. وهو ما يجعلها خيارًا أكثر اقتصادية مقارنة بخطط الاستضافة التقليدية ذات السعر الثابت.
متوسط تكلفة الاستضافة السحابية يبلغ حوالي 20 دولارًا شهريًا، اعتمادًا على الموارد المختارة. لكن في حالة استخدام نظام ووردبريس، يُفضل ألا تقل الذاكرة العشوائية عن 4 جيجابايت، وسعة التخزين عن 50 جيجابايت، مع معالج ثنائي النواة، لضمان أداء مستقر للموقع.
خطط أسعار الاستضافة السحابية
أما بخصوص اسم النطاق، يمكنك حجزه مباشرة من شركة الاستضافة إذا كانت تقدم هذه الخدمة أو من مزودي خدمات مستقلين. مثل Namecheap أو GoDaddy. ويتراوح متوسط تكلفة حجز نطاق احترافي بامتداد .com بين 11 - 12 دولارًا سنويًا.
تكلفة حجز اسم نطاق جديد
إذا حجزت اسم النطاق من مزود خارجي، ستحتاج إلى ربطه بالاستضافة من خلال إعدادات DNS، وهذه الخطوة تختلف من شركة إلى أخرى. لذلك يُفضل الاستعانة بالدعم الفني لشركة الاستضافة لتوجيهك بدقة في عملية الربط.
بعد الحصول على موارد الاستضافة، تحتاج إلى تثبيت نظام ووردبريس لتطوير المواقع عليها. تتميز أغلب شركات الاستضافة اليوم بدعم خاصية تثبيت ووردبريس بنقرة واحدة مباشرة من داخل لوحة التحكم، دون الحاجة إلى التعامل مع الأكواد البرمجية أو إعدادات معقدة.
تثبت نظام ووردبريس على الخادم
بمجرد الانتهاء من تثبيت ووردبريس، يمكنك الدخول إلى لوحة التحكم الخاصة بموقعك، والتي ستعتمد عليها في إدارة جميع جوانب الموقع. يتم الوصول إلى لوحة التحكم من خلال الرابط التالي: www.[yourdomain.com]/wp-admin. مع استبدال [yourdomain.com] باسم النطاق الخاص بموقعك.
لوحة تحكم ووردبريس الرئيسية
الخطوة التالية هي اختيار قالب جاهز يساعدك على تصميم واجهة وصفحات المتجر بسرعة. تُعد وفرة القوالب الجاهزة من أبرز مزايا نظام ووردبريس، إذ تتوفر قوالب متخصصة لمجالات متنوعة مثل المدونات، المتاجر الإلكترونية، مواقع الحجوزات، المنصات التعليمية، وغيرها.
لذلك، ينبغي أولًا تحديد نوع الموقع بدقة، سواء كان مدونة، متجرًا، أو غير ذلك، ثم تحديد العناصر وآلية العرض المناسبة، مثل طريقة عرض المنتجات، المقالات، التصنيفات، النشرات البريدية، نماذج الحجز، أو غيرها. يساعدك هذا في تحديد أهداف الموقع وأولوياته بشكل واضح.
في هذه المرحلة، اعتمدت على متجر بيكاليكا، وهو متجر إلكتروني للمنتجات الرقمية بمختلف أنواعها. فور دخولك إلى المتجر، ستجد في الترويسة قائمة منسدلة للتصنيفات. وهناك ستجد باقة واسعة من مختلف المنتجات الرقمية؛ قوالب، تصميمات، مستندات، نماذج جاهزة، وحتى تطبيقات!
المنتجات التي توفرها بيكاليكا
بالنسبة لووردبريس، توجد في بيكاليكا مكتبة ضخمة من قوالب ووردبريس العربية في مختلف المجالات. إلى جانب أداء جيد من حيث سرعة تحميل الصفحات، وتجاوب التصميم مع أحجام الشاشات المختلفة، والتوافق مع محركات البحث، وغيرها من الميزات التي تضمن تجربة مستخدم عالية الجودة.
قوالب ووردبريس الجاهزة على منصة بيكاليكا
في هذه المقالة، اخترت أن أشرح لكم مثالًا عمليًا لإنشاء موقع متجر على نظام ووردبريس. وقع اختياري على "إمبراطور". فهو مناسب تمامًا لتخصص المتجر الذي أرغب في إنشائه (متجر أجهزة كمبيوتر). لكن، يُنصح دائمًا قبل شراء أي قالب بمعاينة نسخة مباشرة منه لاختبار ميزاته وتجربة المستخدم عمليًا. في منصة بيكاليكا، يمكن فعل ذلك من خلال الضغط على زر "عرض مباشر" كما هو موضح في الصورة التالية:
معاينة نسخة مباشرة من قوالب بيكاليكا
كذلك، من المهم مراجعة تفاصيل القالب مثل تاريخ آخر تحديث، ومدى توافقه مع الإصدارات الحديثة من ووردبريس أو ووكومرس. بالإضافة إلى إمكانية التواصل مع مطور القالب للاستفسار عن أي نقاط تقنية قبل الشراء. تجد جميع هذه المعلومات في بطاقة معلومات المنتج.
الإطلاع على معلومات القوالب قبل الشراء
بعد شراء القالب، ستُوجَّه إلى صفحة المشتريات على بيكاليكا. اضغط على زر "تحميل" للحصول على ملفات القالب، بما في ذلك الملف المصدري، دليل التوثيق، والملفات المساعدة.
تحميل ملفات القالب من بيكاليكا
لتثبيت القالب على موقعك، انتقل إلى لوحة تحكم ووردبريس الرئيسية. ثم توجه إلى تبويب "المظهر" >> "قوالب" من القائمة الجانبية. بعد ذلك، اضغط على زر "Add Theme" لإضافة قالب جديد.
إضافة قالب جديد على ووردبريس
في الخطوة التالية، اضغط على زر "رفع قالب"، ثم حدد موقع ملف القالب من جهازك بالضغط على زر "Choose File"، وابدأ التثبيت بالضغط على زر "Install Now" كما هو موضح في الصورة التالية:
تثبت قالب بيكاليكا على ووردبريس
بعد تثبيت القالب بنجاح، فعّل القالب على موقعك بالضغط على زر "Activate".
تفعيل القالب الجديد على الموقع
الآن، اختر أحد النماذج الجاهزة المرفقة مع القالب لتثبيته مباشرة على متجرك. لتنفيذ ذلك، اضغط على زر "استيراد نماذج القالب".
معاينة النماذج الجاهزة على القالب
بعد ذلك، حدد النموذج المناسب. يمكنك معاينته أولًا بالضغط على زر "معاينة النموذج"، ثم استورد النموذج إلى موقعك بالضغط على زر "استيراد النموذج".
استيراد النماذج الجاهزة على الموقع
سيتطلب القالب تثبيت بعض الإضافات المساعدة. حدد الإضافات المطلوبة، ثم اضغط على زر "متابعة & استيراد".
تثبيت إضافات القالب المُساعدة
انتظر حتى تكتمل عملية تثبيت الإضافات واستيراد كافة ملفات النموذج. بعد الانتهاء، ستظهر لك رسالة "اكتمل الاستيراد بنجاح".
استيراد نموذج القالب الجاهز بنجاح على الموقع
توجه الآن إلى الصفحة الرئيسية لموقعك، وستلاحظ أن الواجهة أصبحت مطابقة تمامًا للنموذج الذي اخترته وتستطيع تخصيصه بناءً على هوية موقعك البصرية.
الخطوة الأخيرة هي تخصيص مظهر القالب ليتوافق مع هوية موقعك. وتمتاز قوالب بيكاليكا بإمكانية تخصيص جميع عناصرها وأقسامها بسهولة ومرونة عالية من خلال محرر المكونات بالسحب والإفلات مثل محرر Gutenberg. كما يوفر القالب لوحة تحكم تساعدك على ضبط الإعدادات الأساسية للقالب مثل الشعار، الألوان، الخطوط، وغيرها.
من محرر المكونات يمكنك تعديل جميع أقسام وعناصر القالب بشكل مباشر. سواء التخطيط العام، الصور، النصوص، التنسيق، وغير ذلك من الإعدادات المتنوعة.
التعديل على صفحة القالب الرئيسية بواسطة محرر المكونات
يمكنك أيضًا الوصول إلى لوحة تحكم القالب من تبويب "إمبراطور" في القائمة الجانبية، ثم تعديل إعدادات القالب مثل الألوان، الخطوط، شاشة التحميل، روابط التواصل الاجتماعي، حماية المحتوى، وغيرها من الإعدادات المهمة.
لوحة تحكم القالب الرئيسية
كما ستجد مع القالب دليل توثيق شامل يحتوي على شرح مفصل بالصور يوضح كيفية تثبيت وتخصيص جميع أقسام القالب، مما يساعدك على التعرف سريعًا على جميع الميزات وآلية التحكم فيها بما يتناسب مع هوية ومتطلبات موقعك.
دليل توثيق القالب
بعد الانتهاء من تخصيص أقسام الموقع بخطوات بسيطة، كانت النتيجة النهائية التي توصلت إليها كما هو موضح في الصورة التالية:
المظهر النهائي للموقع
بهذا الشكل، تمكنا من تطوير موقع ووردبريس بسهولة وبخطوات بسيطة، دون الحاجة للتعامل مع الأكواد البرمجية إطلاقًا. بالاعتماد على قوالب بيكاليكا الجاهزة. وأنصحك دائمًا باختيار قالب احترافي يتوافق مع هوية وتخصص موقعك، حيث يوفر عليك الكثير من الوقت والجهد. ويتيح لك إنشاء موقع متكامل في وقت قصير، كما تجلى ذلك بوضوح في هذه التجربة.
المصدر
في هذا الدليل، نستعرض طريقة تطوير موقع باستخدام قالب ووردبريس ورفعه على الاستضافة خطوة بخطوة. مع استعراض اختيار القالب المناسب وتخصيصه قبل إطلاق الموقع.
كيفية تطوير المواقع على نظام ووردبريس
قبل البدء في تطوير موقع جديد باستخدام نظام ووردبريس، من المهم تحديد الخطوات الأساسية واتباعها بالترتيب الصحيح. ذلك لتفادي الوقوع في أخطاء شائعة قد تؤثر لاحقًا على أداء الموقع أو استقراره، أو تتسبب في تكاليف إضافية غير متوقعة. في الفقرات التالية، سنستعرض هذه الخطوات بشكل مرتب وواضح، بدءًا من حجز المتطلبات الأساسية للموقع.
حجز موارد الموقع الأساسية
الخطوة الأولى تحتاج إلى حجز الموارد الأساسية للموقع، والتي تتمثل في الاستضافة واسم النطاق (الدومين). فيما يتعلق بالاستضافة، توجد العديد من الخيارات المتاحة. لكن دائمًا ما أُفضل الاعتماد على الاستضافة السحابية لما توفره من أداء واستقرار ممتاز بفضل شبكة الخوادم المرتبطة ببعضها.
تتميز الاستضافة السحابية بمرونة عالية في تعديل الموارد مثل الذاكرة العشوائية (RAM)، مساحة التخزين (Storage)، وحدة المعالجة المركزية (CPU)، وغيرها من الموارد. وهذا يتيح لك تكييف الاستضافة بسهولة بما يتناسب مع حجم موقعك.
توجد عدة شركات موثوقة في هذا المجال مثل DigitalOcean و Linode و Vultr، وتتميز هذه الشركات بنظام الدفع حسب الاستهلاك. حيث تُحسب التكلفة بناءً على عدد ساعات استخدام الموارد فقط. وهو ما يجعلها خيارًا أكثر اقتصادية مقارنة بخطط الاستضافة التقليدية ذات السعر الثابت.
متوسط تكلفة الاستضافة السحابية يبلغ حوالي 20 دولارًا شهريًا، اعتمادًا على الموارد المختارة. لكن في حالة استخدام نظام ووردبريس، يُفضل ألا تقل الذاكرة العشوائية عن 4 جيجابايت، وسعة التخزين عن 50 جيجابايت، مع معالج ثنائي النواة، لضمان أداء مستقر للموقع.
خطط أسعار الاستضافة السحابية
أما بخصوص اسم النطاق، يمكنك حجزه مباشرة من شركة الاستضافة إذا كانت تقدم هذه الخدمة أو من مزودي خدمات مستقلين. مثل Namecheap أو GoDaddy. ويتراوح متوسط تكلفة حجز نطاق احترافي بامتداد .com بين 11 - 12 دولارًا سنويًا.
تكلفة حجز اسم نطاق جديد
إذا حجزت اسم النطاق من مزود خارجي، ستحتاج إلى ربطه بالاستضافة من خلال إعدادات DNS، وهذه الخطوة تختلف من شركة إلى أخرى. لذلك يُفضل الاستعانة بالدعم الفني لشركة الاستضافة لتوجيهك بدقة في عملية الربط.
تثبيت نظام ووردبريس
بعد الحصول على موارد الاستضافة، تحتاج إلى تثبيت نظام ووردبريس لتطوير المواقع عليها. تتميز أغلب شركات الاستضافة اليوم بدعم خاصية تثبيت ووردبريس بنقرة واحدة مباشرة من داخل لوحة التحكم، دون الحاجة إلى التعامل مع الأكواد البرمجية أو إعدادات معقدة.
تثبت نظام ووردبريس على الخادم
بمجرد الانتهاء من تثبيت ووردبريس، يمكنك الدخول إلى لوحة التحكم الخاصة بموقعك، والتي ستعتمد عليها في إدارة جميع جوانب الموقع. يتم الوصول إلى لوحة التحكم من خلال الرابط التالي: www.[yourdomain.com]/wp-admin. مع استبدال [yourdomain.com] باسم النطاق الخاص بموقعك.
لوحة تحكم ووردبريس الرئيسية
اختيار القالب لتطوير الموقع
الخطوة التالية هي اختيار قالب جاهز يساعدك على تصميم واجهة وصفحات المتجر بسرعة. تُعد وفرة القوالب الجاهزة من أبرز مزايا نظام ووردبريس، إذ تتوفر قوالب متخصصة لمجالات متنوعة مثل المدونات، المتاجر الإلكترونية، مواقع الحجوزات، المنصات التعليمية، وغيرها.
لذلك، ينبغي أولًا تحديد نوع الموقع بدقة، سواء كان مدونة، متجرًا، أو غير ذلك، ثم تحديد العناصر وآلية العرض المناسبة، مثل طريقة عرض المنتجات، المقالات، التصنيفات، النشرات البريدية، نماذج الحجز، أو غيرها. يساعدك هذا في تحديد أهداف الموقع وأولوياته بشكل واضح.
في هذه المرحلة، اعتمدت على متجر بيكاليكا، وهو متجر إلكتروني للمنتجات الرقمية بمختلف أنواعها. فور دخولك إلى المتجر، ستجد في الترويسة قائمة منسدلة للتصنيفات. وهناك ستجد باقة واسعة من مختلف المنتجات الرقمية؛ قوالب، تصميمات، مستندات، نماذج جاهزة، وحتى تطبيقات!
المنتجات التي توفرها بيكاليكا
بالنسبة لووردبريس، توجد في بيكاليكا مكتبة ضخمة من قوالب ووردبريس العربية في مختلف المجالات. إلى جانب أداء جيد من حيث سرعة تحميل الصفحات، وتجاوب التصميم مع أحجام الشاشات المختلفة، والتوافق مع محركات البحث، وغيرها من الميزات التي تضمن تجربة مستخدم عالية الجودة.
قوالب ووردبريس الجاهزة على منصة بيكاليكا
في هذه المقالة، اخترت أن أشرح لكم مثالًا عمليًا لإنشاء موقع متجر على نظام ووردبريس. وقع اختياري على "إمبراطور". فهو مناسب تمامًا لتخصص المتجر الذي أرغب في إنشائه (متجر أجهزة كمبيوتر). لكن، يُنصح دائمًا قبل شراء أي قالب بمعاينة نسخة مباشرة منه لاختبار ميزاته وتجربة المستخدم عمليًا. في منصة بيكاليكا، يمكن فعل ذلك من خلال الضغط على زر "عرض مباشر" كما هو موضح في الصورة التالية:
معاينة نسخة مباشرة من قوالب بيكاليكا
كذلك، من المهم مراجعة تفاصيل القالب مثل تاريخ آخر تحديث، ومدى توافقه مع الإصدارات الحديثة من ووردبريس أو ووكومرس. بالإضافة إلى إمكانية التواصل مع مطور القالب للاستفسار عن أي نقاط تقنية قبل الشراء. تجد جميع هذه المعلومات في بطاقة معلومات المنتج.
الإطلاع على معلومات القوالب قبل الشراء
بعد شراء القالب، ستُوجَّه إلى صفحة المشتريات على بيكاليكا. اضغط على زر "تحميل" للحصول على ملفات القالب، بما في ذلك الملف المصدري، دليل التوثيق، والملفات المساعدة.
تحميل ملفات القالب من بيكاليكا
تثبيت القالب واستيراد النماذج الجاهزة
لتثبيت القالب على موقعك، انتقل إلى لوحة تحكم ووردبريس الرئيسية. ثم توجه إلى تبويب "المظهر" >> "قوالب" من القائمة الجانبية. بعد ذلك، اضغط على زر "Add Theme" لإضافة قالب جديد.
إضافة قالب جديد على ووردبريس
في الخطوة التالية، اضغط على زر "رفع قالب"، ثم حدد موقع ملف القالب من جهازك بالضغط على زر "Choose File"، وابدأ التثبيت بالضغط على زر "Install Now" كما هو موضح في الصورة التالية:
تثبت قالب بيكاليكا على ووردبريس
بعد تثبيت القالب بنجاح، فعّل القالب على موقعك بالضغط على زر "Activate".
تفعيل القالب الجديد على الموقع
الآن، اختر أحد النماذج الجاهزة المرفقة مع القالب لتثبيته مباشرة على متجرك. لتنفيذ ذلك، اضغط على زر "استيراد نماذج القالب".
معاينة النماذج الجاهزة على القالب
بعد ذلك، حدد النموذج المناسب. يمكنك معاينته أولًا بالضغط على زر "معاينة النموذج"، ثم استورد النموذج إلى موقعك بالضغط على زر "استيراد النموذج".
استيراد النماذج الجاهزة على الموقع
سيتطلب القالب تثبيت بعض الإضافات المساعدة. حدد الإضافات المطلوبة، ثم اضغط على زر "متابعة & استيراد".
تثبيت إضافات القالب المُساعدة
انتظر حتى تكتمل عملية تثبيت الإضافات واستيراد كافة ملفات النموذج. بعد الانتهاء، ستظهر لك رسالة "اكتمل الاستيراد بنجاح".
استيراد نموذج القالب الجاهز بنجاح على الموقع
توجه الآن إلى الصفحة الرئيسية لموقعك، وستلاحظ أن الواجهة أصبحت مطابقة تمامًا للنموذج الذي اخترته وتستطيع تخصيصه بناءً على هوية موقعك البصرية.
تخصيص القالب وفقًا للهوية البصرية
الخطوة الأخيرة هي تخصيص مظهر القالب ليتوافق مع هوية موقعك. وتمتاز قوالب بيكاليكا بإمكانية تخصيص جميع عناصرها وأقسامها بسهولة ومرونة عالية من خلال محرر المكونات بالسحب والإفلات مثل محرر Gutenberg. كما يوفر القالب لوحة تحكم تساعدك على ضبط الإعدادات الأساسية للقالب مثل الشعار، الألوان، الخطوط، وغيرها.
من محرر المكونات يمكنك تعديل جميع أقسام وعناصر القالب بشكل مباشر. سواء التخطيط العام، الصور، النصوص، التنسيق، وغير ذلك من الإعدادات المتنوعة.
التعديل على صفحة القالب الرئيسية بواسطة محرر المكونات
يمكنك أيضًا الوصول إلى لوحة تحكم القالب من تبويب "إمبراطور" في القائمة الجانبية، ثم تعديل إعدادات القالب مثل الألوان، الخطوط، شاشة التحميل، روابط التواصل الاجتماعي، حماية المحتوى، وغيرها من الإعدادات المهمة.
لوحة تحكم القالب الرئيسية
كما ستجد مع القالب دليل توثيق شامل يحتوي على شرح مفصل بالصور يوضح كيفية تثبيت وتخصيص جميع أقسام القالب، مما يساعدك على التعرف سريعًا على جميع الميزات وآلية التحكم فيها بما يتناسب مع هوية ومتطلبات موقعك.
دليل توثيق القالب
بعد الانتهاء من تخصيص أقسام الموقع بخطوات بسيطة، كانت النتيجة النهائية التي توصلت إليها كما هو موضح في الصورة التالية:
المظهر النهائي للموقع
بهذا الشكل، تمكنا من تطوير موقع ووردبريس بسهولة وبخطوات بسيطة، دون الحاجة للتعامل مع الأكواد البرمجية إطلاقًا. بالاعتماد على قوالب بيكاليكا الجاهزة. وأنصحك دائمًا باختيار قالب احترافي يتوافق مع هوية وتخصص موقعك، حيث يوفر عليك الكثير من الوقت والجهد. ويتيح لك إنشاء موقع متكامل في وقت قصير، كما تجلى ذلك بوضوح في هذه التجربة.
المصدر
التعديل الأخير بواسطة المشرف: