كيفيه انشاء موقع الكتروني الخاص بك (دليل المبتدئين 2022)

كيفيه انشاء موقع الكتروني الخاص بك (دليل المبتدئين 2022)

كيفيه انشاء موقع الكتروني – دليل سهل ، خطوة بخطوة للمبتدئين

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

الخطوة # 1:

  • اختر منصة موقع الويب الخاص بك

لإنشاء موقع ، كان عليك سابقًا إنهاء المرحلة التي ستصنع بها موقعك.

ماذا أعني بكلمة “مرحلة”؟

تم وضع كل الأشياء في الاعتبار ، في عام 2005 عندما حصلت على كل شيء مع تقدم الويب ، تم إنشاء معظم الوجهات باستخدام HTML (code) و CSS و PHP.

كل من هؤلاء حصلوا على فرصة للتعلم وكان من الصعب السيطرة عليهم.

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

ومع ذلك فإن هذا غير صحيح حتى الآن.

في عام 2022 ، جعلت أطر إدارة المحتوى (CMS) مثل WordPress  وورد بريس موقعًا مفتوحًا للجميع.

لتوضيح ذلك ، فإن CMS (أو مرحلة بناء الموقع) هي مرحلة سهلة الفهم لبناء المواقع والتعامل مع المحتوى الخاص بك على الإنترنت ، بدلاً من إنشاء موقع دون أي إعداد باستخدام HTML و PHP ولهجات الترميز الأخرى.

منصات بناء المواقع المعروفة في عام 2022

من أجل فهم أكثر المواد شهرة في الأطر التنفيذية ، اكتشفت بعض القياسات المستمرة من W3 Techs و BuiltWith.

ما عليك سوى التحقق من هذا الرسم البياني أدناه:

1

""

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

 

ثيمات سريعة التجاوب وسهلة الاستخدام :

3. إضافة محتوى (صفحات ومشاركات)

قبل الوصول إلى تخصيص الموقع ، تريد حقًا الحصول على بعض الرضا عن موقعك.

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

ومع ذلك ، هناك صفحتان أساسيتان لكل موقع تقريبًا يجب اضافتها على الموقع:

  • الصفحة المقصودة
  • حول الصفحة
  • صفحة الاتصال

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

سيتعين عليك أيضًا التفكير في مادة بصرية ، على سبيل المثال ، الصور الفوتوغرافية.

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

يرافق البعض الآخر بالمثل أكثر من اختيار تصميم واحد لكل صفحة.

لاستغلال هذه الأشياء ، انتقل إلى المظهر> التخصيص.

في هذا النموذج ، نستخدم أحدث موضوع افتراضي لـ WordPress  وورد بريس ، وهو Twenty-One لإنشاء موقع.

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

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

7

""

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

8

""

WordPress  وورد بريس إعداد قائمة

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

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

ثم انقر على إضافة إلى القائمة.

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

اختر موضع القائمة حيث تريد أن تظهر هذه القائمة (لهذه القائمة الأساسية لهذه الحالة).

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

العوائق التي تتحقق من موقعك وتساعد الضيوف في الوصول إلى حيث يحتاجون إلى الذهاب.

5. خيارات التخصيص الإضافية

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

يمكنك ضبط أجزاء مختلفة من موقعك مثل:

  • عنوان وشعار
  • الألوان
  • الطباعة
  • صورة التأسيس
  • القوائم
  • الأدوات

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

التغيير والتبديل في موضوع ووردبريس

التخصيص السابق للموضوع ، هناك العديد من الوحدات التي يمكن الوصول إليها لـ WordPress  وورد بريس ، سواء المجانية أو الممتازة.

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

أيضًا ، هناك الكثير الذي يمكن الوصول إليه من المراكز التجارية الخارجية.

لوضع وحدات جديدة ، استكشف الإضافات> إضافة جديد.

إضافة ملحقات ووردبريس

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

للحصول على وحدات على موقعك ، اضغط على زر التثبيت الآن. انتظر حتى يتم تنزيله ثم انقر فوق تنشيط. يمكنك العثور على جميع الوحدات

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

