إنشاء موقع على شبكة الإنترنت:
الدليل الشامل | 2021

هذا هو الدليل الأكثر تفصيلا عبر الإنترنت لبناء موقع ويب. سيعلمك كيفية إنشاء موقع الكتروني بمظهر احترافي بسرعة وسهولة دون أي معرفة مسبقة بلغات البرمجة.

السعر: 19.99 دولارًا أمريكيًا مجانًا

صعوبة الموضوع:
2.5/5

هل من الصعب إنشاء موقع على شبكة الإنترنت؟

Web development, programmer engineering website

في الماضي ، كان الأمر صعبًا، كان يتطلب معرفة لغات البرمجة مثل ال HTML و CSS و ال JavaScript وما إلى ذلك.

اليوم، باستعمال الأدوات المختلفة، لم يعد الأمر معقد ولا باهظ الثمن.

من الناحية الفنية، كل ما هو مطلوب هو اسم نطاق و خدمة استضافة.

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

ماذا تعني ب 
منشئ مواقع الويب 
أنظمة ادارة المحتوى...، وورد بريس 
؟

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

الأداة مناسبة للمبتدئين تمامًا الذين لا يرون أي حاجة لاضافة وظائف معقدة في مواقعهم على الويب.

من ناحية أخرى، CMS تعني نظام إدارة المحتوى و ال WordPress هو واحد منهم.

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

نوصي بشدة بهذا الحل، وسيتمحور هذا الدليل حوله.

Wondering illustration

الفصول

Plan illustration

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

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

Hosting illustration

3. اختيار استضافة

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

wordpress logo

5. تثبيت وتعديل ال WordPress

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

Domain Flipping abstract concept vector illustration.

2. الحصول على اسم النطاق

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

Pen Tool

4. صنع شعار

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

SEO illustration

6. تحسين ال SEO الخاص بموقعك

الهدف من هذا الفصل هو توضيح المتطلبات الأساسية لتحسين ال SEO من أجل موقع ويب ناجح.

احصل على شهادة انجاز مجانية

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

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

قبل البدء في عمل تجاري عبر الإنترنت، السؤال الذي يجب الإجابة عليه هو إلى أي نوع ينتمي موقع الويب الخاص بك؟

الإجابة على هذا السؤال مهمة جدًا لأنها ستساعد كثيرًا في إيجاد نيش مربحة.

هناك العديد من الأنواع ، ولكن إليك قائمة بأهمها:

Plan illustration

1. أنواع المواقع

  1. المواقع الشخصية: هي مواقع تتمحور حول الشخص ومعلوماته وصوره وهواياته وعائلاته وما إلى ذلك.
  2. مواقع ويب البزنس: هي مواقع ويب تعرض الأعمال أو شركة ما و معلومات عنها. عادة ما تحتوي على بضع صفحات فقط توضح فيها تفاصيل و معلومات عن الأعمال.
  3. مواقع التجارة الالكترونية: تستخدم هذه مواقع لبيع المنتجات أو تقديم الخدمات مقابل مبلغ محدد من المال. تُعرف العملية باسم التجارة الإلكترونية أو ال e-commerce، وهي اختصار لكلمة الكترونيك كومارس.
  4. مواقع نشر المحتوى: تعد المدونات والمجلات مثالًا نموذجيًا لهذه الفئة. يمكن تصنيف مواقع الويب التي تنشر المعلومات وتحدثها وتنشئ علاقة مع القراء على أنها مواقع ويب لنشر المحتوى.

لنفترض أن الموقع الذي تريد إنشاءه هو موقع e-commerce، سيكون السؤال التالي، كيف تختار نيش مناسب لموقع ويب من هذه الفئة ؟

2. كيفية اختيار نيش خاص بموقع للتجارة الإلكترونية؟

النيش هي اهتمام متخصص يقتصر على مجال معين فقط.

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

لكن لماذا لا ينصح للمبتدئين بانشاء متاجر عامة؟

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

أول صعوبة ستواجهها هي ملء مئات المنتجات وبيعها وصيانتها، ناهيك عن التسويق وخدمة العملاء. 

الا اذا كان لديك متسع من الوقت وميزانية كبيرة لتوظيف أشخاص ذو خبرة للقيام بذلك نيابة عنك.

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

