Main

Hostinger Website Builder Tutorial 2024 (Step-by-Step)

✅ Start here ▶ https://meticsmedia.com/hostinger (Code: METICSMEDIA) ⏱️ Timestamps 0:00 Intro 0:53 Hostinger Setup (+Exclusive Discount) 4:21 Getting your Domain 7:15 Website Setup 08:51 AI Website Builder (Demo) 11:51 Choosing a Template 13:49 Editor Overview 14:49 Customizing Website 21:00 Website Styles 22:13 Managing Pages 24:34 Creating a New Page 25:20 Header & Footer 27:08 Mobile Optimization 28:08 Setting up a Blog 31:03 Setting up a Store (Ecommerce) 36:33 AI Tools 39:36 Search Engine Optimization (SEO) 41:40 Adding other Languages 43:18 Publishing Website 44:11 Custom Email Setup 🔗 Links Mentioned in Video ▶ Hostinger Wordpress Tutorial: https://youtu.be/U_VSABlxzuU ⚒️ Best Online Marketing Tools: https://meticsmedia.com/tools 🎓 Courses I Took and Recommend: https://meticsmedia.com/courses - The description of this video may contain affiliate links, which means that if you buy one of the products that I recommend, I’ll receive a small commission without any additional cost for you. This helps support the channel and allows me to continue making videos like this. Thank you for the support!

Metics Media

10 months ago

