تخطى إلى المحتوى
Home » 9 خطوات انشاء موقع ويب WordPress + Hostinger

9 خطوات انشاء موقع ويب WordPress + Hostinger

  • بواسطة

9 خطوات انشاء موقع ويب WordPress + Hostinger

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

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

 

Hostinger renewal price example screen.

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

 

قم بتثبيت WordPress مع Hostinger

بعد ذلك ، ستختار نظام إدارة المحتوى (CMS). أوصي باستخدام WordPress.

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

قم بإنشاء حساب WordPress بكلمة مرور قوية ، واختر من بين العشرات من خيارات التخطيط المختلفة لموقعك. تُعرف التخطيطات المختلفة باسم سمات WordPress.

عليك فقط الاختيار في هذا الوقت – ستتمكن من تغيير السمات وتخصيص الموقع لاحقًا. سنخوض في كل ذلك في الخطوات التالية.

في الوقت الحالي ، تأكد فقط من صحة كل شيء:

Hostinger إنهاء شاشة الإعداد.

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

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

تهاني! أنت الآن تملك قطعة من الإنترنت!

دعنا نتعمق في استخدام WordPress.

 

 

 

الوصول إلى WordPress في Hostinger Dashboard

يقدم Hostinger لوحة تحكم مريحة للغاية لإدارة موقعك. تُعرف باسم hPanel ، وهي مرحب بها للغاية للمستخدمين الجدد ، فيما يتعلق بلوحات التحكم في مواقع الويب.

وإذا كان لديك أي ارتباك ، فإن Hostinger لديه الكثير من الدعم حول كيفية التنقل في hPanel.

 

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

 

Accessing WordPress in Hostinger dashboard example.

 

الدخول في موقع الويب الجديد الخاص بك.

 

تصميم موقع الويب الخاص بك بموضوعات قابلة للتخصيص

لقد حددت بالفعل سمة WordPress لبناء موقعك ، وإذا كنت سعيدًا بالشكل الذي يبدو عليه ، فهذا رائع!

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

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

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

لوحة التحكم الإدارية في WordPress الخاص بك. يمكنك القيام بذلك من لوحة تحكم Hostinger ، أو يمكنك استخدام عنوان URL [your website name] .com / wp-admin. ثم ما عليك سوى استخدام المستخدم وكلمة المرور حصلت عليه في الخطوة السابقة.

مظهر جديد.

 

Adding a new theme example.

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

سيسمح لك ذلك بإضافة أي سمة تريدها من مكتبة WordPress. اختر واحدة الآن.

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

 

OceanWP theme homepage.

 

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

OceanWP install screen.

 

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

 

OceanWP activate screen.

يمكنك الآن تخصيص السمة حسب رغبتك بالنقر فوق الزر “تخصيص”.

 

OceanWP customize screen.

 

 

انشاء موقع ويب

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

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

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

هوية الموقع. مهم.

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

الألوان. اختياري.

تغيير لوحة ألوان موقع الويب الخاص بك. بالنسبة لـ OceanWP ، يسمح لك هذا القسم فقط بتغيير لون نص العنوان.

القوائم. مهم جدا.

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

الحاجيات. اختياري.

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

 

Widget examples.

 

إعدادات الصفحة الرئيسية. اختياري.

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

CSS إضافية. اختياري.

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

خيارات عامة. مهم.

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

 

 

Customizing general options example.

 

انشاء موقع ويب

الطباعة. مهم.

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

على سبيل المثال ، قد ترغب في استخدام Helvetica للحصول على رؤوس H2 ، ولكن قد ترغب في استخدام Comic Sans للحصول على لقبك (من فضلك ، لا تفعل هذا في الواقع ؛ إنه مجرد مثال).

الشريط العلوى. اختياري

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

مقالات. اختياري.

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

الشريط الجانبي. اختياري.

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

الحاجيات التذييل. اختياري.

إضافة أدوات وتخصيص التذييل الخاص بك.

أسفل التذييل. اختياري.

هذا هو ذلك الجزء من الموقع الذي يحتوي على حقوق النشر ومعلومات الاتصال. من المحتمل أن تكون مهمة – خاصة إذا كنت تدير نشاطًا تجاريًا.

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

 

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

 

 بناء بنية موقع الويب الخاص بك – انشاء موقع ويب

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

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

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

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

انشاء موقع ويب

الصفحة الرئيسية. هذه هي الصفحة الرئيسية لموقع الويب الخاص بك. هذا ما يراه القراء أولاً ، لذا فهو مهم جدًا.

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

حول الصفحة. تخبر هذه الصفحة الزوار الجدد بكل شيء عن موقع الويب الخاص بك و / أو عملك. عادةً ما تضع الشركات “قصة علامتها التجارية” هنا حول كيفية ظهورها.

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

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

كيفية إنشاء الصفحة الرئيسية

يمنحك OceanWP طريقتين مختلفتين لإنشاء صفحة رئيسية:

أحدث مشاركاتك.

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

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

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

أولاً ، عد إلى لوحة تحكم موقع WordPress الخاص بك وانقر على الصفحات> إضافة جديد.

 

Adding a new page example.

 

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

 

Page editor mode in WordPress example.

 

 

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

في الجزء العلوي الأيسر ، يمكنك النقر فوق الزر + لإضافة كتل محتوى جديدة.

 

Adding new content blocks in WordPress example.

 

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

في أعلى اليسار ، سترى خمسة أزرار:

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

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

ينشر. هذا في الواقع ينشر المسودة.

الإعدادات (رمز الترس).

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

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

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

بمجرد القيام بذلك ، انقر فوق نشر في الجزء العلوي الأيسر. سيتم الآن نشر الموقع!

لكن هذا لا يعني أنها صفحتك الرئيسية حتى الآن. انتقل إلى المظهر> تخصيص على الشريط الجانبي.

 

Customize appearance in WordPress example.

 

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

Homepage setting options example.

 

انشاء موقع ويب

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

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

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

أولاً ، عد إلى لوحة تحكم موقع WordPress الخاص بك وانقر على الصفحات> إضافة جديد.

 

Adding a new page in WordPress example.

 

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

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

 

 قم بتوصيل صفحات الويب الخاصة بك بالقوائم

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

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

 

Customizing appearance in WordPress example.

 

Then click on Menu>Create New Menu. 

Create a new menu in WordPress example.

 

هنا ستتمكن من إعطاء اسم لقائمتك واختيار المكان الذي تريد ظهورها فيه.

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

Menu location options example.

 

حان الوقت الآن لإضافة بعض الروابط. انقر فوق + إضافة عناصر لبدء بناء قائمتك.

Adding items to menu in WordPress example.

سناب شات ؟ 

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

في الوقت الحالي ، سنضيف صفحة “الصفحة الرئيسية” و “جهة الاتصال” و “حول” (التي أنشأناها في الأجزاء السابقة) إلى القائمة.

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

 

Image highlighting the pages section when adding new items in WordPress.

 

ستظهر الآن في قائمة الشريط العلوي لموقع الويب الرئيسي الخاص بك.

 

Image showing new items added to a menu in WordPress.

كيف افتح سناب شات تسجيل الدخول