خطوات تصميم موقع الكتروني

حجز اسم النطاق:

أول خطوة ستحتاجها في انشاء موقع الكتروني هو حجز اسم النطاق Domain Name, وهو عبارة عن عنوان موقعك المميز الذي يمكنك من الظهور في نتائج البحث ويستخدمه الزوار في العثور عليك.

يتم شراء اسم النطاق بقيمة تقترب من 10 دولار في العام, ثم يتم دفع اشتراك سنوي بعد ذلك. ولحجز اسم نطاق فريد وخاص بك يمكنك استخدام موقع Name.com لحجز اسم النطاق.

*نوصيك باختيار اسم نطاق ملائم ويعبر جيداً عن مجال (تخصص) موقعك

اختر شركة الاستضافة:

ما عليك فعله بعد شراء اسم النطاق الخاص بك, هو الاشتراك في شركة الاستضافة, والتي تمكنك من انشاء الموقع الالكتروني وحفظ جميع بياناتك بآمان. بدون شركة الاستضافة لا يمكنك الظهور علي الانترنت ومباشرة عملك.

استضافة بلوهوست مهيئة تماماً للعمل مع موقع ووردبريس وانشاء موقعك بسهولة من خلال ميزة الضبط التلقائي من Bluehost.

فيما يلي شرح تفصيلي لكيفية حجز استضافة لموقعك الإلكتروني على ووردبريس، والتي اعتمدنا فيها بالشرح على بلوهوست Bluehost.

فيما يلي خطوات حجز استضافة ووردبريس لدي شركة بلوهوست:

1. الدخول إلى الموقع الرسمي لشركة بلوهوست, ويمكنك الانتقال إليها مباشرة من هنا
2. اختر من القائمة الرئيسية ”WordPress Hosting“، ويمكنك الانتقال إليه مباشرة من هنا
3. اختر خطة “Basic” ستكون مناسبة لك في البداية, ويمكنك بعد فترة وعند التوسع في متجرك ترقية الخطة التي قمت بالاشتراك بها الي خطة أعلي.
   -تكلفة الخطة الأساسية 2.95 دولار شهرياً.
4. ربط اسم النطاق الذي قمت بشراؤه كما أوضحنا في الخطوة الأولي, ثم انقر على “Next“.
5. ادخل جميع البيانات المطلوبة منك، وبعدها حدد طريقة الدفع المناسبة لك إما من خلال البطاقة الائتمانية  أو عبر حساب باي بال, ثم ضع علامة في مربع الموافقة على الشروط والأحكام وانقر على “Submit“.
6. قم بإنشاء حساب خاص بك, واختر كلمة المرور
7. الآن انت تمتلك استضافة جاهزة للتثبيت علي موقع ووردبريس. فقط استخدم البيانات التي تم ارسالها من بلوهوست علي بريدك الالكتروني.

خطوات تثبيت استضافة بلوهوست علي ووردبريس:

1. سجل دخول علي موقع بلوهوست بالحساب الذي انشئته في الخطوة السابقة.
2. افتح “Mysql Database” ثم انقر علي ”Create a new database“ بعدها ادخل جميع البيانات الخاصة بموقعك الإلكتروني.
3. انقر علي “Add a new MySQL User“ في أسفل الصفحة حتي تتمكن من إنشا اسم مستخدم خاص بك.
4. انقر علي ”Add a User to a Database“ ثم اضف الداتا بيز إلى اسم المستخدم الخاص بك حلال
5. إذا كان موقعك باللغة الإنجليزية قم بتحميل ملف ووردبريس من هنا, وإذا كان موقعك باللغة العربية قم بتحميله من هنا.
6. عُد إلى لوحة تحكم حسابك في بلوهوست, ثم اضغط على مدير الملفات ”File Manager” وارفع ملف ووردبريس الخاص بك من خلال النقر على ”Upload” تحت مسار “public_html” مباشرة.
7. انسخ ”public_html” ثم الصقه في مربع البحث وستجده بالأعلى, ثم انقر على “Go”.
8. فُك ضغط ملف الووردبريس الذي رفعته في الخطوة السابقة، وذلك من خلال النقر على “Extract”. وبعدها اربطه بملف الداتا بيز الذي أنشأته من خلال فتح الملف “wp-config-sample.php” ثم انقر على “Code Editor“.
9. اكتب اسم الداتا بيز واسم المستخدم وكلمة المرور في الأماكن الموضحة لها, ثم انقر على “save“.
10. الآن يمكنك الدخول الي لوحة التحكم الخاصة بموقعك في ووردبريس, ثم ضبط تصميم الموقع بالشكل الذي تريده.

اختر القالب وقم بإنشاء الصفحات:

أولاً, اختيار القالب:

 بعد تثبيت استضافة بلوهوست على WordPress, فإنك بصدد اختيار قالب ووردبريس -القالب هو تصميم أو شكل الموقع- المناسب لمحتوي موقعك والذي يحقق ميزة سهولة الأستخدام للزوار.

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

ويوفر ووردبريس مجموعة من القوالب والتي هي بمثابة تصميمات جاهزة يمكن استخدامها مباشرة بعد رفعها. وهناك نوعين من قوالب ووردبريس، وهما:

• قوالب ووردبريس مجانية، متاحة للكل مجاناً وتتوفر بالالاف. ويمكنك الوصول إليها بسهولة من خلال لوحة تحكم ووردبريس الخاصة بك.
• قوالب ووردبريس مدفوعة، قوالب صممتها شركات خارجية, تكون أكثر احترافية من القوالب المجانية. وحتى تتمكن من تخصيصها ورفعها على موقعك الإلكتروني ستحتاج إلى شرائها اولاً.

خطوات رفع قالب جديد على موقع ووردبريس:

القوالب المجانية:

1. ادخل على لوحة التحكم الخاصة بك في WordPress
   
2. اختر “مظهر” في العمود الاسود يمين الصفحة اذا كنت تستخدم نسخة ووردبريس العربية
3. اضغط على “قوالب”
4. انقر على “أضف جديد” ستجد الكثير من القوالب الموجودة والتي يمكنك أن تختار ما يناسبك من بينها
5. اضغط علي كلمة “Install” لإضافة القالب الذي اخترته الي موقعك

القوالب المدفوعة:

1. بعد فتح ”مظهر” ومن ثم قوالب, اضغط علي “رفع القالب” الذي قمت بشراؤه, واختاره من علي الكمبيوتر الخاص بك
   
2. بعد اكتمال التحميل يمكنك الضغط علي زر ”تفعيل” وبدأ تخصيص الموقع الالكتروني الخاص بك

*قبل شراء اي قالب تأكد جبداً من أنه يحقق أقصي سرعة لموقعك الالكتروني, فهناك قوالب تسبب بشكل كبير في بطئ تحميل صغحات الموقع.

خطوات تخصيص القالب في ووردبريس:

يمكنك أن تقوم بتخصيص القالب الذي اخترته أي تقوم بضبط الألوان والعناصر والعناوين حسب رغبتك. وفيما يلي خطوات تخصيص Customize قالب ووردبريس:

1. ادخل على لوحة التحكم الخاصة بك في ووردبريس
2. قف على “مظهر Appearance” من القائمة الجانبية واختر منها “تخصيص customize” 
3. قم بتصميم الموقع بالشكل الذي تريده والذي يظهر موقعك بأفضل صورة لدي المستخدمين. ومن الاعدادات التي عليك الاهتمام بها جيداً عن تصميم موقعك:

• شعار الموقع
• تصميم الصفحة الرئيسية
• تصميم الصفحات الداخلية
• تخصيص الجزء العلوي ”Header” والجزء السفلي ”Footer”

*اجعل هدفك الأول والأخير هو تصميم موقع الكتروني يتميز بسرعة التحميل وسهولة الإستخدام

ثانياً, إنشاء الصفحات:

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

خطوات نشر المقالات:

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

1. ادخل على لوحة التحكم الخاصة بك في موقع ووردبريس
2. انقر على “مقالات” ثم “إضافة جديد“، ستظهر لك صفحة جديدة يمكنك فيها إضافة (عنوان المقال, التصنيفات, اسم الكاتب, المحتوي, الصور, وضبط إعدادات المقال في محركات البحث)
3. بعد الانتهاء انقر على “Publish” لنشر مقالك. ويمكنك مشاهدته والتحقق منه من خلال النقر على “view”

خطوات نشر المنتجات:

وفر ووردبريس أيضاً ميزة خاصة بالمنتجات فقط وهي ما تعرف باسم ”WooCommerce” والتي يمكنك استخدامها في نشر المنتجات الخاصة بموقعك بسهولة. وفيما يلي خطوات إنشاء منتج في موقع ووردبريس:

اولاً, عليك اضافة WooCommerce الي موقع ووردبريس, وذلك من خلال:

1. الضغط علي ”Plugins” في لوحة تحكم ووردبريس
2. ”الضغط علي ”Add new
3. كتابة عن WooCommerce في مربع البحث
4. عند البحث ستظهر إضافة ووكومرس, بعدها قم بعمل ”Install”, ومن ثم ”Activate” 

الآن ستظهر ووكومرس في لوحة تحكم ووردبريس حيث يمكنك إنشاء المنتجات ونشرها, وذلك كما يلي:

1. ادخل على لوحة التحكم الخاصة بك في موقع ووردبريس
2. انقر على “منتجات” ثم “إضافة جديد“، ستظهر لك صفحة جديدة يمكنك فيها إضافة (عنوان المنتج, التصنيفات, وصف المنتج, الصور, وضبط إعدادات المنتج في محركات البحث)
3. بعد الانتهاء انقر على “Publish” لنشر منتجك. ويمكنك مشاهدته والتحقق منه من خلال النقر على “view”

اختر افضل الاضافات:

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

وفيما يلي خطوات رفع الإضافات الهامة في ووردبريس:

1. ادخل على لوحة التحكم الخاصة بموقعك في ووردبريس
2. انقر على “Plugins” ثم اضغط على “add new“
   
3. ادخل في المكان المخصص للبحث -كما يشير السهم في الصورة بالأعلي- اسم الإضافة التي ترغب بها, ثم ستظهر لك نتائج البحث المرتبطة بما تبحث عنه.
4. انقر على “Install” لتنزيل الإضافة التي ترغب بها ثم انقر على “active” لتفعيلها.
5. وبعدها ستظهر الإضافة في الشريط الجانبي الأسود، وهناك يمكنك التحكم فيها وضبطها كما تريد.