خطوات تصميم موقع ويب - مؤسسة مارسيليا لتصميم المواقع الالكترونية
خطوات تصميم موقع الكتروني pdf, خطوات تصميم موقع إلكتروني متكامل , خطوات تصميم موقع إلكتروني متكامل مجاناً, خطوات تصميم موقع ويب, خطوات تصميم موقع الكتروني تعليمي, خطوات إنشاء موقع ويب بلغة HTML, مراحل إنشاء وتصميم موقع صحفي إلكتروني, خطوات إنشاء موقع ويب

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

 

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

لكن كيف تنشئ بنفسك موقعًا احترافيًا؟ ما هي الخطوات المطلوبة؟

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

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

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

خطوات إنشاء موقع ويب

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

الخطوة الأولى:فهم متطلبات إنشاء موقع ويب (أساسي)

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

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

الخطوة الرابعة: تثبيت القالب وضبط تصميم وشكل الموقع

الخطوة الخامسة: إنشاء الصفحات والمقالات ونشرها

الخطوة 1: فهم متطلبات إنشاء موقع ويب (الأساسيات)

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

  1. الدومين
  2. الاستضافة
  3. ووردبريس
  4. القالب (التصميم)

الآن نتكلم عن كل أداة على حدا

أولا: الدومين

هذا هو عنوان موقع الويب الخاص بك بالتنسيق yourdomain.com، مع اسم من اختيارك.

يسمح المجال للزوار بالدخول إلى موقعك، كما أن اسم المجال يجعل موقعك مختلفًا عن المواقع الأخرى.

ثانيا: الاستضافة

هذا هو المكان الذي يتم فيه تخزين ملفات موقع الويب الخاص بك مثل الصور والمقالات وملفات مواقع الويب الأخرى.

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

يعتمد اختيار أفضل شركة على عدة عوامل، منها: سرعة الاستضافة، والجهوزية، والأداء، وغيرها من الخدمات.

ثالثا: ووردبريس

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

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

رابعاً: القوالب (التصاميم الجاهزة) أو ما يسمى بالسمات

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

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

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

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

أول شيء نقوم به هو حجز اسم المجال، ثم نقوم بحجز الاستضافة، ثم نقوم بتثبيت WordPress على الاستضافة، ثم نقوم بتثبيت القالب وهو تصميم جاهز.

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

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

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

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

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

قم بزيارة Bluehost + للحصول على اسم مجال مجاني وخصومات على الاستضافة

أولاً، نقوم بتسجيل الدخول إلى موقع Bluehost عبر الرابط www.bluehost.com والنقر على “استضافة موقع الويب الخاص بك”

زيارة موقع Bluehost + الحصول على خصم

زيارة موقع Bluehost + الحصول على خصم

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

سننشئ موقعًا على شبكة الإنترنت، لذلك سنختار الخطة “الأساسية” بالنقر فوق “تحديد”

زيارة موقع Bluehost + تطبيق الخصم

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

ملاحظة:إذا اخترت حجز مجال مع Bluehost، فقد يكون المجال محجوزًا بالفعل، لذا أعد تحديد مجال آخر أو قم بتعديله.

قم بزيارة Bluehost + للحصول على اسم مجال مجاني

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

زيارة موقع Bluehost + تطبيق الخصم

الآن في الأسفل ستجد خيارات لاستضافة فترة الاشتراك، اختر 12 شهرًا أو أكثر

بالنسبة إلى الوظائف الإضافية الأخرى (الوظائف الإضافية)، فأنت لست بحاجة إليها، إنها مجرد إضافات، قم بإلغاء تحديدها، فقط إذا كنت تستضيف المجال الخاص بك مع Bluehost. يمكنك تحديد مربع حماية خصوصية المجال لإخفاء معلوماتك الشخصية على المجال الخاص بك من الجمهور إذا كنت ترغب في ذلك. من المؤكد.

زيارة موقع Bluehost + الحصول على خصم

الآن نختار طريقة الدفع التي يمكنك الدفع بواسطة بطاقة الائتمان أو PayPal.

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

إذا كنت تريد الدفع عبر PayPal، فانقر على “المزيد من خيارات الدفع” للاطلاع على خيارات الدفع عبر PayPal، ثم حدد “Paypal”، ثم حدد المربع للموافقة على شروط الاستخدام، ثم انقر فوق “إرسال”

الآن عند اكتمال الدفع بنجاح، ستظهر لك هذه الصفحة لإنشاء حساب على موقع Bluehost، انقر فوق “إنشاء حساب” كما هو موضح

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

الآن وقد تم إنشاء حسابك بنجاح، انقر فوق “الانتقال إلى تسجيل الدخول” لتسجيل الدخول إلى حسابك.

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

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