1. تعرف على الفئات

بالنسبة إلى موقع ويب من نوع e-commerce، من السهل معرفة ما هو عام وما هو خاص من الفئات.

يمكنك ببساطة زيارة أي موقع تجارة إلكتروني معروف مثل eBay أو AliExpress ثم التحقق من الفئات المختلفة المتاحة هناك.

2. حصرها

الآن بعد أن تعرفت على الفئات و حددت فئة عامة – دعنا نقول “Electronics“، يجب حصرها حتى تصبح قابلة للتحكم.

في حالة ” Electronics ” ، دعنا نحصرها أكثر و نختار “Smartwatches” أو كلمة أكثر تحديدًا مثل “Chinese Smartwatches“.

3. مستوى المنافسة

في هذه الخطوة ، تحتاج إلى التحقق من مستوى المنافسة في النيش المحددة.

Keyword Planner من Google Adword هي أداة مجانية تمنحك فكرة عن مدى صعوبة الإعلان في النيش التي اخترتها.

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

4. ضبط الكلمات الرئيسية

ماذا لو كانت المنافسة عالية ، فماذا أفعل؟

يمكن في ذلك الوقت التعديل على الكلمة المفتاحية قليلاً عن طريق عكس الكلمات أو إضافة كلمات أخرى مثل “Smartwatches Made in China” أو “Android Smartwatches Made in China” ، إلخ.

طيب وماذا لو كانت المنافسة عالية دائما؟ فماذا علي أن أفعل؟

5. اصنع فئة جديدة خاصة بك

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

بالنسبة إلى النيشات ذات المنافسة المنخفضة، يمكنك إنشاء فئة جديدة خاصة بك لمجموعة من المنتجات التي لها ميزات مشتركة ولكن لم تقم المتاجر الكبرى مثل Amazon و Aliexpress و eBay من تجميعها معًا.
 
الإبداع و الملاحظة مطلوبتين هنا.
 
على سبيل المثال، إذا لاحظت المتاجر AliExpress و eBay الآن، فسترى بأنه لا توجد فئة خاصة بالمنتجات التي تحول المنزل العادي إلى منزل ذكي.
 
يمكنك اذن اغتنام الفرصة والبدء في نيش خاصة بالكلمات الرئيسية  “Smart Home” أو “Smart House”.

في هذه اللحظة، تتمتع النيش “Smart House” بمنافسة منخفضة وحجم بحث مرتفع على AdWords. 

هذا مثال جيد لفئة جديد.

البحث عن الكلمات الرئيسية للمنزل الذكي على مخطط الكلمات الرئيسية بواسطة إعلانات google

2. الحصول على اسم النطاق

كل موقع له اسم فريد يحدده على شبكة الويب العالمية.

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

باختصار، اسم النطاق هو اسم موقع الويب الخاص بك متبوع بامتداد مثل .com  .net  .co.uk… ، إلخ.

Domain Flipping abstract concept vector illustration.

1. معلومات حول تسجيل اسم النطاق

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

اسم النطاق ليس منتجًا يتم شراؤه وامتلاكه لمرة واحدة، بل يمتم تسجيله و امتلاكه لفترة زمنية تتراوح بين السنة و ال 10 سنوات بمتوسط ​​سعر يبلغ 10 دولارات في للسنة.

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

لهذا السبب من المهم ألا تنسى أبدًا تجديد التسجيل قبل انتهاء تاريخ الصلاحية. 

لتسجيل اسم النطاق، أوصي بما يلي:

2. تسجيل اسم النطاق

Domain Name Registration Illustration

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

لكن قبل البدء، ضع في اعتبارك أن أسماء النطاقات الجيدة هي تلك التي تكون:

يعد تسجيل اسم النطاق أحد أهم الخطوات نحو عمل تجاري ناجح عبر الانترنيت.

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