- مرحبًا بالجميع ومرحبًا بكم مرة أخرى في Metics Media. سأوضح لك في هذا الفيديو كيفية إنشاء موقع ويب احترافي جميل خطوة بخطوة باستخدام أداة إنشاء مواقع Hostinger. سنغطي كل خطوة من العملية بدءًا من الاشتراك في Hostinger وحتى تخصيص كل جانب من جوانب موقع الويب الخاص بك، وصولاً إلى إطلاق موقع الويب النهائي الخاص بك. لذا، مهما كان نوع موقع الويب الذي تريد إنشاءه، ربما يكون موقع ويب تجاري، أو محفظة شخصية، أو ربما مدونة أو موقع ويب للتجارة الإلكترونية، سيعلمك هذا الفيديو كل ما تحتاج إلى معرفته لتتمكن من
إنشاء أي نوع من مواقع الويب باستخدام Hostinger . ستجد جميع المواضيع التي سنغطيها في هذا الفيديو أدناه في الوصف، بالإضافة إلى الطوابع الزمنية. لذا، إذا كنت تبحث عن جزء معين، يمكنك الذهاب إلى هناك مباشرةً. لدينا الكثير لنغطيه في هذا الفيديو. لذلك دعونا نبدأ مع البرنامج التعليمي. لذا فإن الخطوة الأولى هي التسجيل في Hostinger. وللتأكد من حصولك على أفضل صفقة عند التسجيل، عليك التأكد من استخدام الرابط الأول أدناه في وصف الفيديو. سينقلك هذا الرابط إلى صفحة Hostinger خاصة مصممة خصيصًا لك، أيها المشتركون
في YouTube، لتمنحكم خصمًا إضافيًا بالإضافة إلى الأسعار المخفضة بالفعل لخطط Hostinger. ويمكنني أن أضمن لك أن هذه هي أفضل صفقة ستجدها لـ Hostinger في أي مكان. لذا قم بالتمرير لأسفل، وانقر على الرابط الأول في الوصف وسنبدأ من هناك. حسنًا، بمجرد وصولك إلى هذه الصفحة، دعنا نذهب إلى الاستضافة ثم انقر فوق منشئ موقع الويب. من هنا نريد التمرير لأسفل إلى المكان الذي يشير إلى أداة إنشاء المواقع واستضافة الويب. فقط انقر على إضافة إلى سلة التسوق. ثم سيتعين علينا هنا اختيار دورة الفوترة، مما يعني عدد الأشهر م
قدمًا التي تريد دفعها مقابل خطة Hostinger الخاصة بك. من الواضح أنه كلما دفعت أكثر مقدمًا، كلما أصبح أرخص على المدى الطويل. على سبيل المثال، لدينا خيار 48 شهرًا، والذي سيتعين عليك دفع أربع سنوات من Hostinger مقدمًا، ثم تحصل على السنوات الأربع الأولى مقابل 2.99 دولارًا فقط شهريًا وستحصل أيضًا على ثلاثة أشهر مجانًا إذا ذهبت مع هذا الخيار. ثم لدينا أيضًا الخيارات الأخرى، خيار 12 شهرًا وخيار 24 شهرًا. وهناك، سيتم تجديد الخطة بعد تلك الفترة بسعر أغلى قليلاً مقارنة بهذه الخطة. لذلك سيتم تجديد هذا الجها
ز بسعر 7 دولارات شهريًا. سيتم تجديد خيار 24 شهرًا بسعر 8 دولارات شهريًا، ثم سيتم تجديد خيار 12 شهرًا بسعر 9 دولارات شهريًا. ثم لدينا أيضًا خيار الشهر الواحد، مما يعني أنك تدفع فقط على أساس شهري. إذا اخترت هذا الخيار، فستكون هناك رسوم إعداد قدرها 5 دولارات ثم سيتعين عليك دفع 12 دولارًا كل شهر للحفاظ على تشغيل موقع الويب الخاص بك. لذا لا أوصي بهذا الخيار لأنه بمجرد اختيار خيار الـ 12 شهرًا، سيكون بالفعل أرخص كثيرًا. وستحصل أيضًا على نطاق مجاني إذا اخترت أحد هذه الخيارات الثلاثة هنا. لذا، إذا كنت ت
علم أنك ستمتلك موقع الويب الخاص بك لفترة طويلة جدًا، فسأختار خيار 48 شهرًا لأنه الخيار الأرخص على المدى الطويل. ولكن إذا لم تكن متأكدًا بعد، فسأختار خيار 12 شهرًا، وهو ما سأختاره لهذا الفيديو لأنني سأقوم فقط بإنشاء موقع نموذجي، والذي لن أستخدمه بعد ذلك فيديو. لذلك بمجرد اختيار دورة الفوترة الخاصة بك، يمكنك التمرير لأسفل ثم هنا سيتعين عليك كتابة عنوان بريدك الإلكتروني للتسجيل في حساب Hostinger الخاص بك. بمجرد كتابة عنوان بريدك الإلكتروني هنا، يمكننا الانتقال إلى خيارات الدفع. لذا، يمكنك هنا رؤية
جميع خيارات الدفع، وكيف يمكنك الدفع مقابل خطة Hostinger الخاصة بك. سألتزم فقط ببطاقة الائتمان. ثم تريد التأكد أيضًا من استخدام رمز القسيمة Metics Media. لذلك يمكنك توفير 10% إضافية. لذا، ما عليك سوى النقر على نصف رمز القسيمة ثم كتابة Medics Media هنا، والنقر على "تطبيق" وبعد ذلك سيتم خصم 10% إضافية من سعر خطتك. ثم اكتب فقط معلومات بطاقتك الائتمانية وانقر على إرسال الدفع الآمن. ثم اختر كلمة مرور آمنة وانقر على تأكيد. وهذا سينقلنا بعد ذلك إلى لوحة التحكم الخاصة بحساب Hostinger الخاص بنا. الآن الشي
ء التالي الذي نريد القيام به هو تأكيد عنوان البريد الإلكتروني الذي استخدمناه للتسجيل في Hostinger. لذا قم بتسجيل الدخول إلى صندوق البريد الإلكتروني الخاص بك ثم ابحث عن رسالة بريد إلكتروني من Hostinger تقول، تحقق من عنوان بريدك الإلكتروني، وافتحه ثم انقر فوق التحقق من البريد الإلكتروني. وهذا كل ما يتعين علينا القيام به للتحقق من عنوان بريدنا الإلكتروني. والشيء التالي هو اختيار اسم النطاق الخاص بنا، والذي سيكون اسم موقع الويب الخاص بك. على سبيل المثال، اسم موقع الويب الخاص بي سيكون meticsmedia.com
. ولكن من الواضح أنك تريد اختيار شيء يمثل عملك أو موقع الويب الذي تريد إنشاءه. لذا يمكننا هنا فقط النقر على "المطالبة بالنطاق" لأن النطاق مدرج في الخطة التي اخترناها لـ Hostinger. وبعد ذلك، أول شيء سنفعله هو اختيار امتداد النطاق الخاص بنا. لذلك يمكن أن يكون هذا .com أو .net أو أي شيء آخر يمكنك رؤيته هنا. الآن، شخصيًا، أوصي دائمًا بالذهاب إلى نطاق .com إذا استطعت. لذا، إذا وجدت اسم نطاق لا يزال نطاق .com متاحًا فيه، فقد يكون الأمر صعبًا في بعض الأحيان. إذن عليك أن تستخدم شيئًا مثل .net. ولكن إذا
كان بإمكانك دائمًا استخدام ‎.com، خاصة إذا كنت تريد أن يكون لديك موقع ويب دولي. إذا كان لديك موقع ويب مخصص فقط للأشخاص في ألمانيا على سبيل المثال، فيمكنك أيضًا الانتقال إلى .de أو أي امتداد آخر لبلدك المحدد. سأحاول الآن العثور على اسم نطاق متاح لـ .com ، لأن هذا ما أوصي به مرة أخرى. لذلك دعونا نجرب meticsmediademosite.com ونرى ما إذا كان ذلك متاحًا عن طريق التحقق من توفره. وكما نرى، سيكون هذا النطاق متاحًا وسنحصل عليه مجانًا للسنة الأولى لأننا اخترنا خطة يتم تضمين ذلك فيها. والآن يمكننا فقط النق
ر على مجال المطالبة. ثم سيتعين علينا هنا إكمال تسجيل النطاق الخاص بنا بمجرد ملء بعض التفاصيل الشخصية أو تفاصيل شركتك إذا كنت تقوم بإعداد هذا الموقع لشركتك. وأدخل أيضًا بعض تفاصيل الاتصال. بمجرد الانتهاء من ملء كل ذلك، فقط اضغط على إنهاء التسجيل. وكما يقولون هنا، ستتم مراجعة معلومات الاتصال الخاصة بنا. وبمجرد الانتهاء من ذلك، سيتم تسجيل النطاق الذي اخترناه لنا. لذلك دعونا ننتقل من خلال النقر على "متابعة". وبعد ذلك لسبب ما نصل إلى هذه الصفحة حيث يقدمون لنا خطة أخرى لا نحتاجها. لذا لا تقلق، يمكننا
فقط الضغط على "تخطي"، لست بحاجة إلى موقع ويب. وهذا من شأنه أن يعيدنا إلى لوحة التحكم حيث يمكننا رؤية نظرة عامة على حالة المجال الخاص بنا. كما ترون هنا، ما زلنا بحاجة إلى التحقق من تفاصيل الاتصال بالمجال الخاص بنا. لذلك نريد العودة إلى صندوق البريد الإلكتروني الخاص بنا والبحث عن رسالة بريد إلكتروني تقول: مهم! التحقق من معلومات الاتصال الخاصة بك لنطاقك. الآن انتهى الأمر بهذا البريد الإلكتروني لأول مرة في مجلد البريد العشوائي بالنسبة لي، لذا تأكد من التحقق أيضًا من مجلدات البريد العشوائي والبريد غي
ر الهام. وبعد العثور على البريد الإلكتروني، ما عليك سوى النقر على هذا الرابط هنا، وفتحه على أي حال، وهذا من شأنه أن يعيدنا إلى Hostinger حيث يمكننا الآن رؤية أنه تم التحقق من عنوان بريدنا الإلكتروني للنطاق أيضًا. يمكننا الآن العودة إلى لوحة تحكم Hostinger والنقر على حالة التحقق من حالة التحقق من البريد الإلكتروني. والآن يمكننا أن نرى أنه تم التحقق من حالة التحقق من البريد الإلكتروني. عظيم. والآن بعد أن قمنا بإعداد حساب Hostinger الخاص بنا وأيضًا المجال الخاص بنا، فقد حان الوقت لإنشاء موقعنا الإل
كتروني. لذلك، دعنا نذهب إلى الصفحة الرئيسية في القائمة العلوية ، ثم ضمن Premium Web Hosting، لننقر على الإعداد، ثم انقر على البدء الآن. وبعد ذلك بالنسبة لهذه الأسئلة، لا نحتاج في الواقع إلى الإجابة عليها، لذلك أود فقط النقر فوق "تخطي"، لا أريد تجربة مخصصة، هنا في الأسفل. ثم نريد هنا النقر على إنشاء موقع ويب جديد، والنقر على تحديد، وبعد ذلك يمكننا الاختيار بين WordPress وHostinger Website Builder. لقد قمت بالفعل بإنشاء مقطع فيديو يوضح لك كيفية إنشاء موقع WordPress باستخدام Hostinger. في هذه الحال
ة، عليك النقر هنا وسأترك الفيديو في الوصف أدناه إذا كنت مهتمًا بإنشاء موقع ويب WordPress. لكن هذا الفيديو يدور حول أداة إنشاء مواقع Hostinger. إذن ما سنفعله هو اختيار أداة إنشاء موقع Hostinger هنا. ثم نريد هنا التأكد من أن موقعنا الجديد سيكون متصلاً بالنطاق الذي سجلناه من قبل، وهو هذا النطاق هنا. لذا تأكد من تحديد المجال الخاص بك هنا ثم انقر فوق تحديد. إذن لدينا هنا خياران مختلفان حول كيفية البدء في بناء الهيكل الأساسي لموقعنا الإلكتروني. يمكننا إما البدء بقالب ثم تخصيص القالب الذي نختاره، أو يم
كننا استخدام AI Website Builder، والذي سيطرح علينا بضعة أسئلة فقط حول نوع موقع الويب الذي نريد إنشاؤه. وبعد ذلك سيتم إنشاء موقع الويب لنا. وبعد ذلك، لا يزال بإمكاننا إجراء تغييرات وتخصيص كل شيء إذا لم يعجبنا محتوى أو بنية معينة. لذلك سأوضح لك كيفية استخدام كلا الخيارين. سأوضح لك بسرعة كيفية استخدام AI Website Builder لأنني أعتقد أنها أداة جيدة بالفعل. وبعد ذلك، سنقضي معظم الوقت في استخدام قالب لإنشاء موقع الويب الخاص بنا ثم تخصيص كل شيء باستخدام محرر موقع الويب. لذلك، إذا كنت تريد استخدام AI Web
site Builder، فما عليك سوى النقر فوق استخدام AI Website Builder هنا. ومن ثم هنا، كما ذكرت من قبل، سيتعين علينا أن نخبر هذه الأداة بنوع موقع الويب الذي نريد إنشاؤه والاسم الذي سيكون عليه. لذلك سأقوم فقط بتسمية علامتي التجارية، فقط Metics Media. وبعد ذلك، بالنسبة لنوع موقع الويب، لنفترض أننا نبني موقعًا تجاريًا على الويب، ثم يتعين علينا أيضًا تقديم وصف قصير للأعمال. لذلك قمت للتو بإعداد شيء هنا حيث أخبر هذه الأداة أن عملي يساعد شركات المدونات على زيادة إيرادات التسويق بالعمولة. لذا، بمجرد الانتهاء
من ملء كل هذا، ما عليك سوى النقر فوق إنشاء موقع ويب، وهكذا، أنشأت أداة الذكاء الاصطناعي لنا موقع ويب خاصًا بالمعلومات التي قدمناها لأداة الذكاء الاصطناعي. على سبيل المثال، يمكنك أن ترى عبارة "تعظيم إيرادات الشركاء التابعين" هنا في الجزء العلوي، وهي الميزة الرئيسية للشركة التي ننشئ هذا الموقع من أجلها. لذلك فمن المنطقي بالتأكيد أن يكون هذا هنا في الأعلى. وبعد ذلك، عندما تقوم بالتمرير لأسفل، يمكنك رؤية التخطيط الذي يمكن أن يحتوي عليه موقع الويب التجاري هذا. وبعد ذلك يمكنك أيضًا رؤية النص هنا. يشي
ر هذا إلى أننا نساعدك على تحديد الشركاء المحتملين الذين يتوافقون مع أهداف وقيم عملك. لذلك تم تخصيص كل هذا وفقًا لما قدمته لأداة الذكاء الاصطناعي. لذلك، يعد هذا مفيدًا جدًا أيضًا لإنشاء أفكار للنص والمحتوى . والأمر الرائع أيضًا هو أنه يمكنك التحقق من القوالب المختلفة التي أنشأها الذكاء الاصطناعي لك. نحن الآن في القالب الأول، ولكن بعد ذلك إذا ذهبت إلى الأسفل هنا، يمكنك النقر على القالب الثاني، وبعد ذلك لدينا تخطيط مختلف يمكننا استخدامه أيضًا لموقع الويب التجاري هذا. ما عليك سوى التمرير لأسفل ومعرف
ة أي واحد تفضله أكثر. لديك أيضًا واحدة ثالثة بالضغط على الثالثة. يمكننا أن نرى أن هذا سيكون أيضًا تصميمًا ناجحًا. إذا كنت تحب هذا، يمكنك الاحتفاظ به فقط. وبعد ذلك يمكنك أيضًا النقر فوق "النمط" والتحقق من الألوان المختلفة. لذا، بمجرد النقر على لوحات الألوان المختلفة، يمكنك أن ترى أن لديك خيارات مختلفة حول كيفية تغيير التصميم العام لموقع الويب الخاص بك بسرعة. الآن يمكنك أيضًا إضافة صفحات من خلال النقر على الصفحات هنا، يمكنك إضافة صفحة مدونة، أو صفحة محفظة، أو حتى متجر، أو صفحة مواعيد حيث يمكن للأش
خاص تحديد مواعيد لجدولة مكالمة مع عملك. هذه هي الطريقة التي يعمل بها محرر الذكاء الاصطناعي، ولكن ليس عليك فقط استخدام موقع الويب الذي يقدمونه لك. يمكنك أيضًا النقر فوق "إنشاء" مرة أخرى، وبعد ذلك سيحاول الذكاء الاصطناعي مرة أخرى إنشاء تخطيط جديد لك. بمجرد أن يعجبك تخطيط واحد، فمن الواضح أنك لا تزال ترغب في إجراء بعض التغييرات. يمكنك النقر فوق "تحرير" هنا في الجزء العلوي الأيمن، وسينقلك هذا بعد ذلك إلى Hostinger Website Builder حيث يمكنك تخصيص كل شيء عن طريق السحب والإفلات وإضافة عناصر وحذف العناص
ر وتغيير النص وما إلى ذلك. سأوضح لك بالضبط كيفية استخدام هذا المحرر، ولكننا سنبدأ فعليًا بالقالب لأنني أريد أيضًا أن أوضح لك كيفية اختيار قالب لإنشاء موقع ويب. لذلك سأقوم بالنقر على هذا السهم الخلفي الصغير هنا في الجزء العلوي الأيسر وانقر على تجربة AI Builder أو تغيير القالب، مما سيعيدنا إلى الخيارات حيث يمكننا اختيار قالب أو استخدام AI Builder. ستكون هذه هي نقطة البداية لبناء موقع ويب بدءًا من القالب. لذا فإن أسهل طريقة للعثور على قالب رائع لنوع موقع الويب الذي تريد إنشاءه هي فقط من خلال النظر
إلى هذه الفئات هنا في الأعلى. على سبيل المثال، إذا كنت ترغب في إنشاء موقع ويب لمطعم، يمكنك فقط النقر فوق فئة المطعم ثم رؤية جميع القوالب التي تم إعدادها مسبقًا لإنشاء موقع ويب لمطعم. إذا كنت تريد التحقق من أحد هذه القوالب، يمكنك فقط النقر فوق "معاينة" هنا وبعد ذلك يمكنك فقط تصفح هذا الموقع. يمكنك أيضًا النقر على الروابط هنا للتحقق من الصفحات المختلفة لهذا القالب، ويمكنك أيضًا رؤية كيف يبدو على الجهاز اللوحي أو على الهاتف المحمول. الآن باختيار القالب، فإنك لا تتخلى عن أي خيارات تصميم أو خيارات لم
يزات محددة لموقع الويب الخاص بك. سيعطيك هذا تخطيطًا أساسيًا بالإضافة إلى بعض الخطوط والألوان والصور الافتراضية التي يمكنك بعد ذلك تغيير كل شيء عنها لاحقًا في المحرر، والذي سأعرضه لك بعد ذلك. لذا لا تقلق إذا لم تتمكن من العثور على القالب المثالي لبدء موقع الويب الخاص بك، فما عليك سوى اختيار النموذج الذي يعجبك والذي تعتقد أنه قد ينجح، وبعد ذلك سنبدأ من هناك. سأوضح لك كيفية تغيير كل شيء في موقع الويب الخاص بك. بالنسبة لهذا الفيديو، سأختار، سأضغط على فئة الخدمات وسأستخدم قالب بريسون. أعتقد أن هذا ال
موقع يبدو حديثًا ونظيفًا جدًا، ويمكننا استخدامه لأي نوع من مواقع الويب تقريبًا. لذا سأضغط على تحديد القالب هنا، ثم سأؤكد تغيير القالب. وهذا سيعيدنا بعد ذلك إلى محرر Hostinger. لذلك هذا هو المكان الذي يمكننا فيه تخصيص موقعنا. على الجانب الأيسر لدينا قائمة لتخصيص العناصر المختلفة لموقعنا على الويب ، وسأقوم بتغطية كل منها طوال الفيديو. ثم في الأسفل لدينا أيضًا إعدادات موقع الويب، والتي سنتناولها أيضًا في هذا البرنامج التعليمي. ومن ثم في الجزء العلوي يمكننا التبديل من عرض سطح المكتب، وهو العرض الذي
نستخدمه الآن إلى عرض الهاتف المحمول لنرى بالضبط كيف يبدو موقع الويب على الهاتف المحمول. وبعد ذلك، سننتقل إلى طريقة العرض هذه لتحسين موقعنا الإلكتروني ليناسب أحجام الشاشات الأصغر أيضًا. ثم يمكنك أن ترى أن موقعنا موجود بالفعل على النطاق الذي سجلناه من قبل، وبعد ذلك لدينا زر الحفظ، وزر المعاينة. عندما تضغط هنا، يمكنك أن ترى كيف يبدو الموقع، ويمكنك أيضًا النقر على الصفحات المختلفة لترى كيف تبدو. وإذا كنت تريد العودة إلى المحرر، فما عليك سوى النقر فوق "الرجوع إلى المحرر" للعودة إلى هنا. عند بدء البث
المباشر، سننقر لاحقًا عند الانتهاء من موقعنا على الويب. لذلك هذا هو في الأساس للمحرر. لنبدأ في تخصيص الموقع. لذا فإن تخصيص موقع الويب الخاص بك هو في الواقع أمر سهل للغاية على أداة إنشاء مواقع الويب هذه. انها بديهية تماما. لذلك، بالنسبة لكل عنصر لديك على موقع الويب، من خلال التمرير فوقه، يمكنك رؤية مخطط تفصيلي باللون الأزرق، مما يعني أن هذا العنصر موجود على موقع الويب الخاص بك. إذا كنت تريد تخصيص هذا العنصر أو تغيير أي شيء يتعلق به، يمكنك فقط النقر عليه. وبعد ذلك يمكنك رؤية هذه الخيارات هنا في ال
أعلى. حتى نتمكن من تحرير النص، يمكننا تكرار هذا العنصر، ويمكننا إخفاؤه أو إظهاره على أحجام مختلفة من الشاشات. يمكننا حذفه إذا كنت تريد ذلك. ثم لدينا أيضًا بعض الخيارات الإضافية هنا عندما ننقر أسفل النقاط الثلاث. لنفترض أننا نريد فقط تغيير النص، حتى نتمكن من النقر نقرًا مزدوجًا فقط، والذي سينتقل مباشرة إلى خيار تحرير النص، أو يمكنك فقط النقر عليه، ثم النقر فوق تحرير النص، ثم نصل أيضًا إلى هذا الخيار. لذا دعنا نقول بالنسبة لهذا السطر الأول، سنقول فقط أننا نساعدك. وبعد ذلك سنقول زيادة المبيعات أو ش
يء من هذا القبيل. ومن ثم يمكننا هنا أيضًا تغيير الحجم. لذا فإن حجم العنوان الآن هو العنوان 4. يمكننا أيضًا تغيير الخط، وهو ما لا أوصي به لأنه يمكننا لاحقًا تغيير خط موقع الويب بأكمله. ثم هنا يمكننا تغيير حجم الخط، حتى نتمكن من جعله أصغر، ويمكننا أن نجعله أكبر، ويمكننا أن نجعله غامقًا، ومائلًا، وتحته خط، وما إلى ذلك. ويمكننا أيضًا إضافة روابط هنا. والآن دعونا أيضًا نغير هذا النص، عادةً ما أقوم بالنقر المزدوج ثم لنفترض زيادة المبيعات. والآن لاحظت أنه كبير جدًا، لذا سأقوم بتظليله ثم تغيير حجم الخط.
فلنفترض 100، أو 80. ثم لنفترض أننا نريد أيضًا تغيير هذه الصورة هنا. نحن فقط نضغط على عنصر الصورة هذا. ثم يمكننا رؤية الخيارات هنا في الأعلى، ثم انقر فوق تغيير الصورة، وبعد ذلك يمكننا النقر فوق استبدال الصورة. ويمكنك ببساطة تحميل أي صورة لديك على جهاز الكمبيوتر الخاص بك، أو يمكنك أيضًا النقر على الصور المجانية إذا كنت تريد استخدام الصور المخزنة لـ Hostinger، لذلك سأكتب شيئًا مثل الأعمال. وبعد ذلك، دعونا نختار هذه الصورة هنا، وانقر فوق "إضافة إلى الصفحة"، وبعد ذلك يمكننا أن نرى أن الصورة قد تم اس
تبدالها. ومن ثم يعد نقل العناصر على صفحتك أمرًا بسيطًا جدًا أيضًا. ما عليك سوى النقر على العنصر الذي تريد نقله وسحبه، ومن ثم يمكنك وضعه في أي موضع تريده. الآن هنا لاحظت هذه الخطوط الزرقاء هنا. هذه هي نوع من الإرشادات التي من شأنها أن تساعدك على محاذاة العناصر بشكل صحيح. لذلك يبدو كل شيء جميلًا جدًا. لنفترض أننا نريد نقل هذا العنصر هنا، ثم لنفترض أننا نريد نقل هذا العنصر إلى الأعلى فقط. ثم يمكنك أن ترى أنها تستقر على هذه الخطوط الزرقاء للتأكد من محاذاة كل شيء بشكل مثالي. الآن، يمكنك أيضًا تغيير خ
طوط الشبكة المفاجئة هذه في الخلفية بمجرد النقر على القسم بأكمله هنا. ثم تنقر على أيقونة ترس قسم التحرير هذه ثم تنقر على التخطيط. ثم هنا يمكنك تغيير إخفاء الصف، على سبيل المثال، أو فجوة الصف لتغيير خطوط الشبكة فقط وتكون قادرًا على تقريب كل شيء من بعضه البعض أو إبعاد كل شيء عن بعضه البعض قليلاً. لذلك عادةً ما أترك كل شيء كما هو لأنه يعمل بشكل جيد مع الإعدادات الافتراضية. وكما ذكرت من قبل، إذا كنت تريد إزالة أي عنصر من صفحتك، فما عليك سوى النقر عليه، ثم النقر على أيقونة سلة المهملات، ثم يختفي العنص
ر من صفحتك. الآن، إذا كنت تريد إضافة عنصر جديد إلى الصفحة، يمكنك ببساطة الحضور إلى هنا والنقر على إضافة عنصر. بعد ذلك يمكننا رؤية أنواع مختلفة من العناصر التي يمكننا إضافتها مثل بعض النصوص والزر والصورة والفيديو وما إلى ذلك. لنفترض أنك تريد إضافة زر إلى الصفحة. نحن فقط نضغط على عنصر الزر هنا. ثم سيظهر عنصر الزر في اللوحة القماشية. يمكننا بعد ذلك سحب وإفلات هذا المكان أينما نريده. لنفترض أننا نريد الحصول عليه هنا. وبعد ذلك نريد أيضًا النقر على زر التعديل والتأكد من أن هذا الزر موجود في مكان ما. ح
تى نتمكن من تغيير الرابط إلى صفحة على موقعنا. لنفترض أننا سنرسلهم إلى صفحة الاتصال، وبعد ذلك يمكننا أيضًا إلقاء نظرة على هذا النمط ثم تغييره، لنفترض حجم النص هنا أو اللون، أيًا كان ما تريد. لقد فهمت الآن بالضبط كيفية إضافة عناصر مختلفة وإزالتها وتحريرها على صفحتك. ولكن من المهم أيضًا أن تفهم كيفية تنظيم الصفحة. لذا فإن بنية الصفحة تتكون أساسًا من أقسام مختلفة. لذا فإن القسم الأول هو في الأساس العنوان الذي يمكنك رؤيته هنا في الأعلى. سيكون هذا موجودًا في كل صفحة حتى يتمكن زوار موقعك من التنقل بسهو
لة عبر موقع الويب الخاص بك. سأوضح لك كيفية تعديل هذا الرأس لاحقًا في الفيديو. وبعد الرأس، لدينا أقسام المحتوى، والتي يمكنك رؤيتها هنا موضحة باللون الأزرق. ويمكنك أيضًا أن ترى هنا القسم الذي يقول. لذلك، داخل كل قسم يمكننا إضافة عناصر وتحريرها، كيفما نشاء، ولكن يجب أن تكون داخل القسم. وبعد ذلك عندما ننتقل للأسفل، هنا يمكننا رؤية القسم التالي. ثم هنا يمكننا أن نرى العنصر الثالث، ويمكنك فقط تعديل كل عنصر داخل كل قسم. الآن، إذا كنت تريد إضافة قسم جديد، يمكنك فقط تمرير مؤشر الماوس فوق قسم موجود، ومن ث
م يمكنك رؤية زر إضافة قسم. يمكنك فقط النقر هنا، وبعد ذلك يكون لديك بعض الخيارات المختلفة. يمكنك إما إضافة قسم فارغ بمجرد النقر هنا، أو يمكنك إضافة قسم معد مسبقًا مقدم من Hostinger. على سبيل المثال، لنفترض أنك تريد إضافة قسم للمعرض. نحن فقط ننقر على عناصر قسم المعرض المختلفة، وبعد ذلك يمكننا فقط النقر على العنصر الذي نحبه. وبمجرد الضغط عليه، سيتم إدراجه في هذه الصفحة. وإذا كنت تريد نقل هذا، فيمكننا فقط إلقاء نظرة على عناصر القائمة هنا في الأعلى. يمكننا نقل هذا إلى أسفل، ويمكننا نقله إلى أعلى، ويم
كننا أيضًا تكرار القسم إذا كنت تريد ذلك. وبالطبع، يمكننا أيضًا حذف أي قسم بمجرد النقر على أيقونة سلة المهملات. وبعد ذلك عندما ننتقل إلى أسفل هذه الصفحة، يجب أن نجد قسم التذييل. لذلك يعد هذا أيضًا قسمًا خاصًا، تمامًا مثل الرأس، والذي يكون مرئيًا عادةً في أي صفحة من صفحات موقع الويب الخاص بك. يمكنك وضع شعارك هنا وبعض روابط الوسائط الاجتماعية والروابط المهمة الأخرى ومعلومات الاتصال وما إلى ذلك. ولا تحتاج إلى أن يكون هذا مرئيًا في أي صفحة من صفحات موقع الويب الخاص بك. يمكنك أيضًا النقر على أيقونة ال
إخفاء هنا، وبعد ذلك يمكنك إخفاء هذا القسم في أي صفحة تريدها. الآن، قبل المضي قدمًا وتخصيص المحتوى على صفحتك، أوصي بشدة بالانتقال إلى أنماط موقع الويب هنا على الجانب الأيسر. هذا هو المكان الذي يمكنك فيه تغيير النمط العام لموقع الويب الخاص بك، مثل الألوان والخطوط وأنماط الأزرار وأيضًا الرسوم المتحركة الأساسية، وهو ما يعني فقط كيفية تحميل موقع الويب الخاص بك عندما ينقر شخص ما على روابط مختلفة. لذلك يمكنك الحصول على خيار التلاشي هنا، أو يمكنك الحصول على خيار الشريحة أو خيار المقياس، أو عدم وجود رسوم
متحركة على الإطلاق. أنا شخصياً أتمسك بخيار الشريحة، ولكن السبب الذي يجعلني أرغب في الدخول إلى أنماط موقع الويب قبل تغيير أي شيء هو اختيار الخط بشكل أساسي قبل إجراء أي تعديلات. لأنه عندما تنقر على خطوط مختلفة هنا، ستلاحظ أنك ستواجه أحيانًا بعض مشكلات التنسيق. كما ترون هنا الزر موجود فوق النص لأن حجم النص أصبح الآن أكبر لأننا قمنا بتغيير الخط من هذا هنا إلى هذا. لذلك تريد التأكد من اختيار الخط أولاً قبل تغيير أي شيء، حتى لا تحتاج إلى العودة مرة أخرى وإعادة ترتيب جميع العناصر بعد تغيير الخط. لذلك
هذا شيء مهم جدًا لتوفير بعض الوقت. الآن دعونا نلقي نظرة على كيفية إدارة صفحات موقع الويب الخاص بك. لذلك دعونا نذهب إلى الصفحات والتنقل هنا على الجانب الأيسر، وهذا سيفتح قائمة التنقل. حتى هنا يمكننا أن نرى التنقل الرئيسي. هذا هو ما سيتم عرضه في رأس موقع الويب الخاص بك، حتى يتمكن الأشخاص من التنقل بسهولة عبر موقع الويب الخاص بك. أولا وقبل كل شيء، عندما تريد تغيير أو تعديل أو تحرير أي صفحة أخرى، يمكنك فقط النقر على الصفحة هنا وبعد ذلك سيتغير محرر الصفحة إلى الصفحة التي حددتها ويمكنك تغيير أي عنصر ه
نا. الآن، إذا كنت تريد إعادة ترتيب الصفحات في قائمة التنقل العلوية، يمكنك فقط النقر عليها وسحبها إلى أي موضع تريده. وعلى وجه التحديد بالنسبة لهذا الرابط، يمكنك أن ترى أن هذه ليست صفحة في حد ذاتها. هذا نوع من القائمة المنسدلة، وهي ميزة رائعة لفرز صفحاتك في قائمة التنقل في رأس الصفحة. إذن هنا يمكنك أن ترى، يمكنك فقط النقر فوق رابط المشروع هذا أو تمرير الماوس فوقه، ثم يمكنك رؤية الصفحات المختلفة هنا. لذا فهذه طريقة رائعة لتنظيم صفحاتك المختلفة. الآن، إذا كنت تريد إضافة قائمة منسدلة جديدة، يمكنك فقط
النقر فوق "إضافة قائمة منسدلة جديدة" هنا، وبعد ذلك يمكنك النقر على أيقونة الترس، وإعادة تسميتها. لنفترض أن هذه هي وسائل التواصل الاجتماعي واضغط على Enter. وبعد ذلك يمكننا فقط سحب أي صفحة ضمن القائمة المنسدلة لوسائل التواصل الاجتماعي. ومن ثم يمكننا أن نرى هنا أن لدينا صفحة واحدة ضمن هذه القائمة المنسدلة. إذا كنت تريد إضافة روابط خارجية، يمكنك فقط النقر فوق "إضافة رابط" هنا، وبعد ذلك يمكنك فقط كتابة أي عنوان URL. لنفترض أنك تريد إضافة قناتنا على YouTube، يمكننا فقط إضافة رابط YouTube الخاص بنا وب
عد ذلك يمكننا تسمية هذا YouTube، ثم النقر على "حفظ"، ثم لدينا هذا الرابط هنا. ثم ينقر الناس عليه. سيصلون إلى أي عنوان URL كتبناه. إذا كنت تريد إخفاء صفحات معينة أو كنت لا تريد وضعها في قائمة التنقل، فيمكنك فقط سحبها إلى قائمة الإخفاء من التنقل هنا في الأسفل. وبعد ذلك ستظل الصفحة موجودة. لذلك لا يزال بإمكانه الارتباط بها، لكن الصفحة لن تكون في شريط التنقل الرئيسي هنا في رأسك. الآن، لإنشاء صفحة جديدة تمامًا على موقع الويب الخاص بك، ما عليك سوى النزول إلى هنا والنقر على "إضافة صفحة". وبعد ذلك، كما
فعلنا مع القسم، لدينا بعض التخطيطات المعدة مسبقًا والتي يمكننا اختيارها. لنفترض أننا نريد إضافة صفحة سياسة الخصوصية. يمكننا استخدام هذا القالب هنا، أو لصفحة المشروع، يمكننا استخدام هذا هنا، أو يمكنك أيضًا النقر على صفحة فارغة جديدة ثم البدء بصفحة فارغة جديدة تمامًا. الآن يمكنك تسمية هذه الصفحة هنا. لذا فلنفترض أن هذه شهادات، ثم لنفترض حفظها. والآن يمكننا أن نرى أن لدينا صفحة فارغة تمامًا. لذلك ليس لدينا سوى الرأس والتذييل. وإذا كنت تريد إضافة قسم، فما عليك سوى النقر فوق "إضافة قسم" هنا، وبعد ذلك
يمكننا إضافة أي قسم. فلنفترض أننا أضفنا قسمًا حول فقط. دعونا نضيف هذا هنا، وبعد ذلك سيتم إدخاله إلى الصفحة، ويمكننا فقط تغيير أي شيء كما نريد. الآن، لتغيير تصميم وتخطيط رأسك، ما عليك سوى النقر عليه ومن ثم يمكنك رؤية الخيارات هنا. لذلك عندما ننقر على تعديل التنقل، فإنه سيفتح ببساطة الصفحات والتنقل، وهو ما تناولناه بالفعل. ثم لدينا تغيير الشعار. لذلك دعونا نغير الشعار بسرعة إلى شعارنا الخاص. انقر على تحميل الملفات هنا، ثم دعنا نذهب إلى الشعار. وسأستخدم فقط شعار Metics Media هذا، حدد. والآن لدينا
شعارنا هنا. يمكننا أيضًا تغيير العرض لجعله أكبر قليلًا مثل هذا. يبدو ذلك جيدًا. ثم يمكننا أيضًا النقر على التخطيط هنا، وبعد ذلك يمكننا تغيير موضع القائمة. لذا فهو حاليًا على الجانب الأيمن. يمكننا أيضًا تغييره إلى المنتصف أو إلى الجانب الأيسر إذا لم يكن الشعار موجودًا هنا، فسأتركه هنا على الجانب الأيمن. يمكننا أيضًا تغيير التباعد إذا كنت ترغب في ذلك، مع جميع أنواع الخيارات المختلفة. ثم النمط، يمكنك تغيير اللون، ويمكنك جعله رأسًا شفافًا. لذا، ما عليك سوى الاطلاع على هذه القائمة بنفسك وتجربة ما تعت
قد أنه الأفضل. ثم تأكد أيضًا من أنك لا تنسى تعديل تذييلك، والذي يقع مرة أخرى في الأسفل. لذلك هنا على سبيل المثال، أود أيضًا تغيير هذا الشعار إلى شعاري الخاص. نحتاج الآن إلى نسخة واسعة من الشعار، لذا سأستخدم هذا الشعار. ومن ثم يمكننا أن نرى أنه غير مناسب حقًا. لذلك سأضطر إلى سحب هذا بهذه الطريقة. وبعد ذلك يمكنك تغيير تفاصيل الاتصال، وعنوانك، وأيقونات الوسائط الاجتماعية، ثم إذا كنت لا ترغب مرة أخرى في عرض هذا التذييل على صفحات معينة. لذلك دعنا نقول دعنا نذهب إلى صفحة "حول". ثم لنفترض أننا لا نريد
أن يكون التذييل في صفحة "حول"، يمكننا فقط النقر فوق زر الإخفاء هنا، ثم النقر فوق إخفاء في هذه الصفحة، وبعد ذلك لن يتم عرض التذييل في صفحة الاتصال. الآن، بمجرد الانتهاء من تحرير صفحتك على عرض سطح المكتب، فأنت بالتأكيد تريد أيضًا الانتقال إلى عرض الهاتف المحمول من خلال النقر هنا، ثم تحسين صفحتك للجوال أيضًا. إذن هنا، يبدو كل شيء جيدًا نوعًا ما لأنني لم أغير كثيرًا من القالب، ولكن عادةً ستجد بعض العناصر غير المتوافقة وبعد ذلك يمكنك فقط التعليق هنا وسحبها إلى أي موضع تريده. تأكد من أن كل شيء يبدو جي
دًا، وتأكد من أن كل شيء موجود داخل لوحة الشاشة هنا. وعلى سبيل المثال هنا أستطيع أن أرى أن الشعار صغير جدًا. أود فقط النقر على الرأس وتغيير الشعار وتغيير العرض لجعله أكبر قليلاً. والشيء الرائع هنا هو أن أي شيء نقوم بتغييره على سطح المكتب، أو آسف على عرض الهاتف المحمول، لا يؤثر على عرض سطح المكتب. لذلك عندما نذهب إلى عرض سطح المكتب، يظل الشعار بنفس الحجم وجميع العناصر في نفس الموضع تمامًا. لذا تأكد من تعديل موقع الويب الخاص بك على سطح المكتب أولاً ثم انتقل إلى الهاتف المحمول بمجرد الانتهاء من ذلك
على سطح المكتب وقم بتحسين كل شيء للجوال أيضًا. يمكنك الآن أيضًا استخدام Hostinger Website Builder لإنشاء مدونة. كل ما عليك فعله هو الانتقال إلى القائمة الموجودة على الجانب الأيسر، والنقر على المدونة، ثم النقر على بدء مدونة. سيؤدي هذا إلى إضافة صفحة مدونة جديدة إلى موقع الويب الخاص بك. الآن يمكنك أن ترى أن لدينا بالفعل أربع منشورات مدونة مختلفة كنوع من المحتوى النائب، ولكن إذا كنت تريد إنشاء منشور مدونة جديد، فما عليك سوى النقر فوق إضافة منشورات جديدة هنا في الأسفل، وسيؤدي ذلك إلى فتح منشور جديد.
كما أن تحرير منشور المدونة هذا سهل جدًا أيضًا. بالنسبة للعنوان، ما عليك سوى النقر على قسم العنوان هذا ثم النقر على تغيير عنوان المنشور، وبعد ذلك يمكننا تغيير كل شيء هنا. لذلك طلبت بسرعة من Chat GPT، وهي أداة تعمل بالذكاء الاصطناعي، أن تكتب لي تدوينة سريعة. لذلك هذا هو العنوان هنا. سأقوم فقط بلصق هذا هنا. وبعد ذلك لدي أيضًا وصف سريع هنا في الأسفل. سأقوم فقط بلصق ذلك في صندوق الوصف. ثم يمكنك أيضًا تغيير عنوان URL للنشر هنا، المؤلفون. فلنفترض أن هذا بواسطتي، سيمون، ومن ثم يمكننا أيضًا تغيير تاريخ
النشر أو جدولة النشر إذا لم نرغب في نشره على الفور. لذلك دعونا نضغط على حفظ. ثم بالنسبة للمحتوى الفعلي لمنشور المدونة، يمكننا استخدام حقول النص هذه هنا في الأسفل للصقها هنا. وبعد ذلك ربما سيتعين عليك القيام ببعض التنسيق. لذا فإن ما أود فعله هو جعل هذا يبدو أصغر قليلاً لتسهيل قراءته وكذلك تغيير لون هذا النص. لذا يمكنك فعل ذلك هنا، سنجعل هذا، لنجعل هذا باللون الأسود ثم نغير أيضًا، لنفترض أننا سنجعل هذه الفقرة الأولى ونجري بعض التعديلات الأخرى أيضًا. ربما تكون هذه هي الطريقة التي سأقوم بها بتنسيق م
حتوى منشور المدونة. الآن، عندما نعود إلى إحدى المدونات، الآن يمكننا أن نرى لدينا هذا المنشور الجديد للمدونة هنا، وما سأفعله هو مجرد تكرار هذه المدونة كقالب. لذا، في المستقبل، يمكنني استخدام هذا كقالب لمنشور مدونتي الأخرى، لذلك لا يتعين علي دائمًا إنشاء صفحة منشور المدونة في كل مرة. يمكنك أيضًا إضافة عناصر إلى صفحة منشور مدونتك. لذلك يمكنك، على سبيل المثال، النقر فوق "إضافة عنصر"، ثم إضافة زر، وإضافة مقاطع فيديو، وإضافة معرض، أو كل ما تريده لمشاركاتك. يمكننا أيضًا تنظيم منشورات مدونتنا في فئات من
خلال الرجوع إلى المدونة ثم النقر على أيقونة الترس في الأسفل. وبعد ذلك يمكننا إضافة فئة جديدة هنا. لنفترض أننا سنضيف فئة التدوين. والآن، بالنسبة لكل مشاركة مدونة، يمكننا الانتقال بشكل أساسي إلى النقاط الثلاث، والانتقال إلى رمز الترس، وبعد ذلك يمكننا النقر على الفئات وإضافة مشاركة المدونة هذه إلى الفئات التي أنشأناها. لنفترض أن هذا ينتمي إلى فئة التدوين، انقر فوق "حفظ". ومن ثم يمكننا أيضًا أن نرى هنا أن هذا يقع ضمن فئة التدوين. لديك أيضًا إمكانية إنشاء موقع ويب للتجارة الإلكترونية، ومتجر عبر الإن
ترنت حيث يمكنك بيع المنتجات وقبول المدفوعات مباشرة على موقع الويب الخاص بك. لذلك، إذا كنت تريد إنشاء موقع للتجارة الإلكترونية، فأنت تريد أن تأتي إلى هنا وتنقر على متجر عبر الإنترنت ثم تنقر على إضافة متجر. وهذا سيضيف صفحة متجر إلى موقعنا. الآن، بعد الانتهاء من إعداد متجرنا، نريد الانتقال إلى المتجر عبر الإنترنت ثم النقر على إدارة المتجر هنا في الأسفل. ثم نريد تسمية متجرنا. لنفترض أن هذا مجرد متجر Metics Media Store، انقر فوق "متابعة". ثم هنا، قم بتعيين بلد متجرك والعملة التي تريد بيع المنتجات بها
. ثم انقر فوق "متابعة". وسينقلنا هذا إلى لوحة تحكم متجرنا الإلكتروني حيث يمكننا البدء بإضافة منتجاتنا الخاصة. لذلك دعونا نضغط على إضافة منتجات هنا. ثم لدينا بعض الأنواع المختلفة من المنتجات التي يمكننا بيعها، مثل بيع المنتجات المادية والخدمات والمنتجات الرقمية وتنزيل المنتجات، وكل ما تحتاجه. سأقوم فقط بالنقر على المادية هنا، ثم سأقوم بتحميل صورة لمنتج نموذجي أريد بيعه. لذلك دعونا نختار هذا هنا. ثم يمكننا أن نعطي المنتج اسما. لنفترض أن هذه هي Earbuds Pro 7. يمكننا أيضًا إضافة عنوان فرعي وشريط ثم
وصف للمنتج. ثم هنا يمكننا تحديد السعر. لنفترض أن هذا المبلغ هو 79 دولارًا، ويمكننا أيضًا تحديد سعر مخفض. لذلك يمكننا القول أن هذا معروض للبيع ويبلغ سعره الآن 59 دولارًا، ويمكننا تتبع الكمية إذا أردنا ذلك. ثم يمكننا وضعها هنا. لنفترض أن لدينا 100 منتج في المخزون، ولكن إذا قمت بذلك، فتأكد من تحديث مخزونك دائمًا. وإلا فسوف يقول أنه تم بيعه بالكامل ولم يعد بإمكان الناس شرائه بعد الآن. ويمكننا أيضًا إضافة خيارات إذا كنت تريد ذلك أو إضافة فئات أيضًا. لذلك دعونا نضغط على حفظ. ومن ثم هنا ضمن المنتجات، ي
مكننا رؤية المنتج الذي أضفناه للتو. ويمكننا أيضًا حذف جميع المنتجات الأخرى التي لا نبيعها فعليًا بمجرد الانتقال إلى النقاط الثلاث ثم النقر عليها وحذفها. وبعد ذلك يمكننا الانتقال إلى الفئات أيضًا. حتى نتمكن من إضافة فئة. لنفترض أننا سنضيف سماعات أذن، أو فئة سماعات أذن، أو انقر فوق "حفظ" أو في الواقع قم بتعيين المنتج بالفعل. لذلك ينتمي هذا المنتج إلى فئة سماعات الأذن. ثم دعونا نضغط على حفظ. بمجرد حصولك على تخفيضات في متجرك، يمكنك فقط الذهاب للطلب هنا وبعد ذلك سترى الطلب هنا. يمكنك أيضًا الاطلاع عل
ى مواعيدك هنا إذا كان لديك القدرة على تحديد المواعيد على موقعك. وبعد ذلك يمكنك أيضًا النقر فوق "الخصومات" وإضافة رموز الخصم لإرسالها إلى جمهورك لمنحهم حافزًا إضافيًا لشراء المنتجات في متجرك. الآن دعنا ننتقل أيضًا إلى إعدادات المتجر هنا على الجانب الأيسر، وهذا أيضًا مهم جدًا وتريد الاطلاع على كل قائمة من هذه القوائم لإعداد متجرك. لذلك بالنسبة لتفاصيل المتجر، فقط تأكد من صحة العملة ووحدات القياس. وبعد ذلك، بالنسبة لمعلومات الشركة، فأنت تريد إدخال معلومات شركتك لأنه سيتم عرضها على الفواتير. وبعد ذل
ك، بالنسبة للمدفوعات، تريد التأكد من إضافة مزود خدمة الدفع، وإلا فلن يتمكن الأشخاص من التحقق ولن تتمكن من إجراء أي مبيعات. لذلك أود فقط إضافة خيار Stripe هنا. ما عليك سوى النقر فوق "اتصال" أو إنشاء حساب Stripe الخاص بك أو ربط حساب Stripe الخاص بك إذا كان لديك حساب بالفعل. وبعد ذلك نريد أن نذهب إلى الشحن أيضًا. إذن، هنا يمكننا تحديد أسعار الشحن التي سنفرضها على عملائنا مقابل إرسال المنتجات إليهم. لذلك، تم إعداد معدل شحن افتراضي بقيمة 0 دولار للأشخاص في الولايات المتحدة. يمكننا تعديل ذلك إذا كنت ت
ريد ذلك بمجرد النقر عليه. وبعد ذلك يمكننا تغيير المعدل هنا. حتى نتمكن من النقر على تحرير. وبعد ذلك لنفترض أنك تريد تحصيل 9 دولارات مقابل الشحن العادي إلى الولايات المتحدة. الآن يمكننا أيضًا العودة إلى هنا ثم إضافة مناطق أخرى إذا كنت تريد الشحن إلى بلدان أخرى أيضًا. لذلك دعونا نضغط على منطقة الإنشاء، ثم لنفترض أننا سنقوم بالشحن إلى كندا ثم نضيف البلد هنا. سوف نبحث عن كندا هنا. ومن ثم دعونا نضغط على حفظ. والآن يمكننا إضافة سعر الشحن إلى منطقة الشحن الكندية من خلال النقر على خيار الإضافة هنا. وبعد
ذلك لنفترض أن هذا أيضًا شحن قياسي، ولنقل إلى كندا، سيبلغ 15 دولارًا، انقر فوق "إضافة". والآن لدينا هذا الشحن القياسي بسعر 15 دولارًا. تأكد أيضًا من إزالة الخيار العادي إذا كنت لا تريد إضافة شحن مجاني إلى الخيارات. لذلك سأضغط على "حذف" هنا ثم أعود إلى الشحن. والآن يمكنك أن ترى أن لدينا منطقة شحن أو سعر شحن للولايات المتحدة وأيضًا لكندا. ويمكنك إنشاء أي عدد تريده من مناطق الشحن وعدد أسعار الشحن التي تريدها. الآن دعنا نعود إلى إعدادات المتجر ثم نضغط على Checkout. هنا، يمكنك تغيير بعض الخيارات لصفحة
الدفع، وإضافة الشروط والأحكام، وسياسة الخصوصية، وطلب رقم الهاتف، وما إلى ذلك. ثم يمكنك أيضًا التحقق من رسائل البريد الإلكتروني هنا والتي سيتم إرسالها مباشرة إلى العميل بمجرد قيامه بالطلب، مثل تأكيد الطلب وتأكيد الشحن وما إلى ذلك. ويمكنك الاطلاع على المعاينة هنا وتعديلها أيضًا. ثم بالنسبة للضرائب، يمكنك إعداد معدلات الضرائب. سيتعين عليك تحصيل الرسوم من عملائك اعتمادًا على مكان تواجدك ومكان تواجدهم، يمكنك إضافة ذلك هنا. ومن ثم الفواتير كذلك. من خلال الضغط على الفواتير، يمكنك تغيير شعار الفاتورة،
ويمكنك تغيير العنوان وما إلى ذلك. لذلك عندما نعود إلى المحرر بالضغط على هذا الزر هنا في أعلى اليسار، سيعيدنا هذا إلى المحرر. والآن، عندما تريد العودة إلى لوحة تحكم المتجر عبر الإنترنت، ما عليك سوى النقر فوق زر المتجر عبر الإنترنت هنا في الجزء العلوي والمتوفر الآن. الآن بعد أن فتحنا متجرنا عبر الإنترنت، ما عليك سوى النقر عليه وسيعيدك هذا إلى لوحة التحكم هذه. الآن أريد أيضًا أن أعرض لك أدوات الذكاء الاصطناعي التي توفرها لك أداة إنشاء مواقع Hostinger لتسهيل بناء موقع على شبكة الإنترنت. لذلك عندما ن
ذهب إلى أدوات الذكاء الاصطناعي هنا على الجانب الأيسر، يمكننا أن نرى أن لدينا ثلاث أدوات مختلفة، صانع الشعار، وكاتب الذكاء الاصطناعي، وخريطة التمثيل اللوني بالذكاء الاصطناعي. دعونا نتحقق من صانع الشعار أولاً. هنا، يمكنك بشكل أساسي جعل الذكاء الاصطناعي يصنع شعارًا لك. لذا علينا أولاً تسجيل الدخول مرة أخرى باستخدام حساب Hostinger الخاص بنا. لذلك سوف نقوم بالضغط على تسجيل الدخول هنا. ومن ثم يمكننا الوصول إلى هذه الأداة. لذلك سوف يطرح علينا بعض الأسئلة مثل ما هو اسم علامتنا التجارية. لنفترض أن اسم عل
امتنا التجارية هو Metics Media، وهو شعار يمكننا إضافته أيضًا، ولكن هذا اختياري. ومن ثم لدينا صناعة العلامة التجارية. فلنفترض أننا في مرحلة التدوين، ثم انقر فوق بدء الإنشاء. ثم تقدم لي أداة الذكاء الاصطناعي بعض الاقتراحات حول الشكل الذي يمكن أن يبدو عليه شعاري. هذه الأمور أساسية جدًا، ولكن لا يزال بإمكاننا إجراء بعض التغييرات. حتى نتمكن من النقر على وصف الشعار هنا، وبعد ذلك يمكننا إخبار الذكاء الاصطناعي كيف نريد أن يبدو شعارنا. لذا يمكننا أن نقول شيئًا مثل، من فضلك استخدم رمز الصاروخ ثم انقر فوق
"إنشاء". وبعد ذلك لدينا المزيد من الاقتراحات مع وصفي الذي قدمته هنا لما طلبته. لذا، بمجرد أن يعجبك الشعار، ما عليك سوى النقر عليه هنا وبعد ذلك يمكنك إجراء بعض التغييرات الإضافية. على سبيل المثال، يمكننا فقط النقر على أيقونة التغيير هنا ثم إجراء تغيير الأيقونة. يمكننا تغيير التخطيط. لذا، للحصول على الصورة أو الأيقونة في الأعلى، والنص في الأسفل، ويمكنك أيضًا إضافة شعار هنا إذا كنت تريد ذلك. بمجرد الانتهاء، فقط اضغط على تحميل مجانا. وها أنت ذا، لديك شعار مجاني من صنع الذكاء الاصطناعي. أداة أخرى مفي
دة للذكاء الاصطناعي هي AI Writer. لذا، عندما تنقر على AI Writer، يمكنك إنشاء نصوص مختلفة لأنواع مختلفة من مواقع الويب. لذلك، على سبيل المثال، دعونا نختار موضوع الصحة والمعيشة، ثم نختار فئة الصالة الرياضية. ولنفترض أننا نبحث عن نص لقسم "حول"، ومن ثم يجب أن يكون النص باللغة الإنجليزية. دعونا نضغط على إنشاء نص. وبعد ذلك لدينا بعض النصوص المختلفة التي يمكننا استخدامها في قسم "حول" بموقع الصالة الرياضية الخاص بنا. عادةً ما يكون هذا فقط للحصول على بعض الأفكار ثم إضافة لمسة خاصة بك بشكل واضح. ولكن هذا
يمكن أن يساعدك حقًا في بدء كتابتك عند إنشاء محتوى لموقع الويب الخاص بك. ثم أداة الذكاء الاصطناعي الأخيرة هي AI Heatmap. لذلك لست متأكدًا تمامًا من مدى دقة ذلك، ولكن هذا يجب أن يوضح لك كيف سيتجه انتباه الزوار إلى موقع الويب الخاص بك. لذا، كلما كان اللون أغمق وأكثر احمرارًا، كلما زاد الاهتمام بهذه المنطقة. لذلك يمكنك استخدام هذه المعلومات لتحسين موقعك على الويب من أجل التحويلات، وتأكد من أن الأشخاص يرون فعليًا الأزرار الموجودة على موقع الويب الخاص بك والتي تؤدي إلى الصفحة التالية في مسار التحويل.
وأيضًا لزيادة تجربة المستخدم لموقع الويب الخاص بك عن طريق التأكد من أن العناصر المهمة يتم رؤيتها فعليًا من قبل الأشخاص الذين يزورون موقع الويب الخاص بك. الآن لتحسين موقعنا لمحركات البحث، نريد الانتقال إلى Analytics في القائمة الموجودة على الجانب الأيسر. وبعد ذلك، تريد فقط الاطلاع على كل عناصر القائمة هذه هنا. لذا، ضمن الإعدادات العامة هنا، يمكنك إضافة رمز مفضل. Favicon هو مجرد شعار صغير سيتم عرضه في الجزء العلوي من المتصفح. إذن يمكننا هنا رؤية أيقونة Hostinger المفضلة، وتريد فقط إضافة نسخة مربعة
من شعارك لجعل كل شيء يحمل علامة تجارية. يمكنك أيضًا إضافة صورة معاينة سيتم عرضها على صفحات الوسائط الاجتماعية مثل Facebook عندما يقوم شخص ما بمشاركة موقع الويب الخاص بك، ويمكنك الحصول على شعار ملفات تعريف الارتباط إذا كنت ترغب في ذلك. ثم تريد أيضًا الانتقال إلى Analytics هنا. في الواقع، نريد الانتقال إلى تحسين محركات البحث (SEO) لأنه ليس لدينا أي تحليلات حتى الآن لأنه لم يكن لدينا أي زوار. ضمن SEO، نريد التأكد من مراجعة هذه المطالبات للتأكد من أننا نقوم بتحسين موقعنا على الويب من أجل SEO. لنفتر
ض أنك ستطلق على شركة Metics Media Consulting اسمًا، ومن ثم انقر على الخطوة التالية. ثم يجب أن تكون لغة الموقع هي الإنجليزية وصف الصفحة. لذلك دعونا نقول فقط الوصف. من الواضح أنك تريد إضافة شيء منطقي لموقعك على الويب. مرة أخرى، يمكنك استخدام شيء مثل Chat GPT لإنشاء وصف لموقع الويب الخاص بك. ليس عليك أن تتوصل إلى ذلك بنفسك. حسنًا، لقد طلبت للتو من Chat GPT أن يكتب لي وصفًا سريعًا لموقع ويب يساعد في حظر الأنشطة التجارية على زيادة إيراداتها المعاد تعبئتها. ما عليك سوى نسخ هذا الوصف ولصقه هنا ثم النقر
على الخطوة التالية. ثم يمكننا إضافة بعض الكلمات الرئيسية للموقع. لذا قم بحظر الشركات، وإيرادات الشركات التابعة، التي تبدو جيدة. يمكننا أيضًا إضافة تحسين التسويق بالعمولة، فلا بأس بذلك. انقر على الخطوة التالية. وبعد ذلك يمكننا أن نرى معاينة لكيفية ظهور موقعنا على الويب في محرك بحث Google. لذا، إذا أعجبك هذا، يمكنك فقط النقر فوق "إنهاء" أو يمكنك تغيير عنوان SEO هنا والوصف التعريفي هنا إذا كنت تريد ذلك. تريد التأكد من إضافة الكلمات الرئيسية التي يبحث عنها الأشخاص فعليًا حتى تتاح لهم فرصة العثور عل
ى موقع الويب الخاص بك فعليًا حتى تتمكن من الحصول على عملاء مجانًا. لذلك دعونا نضغط على إنهاء. الآن، إذا كنت تريد إضافة إمكانية الاطلاع على موقع الويب الخاص بك بلغات مختلفة، يمكنك فقط النقر فوق اللغات هنا على الجانب الأيسر ثم النقر فوق تحديد لغة البداية. ستكون هذه هي اللغة الافتراضية. لذا بالنسبة لهذا الموقع، لنفترض أن هذه هي اللغة الإنجليزية، سأختار اللغة الإنجليزية هنا، وبعد ذلك يمكننا إضافة المزيد من اللغات. لذلك يمكننا فقط النقر على "إضافة لغة" هنا في الأعلى. لنفترض أننا نريد أيضًا إضافة اللغ
ة الألمانية. يمكننا فقط النقر على اللغة الألمانية هنا ثم النقر على "إضافة لغة". ثم يمكننا استخدام هذه القائمة المنسدلة لإضافة الشعار الصحيح لكل لغة من اللغات. والآن، لترجمة محتوى موقع الويب الخاص بك فعليًا إلى اللغة الأخرى، عليك التأكد من اختيار اللغة التي تريد ترجمة جهة الاتصال إليها. لذلك في مثالي، سيكون هذا باللغة الألمانية وبعد ذلك يمكننا تغيير أي شيء. لذلك يمكننا على سبيل المثال، الانتقال إلى الصفحات والتنقل ثم الانتقال وتغيير كل هذه الروابط هنا. لذا انتقل إلى رمز الترس، الإعدادات ثم سأقوم
بتغيير المشاريع إلى Projekte وهي ألمانية، انقر على حفظ، أو يمكنني فقط تغيير النص هنا. لذلك دعونا نقول وير هيلفن دير. وبعد ذلك كلما قمنا بالتغيير إلى اللغة الألمانية، هذا ما سيتم عرضه. يمكننا العودة إلى اللغة الإنجليزية. ومن ثم يمكنك أن ترى أن هذه هي اللغة الإنجليزية، وهذه هي اللغة الإنجليزية أيضًا. ولكن عندما نعود إلى اللغة الألمانية، فإن اللغة تتغير بالفعل. ولكن تغيير كل المحتوى إلى اللغة الأخرى يتطلب الكثير من العمل . ولكن إذا كان لديك العديد من الزوار الذين يتحدثون هذه اللغة المحددة، فيمكن أن
يساعد ذلك بالتأكيد في زيادة نشاطك التجاري. إذن أنت الآن تعرف كل ما تحتاج إلى معرفته تقريبًا لإنشاء موقع الويب المخصص الخاص بك. بمجرد الانتهاء من ذلك، تريد التأكد من نشره للعالم. لذلك دعونا نضغط على بث مباشر هنا في الجزء العلوي الأيمن ثم نضغط على بث مباشر. سيؤدي هذا الآن إلى جعل موقعنا الإلكتروني متاحًا للعالم ويمكن للأشخاص بالفعل الذهاب ورؤية المحتوى الخاص بنا على الموقع. هنا يمكنك رؤية التهاني وهي متصلة بالفعل بالنطاق الذي قمنا بتسجيله. لذلك يمكننا فقط النقر على موقعك والانتقال إليه وبعد ذلك س
يتم فتحه هنا ويمكننا رؤية المجال الخاص بنا والمحتوى. يمكننا الانتقال إلى صفحات مختلفة من الموقع واختبار ما إذا كان كل شيء يعمل أم لا. عندما تريد تحديث موقع الويب الخاص بك، ما عليك سوى فتح محرر Hostinger الخاص بك ثم إجراء جميع التغييرات والنقر على تحديث موقع الويب في الجزء العلوي الأيمن وبعد ذلك سيتم نشر التغييرات أيضًا. الآن آخر شيء أريد أن أعرضه لك في هذا البرنامج التعليمي هو كيفية إعداد بريدك الإلكتروني المخصص. لذلك، على سبيل المثال، قمنا بالتسجيل في المجال meticsmediademosite.com، وأريد إنشاء
بريد إلكتروني وهو info@meticsmediademosite.com. لذا، لإعداد بريدنا الإلكتروني، نريد العودة إلى لوحة تحكم Hostinger من خلال النقر على سهم الرجوع هنا ثم الانتقال إلى العودة إلى جميع مواقع الويب، والنقر على "إجازة". ثم بمجرد أن نكون هنا، نريد النقر على رسائل البريد الإلكتروني في القائمة العلوية. ومن ثم يمكننا أن نرى هنا مجالنا. دعنا ننقر على "إدارة"، وبعد ذلك يمكنك إما استخدام البريد الإلكتروني الخاص بالعمل أو البريد الإلكتروني المجاني. بالنسبة لهذا الفيديو، سأستخدم البريد الإلكتروني المجاني، والذ
ي ينبغي أن يكون كافيًا للبدء. لذا سأقوم بالضغط على اختر هنا. وبعد ذلك يمكننا إعداد بريدنا الإلكتروني. لذلك سأستخدم فقط معلومات البادئة. لذلك info@meticsmediademosite.com. يمكنك أيضًا استخدام اسمك simon@meticsmediademosite.com، كما تريد. ثم قم أيضًا بتعيين كلمة مرور لهذا البريد الإلكتروني ثم البريد الإلكتروني لاستعادة كلمة المرور. ومن ثم الضغط على إنشاء حساب جديد. ثم انقر على تم. والآن، عندما تريد التحقق من رسائل البريد الإلكتروني الخاصة بك أو إرسال رسائل بريد إلكتروني باستخدام هذا العنوان، يمكنك
ببساطة الانتقال إلى رسائل البريد الإلكتروني ثم الانتقال إلى النقاط الثلاث، انتقل إلى Access Webmail، وقم بتسجيل الدخول باستخدام كلمة المرور الخاصة بك، وسينقلك هذا إلى صندوق بريدك الإلكتروني حيث يمكنك قراءة رسائل البريد الإلكتروني التي تتلقاها ويمكنك أيضًا إرسال رسائل بريد إلكتروني باستخدام عنوان بريدك الإلكتروني المهني الجديد. لذا آمل أن يكون هذا الفيديو مفيدًا لك، عند إعداد موقع الويب الأول الخاص بك باستخدام Hostinger. إذا كان الأمر كذلك، يرجى إعطاء هذا الفيديو إعجابًا. سأقدر ذلك حقًا وربما أت
رك تعليقًا أدناه. إذا كنت تريد مشاهدة المزيد من البرامج التعليمية المتعمقة، فتأكد من الاشتراك في القناة أيضًا ، مثل هذا البرنامج .