الآن أجب عن أهدافك واختر مستوى خبرتك في إنشاء موقع ويب وانقر على “متابعة لاختيار موضوع”

انقر الآن على “تخطي هذه الخطوة” في الصورة لأننا سنستخدم قالب WordPress آخر لاحقًا.

الآن سترى واجهة حسابك على موقع Bluehost كما هو موضح

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

للوصول إلى لوحة تحكم WordPress، حيث يمكنك التحكم في تصميم موقع الويب الخاص بك وكتابة المقالات ونشرها، ندخل هذا الرابط yourdomain.com/wp-admin

ثم ندخل البريد الإلكتروني وكلمة المرور في WordPress، وليس كلمة مرور المضيف، وننقر على “تسجيل الدخول”

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

من لوحة تحكم WordPress، لديك سيطرة كاملة على موقع الويب الخاص بك ونشر المقالات.

قم بتغيير لغة لوحة تحكم WordPress إلى العربية

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

للقيام بذلك، نضغط على “إعدادات” ونختار اللغة “العربية” من القائمة ونضغط على “حفظ التغييرات”.

ضبط الإعدادات العامة لووردبريس

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

ضبط إعدادات المناقشة (التعليقات)

الآن علينا تعديل إعدادات التعليقات التي يكتبها زوار الموقع، نذهب إلى الإعدادات ونضغط على المناقشات.

نقوم بتعديل الإعدادات كما هو موضح، ثم نضغط على “حفظ التغييرات” في الأسفل

ضبط إعدادات الروابط الدائمة

يتعين علينا تغيير مظهر الروابط الثابتة بحيث تبدو جيدة للزائرين وتساعدك على تحسين محركات البحث (SEO).

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

ضبط إعدادات الأعضاء

الآن علينا كتابة الاسم المستعار الذي نريد إظهاره لزوارنا، والذي سيظهر في كاتب المقال وعند الرد على التعليقات.

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

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

بعد اكتمال التعديل، نضغط على “تحديث الملف الشخصي أدناه”

حذف جميع الإضافات

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

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

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

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

ثم نقوم أولاً بتعطيل الوظائف الإضافية حتى نتمكن من إزالتها عن طريق تحديد “تعطيل” من القائمة المنسدلة. ثم نضغط على “تطبيق”

الآن نختار جميع الوظائف الإضافية مرة أخرى عن طريق “تحديد مربع الإضافة” كما هو موضح

ثم نقوم بإزالة الوظيفة الإضافية عن طريق تحديد “إزالة” من القائمة المنسدلة. ثم نضغط على “تطبيق”

تنصيب الإضافات الضرورية

يجب عليك تثبيت بعض المكونات الإضافية الضرورية التالية:

Classic Editor

Wordfence Security

Really Simple SSL

Yoast SEO

Breeze

Smush

Contact Form 7

Akismet Anti-Spam

Disable Right Click For WP

لتثبيت الإضافات، نذهب إلى “الوظائف الإضافية” وننقر على “إضافة جديد”. تظهر صفحة البرنامج المساعد. نكتب اسم الوظيفة الإضافية للتثبيت في الحقل المناسب، على سبيل المثال، إضافة “Classic Editor”

ثم تظهر نتائج البحث تلقائيًا ونضغط على “التثبيت الآن” لتثبيت الامتداد.

بعد الانتهاء من تثبيت البرنامج المساعد، نضغط على “تفعيل” لتفعيل البرنامج المساعد. كما تظهر الصورة

الخطوة الرابعة: تثبيت القالب وضبط تصميم وشكل الموقع

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

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

يوجد ثلاث أنواع من المواقع الأكثر شيوعا:

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

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

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

سوف نستخدم نموذج Jannah لأن الموقع الذي سننشئه هو موقع عام به مقالات.

تثبيت القالب

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

لتثبيت النموذج، نذهب إلى لوحة تحكم WordPress ونضغط على “المظهر” ثم “إضافة جديد”.

الآن نضغط “تحميل النموذج”، ثم نضغط على “اختيار ملف”، ثم نختار ملف قالب الجنة، ثم نضغط “التثبيت الآن”

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

سترى الآن هذه الصفحة لتنشيط القالب رسميًا، وهو الإصدار الذي اشتريته. للقيام بذلك، انقر فوق “تنشيط الآن”

ستتم إعادة توجيهك الآن إلى سمة Envato Forest، إذا قمت بتسجيل الدخول إلى حسابك في سمة Forest، فكل ما عليك فعله هو انتظار تنشيط القالب تلقائيًا.

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

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

نقوم الآن بتثبيت المكونات الإضافية التي تأتي مع القالب، والتي يتطلبها نموذج Jannah للاستفادة من جميع الميزات التي يقدمها النموذج وعدم مواجهة أي من مشاكل القالب.