فيما يلي بعض الأفكار الإبداعية التي تستخدمها أكبر العلامات التجارية عبر الإنترنت:

  • تجميع الكلمات معًا: مثل Facebook و YouTube.
  • كتابة جمل قصيرة: مثل MySpace و SecondLife و StumbleUpon.
  • الشعارات: مثل justdoit.com (Nike).
  • الجمع بين أجزاء من الكلمات: Microsoft و Wikipedia.
  • كلمات تحتوي على أخطاء إملائية: مثل Flickr و Digg.
  • قم بتغيير أو إضافة أحرف إلى الكلمات: مثل iPhone و iTunes.
  • اخترع كلمات جديدة: مثل Clevious و Etsy.
  • كلمات من لغات أخرى: مثل Joomla.

3. مثال سريع

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

3. اختيار استضافة

الاستضافة هي المكان الذي يتم فيه تخزين ملفات موقع الويب الخاص بك. 

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

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

ليس هذا فقط، فأوجه التشابه كثيرة، فالاستضافة لها سرعة وحجم تخزين و تطبيقات مثبتة مسبقًا وما إلى ذلك.
Hosting illustration

1. ما يجب أن تبحث عنه عند اختيار الاستضافة

ستساعدك القائمة التالية في اختيار خدمة استضافة ويب جيدة:

  1. يجب أن يكون مزود بال PHP و ال MySQL  لتشغيل WordPress.
  2. يجب أن يحتوي على برنامج التثبيت بنقرة واحدة للتطبيقات لتثبيت سهل وسريع لل WordPress.
  3. يجب أن يكون قادرا على تقديم الدعم الفني على مدار الساعة طوال أيام الأسبوع.
  4. يجب أن يكون لديه سجل وقت تشغيل ممتاز من 99 الى 100٪ من الوقت، مما يعني أن موقعك سيكون متاحًا على شبكة الويب العالمية في كل الأوقات.

علاوة على ذلك، يجب عليك أيضًا البحث عما يلي:

  1. يجب أن يوفر مساحة تخزين كبيرة: بحيث يمكن لموقعك أن ينمو ويدعم عدد كبير من الصور إذا لزم الأمر.
  2. دعم FTP: يسمح لك بتحميل ملفاتك من خلال FTP باستخدام FileZilla.
  3. عرض نطاق ترددي غير محدود: يمكنك استقبال آلاف الزوار شهريًا بلا حدود.
  4. قواعد بيانات غير محدودة: قد تحتاج إلى تثبيت أكثر من موقع WordPress على نفس المضيف.
  5. يدعم عناوين البريد الإلكتروني: لإنشاء عنوان بريد إلكتروني مخصص مثل:  [email protected]

باختصار، يجب على المرء أن يختار شركة جادة ومعروفة للغاية. 

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

إذا كنت تبحث عن مضيف رخيص واحترافي وموثوق، نوصيك بأفضل 3 خدمات استضافة لعام 2021:

Bluehost

الأفضل
$8.99
$ 2
95
شهريا
  • اسم دومين مجاني للسنة الأولى
  • تثبيت WordPress بسهولة
  • منشئ الموقع متاح
$8.99
$ 2
95
شهريا
موصى به

InterServer

رائع
$7.14
$ 2
50
شهريا
  • 0.01 دولار للشهر الأول
  • تثبيت WordPress بسهولة
  • عرض النطاق الترددي والتخزين غير محدود
$7.14
$ 2
50
شهريا

WHP

احترافي
$4.49
$ 1
99
شهريا
  • اسم دومين مجاني للسنة الأولى
  • تثبيت WordPress بسهولة
  • عرض النطاق الترددي والتخزين غير محدود
$4.49
$ 1
99
شهريا

2. ربط اسم المجال بالاستضافة

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

بحصولك على اسم النطاق مع الاستضافة من نفس المكان، يتم الربط تلقائيًا.

أما إذا كنت لا تزال ترغب في الحصول على الاستضافة واسم النطاق من أماكن مختلفة لسبب ما،

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

يمكن تلخيصها على النحو التالي:

1) ابحث عن خوادم الأسماء الخاصة باستضافتك. هي تبدو كما يلي:

  • ns1.nameserver.com
  • ns2.nameserver.com

2) انسخ خوادم الأسماء وابحث عن إعدادات DNS الخاصة باسم النطاق الخاص بك.
3) الصق خوادم الأسماء في “حقول خوادم الأسماء” لاسم النطاق الخاص بك.

ربما تحتاج إلى إجراء المزيد من الاعدادات على حسب مزودي خدمة الاستضافة واسم المجال التي اخترتها.

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

