تصميم موقع ووردبريس بالخطوات 2020
يعتبر الووردبريس هو أسهل و أفضل منصة لإنشاء موقع إلكتروني… سواء موقع بيزنس صغير، أو موقع تجاري، أو منظمة كبيرة، أو مدونة، أو موقع تعليمي. لذلك تصميم موقع ووردبريس يعتبر من أهم الأدوات لبناء وية النشاط التجاري
وفقاً للإحصايات الموثوقة فإن 33% من المواقع على شبكة الإنترنت تم إنشاءها من خلال ووردبريس، وهذا يشمل مواقع عالمية مشهورة تحصل على ملايين الزوار الشهرية.
في هذا المقال سوف نتناول بالشرح المفصل وبالصور التوضيحية خطوات تصميم موقع ووردبريس احترافي، هذا الشرح سهل وبسيط ويمكن لأي شخص تطبيقه، وفي نهاية المقال سوف نضم لك بيانات التكلفة التقريبية لتصميم موقع ووردبريس
لكن في البداية دعنا نتناول مجموعة من المتطلبات البسيطة، التي يجب توافرها لديك قبل البدء في تصميم موقع ووردبريس.
متطلبات تصميم موقع ووربريس
1. وسيلة للدفع الإلكتروني
لتصميم موقع ووردبريس احترافي فأنت تحتاج إلى الاشتراك في استضافة مدفوعة، وتحتاج أيضاً إلى اسم نطاق، هذا علاوة على شراء قالب احترافي مدفوع وربما بعض الإضافات المدفوعة.
هذا بالطبع يتطلب منك امتلاك أحد طرق الدفع الإلكتروني، وذلك للقيام بسداد تكلفة هذه المتطلبات للمواقع أو الشركات التي ستشتري منها.
عليك أن تعرف أن الشركات تختلف فيما بينها وفقاً لطرق الدفع الإلكتروني التي تقبلها، ولكن على أي حال هناك طريقتين للدفع الإلكتروني هما الأشهر، وتقبلهما أغلب الشركات وهما:
1. البطاقات الائتمانية
قم بالتوجه إلى البنك المحلي الخاص بك للتعرف على شروط استخراج البطاقات الائتمانية، أو يمكنك القيام بالتسجيل في شركة بايونير للحصول على كارت ائتماني مجاني.
2. البنك الإلكتروني PayPal
هو البنك الإلكتروني الأشهر على الاطلاق، والذي يتم ربطه بحساب بنكي أو بكارت ائتماني، ومن ثم استخدامه كوسيلة دفع آمنه ومقبولة على نطاق واسع جداً.
إن لم يكن لديك حساب باي بال… فقم بإنشاء حساب بايبال
2. بعض الخبرة والمهارة في التعامل الإلكتروني
تصميم موقع ووردبريس لا يحتاج الى مهارات متقدمة ولكن فقط مهارات كافية للتسجيل في المواقع، وضبط وإدارة موقعك على ووردبريس.
في الحقيقة هذا المطلب ليس صعب كما يظن البعض، فالتسجيل في المواقع (مثل تسجيل حساب في شركة الاستضافة) مثله مثل إنشاء حساب على أحد مواقع التواصل الاجتماعي، كل الفكرة هنا هي ادخال البيانات بشكل صحيح.
أيضاً إدارة موقعك من خلال لوحة التحكم التي يتيحها ووردبريس أمر في منتهى السهولة، ولا يوجد به أي متطلبات تقنية، فقط ببعض الممارسة سوف تتعامل مع ذلك بكل بساطة.
3. الحد المعقول من اللغة الإنجليزية
في الحقيقة اللغة الإنجليزية مهمة جداً في كل ما له علاقة بالإنترنت، وأنت كمتطلع لتصميم موقع ووردبريس ستحتاج في بعض الأحيان للغة الإنجليزية.
هنا ليس عليك أن تكون محترفاً، ويكفي فقط أن تمتلك مستوى معقول من اللغة الإنجليزية، ويمكنك بالاستعانة بالمترجم وببعض الممارسة اجتياز أي صعوبة ممكنة.
الآن دعنا ننتقل لشرح خطوات تصميم موقع ووردبريس بشكل عملي وبسيط.
خطوات تصميم موقع ووردبريس احترافي
1. حجز اسم النطاق (Domain Name)
اسم النطاق هو عبارة عن اسم موقعك على الإنترنت ويكون بهذا الشكل “www.Yourwebsitename.com”، مثل اسم نطاق فيوميديا “viewmedia.info”.
اياً كانت الطريقة المستخدمة فى تصميم موقع ووردبريس ، لابد من شراء اسم نطاق حتى تتمكن من ظهور الموقع على الإنترنت، فهو يمثل عنوانك على الإنترنت.
الكثير من شركات الاستضافة تمنحك الدومين مجاناً عند حجز الاستضافة لمدة سنة، وأغلب شركات الاستضافة لديها متاجرها الخاصة لشراء أسماء النطاقات بسهولة من خلال حسابك الشخصي لدى أحدهم.
ولكن على أي حال هناك متاجر متخصصة ومشهورة لبيع أسماء النطاقات وهذه أهمها:
2. حجز استضافة (Hosting)
الاستضافة أو Web Hosting: هى خدمة تجميع محتويات موقعك فى مكان واحد لعرضه على الإنترنت، بدون الاشتراك في شركة استضافة لن يتمكن موقعك من الظهور على شبكة الإنترنت، يوجد نوعين من الاستضافة:
استضافة ووردبريس: وهى استضافة خاصة بتصميم موقع ووردبريس، والميزة أنها تشمل ملف الووردبريس جاهز، وكل ما عليك فعله هو تصميم موقعك مباشرة بعد حجزها.
استضافة عامة: النوع الأخر يستخدم لجميع أنواع المواقع، و تقوم أنت برفع ملف الووردبريس بنفسك و البدء فى ضبطه يدوياً، الأمر لا يستغرق نصف ساعة.
على أي حال أغلب شركات الاستضافة الجيدة والمشهورة تتيح حزمة خاصة لأصحاب مواقع الووردبريس، والتي تكون مهيئة لتعمل فوراً مع برنامج ووردبريس لتصميم المواقع.
وهذه قائمة صغيرة بمجموعة من شركات الاستضافة الممتازة، والتي يمكن ضبط ووردبريس بها بشكل تلقائي:
خطوات حجز الهوستنج:
سوف أضع هنا صور توضيحية لحجز استضافة SiteGround كنموذج، وفي حالة اخترت استضافة أخرى فالخطوات تقريباً واحدة.
1. قم بزيارة الصفحة الرئيسية لاستضافة SiteGround، ثم قم باختيار WordPress Hosting.
2. قم بتحديد الباقة التي تود الاشتراك بها.
بعد الضغط على زر Get Started سوف تنتقل لصفحة تحديد الباقة كما بالصورة بالأسفل.
3. بعد الضغط على زر Get plan في الخطوة السابقة سوف تنقل لصفحة اختيار اسم النطاق لموقعك، كما هو موضح بالصورة بالأسفل.
قم باختيار اسم نطاق جديد ليكون عنوان موقعك الإلكتروني، أو أدخل اسم النطاق (الدومين) الخاص بك، ثم أضغط زر Proceed.
في حالة اختيار اسم نطاق جديد، وبعد الضغط على زر Proceed….سوف تنتقل لصفحة التسجيل مباشرة في حالة كان اسم النطاق متاح للحجز، أو ستحصل على رسالة مفادها أن اسم النطاق غير متاح وعليك اختيار اسم آخر، وستجد أيضاً بعض الاقتراحات لاسماء نطاقات أخرى متاحة قريبة من الاسم الذي اخترته.
4. تسجيل البيانات وإنشاء الحساب
بعد الضغط على زر Proceed، وفي حالة كان اسم النطاق الذي اخترته متاح ستنتقل مباشرة لصفحة ادخال البيانات من أجل إنشاء حسابك في شركة الاستضافة.
صفحة تسجيل البيانات ستكون مقسمة ل 4 أجزاء وهذا شرح لك منها:
- Account Information (بيانات الحساب): وفيها ستقوم بادخال بريدك الإلكتروني وكلمة المرور للدخول لحسابك.
- Client Information (بيانات العميل): وفيها ستقوم بادخال بياناتك الشخصية: بلدك، اسمك، عنوانك، رقم تليفونك…الخ.
- Payment Information (بيانات الدفع): وفيها ستقوم بادخال بيانات الكارت الائتماني الخاص بك.
- Purchase Information (بيانات الشراء): من خلالها يمكنك تعديل باقة الاستضافة، ومكان السرفر، وفترة حجز الاستضافة. ويمكنك أيضاً إضافة خدمات جانبية لحسابك.
5. قم بوضع علامة صح في المربعين الصغيرين أسفل الصفحة، ثم اضغط زر Pay now.
بمجرد نجاح عملية الدفع سوف يتم إعداد حساب الاستضافة خاصتك، وبعدها سوف يقوم فريق الدعم بارسال رسالة لك على البريد الإلكتروني تحتوي على تفاصيل حسابك وبيانات الدخول للوحة التحكم.
3. تثبيت الووردبريس (install WordPress)
بعد أن أتممت حجز الدومين و الهوستنج بنجاح، يمكنك الآن أن تبدأ في تثبيت الووردبريس و هناك حالتين:
الحالة الأولى (أنك اخترت نوع استضافة خاصة بالووردبريس)
وفي هذه الحالة عليك الآتي:
- قم بالدخول إلى لوحة التحكم الخاصة باستضافتك من خلال إدخال (اسم المستخدم ،كلمة السر).
- انتقل إلى قسم WordPress Tools، ثم قم بالضغط على ايقونة WordPress Installer حتى تبدأ عملية تنزيل الووردبريس.
- أختر اسم الدومين الذى ترغب أن تثبت عليه الووردبريس.
- اضغط على زر “Install now” و ستجد معلومات الدخول إلى موقعك (Url Login رابط الدخول، اسم المستخدم، كلمة المرور).
يمكنك أيضاً التواصل مع خدمة الدعم لكي يقوموا بعمل هذه الخطوات من أجلك، وسوف يرسلون لك بيانات الدخول إلى لوحة تحكم ووردبريس على بريدك الإلكتروني.
إذا كانت تنطبق عليك الحالة الأولى (استضافة ووردبريس مخصصة)، إذاً يمكنك تجاوز الحالة الثانية بخطواتها العشرة.
الحالة الثانية: (أنك أخترت استضافة غير مخصصة لمواقع ووردبريس)
وفي هذه الحالة عليك ضبط ووردبريس بشكل يدوي من خلال هذه الخطوات:
1. قم بالدخول إلى لوحة التحكم الخاصة باستضافتك من خلال إدخال (اسم المستخدم، كلمة السر).
2. قم بفتح Mysql Database.
3. قم بإنشاء و تسميه داتا بيز الخاصة بموقعك.
بعد الضغط على تاب Mysql Database في لوحة التحكم في موقعك، سوف يتم فتح صفحة بها كل بيانات Database، والتي في بدايتها يمكنك عمل داتا بيز جديدة كما هو موضح بالصورة بالأسفل.
4. قم بإنشاء اسم مستخدم.
في نفس الصفحة بالأسفل انتقل للجزء الخاص بإنشاء اسم مستخدم وقم بإنشاء واحداً، كما هو موضح بالصورة بالأسفل.
5. إضافة الداتا بيز إلى اسم المستخدم الخاص
في نفس الصفحة أيضاً ستجد جزء خاص بإضافة الداتا بيز إلى اسم المستخدم كما هو موضح بالصورة بالأسفل.
(بعد الضغط على زر Add، قم باختيار All Privileges)
الآن لديك داتا بيز واسم مستخدم وتم ربطهما معاً، تابع الخطوات لضبط ووردبريس بشكل كامل لموقعك.
6. قم بتنزيل ملف الووردبريس، إذا كان موقعك باللغه الإنجليزية قم بتحميله من هنا>>>> https://wordpress.org/download/
و إذا كان موقعك باللغة العربية قم بتحميله من هنا>>> https://ar.wordpress.org/download/
7. قم بالرجوع إلى لوحة التحكم (Cpanel)، ثم اضغط على تاب مدير الملفات (File Manager).
8- قم برفع ملف ووردبريس من خلال الضغط على زر Upload، وتأكد من رفع الملف تحت مسار public_html مباشرة.
للوصول لمسار public_html، قم بنسخ “public_html” والصقها في مربع البحث بالأعلى ثم اضغط Go، أو بالضغط مباشرة على المسار في العمود ناحية الشمال.
انظر الصورة بالأسفل للتوضيح.
9. قم بفك ضغط ملف الووردبريس.
ملف ووردبريس الذي قمت برفعه في الخطوة السابقة هو ملف مضغوط، يحتوي على الكثير من المجلدات والملفات. لفك الضغط قم بتحديده ثم قم بالضغط على زر Extract بالأعلى (أنظر الصورة بالأعلى ستجد زر أكستراكت في المنتصف في أعلى الصورة).
10. ربط ووردبريس بالداتا بيز التي قمت بإنشاءها.
قم بفتح ملف wp-config-sample.php، ثم قم بتغيير بيانات الداتا بيز. بعد فك ضغط الملف ستجد من ضمن ملفات الووردبريس ملف اسمه wp-config-sample.php، قم بتحديده ثم اضغط زر Code Editor بالأعلى (الايقونة الخامسة يمين ايقونة Upload، أنظر الصورة بالأعلى).
بعد تحديد الملف المذكور والضغط على زر Code Editor سوف يتم فتح تاب جديدة في المتصفح وبها كود كما بالصورة بالأسفل. قم بكتابة اسم الداتا بيز واسم المستخدم وكلمة المرور في الأماكن الموضحة بالصورة بالأسفل، ثم اضغط زر save.
سواء كان موقعك ينتمي للحالة الأولى أو الثانية، فيمكنك الدخول إلى موقعك بوضع هذا الجزء في نهاية اسم الدومين>>> wp-admin/، مثال “yourwebsite.com/wp-admin”
ستظهر لك صفحة كما بالصورة بالأسفل، قم بادخال بيانات الدخول ثم اضغط زر دخول.
أنت الآن لديك لوحة تحكم كاملة لموقعك باستخدام الووردبريس..بإمكانك الآن بناء الموقع بالشكل الذى ترغب فيه. يحتوى موقع الووردبريس على واجهتين و هما: الواجهة الأمامية The front-end و الواجهه الخلفية The back-end.
الواجهة الأمامية: هي ما سيراه زوارك عندما يأتون إلى موقعك. العديد من المهام التي يتم تنفيذها على الواجهة الخلفية تظهر على الواجهة الأمامية، مثل تخصيص القالب، وتحسينات الإضافات، ونشر المحتوى.
الواجهة الخلفية: و المعروفة باسم لوحة التحكم أو dashboard تسمح لك بإدارة موقعك و وظائفة و تصميمه بشكل كامل، و لا يمكن الدخول إليها إلا لمن يمتلك حسابا على موقعك باستخدام ” اسم مستخدم وكلمة مرور “.
4. اختيار القالب (Theme) و رفعه
بمجرد تنزيل الووردبريس على موقعك يكون لديك موقع ووردبريس…
و لكن بشكل مبدئي و تقليدى حتى تتمكن من جعل موقعك مميزاً و تتحكم فى كيفية ظهوره أمام الزوار .
عليك اختيار قالب ووردبريس يناسب محتوى موقعك الذي ترغب في إظهاره.
قوالب ووردبريس (WordPress Themes): هى تصمميات جاهزة للمواقع تم عملها خصيصاً للعمل على مواقع الووردبريس، ويمكنك اختيار أي منها ورفعه على استضافة موقعك لكي يكون التصميم الخاص بموقعك.
يوجد نوعين من القوالب:
1. القوالب المجانية
وهي قوالب قام متطوعين بإنشاءها واتاحتها للجميع بشكل مجاني، ويوجد الآلاف منها على موقع ووردبريس نفسه، ويمكنك الوصول لها من خلال لوحة تحكم موقع ووردبريس خاصتك.
2. القوالب المدفوعة
هي قوالب قام أشخاص أو شركات بإنشاءها، وهي في الغالب قوالب احترافية بها الكثير من المميزات، وتم بذل المزيد من المجهود لتطويرها، لذلك يتوجب عليك دفع المال للحصول على أحدها.
هناك الكثير من المتاجر والمواقع الخاصة التي يمكنك شراء قالب ووردبريس من خلالها، ومن أهمها وأشهرها موقع ThemeForest.
للحصول على المزيد من المعلومات حول فهم قوالب ووردبريس، وكيف تعمل، وأهم معايير اختيار قالب ووردبريس، وكيفية تنصيب وتفعيل قالب ووردبريس، وقائمة بأفضل قوالب ووردبريس في 2020، قم بزيارة رابط المقال بالأسفل:
خطوات رفع قالب جديد على موقعك
- قم بالدخول إلى لوحة التحكم الخاصة بموقعك.
- في العمود ناحية اليمين قم بالوقوف بالفارة على (مظهر – Appearance)، ثم اضغط (قوالب – Themes). سوف تجد قائمة بالقوالب الموجودة بالفعل والتي يمكنك تفعيل أي منها.
- لرفع قالب جديد اضغط على زر “أضف جديد”، ستجده في الأعلى ناحية اليمين.
- ستجد أمامك العديد من القوالب المجانية التى رفعت مع الووردبريس يمكنك الاختيار منها كما تشاء.
- لاستخدام أي منها لموقعك قم بالضغط على زر تنصيب، ثم زر تفعيل.
- إذا أردت رفع قالب ووردبريس من جهاز الكمبيوتر خاصتك (عند شراء قالب يمكنك تنزيل ملفاته على جهاز الكمبيوتر خاصتك)…
حينها قم بالضغط على زر رفع قالب في أعلى اليمين..
وقم باختيار الملف المضغوط الخاص بالقالب وقم برفعه. بعد رفع القالب ستراه عند الضغط عى مظهر>>قوالب، وحينها يمكنك تفعيله (أي تطبيق استخدامه في الموقع).
وهذه صورة توضح كل ما تم شرحه بالأعلى.
5. تخصيص قالب الووردبريس Customize
تخصيص القالب يمكنك من ضبط هوية الموقع (ضبط عنوان ووصف الموقع، وضبط القوائم، وضبط إعدادات الصفحة الرئيسية، وبعض المهام الأخرى المهمة. لعمل تخصيص لموقعك أتبع هذه الخطوات:
- قم بالدخول إلى لوحة التحكم الخاصة بموقعك.
- قم بالوقوف على تاب (مظهر – Appearance) فى القائمة الجانبية، ثم اضغط (تخصيص – customize).
- سيفتح لك قسم التخصيص ومنه يمكنك تغير هوية موقعك من حيث الاسم، اللوجو، الشعار، و أيضاً اختيار شكل الصفحة الرئيسية للموقع (صفحة ثابتة أم مقالات)
- يمكنك أيضاً ضبط خواص القالب من خلال الدخول على مظهر>>>قوالب، ثم الضغط على زر تخصيص أسفل القالب المستخدم.
6. رفع أهم الإضافات (Plugins)
الإضافات تم تصميمها لتوسيع إمكانيات الووردبريس و إضافة مميزات ووظائف جديدة وخاصة لموقعك. بعد تثبيت الووردبريس…
يمكنك رفع بعض الإضافات التي تمكنك من حماية موقعك بشكل كامل، ومساعدتك في بناءه بشكل كامل و زيادة سرعته.
وهذه هي خطوات رفع إضافة لموقعك:
- قم بالدخول إلى لوحة التحكم الخاصة بموقعك
- اضغط على (إضافات – Plugins) فى القائمة الجانبية ثم اضغط ( أضف جديد).
- اكتب فى مكان البحث اسم الإضافة.
- ستظهر نتائج أختر منها الاضافة المراد رفعها.
- اضغط على تنزيل (Install) ثم تفعيل (active).
- ستظهر الإضافة في الشريط الأسود الجانبى، حيث يمكنك ضبطها وتفعليل خواصها بشكل كامل أو جزئي.
لفهم كل شيء حول إضافات ووردبريس، والحصول على قائمة بأهمها لموقعك قم بقراءة الموضوع بالرابط بالأسفل:
7. البدء في نشر محتوى للموقع
ينقسم عرض المحتوى فى الووردبريس إلى نوعين أساسين مقالات و صفحات، و تستطيع أن تربط مجموعة مقالات بتصنيف واحد..
و كما ذكرنا فإن استخدام الووردبريس فى تصميم موقعك سهل و بسيط، و يعتمد دائماً على مجهودك في اختيار نوعية المحتوى و كيفية عرضه.
إليك خطوات إنشاء مقال في موقع ووردبريس:
- قم بالدخول إلى لوحة التحكم الخاصة بموقعك.
- اضغط على (مقالات) ثم (إضافة جديد).
- يمكنك إضافة عنوان و نص الموضوع و ربط المقال بتصنيف معين.
- اضغط على نشر (Publish).
- اضغط على مشاهدة المقال حتى تستطيع رؤيته فى وضع الزائر.
خطوات إنشاء صفحة لا تختلف كثيراً عن إنشاء المقال، فقط قم بالوقوف على تاب صفحات في العمود الأيمن، ثم اضغط أضف جديد.
للحصول على شرح شامل للوحة تحكم ووردبريس، اقرأ الموضوع بالرابط بالأسفل:
كم يكلفني تصميم موقع ووردبريس؟
إلى جانب أن تصميم موقع ووردبريس هو شيء سهل ويمكن حتى لغير المتخصصين القيام به، فهو أيضاً تكلفته محدودة وتقريباً الجميع يمكنهم تحملها.
بالأسفل سوف أضع لك في نقاط تكلفة أهم العناصر التي ستحتاجها لتصميم موقع ووردبريسس.
ملحوظة: سوف أضع هنا الأسعار التقليدية لاسم النطاق والاستضافة…
ولكن في الحقيقة الأسعار لهذين العنصرين في منتهى المرونة، فمن الممكن أن يصل سعر اسم النطاق مئات الدولارات لأنه يحتوي على كلمات مطلوبة جداً.
بخصوص الاستضافة أيضاً فهناك باقات معينة تقدمها الاستضافات يكون سعرها مرتفع جداً..
لأنها تحتوي على مميزات كبيرة، وهي مناسبة أكثر للمواقع الكبيرة التي يدخلها عدد كبير من الزوار.
وإليك متوسط أسعار أهم العناصر التي ستحتاجها لتصميم موقع ووردبريس:
1. اسم النطاق: (يتراوح سعر اسم النطاق الجديد من 10 حتى 18 دولار، تدفع بشكل سنوي).
2. الاستضافة (يتراوح سعرها من 5 حتى 50 دولار، تدفع بشكل شهري).
3. قالب ووردبريس (يتراوح سعر قالب الووردبريس من 20 حتى 100 دولار، تدفع مرة واحدة).
الخلاصة: لتصميم موقع ووردبريس فأنت في المتوسط ستحتاج في البداية حوالي 50 دولار، بعدها سوف تحتاج لمبلغ 20 دولار تقريباً بشكل شهري.
إلى هنا أكون قد انتهيت من مقالي عن خطوات تصميم موقع ووردبريس،
والذي أتمنى أن يساعد الكثير من الشباب العربي في تصميم مواقعهم الخاصة بأنفسهم.
ويسعدني جداً تلقي أي سؤال أو استفسار من خلال التعليقات بالأسفل، وسوف أجيب عليه في أقرب وقت.
لا تنسى أن تشارك أصدقاءك بهذا المقال لكي تعم الفائدة، ولكي يصل المقال لكل شخص لديه حلم لتصميم موقع إلكتروني احترافي.