لتثبيت هذه المكونات الإضافية، نضغط على أيقونة “Heaven” ثم نضغط على “Install Plugins”.

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

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

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

ضبط إعدادات القالب

نقوم الآن بتعديل بعض إعدادات القالب، والتي تقوم بشكل أساسي بتعديل بعض خيارات تصميم القوالب.

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

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

نقوم الآن بتعديل بعض الإعدادات وأشكال التصميم، ننتقل إلى لوحة تحكم القوالب بالضغط على أيقونة “Heaven”، ثم نضغط على “Head”. ثم نختار “سيناريو 3″، ثم نقوم بتعطيل الوضع المظلم، ثم نضغط على “حفظ التغييرات”

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

إنشاء التصنيفات

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

على سبيل المثال، في oridsite، هناك فئة تسمى “WordPress”، عندما تدخل هذه الفئة، سترى مقالات متعلقة بـ WordPress.

ملاحظة:يتم تحديد تصنيف كل مقال تكتبه قبل النشر، كما سنشرح بالتفصيل لاحقًا.

لإضافة فئة، انقر على “مقالات”، ثم انقر على “فئات”، ونكتب اسم الفئة، على سبيل المثال “WordPress”، في الاسم الجميل (رابط الفئة) نكتب أيضًا “WordPress”، ثم نضغط على “إضافة” فئة جديدة لإضافة فئة.

انشاء القوائم

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

– القائمة الرئيسية:إنها قائمة أساسية لكل موقع ويجب أن تكون متاحة على كل موقع.

القائمة العلوية: هي قائمة ثانوية يمكنك استخدامها أو عدم استخدامها وتقع في الجزء العلوي من الموقع.

– القائمة السفلية:وهي أيضًا قائمة ثانوية، فهذه القائمة لا تُستخدم كثيرًا، ولا يمكنك أيضًا استخدامها، وموقعها في أسفل الموقع.

كما هو مبين، هذه القائمة الرئيسية والقائمة العلوية.

إنشاء القائمة الرئيسية

إنها القائمة الأساسية لكل موقع ويجب أن تكون متوفرة في كل موقع. لإنشاء القائمة الرئيسية للموقع، نذهب إلى “المظهر” وننقر على “القوائم”.

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

إنشاء القائمة العلوية

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

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

إنشاء القائمة السفلية

وهي أيضًا قائمة ثانوية، فهذه القائمة لا تُستخدم كثيرًا، ولا يمكنك أيضًا استخدامها، وموقعها في أسفل الموقع.

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

إضافة عناصر للقائمة الرئيسية

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

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

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

لإضافة فئة إلى القائمة الرئيسية، نختار أولاً القائمة الرئيسية لتعديلها، ثم انقر على “القائمة المنسدلة” ثم انقر على “تحديد”.

بعد تحديد القائمة الرئيسية، انقر على “الفئات”، ثم “إظهار الكل”، ثم “اختر الفئات لإضافتها إلى القائمة الرئيسية”، ثم “إضافة إلى القائمة”

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

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

إنشاء ودجات

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

لإضافة عناصر واجهة مستخدم إلى موقعنا، نذهب إلى Appearance ونضغط على Widgets.

تظهر صفحة بها عدد من الأدوات التي يمكنك استخدامها، سنستخدم أداة “Heaven – Article List”، ونضغط عليها، ثم نضغط على “Add Widget”

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

يمكنك أيضًا اختيار عدد المقالات المراد عرضها في قائمة المقالات، وكذلك اختيار التنسيق (مظهر المظهر)

إنشاء الصفحة الرئيسية للموقع

الصفحة الرئيسية للموقع هي الصفحة التي يظهرها الزوار عند دخولهم مجالك yourdomain.com

عادة ما تحتوي هذه الصفحة على أحدث المقالات التي نشرتها بتصميم جذاب ومنظم. لإنشاء هذه الصفحة، انتقل إلى Pages وانقر فوق إضافة جديد.

تظهر صفحة المحرر، ونكتب عنوان الصفحة، فمثلاً أكتب العنوان كالتالي: “أريد موقعًا إلكترونيًا – دليل إنشاء موقع احترافي للمبتدئين”.

ثم نضغط على الزر “تنشيط Web Builder for TieLabs” حتى نتمكن من تحديد التصميم الذي نريده في الصفحة الرئيسية للموقع.

الآن تظهر هذه الصفحة البيضاء، نضغط على “إضافة قسم”

تظهر هذه النافذة الآن مع بعض الإعدادات التي يمكنك تعديلها أو تركها كما هي، وسنتركها كما هي، ثم انقر فوق “إنهاء”