إليك ما ستتعلمه:

Pen Tool

الخطوة الأولى: الاستعداد

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

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

وهنا بعض الأمثلة:

السؤال الذي يحتاج إلى إجابة الآن هو كيف تريد أن يبدو شعارك؟ هل تريده مرفقا بشكل ما أو بدونه؟

لتوضيح هذا، دعنا نصنع شعارًا لموقع ويب افتراضي يسمى “Smarthousefuture“. 

الهدف من الموقع هو بيع الأجهزة التي تحول المنزل العادي إلى منزل ذكي.

أيضًا، لنصنع شعارًا باسم مرفق بشكل له معنى.

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

الخطوة الثانية: قم بتنزيل الأدوات المناسبة

فيما يلي قائمة بالأدوات المطلوبة:

للاستفادة من ال Custom Shapes، يجب تثبيتها في Photoshop على النحو التالي:

1. افتح برنامج فوتوشوب. على الجانب الأيسر ، انقر بالماوس الأيمن على الشكل المربع ثم على Custom Shape Tool.

حدد Custom Shape Tool في Photoshop.

2. في الجزء العلوي ، بجانب Shape، افتح Custom Shape Picker .

افتح Custom Shape Picker في Photoshop.

3. اضغط على العجلة، ثم Load Shapes.

تحميل الأشكال في Photoshop.

4. ابحث في المكان الذي قمت بتنزيل الملف فيه، وحدده ، ثم انقر على Load.

حدد الملف بامتداد .csh وانقر فوق تحميل.

لقد تم تثبيت الأشكال المخصصة بنجاح.

الخطوة الثالثة: رسم الشعار والتعديل عليه

1. رسم الشكل

باستخدام ال Custom Shapes المثبتة حديثًا، دعنا نرسم منزلًا، ثم نعدله و نحافظ على السقف فقط.

1. افتح Photoshop
2. في الجزء العلوي الأيسر، انقر على File ثم New.

افتح مستندًا جديدًا في Photoshop.

3. في نافذة جديدة، عدل العرض على 700 و الارتفاع على 350، ثم انقر على OK.

اضبط العرض والارتفاع في Photoshop.

4. على الجانب الأيس، انقر على Custom Shape Tool، ثم في الجزء العلوي افتح Custom Shape Picker، وابحث عن شكل يمثل منزلًا وحدده.

ابحث عن شكل يمثل منزلًا في Custom Shape Picker.

5. في الجزء العلوي، بجوار Fill، اختر أي لون غير الأبيض.

اختر لونًا آخر ، على سبيل المثال الأحمر.

6. لرسم الشكل، ما عليك سوى النقر على Shift  +  الزر الأيسر للفأرة واسحب. كلما زاد سحب الماوس، زاد حجم الشكل. ها هي النتيجة:

ارسم المنزل في برنامج فوتوشوب.

7. حان الوقت الآن لحذف كل شيء ما عدا السقف. للقيام بذلك ، تأكد من تحديد طبقة الشكل الذي تم إنشاؤه.

حدد الطبقة في Photoshop.

8. على الجانب الأيسر، باستخدام الزر الأيمن للفأرة، انقر على Lasso Tool وحدد أداة Polygonal Lasso Tool.

اختر أداة Polygonal Lasso في Photoshop.

9. باستخدام أداة Polygonal Lasso Tool، حدد المنزل، باستثناء السقف تمامًا كما في الصورة أدناه:

حدد كل شيء ما عدا السقف ، Photoshop.
 
 

10. على لوحة المفاتيح، انقر على Del لحذف الجزء المحدد.

 
 

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

1. رسم الاسم

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

حدد خطًا في Photoshop.

2. انقر فوق المساحة البيضاء الموجودة أسفل السطح ثم اكتب اسم الموقع.

الشعار الذي تم إنشاؤه في Photoshop.

3. يمكنك أيضًا ضبط مكان اسم الموقع أو السطح من خلال النقر عليهما وإزاحتهما بالماوس.

1. تغيير الألوان

باستخدام تقنية التدرج اللوني، ستبدو الألوان رائعة ، وإليك كيفية القيام بذلك في ال Photoshop.