Comments

@MeticsMedia

✅ Start here ▶ https://meticsmedia.com/hostinger (Code: METICSMEDIA) Thanks to AI, this video is now available in multiple languages! Just click on 'Settings' ⚙(the gear icon in the bottom right corner of the video), select 'Audio track', and choose your preferred language. Let me know what you think about this new feature! ⏱ Timestamps 0:00 Intro 0:53 Hostinger Setup (+Exclusive Discount) 4:21 Getting your Domain 7:15 Website Setup 08:51 AI Website Builder (Demo) 11:51 Choosing a Template 13:49 Editor Overview 14:49 Customizing Website 21:00 Website Styles 22:13 Managing Pages 24:34 Creating a New Page 25:20 Header & Footer 27:08 Mobile Optimization 28:08 Setting up a Blog 31:03 Setting up a Store (Ecommerce) 36:33 AI Tools 39:36 Search Engine Optimization (SEO) 41:40 Adding other Languages 43:18 Publishing Website 44:11 Custom Email Setup

@maimunamusarambo6122

Investing with expert Mrs Nora has been the best step I have ever took in my life, may God bless that day I meet her

@chrisfadero3420

Thanks for this video. After months of trying to build a coaching website with WordPress and something seems to go wrong and I have to delete and start again. But this your training was under an hour and I now have a 99% website ready to go live. I will watch again and finish the little bits because I needed to rest. Now I can build a second coaching website. I will pause using WordPress for now. Thank you sir.