الآن نضغط على “Add Block” لإضافة قالب بتصميم معين من اختيارك.

الآن نضغط على “Add Block” كما هو موضح

الآن تظهر نافذة تحرير الكتلة، نختار “block 10″، يمكنك اختيار أي كتلة تريدها، ثم في الجزء السفلي نكتب عنوان الكتلة، يمكنك تعديل الإعدادات الأخرى حسب حاجتك. ثم انقر فوق “إنهاء” لحفظ الكتلة.

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

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

الآن بعد أن انتهينا من إضافة الفئة، نضغط على “نشر”

قم بتعيين الصفحة التي ننشرها كصفحة رئيسية لموقعنا على الويب

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

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

ثم نختار الصفحة الرئيسية التي أنشأناها سابقًا من القائمة المنسدلة كما هو موضح في الصورة، ونضغط على “حفظ التغييرات” في الأسفل.

الآن، إذا قمنا بزيارة موقعنا example.com، فسنرى الصفحة الرئيسية التي أنشأناها كما هو موضح.

الخطوة 5: إنشاء الصفحات والمقالات ونشرها

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

الفرق بين الصفحة والمقالة هي:

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

المقالات:هذا هو الموضوع الذي نستخدمه كثيرًا، ومن خلاله يمكنك النشر عن الموضوعات التي تريد الكتابة عنها.

أولاً: إنشاء صفحات “اتصل بنا” و “سياسة الخصوصية” و “شروط الاستخدام”.

تتضمن معظم مواقع الويب هذه الصفحات، ومن الأفضل كتابتها. هذه الصفحات هي:

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

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

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

ثانيا: إنشاء المقالات ونشرها

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

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

ملاحظة:إذا كنت لا ترى نفس المحرر، فيجب عليك تثبيت المكون الإضافي “Classic Editor” لتنشيط محرر WordPress الكلاسيكي، والذي يعد أفضل من المحرر الجديد.

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

الآن سيتم تقديم المحرر لك على النحو التالي، ومن أهم الميزات التي ستحتاجها عند الكتابة هي:

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

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

اظهار الشريط المخفي: بالنقر فوق الزر الموجود في الصورة، يجب إظهار شريط مخفي.

اضافة الرابط: يمكنك إضافة رابط موقع إلى مقال، سواء كان رابطًا لمقال آخر على موقع الويب الخاص بك أو رابط لموقع ويب آخر.

إضافة عناوين: يمكنك إضافة عنوان في المقالة، لإضافة عنوان، انقر فوق “فقرة”، ثم اختيار حجم العنوان H2، H3، H4 حسب أهمية العنوان .. لكن لا تستخدم H1 في المقالة، نظرًا لأن عنوان المقالة هو H1، يمكنك استخدامه في المقالة المستخدمة مرة واحدة. يمكن استخدام عناوين مجلدات أخرى عدة مرات في المقالة.

اضافة أزرار: يمكنك إضافة أزرار ورموز من خلال النقر على “شعار الجنة” ثم اختيار ما تريد إضافته من القائمة.

حفظ المقالة: يمكنك حفظ المقالات لنشرها أو تحريرها لاحقًا.

نشر مقالة: بالضغط على هذا الزر، سوف تنشر مقالتك.

تصنيفات: تحديد التصنيف الذي ينتمي إليه المقال.

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

الصورة البارزة للمقالة: حدد الصورة المميزة للمقالة التي تظهر في الجزء العلوي من المقالة.

الأسئلة المتداولة حول كيفية إنشاء موقع على شبكة الإنترنت

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

ما هي خطوات إنشاء موقع ويب؟

أهم خطوات إنشاء موقع ويب هي:

الخطوة الأولى:فهم متطلبات إنشاء موقع ويب (أساسي)

الخطوة الثانية: حجز الدومين

الخطوة الثالثة: حجز الاستضافة

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

الخطوة الخامسة: تثبيت القالب وضبط تصميم وشكل الموقع

الخطوة السادسة: إنشاء الصفحات والمقالات ونشرها

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

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

كيف اسوي موقع الكتروني بأرخص سعر؟

لكي تتمكن من فتح موقع ويب بأقل تكلفة ممكنة، يجب عليك حجز مجال من Bluehost للحصول عليه مجانًا للسنة الأولى.

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

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

تنويه:يجب مراعاة الجودة والسعر، وليس الأرخص دائمًا، وهذا ما نفعله.

كيف انشئ موقع الكتروني وليس لدي أي خبرة؟

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

يمكنك أيضًا الاطلاع على مقالات أخرى على الموقع لتتمكن من التركيز أكثر على هذا المجال.

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

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

كيف اعمل موقع الكتروني ناجح؟

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

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

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

اترك تعليقاً

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