على الجانب الأيمن،  انقر نقرًا مزدوجًا فوق طبقة السقف.

انقر نقرًا مزدوجًا فوق الطبقة لرؤية الخيارات.

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

قم بتعيين Gradient Overlay للحصول على أكثر من مجموعة متنوعة من نفس اللون.

كما ترى، لقد اخترت البلو أوشن.

يبدو اللون على الجانب الأيسر أغمق قليلاً من ذلك الموجود على الجانب الأيمن.

ها هي النتيجة النهائية:

 
إليك كيف يبدو الشعار الآن.

الخطوة الرابعة: احفظ الشعار

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

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

للقيام بذلك، يجب حذف خلفية شعارك وحفظ الملف بامتداد png.

1. على الجانب الأيمن، باستخدام الزر الأيمن للفأرة، انقر فوق طبقة الخلفية، ثم بالزر الأيسر، انقر فوق  Delete Layer.

خطوة مهمة: حذف خلفية الشعار.

2. انقر فوق “File ثم “Save”.
3. بجانب  File Name،  اكتب اسم شعارك، في القائمة المنسدلة بجوار Format، حدد PNG وانقر فوق حفظ .

احفظ الملف بتنسيق png. في Photoshop.

الشعار جاهز للاستخدام!

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

5. تثبيت وتعديل ال WORDPRESS

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

توفر العديد من خدمات استضافة الويب طريقة لتثبيته وتهيئته بسهولة باستخدام مثبت التطبيقات.

Softaculous مثلا هو مثبت تطبيقات cPanel، يجعل من تثبيت ال WordPress مهمة سهلة.

wordpress logo

1. تثبيت ال WordPress

لتثبيت ال WordPress، ابحث عن Softaculous في ال cPanel.

ستبدو لوحة ال cPanel الخاصة بك كما يلي:
 
صورة cPanel
 
انقر فوق شريط البحث واكتب: Softaculous. أثناء الكتابة، سيظهر انيا، اضغط عليه:
 
Softaculous في cPanel
 
بعد أن تنقر على Softaculous Apps Installer، سترى قائمة بالتطبيقات، اختر WordPress:
وورد تحت Softaculous
 
في الصفحة التي ستظهر ، سيكون هناك حقول وأقسام لملءها.
 
القسم الأول Software Setup خاص باختيار إصدار WordPress المراد تثبيته وعنوان ال URL لموقع الويب الخاص بك والمجلد الذي سيتم التثبيت فيه. يمكنك تركهم على الاعدادات الافتراضية.
 
WordPress ، Softaculous ، قسم إعداد البرامج
الأقسام الثانية والثالثة والرابعة مهمة للغاية.
– تحت Site Settings، يمكنك تحديد اسم ووصف موقع الويب الخاص بك.
– تحت Admin Account، اختر اسم المستخدم وكلمة المرور التي تريد استخدامهما لتسجيل الدخول إلى لوحة تحكم ال WordPress.
– وتأكد من إضافة بريدك الإلكتروني لتلقي التحديثات حول تثبيت ال WordPress الخاص بك.
 
 
انقر فوق تثبيت وانتظر لحظة حتى تكتمل العملية،
 
بعد بضع دقائق سيكتمل التثبيت.

يمكنك الآن زيارة موقع الويب الخاص بك والبدء في التعديل عليه باتباع ال Administrative URL وتسجيل الدخول إلى لوحة التحكم لموقعك.

ووردبريس التثبيت الكامل ، Softaculous.
 

2. تعديل ال WordPress

مع ال WordPress، لا يتعين عليك تعلم لغات البرمجة، ولا قضاء وقت طويل في التصميم.

كل ما عليك فعله هو البحث وتفعيل الثيم الذي يتوافق مع محتوى موقعك الالكتروني وها أنت قد انهيت المشكل!

في الأسطر التالية، سأوضح لك كيفية تثبيت ثيم WordPress و التعديل عليه.

1. تثبيت ثيم WordPress
1. في لوحة تحكم WordPress، ضع مؤشر الماوس على Appearance، ثم انقر على Themes.
 
مظهر ووردبريس لوحة القيادة
 
2. لعرض قائمة الثيمات المتاحة، انقر على Add New.
 
مثال على إضافة زر جديد
 
