كيفية انشاء موقع الكتروني احترافي (خطوة بخطوة الطريقة الصحيحة 2020)

هل تريد معرفة طريقة انشاء موقع الكتروني على الويب؟ هل تعتقد ان الامر معقد ويحتاج الى تعلم البرمجة؟ او يحتاج الى الكثير من الاموال؟ لحسن الحظ انت مخطأ لأن الامر ابسط مما تتخيل.

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

Earnings Disclosure: entaleq-online.com earns commissions from some of the services/products listed on this site.

متطلبات انشاء موقع الكتروني

لانشاء موقع ويب، انت بحاجة الى 3 اشياء اساسية.

  • استضافة مواقع: وهي خدمة تمكنك من استضافة، ونشر موقعك على الانترنت، حيث توفر لك مساحة على الانترنت لتخزن فيها ملفات موقعك. وبدونها لن يكون لموقعك وجود على الانترنت، ولا يمكن لناس زيارته.
  • دومين او اسم النطاق: وهو عنوان الموقع الالكتروني مثل google.com الذي سيستخمه الناس للدخول الى الموقع.
  • ووردبريس: (او اي سكريبت اخر يمكنك من تصميم موقعك بسهولة).

لإنشاء موقع إلكتروني، ستحتاج إلى حجز استضافة مع دومين (ستحصل على الدومين مجانا). ببساطة، فأن الاستضافة مثل قطعة الارض، بدونها لن تستطيع بناء منزل. اما الدومين فهو العنوان الذي سيستخدمه زوار موقع للولوج اليه مثل google.com او twitter.com.

بمجرد الحصول على الدومين والاستضافة، يمكنك تصميم الموقع الخاص بك عن طريق ووردبريس بسهولة، WordPress وهو مجاني 100%.

ماهو الووردبريس

شعار ووردبريس wordpress logo

ووردبريس هو نظام إدارة محتوى CMS، يمكنك من تصميم وادارة المواقع مجانا، توزّعه شركة Automattic ويساهم في تطويره مجموعة من المطورين المحترفين المتطوعين من جميع انحاء العالم (لهذا السبب هو مجاني)، تم اطلاقه اول مرة سنة 2003 ليصبح الان الطريقة الاكثر استخداما لانشاء موقع الكتروني على شبكة الانترنت.

حسب الاحصائيات التي يقوم بها builtwith فأن 48% من أشهر مليون موقع على الانترنت يستخدم الووردبريس، ليس هذا فقط بل ان 80% من المواقع المصرية بالاضافة الى 68% من المواقع السعودية تستخدم الووردبريس (نفس الشيئ بالنسبة لبقية الدول العربية).

عادةً ما يكون تنصيب وإعداد الووردبريس عملية بسيطة بنقرة واحدة.

في حال لم تكن ترغب في استخدام الووردبريس لسبب معين يمكنك استخدام Drupal و Joomla. المهم ان تكون مدرك لما تفعله لانه بالنسبة للمبتدئين يبقى الووردبريس هو الخيار الاسهل والاكثرة قوة.

بمجرد الانتهاء من تطبيق الخطواط، سيكون لديك موقع الكتروني يعمل بشكل كامل على الإنترنت، على اسم نطاق مخصص ويمكن للآخرين زيارته بسهولة.

جاهز؟ هيا بنا ننطلق…

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

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

اين يمكنك حجز دومين و استضافة لموقعك؟

هناك الكثير من شركات الاستضافة، بعضها جيد لكن الكثير منها سيئ. في حال كنت تتسائل عن أفضل شركة استضافة مواقع، فأنا انصحك باستخدام ipage في حال كانت ميزانيتك محدودة وتريد انشاء موقع الكتروني جديد، اما في حال كنت تريد انشاء موقع كبيراوموقع للتجارة الالكترونية عندها انصحك باستخدام استضافة هوست جيتر.

لماذا؟ الامر بسيط، iPage هي شركة عالمية وموثوقة (تأسست سنة 1998) توفر لك مساحة تخزين وقواعد بيانات غير محدودة وتمكنك من استضافة عدد غير محدود من المواقع بالاضافة الى ذلك فأن اسعارها معقولة جدا وغير مبالغ فيها.

شرح حجز استضافة + دومين مجاني

اولا ادخل الى موقع www.ipage.com ستجد واجهة بهذا الشكل اضعط على Get Started Now