مكونات الإضافية يحتاجها الموقع الالكتروني تساعدك بالعمل

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

Yoast SEO 

وحدة تحسين تصميم الموقع الأعلى التي تتضمن مطالبات تبسيط الصفحة لكل صفحة ونشرها بالإضافة إلى خيار إعادة تسميات الترفيه الافتراضي لـ Open Graph.

Jetpack

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

Smush 

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

WooCommerce 

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

MonsterInsights 

تضيف هذه الوحدة تحليلات Google إلى لوحة معلومات WordPress  وورد بريس الخاصة بك.

مكونات إضافية تساعدك في تصميم موقعك الالكتروني

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

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

و تركيبات موقع الويب بالكامل ظاهريًا بالشكل الذي يناسبك – وليس الصفحات والمشاركات الفردية. تتضمن بعض الخيارات المعروفة ما يلي:

 

Elementor 

يوفر مصمم الويب هذا عبر اللوحة تغييرًا مرئيًا للموقع ، وأوقات عبء سريعة ، وتصميمًا هائلاً للتنسيقات للتصفح.

Divi 

تم تطويره بواسطة Elegant Themes ، يعطي Divi طريقة أكثر وضوحًا لإعادة المواقع.

Beaver Builder

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

6. إضافة مدونة (اختياري) – كيفيه انشاء موقع الكتروني

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

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

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

يعد هذا أساسيًا مثل إعداد صفحة غير مملوءة (الصفحات> إضافة جديد) ، وتسميتها مدونة (أو أي شيء تريده 

ولكن يبدو أن المدونة شرعية في ضوء حقيقة أنها ستجعل الموقع yoursite.com/blog بالتالي لصفحة مدونتك) وتوزيعها.

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

إعدادات الصفحة المقصودة وورد

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

لإضافة إدخالات مدونة إلى موقعك ، انتقل إلى المنشورات> إضافة جديد.

يضيف WordPress  وورد بريس إدخال مدونة آخر

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

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

WordPress  وورد بريس يضيف محتوى إلى مدونتك

عندما تنتهي من إجراء التغييرات ، انقر فوق نشر. تم الانتهاء من أكثر منشوراتك التي لا تنسى ، عمل رائع!

7. إضافة متجر على الإنترنت (اختياري) – كيفيه انشاء موقع الكتروني

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

مع WordPress  وورد بريس ، فإن الوحدة النمطية الأكثر شهرة لهذه النية هي WooCommerce.

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

قابل للشراء لتعديل موقع الويب الخاص بالعمل التجاري عبر الإنترنت وتعديله إلى العديد من الأغراض.

Woocommerce

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

بعد WordPress  وورد بريس ، الخيار الأكثر شهرة هو Shopify.

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

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

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

8. تصميم SSL من خطوات كيفيه انشاء موقع الكتروني

تشير طبقة المرفقات الصلبة (SSL) على موقعك إلى أن المعلومات التي يتم شحنها من ضيوف موقعك تظل آمنة.

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

للتأكد من أن طبقة المقابس الآمنة ديناميكية على موقعك الجديد باستخدام Bluehost ، قم بما يلي:

سجّل الدخول إلى Bluehost.

انتقل إلى “مواقعي”.

انقر فوق إدارة الموقع.

تعقب علامة التبويب “الأمان” على الشاشة التالية.

ضمن المقطع الذي يشير إلى شهادة الأمان ، تحقق من شهادة SSL المجانية أو شهادة SSL: فلنقم بتشفير الحالة. يجب تغيير الوجه إلى On.

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

9. أرسل موقع الويب الخاص بك على WordPress  

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

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

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

موقع التوزيع المسبق

في الوقت الحاضر يمكنك حقًا إلقاء نظرة على موقعك المباشر.

موقع ووردبريس المباشر

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

تهاني! أنت الآن المالك السعيد لموقع آخر.

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

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

ومع ذلك ، لا تتوقف هنا.

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