3. في شريط البحث، نكتب e-commerce.
 
مثال على شريط البحث
 
4. في قائمة الثيمات، يبدو أن الثيم New Shop جيد ، فلنجربه.
 
ثيمات WordPress

5. يمكننا تثبيته بالضغط على Install ثم الانتظار حتى ينتهي.

تثبيت موضوع الفسفور الابيض
 
6. بمجرد التثبيت، يجب تنشيطه، انقر على Activate.
 
تفعيل موضوع الفسفور الابيض
 
7. من الممكن الآن البدء في تعديل الموقع بالنقر على Customize.
 
تخصيص ثيم الفسفور الابيض
2. التعديل على ثيم WordPress

انتقل إلى  Appearance  >  Customize. سيتم فتح بريفيو. سيبدو موقع الويب فارغًا وبسيطًا جدًا.

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

موقع ووردبريس
1. قم بتحميل شعار

لنبدأ بتحميل صورة شعار بالنقر على Site Identity  >  Select Logo  >  Select Files .

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

تخصيص الشعار وورد

كما ترى، هناك شعار وعنوان تحت الصورة. دعنا نحذفها عن طريق إلغاء تحديد المربعات Display Site Title و Tagline .

قم بإلغاء تحديد المربع Display Site Title و Tagline
2. إنشاء قائمة (menu)

دعنا نضيف قائمة إلى موقعنا من خلال النقر على Menus، ثم Create New Menu.

تحت Menu Name، أدخل اسم القائمة الجديدة، دعنا نطلق عليها Main Menu. دعنا أيضًا نفعل المربع Top Menu، ثم النقر على Next.

هذا الثيم يدعم ثلاثة أنواع من القوائم: Top Menu ،Category Menu و Secondary Menu.

ثلاثة أنواع من القوائم

لنضيف الصفحات Home، About Us، و Contact Us إلى القائمة العلوية. انقر فوق Add Items، وتحت Pages انقرعلى علامة + بجانبها كل واحدة منها لإضافتها. إذا كانت الصفحة غير موجودة، فاكتب اسم الصفحة في الحقل الفارغ وانقرعلى Add.

قائمة الصفحات ، وورد

كما ترى، تم إنشاء القائمة العلوية بنجاح! انقر على Publish لحفظ التعديلات.

القائمة العلوية
 
3. إنشاء فئات

هيا بنا ننشئ الفئات التالية: Sensors, Security & Cameraskits & hubs, and Lights & Appliances.

يمكننا إنشاء فئات من خلال فتح لوحة تحكم WordPress جديدة (لا تغلق الأولى وتأكد من النقرعلى Publish). ضع مؤشر الماوس على المنشورات وانقرعلى Categories.

تحت Name، اكتب اسم الفئة و تحت Slug ذلك الاسم الذي يظهر في عنوان ال URL، ويجب كتابته بأحرف صغيرة بدون فراغات.

لتحسين ال SEO، يوصى بكتابة وصف لكل فئة.

إضافة فئة جديدة ، وورد
4. إنشاء قائمة للفئات

بعد إنشاء الفئات، عد إلى النافذة الأولى وقم بتحديثها.

اتبع نفس الخطوات كما في السابق، ولكن، هذه المرة، حدد Category Menu.

اسم القائمة والفئة
 

انقر على Add Item >  Categories  ثم فوق علامة +  بجوار كل فئة لإضافتها إلى القائمة الجديدة، ثم انقر على Publish لحفظ التغييرات.

أضف أقسام إلى menu، WP

3. تحويل موقع الويب إلى موقع تجارة الكترونية

بالتعديل الذي قمنا به حتى الآن، الموقع الويب في تحسن كبير، لكن حتى الأن لا يزال غير جاهز لبيع المنتجات.

لكي نتمكن من بيع المنتجات، نحتاج إلى تثبيت Plugin للتجارة الإلكترونية.

WooCommerce مجاني وشائع، دعنا نضيفه.

1. انقر فوق Plugins > Add New، واكتب “WooCommerce” في شريط البحث.

بحث في الإضافات ، WP

2.  قم بتثبيته و تفعيله.

البرنامج المساعد WooCommerce

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