الان، سيطلب منك اختيار اسم الموقع مثلا entaleq.test.com او yourdomain.com ثم الضغط على search مثل الصورة في الاسفل.

في حال ظهرت لك رسالة nic your domain name is available التي باللون الاخضر، هذا يعني ان اسم الموقع متوفر ويمكنك حجزه. فقط اضغط على Next choose my term للانتقال الى الخطوة التالية.

اما في حالة ضهرت لك رسالة اخرى، فهذا يعني ان احدهم قام بانشاء موقع بهذا الاسم مسبقا، لذلك يجب ان تختار اسم اخر.


الأن يجب ان تختار مدة حجز الاستضافة (سنة او ثلاثة سنوات). كلما كانت مدة الحجز اطول، حصلت على خصم اكبير لذلك انصحك بالحجز لمدة ثلاثة سنوات والاستفادة من الخصم.

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


الخطوة قبل الاخيرة هي اختيار ان كنت تريد بعض الخصائص الاضافية (ستكلفك المزيد من المال لذلك لا تختر الا ماتحتاج اليه)

Domain Privacy هذه الخاصية تمكنك من اخفاء معلومات صاحب الموقع عن المتطفلين وبالتالي معلوماتك مثل اسمك والبريد الالكتروني ورقم الهاتف ستكون مخفية عن المتطفلين (منصوح بها)

website security هذه الخاصية تمكنك من رفع مستوى حماية موقعك قليلا (غير منصوح بها كثيرا)

site backup and restore هذه الخاصية غير مهمة حيث يمكنك القيام بذلك بمفردك (النسخ الاحتياطي)

wordpres optimiation هذه الخاصية غير مهمة كثيرا لمعضم الناس.


في هذه الخطوة الاخيرة عليك اضافة معلوماتك لانشاء حساب ثم في الاسفل اختيار طريقة الدفع (عن طريق البطاقة البنكية او paypal) ثم بعد ان تتأكد من معلومات تضغط على Purchase Now

شراء استضافة ipage

بمجرد التسجل في الموقع وانشاء حساب، ستجد ان ipage قد ارسلت لك رسالو الى بريدك الالكتروني فيها رابط تفعيل حسابك عليك ان تضغط عليه. كما ستجد في الرسالة جميع المعلومات المهمة (التي من المستحسن ان تختفض بها في مكان امن).

لتعين كلمة مرور لحسابك على Ipage اضغط على الرابط الذي ستجده في بريدك الالكتروني. بمجرد الضغط على الرابط سيطلب منك اختيار كلمة المرور بالاضافة الى سؤل الامان.

في الخطوة التالية ستتم مطالبتك باختيار ان كنت تريد انشاء موقع الكتروني عن طريق WebSiteBuilder أو WordPress لإنشاء موقع الويب الخاص بك، اختر الووردبريس (WordPress):

تنصيب الووردبريس

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

تثبيت WordPress على المجال

كل ما عليك فعله هو الضغط على Next

تأكيد iPage WordPress

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

تسجيل الدخول وورد

تأكد من تحديد جميع المربعات الثلاثة ثم اضعط على Next. وتأكد من حفظك لكلمة المرور واسم المستخدم لانك ستستخدمهم في الدخول الى لوحة تحكم الووردبريس.

اكتمل تثبيت iPage WordPress

سترى رابط الموقع الالكتروني الخاص بك وبيانات تسجيل الدخول.

ipage وورد أوراق اعتماد

مبروك الان لقد قمت بتنصيب ووردبريس وانشاء اول موقع الكتروني بنجاح.

الان يجب عليك ان تقوم بضبط بعض الاعدادات وتخصيص موقعك الالكتروني.

الخطوة 2 ضبط اعدادات ووردبريس

الان، وبعد ان قمت بانشاء موقع الكتروني بنجاح، يجب عليك ان تتعلم بضبط اعداداته، الامر بسيط جدا فقط تابع الشرح.

الدخول الى لوحة تحكم ووردبريس

للدخول الى لوحة تحكم موقعك الالكتروني (وهو المكان الذي يتقوم من خلاله بادرة موقعك) كل ماعليك القيام به هو اضافة /wp-admin الى رباط الموقع الخاص بك

مثلا في حال كنت تمتلك موقع بعنوان entaleq-online.com للدخول الى لوحة تحكم موقعك تقوم باضافة /login ليصبح الرابط entaleq-online.com/login