@estheroffem

This has got to be the most useful video on YT

@critteracademy8099

Absolutely ONE OF THE BEST instructional videos, and is so much appreciated! You definitely have a gift of instruction. Thank you very much.

@henrysan

The best website builder tutorial I have ever seen. Very comprehensive and well paced.

@moetazomar5903

i was just searching for an inside review of Hostinger website builder and I found your video, thanks for the perfect instruction and for just giving us an inside review, appreciate it.

@lianavagianou6108

Thank you so much for this tutorial! It's my first attempt to create a website, and I found it very helpful! You are precise, to the point and you cover every step of the way!! Thank you again!

@user-kj9bp1qo6u

just subscribed. You are amazingly offering the viewers clear, the most useful tutorials so far online! The best !!!

@mnohassi

This was the most useful video for create website I have ever seen in youtube , thank you so muck , special when add Arabic voice , that was great , thank you

@hunedk1

Superb video - After seeing this video anyone with basic computer knowledge can build a website. Thanks

@amandacasey1946

Fantastic! Very comprehensive tutorial, and at a good pace (wasn't too fast). Thank you so much 🙏

@janeagain9420

The best video I have seen about this topic. You speak clearly and slowly. It has been extremely easy to follow your explanations. Thank you very much

@karenkral4201

What a GODSEND you are, Simon! Thank you for this clear, direct and comprehensive tutorial. You are a fabulous instructor and your rate of speech was just right for me to be able to follow without getting overwhelmed or frustrated. You saved me weeks of trying to learn this information by trial and error. I'm incredibly grateful!

@prettygossip792

THANK YOU SO MUCH! I was looking for a website was trying to make decision between shopify, square space, hostinger i guess i will use Hostinger its very simple you are so transparent with your videos im becoming a new subscriber Today!!! I wrote down e every thing u said step by step i appreciate you

@user-gd8fj6wp4k

This is the most thorough and useful tutorial I can recall. Well done and thanks!

@EleshaMAlbert

this was amazing! Thank you for being so detailed with setting up the site. You went above and beyond.

@dzeykop

Amazing guide, perfect execution, excellent and extensive content. Thank you

@jasonengledoe

Great Value here! Thanks for the wonderful insights shared. Danke schön!