بعد الانتهاء من هذه الاعدادات، يصبح الموقع جاهزًا لبيع المنتجات.

فيما يلي كيفية إضافة المنتجات إلى المتجر:

1. قم بتمرير مؤشر الماوس فوق Products، ثم اضغط Add New.

2. أضف معلومات منتجك:  العنوان،  الوصف،  السعر،  الفئة،  الصور، إلخ.

 

3. انقر على Publish.

إذا كنت تريد متجرك على الصفحة الرئيسية، فافعل هذا :

1. قم بتمرير المؤشر فوق Settings، ثم انقر على Reading.

2. وضع ال Homepage على Shop.

3. وضع Posts Page على Blog.

تعيين الصفحة الرئيسية للتسوق ، WooCommerce.

3. انقر على Save Changes.

الموقع الآن كامل وجاهز لبيع المنتجات.

معاينة فئة منتج موقع الويب WooCommerce

6. تحسين ال SEO الخاص بموقعك

يحتاج موقع الويب حديث النشأة إلى تحسين لمحركات البحث.

تُعرف هذه العملية باسم ال SEO.

يساعد ال SEO في تحسين ترتيب موقعك على محركات البحث و التي ستجلب لك الكثير من الزوار.

قد يبدو الجانب التقني منه صعبًا، ولكن في WordPress، يمكن إنجاز معظم الأعمال باستخدام البلوجينات والثيمات المنظمة.

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

SEO illustration

1. انضم إلى أدوات مشرفي المواقع من Google و Bing

غوغل وبينغ هي محركات بحث شائعة. من المهم الانضمام إلى أدوات مشرفي المواقع الخاصة بها من خلال إنشاء حساب على  Google Webmaster Tools و Bing Webmaster Tools.

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

2. تحسين موقع الويب الخاص بك بالبلوجينات

  1. WP Super Cache: سيعمل على تسريع موقع الويب الخاص بك عن طريق تخزين صفحاتك مؤقتًا.
  2. Jetpack: ستعمل على تسريع تحميل صورك بمساعدة خوادمها السريعة والآمنة حول العالم.
  3. Yoast SEO: يعمل على إصلاح معظم مشكلات ال SEO الأساسية لموقعك على الويب.

3. قم بإضافة ملف ال Sitemap إلى Search Consoles

ال Sitemap هو ملف يحتوي على مجموعة من الروابط لمحتوى الموقع الالكتروني الخاص بك.

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

يتولى البلوجين Yoast SEO أمر انشاء الملف نيابة عنك، فهو يقوم بإنشاء Sitemap كاملة ومفصلة و جاهزة لتقديمها إلى محركات البحث. 

4. تحقق من سرعة تحميل موقعك

تحب Google ومحركات البحث الأخرى مواقع الويب التي يتم تحمل بسرعة.

تم تصميم الأداةPageSpeed ​​Insights من طرف غوغل لمساعدتك على فهم كل ماهو يعيق سرعة تحميل صفحات موقعك.

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

5. استخدم أدوات خارجية لتشخيص موقعك

يمكن للأدوات الأخرى الموجودة على الويب أن تزودك بتقارير مفصلة عن موقعك مجانًا.

الأداة SEO SiteCheckUp، على سبيل المثال، تشخص موقعك وتظهر لك قائمة من الاقتراحات التي من شأنها أن تساعدك على إصلاح أخطاء ال SEO.

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

و لفهم أفضل لموقع الويب الخاص بك، من المهم جدا ألا تكتفي بتشخيص ال URL الرئيسي للموقع بل حتى ال URLs الآخرى.

6. شخص بنية موقعك الإلكتروني

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

أداة Structured Data Testing Tool تفحص هذا وتخبرك ما إذا كان موقعك منظم بشكل جيد أم لا.

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

من الأفضل اذن تغييره.

3. الخلاصة

إنشاء موقع على شبكة الإنترنت أمر سهل للغاية.

كل ما هو مطلوب هو اسم نطاق وخدمة استضافة وأداة مثل ال WordPress.

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

احصل على شهادة إنجاز مجانية

[ld_quiz quiz_id=”4470″]

أنشئ موقعًا جميلًا

بفضل ال WordPress، أصبح انشاء المواقع أمر سهل جدا.

Pin It on Pinterest