بعد تسجيل الدخول الى موقعك ستجد لوحة تحكم مثل في الصورة في الاسفل

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

تغير لغة الموقع

في حالة كنت تريد تغير لغة موقعك، فالامر بسيط.

اذهب الى Settings او الاعدادات بالعربية، ثم قم بتغير لغة الموقع كما في الصورة في الاسفل، ولا تنسى الضغط على زر حفظ التعديلات save changes في اخر الصفحة.

لوحة تحكم الووردبريس بالانجليزية
تغير لغة الووردبريس

ملاحضة يمكنك من نفس صفحة الاعدادات العامية تغير اسم الموقع بالاضافة بريدك الالكتروني.

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

حتى تفهم اكثير كيفية يمكنك ادراة موقعك والتحكم فيه. شاهد هذا الفيديو حيث شرحت فيه لوحة تحكم ووردبريس من الالف الى الياء ولاتنسى الاشتراك في قناتنا على اليوتيوب.

الخطوة 3 تغير قالب الووردبريس (المضهر)

بعد ان تقوم بتنصيب الووردبريس وضبط الاعدادات الرئيسية اول شيئ يجب عليك القيام به هو تغير القالب الافراضي

لكن ماهي القوالب في الووردبريس؟

من المفاهيم المهمة التي يجب ان تعرفها عند انشاء موقع ووردبريس هي القوالب او بالانجليزية templates ببساطة فهي التي تتحكم في مضهر وتصميم موقعك الالكتروني مثل الالوان والخط وتنسيق الصفحات والمقالات كما ان بعض القوالب تأتي مع بعض المميزات الاحترافية

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

تغير قالب الووردبريس

لتغير قالب الووردبريس اذهب الى قسم مضهر ثم لاضافة قالب جديد اضغط على اضف جديد سيتم توجيهك الى متجر قوالب الووردبريس حيث ستجد العديد والعديد من القوالب المجانية التي يمكنك استخدامها

قم بالبحث عن قالب astra في خانة البحث وهو القالب الذي انصحك به وقم بتنصيبه ثم قم بتفيعله

اما في حالة انك تمتلك قالب بالفعل او قمت بشراء قالب مدفوع فيمكنك تنصيبه عن طريق الضغط على رفع القالب.

الخطوة 4 تنصيب الاضافات الضرورية

من اقوى الاشياء في الووردبريس والتي تساعدك على تصميم وانشاء موقع الكتروني احترافي هي الاضافات في الووردبريس وهي عبارة عن مكونات اضافية تساعدك على اضافة خصائص ومميزات غير موجودة في الووردبريس

مثل اضافة الاحصائيات، الاعلانات، الاضافات التي تساعدك على تصميم الموقع واضافات تسريع الموقع وتحسينه لمحركات البحث والمزيد المزيد…

افضل الاضافات التي انصحك بتنصيبها

  • Elementor تساعدك على تصميم الموقع
  • Contact Form 7 تمكنك من اضافة نموذج اتصل بنا الى موقعك
  • Yoast SEO تساعدك على تحسين الموقع لمحركات البحث
  • WooCommerce تمكتك من اضافة متجر الكتروي الى موقعك
  • WP Super Cache تقوم بتسريع الموقع
تنصيب الاضافات في الووردبريس

لتنصيب اضافة جديدة اذهب الى قسم الاضافات ثم اضغط على اضف جديد وستضهر لك صفحة مثل الصورة في الاعلى

اكتب الاضافة التي تريد تنصيبها في خانة البحث ثم اضغك على تنصيب الان انتضر قليلا حتى يتم تنصيب الاضافة ثم اضغك على تفعيل

في حالة كنت تمتلك اضافة قمت بتحميلها من الانترنت يمكنك رفعها عن طريق الضعط على اضف اضافة

الخطوة 5 اضافة محتوى الى موقعك

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

الان بعد ان قمت بانشاء موقعك او مدونتك فأنت ستحتاج الى اضافة بعض المحتوى اليه.

نشر مقالات على الموقع الالكتروني

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

محرر الووردبريس هو المكان الذي ستكتب فيه المقابة وبعد ان تنتهي اضغط على نشر لنشر المقالة.

