تصميم موقع ووردبريس احترافي (الدليل الشامل لتصميم المواقع) في 2024

إذا كنت مُدون أو صاحب عمل وراغب في بناء موقع وورد بريس احترافي، لكن ليس لديك الخبرة الكافية فى تصميم المواقع الالكترونية، وتبحث عن مرشد في تصميم المواقع الـ WordPress.

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

دليل تصميم موقع ووردبريس احترافي

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

ما هو WordPress ؟

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

مميزات منصة الووردبريس

تَتضمن منصة الووردبريس مميزات عديدة سوف تُفيدك أثناء تعلم هذا المجال:

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

ما هي اركان تصميم موقع ووردبريس؟

يوجد أربع اركان أساسية يجب عليك معرفتها بالتفصيل؛ لأنها ستُساعدك في تصميم موقع ووردبريس احترافي دون أخطاء، وهذه الأركان كالتالي:

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

كيف يتم تصميم موقع ووردبريس احترافي في 5 خطوات؟

هل تتساءل كيف يتم تصميم موقع ووردبريس احترافي في 5 خطوات؟ ومندهش من قلة عدد الخطوات!

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

1- حجز دومين واستضافة الووردبريس.

2- تنصيب الووردبريس على الاستضافة.

3- البدء في التعديل والإضافة على موقع ووردبريس.

4- إضافة محتوى إلى موقع ووردبريس.

5- صناعة القوائم الرئيسية فى WordPress.

1- حجز دومين واستضافة الووردبريس

يوجد عنصرين لا غنى عنهم على الإطلاق عند تصميم موقع ووردبريس، وهما الاستضافة والدومين وسوف تتعرف عليهم الآن:

الاستضافة: هي مساحة تخزين الموقع على الانترنت لتحميل ملفات الموقع وعرضها عند الطلب.

الدومين: هو عنوان الموقع الإلكتروني على سبيل المثال: (www.Sitename.com).

ويوجد استضافة ودومين مجاني ويوجد ايضًا مدفوع واسعارهم تبدأ من 3$ تقريباً، كما يوجد عديد من الشركات التي تُقدم هذه الخدمات مثل “اليوم هوست”.

وتَعُد الاستضافة المدفوعة قوية أفضل من الاستضافات المجانية التي تَتضمن عديد من المشاكل والمخاطر التي يُمكن أن تؤثر على موقعك، على سبيل المثال:

1. تكون الاستضافة المجانية ضعيفة في تحميل موقعك.
2. يُمكن أن يُغلق حسابك في أي وقت نهائياً.
3. تَظهر إعلانات مزعجة على موقعك بشكل إجباري ولا تستطيع إيقافها.

كما يُمكنك اختيار استضافة الـ Cloudflare للحصول على موقع سريع للغاية، حيث تعطيك إضافة الـ CDN التي توفر نسخة من الموقع الإلكتروني الخاص بك إلى استضافات سحابية متعددة لتسريع موقع WordPress الخاص بك للزائرين حول العالم.

2- تنصيب الووردبريس على الاستضافة

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

ولكي يتم التنصيب عليك الدخول إلى الـ Cpanel الإستضافة ثم الضغط على “My Site” ثم تقوم باختيار نوع موقعك “هل مدونة أم متجر الكتروني” ثم أضغط على “Continue – استمرار”.

بعد تلك الخطوة سوف يطلب منك كتابة اسم موقعك ووضع شعارك الـ Slogan الخاص بموقعك، ومن ثم سيظهر لك مجموعة قوالب خاصة بمجالك توفرها لك منصة الووردبريس حتى تختار نوع القالب المناسب لك.

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

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

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

http://domainname.com/wp-admin

بعد أن تدخل هذا العنوان في متصفح الويب سترى مربع تسجيل دخول WordPress مثل هذه الصورة:

ثم ماذا؟!

عندما تصل هنا عليك كتابة معلومات الدخول التي تم إرسالها سابقاً من قِبل شركة الاستضافة على البريد الإلكتروني الذي قُمت بالتسجيل من خلاله في الاستضافة، ومن ثم يتم فتح لوحة التحكم الخاصة بحسابك والتي تكون كالتالي:

3- البدء في التعديل والإضافة على موقع ووردبريس

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

تغيير لغة موقع الوُوردبريس:

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

لأن الأمر سهل جداً لأن منصة الووردبريس توفر أكثر من 50 لغة يمكن لمستخدميه التحويل بينهم أى وقت، وذلك عن طريق الخطوات التالية:

• إضغط على Settings – الإعدادات.
• بعد ذلك اختار General – عام.
• ثم اسحب المؤشر وأنزل قليلاً إلى الأسفل.
• سيظهر أمامك اختيار لغة الموقع Site Language.
• ثم اختار من المؤشر اللغة العربية أو اللغة التي تريدها في موقعك.
• بعد ذلك إضغط على حفظ التغييرات Save Edits.

تغير شكل القالب (التصميم) فى ووردبريس:

أناس كثيرون بعد تنصيب موقعهم على الووردبريس يرغبون في تغيير القالب، لذلك إذا كُنت واحداً من هؤلاء سأوضح لك خطوات تغير شكل القالب – التصميم –  في الووردبريس الآن:

• قُم بالضغط على مظهر Appearance.
• ثم اختر قوالب  Themes.
• بعد ذلك إضغط فوق أضف جديد.
• قم بالبحث عن القالب الموجود على جهازك اللوحي وقم باختياره.
• أو يُمكنك اختيار القالب المناسب من مكتبة القوالب التي توفرها منصة الووردبريس.
• سوف يتم رفع القالب إلى موقعك الإلكتروني.
• بعد الإنتهاء من الرفع، قُم بالضغط على تفعيل القالب.
• عند الانتهاء من الخطوات ستكون أنهيت تركيب قالب ووردبريس بنفسك.

4- إضافة محتوى إلى موقع ووردبريس

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

لكن كيف تقوم بذلك؟ انتبه وسأخبرك الآن…

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

وسوف أوضح لك الفرق بينهم الآن:

الفرق بين محتوى الصفحات Pages ومحتوى مقالات Posts 

محتوى الصفحات Pages

يجب أن يكون محتوى الصفحات Pages بجودة عالية لأنه المحتوى الأساسي – الثابت – فى موقعك، والمحتوى الثابت في الصفحات التالية: من نحن – عملائنا – إتصل بنا … إلخ.

محتوى المقالات Posts 

المقالات Posts  تكون ذات مُحتوى مُتجدد دائمًا مثل ( المنتجات – الأخبار – التدوينات – الخدمات … إلخ).

كما يُمكن تَقسيم تلك المقالات إلى مجموعة تندرج تحت أقسام Category – من باب التنظيم – حتى يكون للمقال هيئة واضحة للزائر.

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

وفي محتوى المقالات يجب أن تتوافر عدة عناصر ألا وهم:

• عنوان رئيسي للمقال 60 حرف كحد أقصى.
• وصف قصير للمقال 160 حرف كحد أقصي.
• محتوى مُنسق ومُتعلق بالموقع والكلمة المختارة.
• المحتوى يتضمن علامات الترقيم في الأماكن الصحيحة لها.
• إضافة صورة بارزة للمقال، وتكون مُعبرة عن المضمون.
• استخدام الإنفوجرافيك المختلفة داخل المقال (صور – فيديو – خرائط ذهنية – أنيميشن….إلخ).

5- صناعة القوائم الرئيسية فى WordPress

أي موقع إلكتروني يَجب أن يتضمن عدد من القوائم التي تُسهل على الزائر التنقل بين صفحات الموقع، وإذا كُنت ممن يسألون كيف تتم هذه القوائم؟ سوف أجيبك الآن بكامل التفاصيل فقط انتبه معي:

بعد الإنتهاء من تصميم موقعك والانتهاء من إنشاء الصفحات الأساسية لموقعك (من نحن – عملائنا – إتصل بنا … إلخ) حان الوقت لربط هذه الصفحات بـ القائمة الرئيسية من خلال الخطوات التالية:

1. من داخل لوحة التحكم اذهب إلى مظهر Appearance.
2. ثم أختار القوائم Menus.
3. بعد ذلك اختار الصفحات التي ترغب في ظهورها في القائمة.
4. اضغط على حفظ.

بعد ذلك تَقوم بعدة تعديلات تُحسن من مظهر موقعك وهي كالتالي:

تعديل عنوان ووصف موقع الووردبريس

يجب أن يتضمن موقعك عنوان Title ووصف مناسب للموقع، ليتم ظهوره فى عنوان الصفحة الرئيسية بموقعك، ولكي تَفعل ذلك يجب سيرك على هذه الخطوات:

أذهب إلى لوحة التحكم، ثم اضغط على إعدادات Settings.

اكتب:

عنوان الموقع: مثال – شركة اليوم هوست لتصميم المواقع الإلكترونية.

وصف الموقع: شركة اليوم هوست لتصميم المواقع الإلكترونية والمتاجر الاونلاين والبرمجة في المملكة العربية السعودية، انضم لعملائها الآن.

بعد ذلك اضغط على حفظ التغيرات، وبالتالي تكون انتهيت من تصميم الموقع بشكل مُنسق وجذاب ومُهيئ لمحركات البحث.

ما أهم إضافات ووردبريس يُمكن الاستفادة منها؟

الآن سوف أعطيك نبذة عن أهم 5 اضافات ووردبريس – بلاجنز Plugins – حيث يوجد عديد من إضافات الووردبريس المجانية والمدفوعة التي يُمكنك الاستفادة منها في الآتي:

• تحسين الموقع
• تهيئة الموقع لمحركات البحث.
• إدارة الموقع واستخراج التقارير.

1- Yaost SEO

تُعَد يوست سيو من أهم إضافات الووردبريس اللازم تنصيبها لتهيئة صفحات موقعك والمساعدة في ظهورها داخل محركات البحث، كما إنها تُساعدك في ربط موقعك بأدوات مُشرفي المواقع في جوجل وعمل خريطة الموقع الـ Sitemap بسهولة.

2- Updraft

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

3- Smush

تستخدم سماش في ضغط الصور، وذلك من أجل تحسين حجم الصور مما يعمل على تسريع تحميل صفحات الووردبريس.

4- W3 Cash

تساعد W3 Cash فى ضغط ملفات الموقع وتعمل على تسريعه في التحميل.

5- Contact Form

تساعدك Contact Form فى إنشاء صفحة إتصل بنا بشكل مناسب لعملائك.

لكن هل هذه الإضافات يجب على جميع المواقع والمدونات استخدامها؟ 

بالطبع لا، فكُل موقع يختلف عن الآخر، لذلك عليك التفكير قبل تحميل وتنصيب أي إضافة “هل موقعك يحتاجها أم لا” لأن التحميل الزائد للاضافات من شأنه أن يبطئ موقعك وبالتالي يُضعفه ولم يُحسنه.

ما هي أفضل شركة تصميم مواقع إلكترونية؟

بعد انتهائنا من مقالنا عن كيفية تصميم موقع ووردبريس احترافي بالخطوات، دَعني أُخبرك عن أفضل شركة تصميم مواقع الكترونية يُمكنك التعاون معها إذا لم يَكن لديك وقت للتصميم بنفسك:

تُعَد شركة اليوم هوست من أفضل الشركات البرمجية التي يُمكنك التعاون معها في شؤنك الإلكترونية عبر الإنترنت، حيث توفر جميع الخدمات المُتعلقة بـ الاستضافات – الهوست – وبرمجة وتصميم المواقع ولديها عديد من الأمثلة التي يُمكنك رؤيتها قبل التواصل معها لتتأكد من خبرتها في هذا المجال، لعل من أبرز أعمالها (تطبيق قوالب عربية – متجر ماي كاردز – شركة شار – مصنع العيون للمياه) ويُمكنك رؤية المزيد من الأعمال من خلال الضغط هنا.