يعتبر محرر الوردبريس، والذي يسمى gutenberg سهل الاستخدام، وعند التعود عليه ستكتشف قوته. لكن في حالة كنت تريد تغيره هنا اضافة تسمي Classic Editor يمكنك تنصيبها لتغير المحرر الى المحرر التقليدي.

اضافة صفحات الى موقعك الالكتروني

لاضافة صفحة جديدة. اذهب الى قسم صفحات ثم اختر اضافة صفحة جديدة. سيضهر لك محرر مثل محرر المقالات لكن مع بعض الاختلافات البسيطة. وهنا ياتي دور اضافات بناء الصفحات مثل elementor التي تمكنك من تصميم وبناء صفحات موقعك كما تريد.

قد تتسائل الان. ماهو الفرق بين الصفحات والمقالات؟

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

الخطوة 6 تصميم الموقع

لتصميم الموقع وتغير شكله يمكنك الذهاب الى قسم مضهر ثم اختيار تخصيص. لكن قالب Astra يتيح لك لوحة تحكم تساعدك على الصول الى اهم الاشياء

تعديل شعار الموقع

لتغير شعار الموقع يمكنك الذهاب الى مضهر ثم تخصيص ثم الشريط العلوي ثم هوية الموقع
أو يمكنك الذهاب الى قسم مضهر ثم اختيار خيارات astra والضغط على رفع قالب

اعداد قائمة التصفح

قائمة التصفح هي الشريط الذي يضهر في اعلى الموقع، والذي يمكن الزوار من تصفح اهم صفحات موقعك الالكتروني.

لتقوم بتعديل قائمة التصفح. اذهب الى قسم مضهر ثم اختر قوائم من هذا القسم يمكنك تعديل, انشاء او حذف القوائم في موقعك الالكتروني.

بعد الدخول الى قسم قوائم قم بانشاء قائمة جديدة كما هو مبين في الصورة.

بعد ان تقوم بانشاء قائمة قم بالتالي

  1. حدد الصفحات التي تريدها ان تضهر في القائمة
  2. اضعط على اضف للقائمة
  3. قم بترتيب الصفحات ثم حدد مقان ضهورها (اختر القائمة الرئيسية)
  4. ثم قم بحفض القائمة

تصميم صفحات الموقع

تغير الصفحة الرئيسية

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

اولا قم بانشاء صفحة عادية عن طريق الذهاب الى صفحات ثم اضفة جديدا قم بتسمية الصفحة بأي اسم ثم قم بتصميمها كما تريد عن طريق اضافة elementor، ثم قم بنشرها (هذه ستكون الصفحة الرئيسية)

ثانيا اذهب الى اعدادات ثم قراءة

في صفحة اعدادات القراءة اختر صفحة ثابتة بدل اخر المقالات.
وفي الصفحة الرئيسية قم بأختيار الصفحة التي قمت بانشائها.

ولا تنسى ان تضغط على زر “حفظ التغييرات” حتى يتم نشر التعديلات التي أجريتها.

كيفية انشاء متجر الكتروني

قد تتسائل، في حالة كنت تريد البيع على الانترنت. كيف يمكنك انشاء متجر الكتروي لبيع منتجاتك، واستقبال المدفوعات عن طريق الووردبريس

الامر بسيط جدا، كل ماعليك القيام به بعد تثبيت الووردبريس هو تثبيت اضافة تسمى woocommerce، وهي اضاقة مجانية تسمح لك بانشاء متجر الكتروني على موقعك.

في حال كنت مهتم بالموضوع اكثر يمكنك مراجعة مقال كيفية انشاء متجر الكتروني حيث شرحت الامر بالتفصيل.

الان ماذا بعد

اول شيئ اريد ان اقوله لك، مبروك لقد قمت بانشاء موقعك الالكتروني الاول. كما ترى فأن الامر سهل جدا. اما الان فأنت بحاجة الى تعلم المزيد عن الووردبريس (مع القليل من التعلم ستصبح قادر على انشاء اي موقع عن طريق الووردبريس)

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

لقد استغرقت الكثير من الوقت والجهد في كتابة وتنسيق هذه الدليل الشامل، لذلك رجاء في حال وجدت انه مفيد فلا تتردد في مشاركته او ارساله الى اصدقائك

[social_warfare ]

4 أفكار عن “كيفية انشاء موقع الكتروني احترافي (خطوة بخطوة الطريقة الصحيحة 2020)”

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *