لم يكن إنشاء موقع ويب أسهل من أي وقت مضى، وفي هذا البرنامج التعليمي سأوضح لك خطوة بخطوة كيف يمكنك إنشاء موقع الويب الخاص بك، دعني أوضح لك ما سنغطيه في هذا البرنامج التعليمي وسأوضح لك كيفية الحصول على اسم النطاق الخاص بك مجانًا إذا ليس لديك واحد ثم سنقوم بتثبيت ووردبريس ووردبريس هو أقوى منشئ مواقع على شبكة الإنترنت فهو يشغل أكثر من 43% من جميع مواقع الويب في العالم وهو مجاني ثم سنقوم بإنشاء هذا الموقع من الصفر باستخدام ووردبريس مجاني موضوع ومنشئ صفحات مجاني يسمى Elementor، لن نقوم فقط بإنشاء موقع
ويب، بل سنتحدث أيضًا عن اختيار العلامة التجارية والألوان المناسبة لموقع الويب الخاص بك، وسأوضح لك الخطوط التي يجب عليك استخدامها وكيفية إنشاء شعارك أو الاستعانة بمصادر خارجية، يعد Elementor رائعًا منشئ الصفحات المجاني الذي يمكّنك من إنشاء صفحات Dr باستخدام طريقة السحب والإفلات البسيطة وسأوضح لك خطوة بخطوة كيف يمكنك القيام بذلك وإذا كنت تريد تغيير شيء ما، فما عليك سوى النقر ثم يمكنك ضبط المحتوى ويمكنك ضبطه النمط هو مدى سهولة استخدامنا للألوان العالمية على موقعنا الإلكتروني، لذا إذا كنت تريد تغيي
ر الألوان، فسوف تتغير على موقع الويب بأكمله، لذا يمكنك من خلال بضع نقرات تغيير شكل وعرض موقع الويب الخاص بك باستخدام العنوان الذي تريده يمكنك إنشاء شيء مثل هذا أيضًا مثل هذا أو هذا يمكنك جعل رأسك بالكامل مثبتًا أو جزءًا منه فقط ويمكنك جعل أجزاء من رأسك شفافة مثل هذا أو مثل هذا وعندما تقوم بالتمرير يمكنك إضافة شعار مختلف وكل شيء من السهل جدًا إعدادها على هذا النحو، وسأوضح لك أيضًا كيفية إنشاء كل هذه الصفحات من الصفر، وهكذا تبدو صفحتي الرئيسية ولكن باستخدام المهارات التي أعلمك إياها في هذا البرنام
ج التعليمي، يمكنك أيضًا إنشاء صفحات مثل هذه أو مثل هذه أو ما شابه سيتم تحسين هذا وبالطبع موقع الويب الذي سنقوم بإنشائه ليناسب جميع أجهزة الكمبيوتر المكتبية والأجهزة اللوحية والهواتف الذكية، وإذا كنت ترغب في ذلك، يمكنك تعلم كيفية إنشاء منشور مدونة على موقع الويب الخاص بك حتى يمكن العثور عليك من خلال نتائج البحث العضوية التي يمكن أن تساعدك للحصول على المزيد من العملاء، سأوضح لك أيضًا كيفية إنشاء صفحة المحفظة وعرض عملك، وسنتحدث عن إنشاء العنوان المناسب لموقع الويب الخاص بك، والعثور على صور عالية ال
جودة، وإضافة مكونات إضافية خارجية تمنح موقع الويب الخاص بك المزيد من الوظائف مثل عناصر Elementor الإضافية أو نموذج اتصال حتى يتمكن الأشخاص من التواصل معك وسنقوم بحفظ أجزاء جزئية من تصميماتنا في موقعنا على الويب حتى نتمكن من استخدامه مرارًا وتكرارًا وتوفير الوقت، وسأوضح لك أيضًا كيفية نسخ ولصق مناطق كاملة في موقع الويب الخاص بك ببضع نقرات عندما تتبع جميع الخطوات الواردة في هذا البرنامج التعليمي، ستتمكن من إنشاء موقع ويب احترافي مذهل، ولن يقتصر الأمر على ذلك فحسب، بل ستتمكن من إنشاء مواقع ويب للآخ
رين وتوليد مصدر دخل إضافي للعديد من الأشخاص الذين شاهدوا مقاطعي تشير مقاطع الفيديو إلى أنهم يصنعون الآن مواقع ويب لكسب لقمة العيش ويمكنك أن تكون التالي الآن، دعني أقدم لك بعض الإعلانات المهمة قبل أن نبدأ في وصف هذا الفيديو. لدي الوقت لذا إذا كنت تريد الانتقال إلى جزء معين في البرنامج التعليمي يمكنك النقر فوق أحد تلك الطوابع الزمنية وتنتقل مباشرة إلى هذا الجزء من البرنامج التعليمي عندما أذهب للصيام، يمكنك الانتقال إلى الإعدادات هنا في سرعة تشغيل YouTube وإبطاء سرعة هذا البرنامج التعليمي وإذا كنت
تريد ذلك ارجع بضع ثوانٍ إلى الوراء في الفيديو، فقط اضغط على السهم الأيسر على لوحة المفاتيح وسترجع 5 ثوانٍ إلى الوراء في الفيديو. إذا كنت تقدر أنني صنعت هذا الفيديو من أجل Freedom، فيرجى إعطاء هذا الفيديو إعجابًا وإذا كنت تريد معرفة المزيد حول إنشاء مواقع الويب التي تدر لك المال، ثم اشترك في قناة YouTube هذه الآن، دعني أعرض لك الخطوات الثلاث التي سنتخذها في هذا البرنامج التعليمي، لذا تحصل أولاً على اسم المجال المجاني الخاص بك وسنحصل على استضافة الويب ما هو اسم المجال اسم المجال هو عنوان موقع الوي
ب الخاص بك، استضافة الويب عبارة عن جهاز كمبيوتر خاص يعمل على مدار الساعة طوال أيام الأسبوع ويحتوي على جميع ملفاتك وجميع رسائل البريد الإلكتروني الخاصة بك وجميع صورك وجميع المحتوى الموجود على موقع الويب الخاص بك، لذا باستخدام اسم النطاق المجاني واستضافة الويب الخاصة بك، يمكنك الظهور على الإنترنت ثم سنقوم بتثبيت WordPress و WordPress مجاني تمامًا فهو أفضل أداة لإنشاء موقع ويب دون الحاجة إلى معرفة أي شيء عن البرمجة لأن WordPress يقوم بكل الأشياء الصعبة من أجلك ثم الشيء الثالث الذي ستقوم بإنشاء موقع
الويب الخاص بك وللموقع الذي نقوم به ستجعل الأشخاص قادرين على تحصيل آلاف الدولارات، لكنني سأوضح لك مجانًا كيف يمكنك القيام بذلك بنفسك إذا كان لديك بالفعل المجال واستضافة الويب، يمكنك القيام بأمرين: يمكنك ترحيل موقع الويب الحالي الخاص بك إلى منصة استضافة الويب الرائعة هذه، لدي برنامج تعليمي هنا يمكنه أن يوضح لك خطوة بخطوة كيف يمكنك القيام بذلك إذا كنت قد قمت بالفعل بتثبيت WordPress، فيمكنك تخطي الخطوة الثانية والانتقال مباشرة إلى الخطوة الثالثة وسأوضح لك الآن المكان الذي تحتاج إلى الانتقال إليه ف
ي البرنامج التعليمي للمتابعة من تلك النقطة فصاعدًا، لذا أيها السيدات والسادة، فلنبدأ إذا كان لديك بالفعل اسم نطاق واستضافة ويب رائعة، فأنت يمكنك تخطي هذا الجزء إذا لم يكن لديك اسم نطاق واستضافة ويب، فيمكنك الانتقال إلى webhosting 40.com واضغط على زر الإدخال ثم انقر هنا للانتقال إلى hoster خلال السنوات التي كنت أبحث فيها عن أفضل شركة استضافة ويب ميسورة التكلفة ثم صادفت الاستضافة وأنا أستخدمها بالفعل منذ 5 سنوات وأحبها ولست الوحيد إذا ألقيت نظرة على المراجعات على Trust Pilot ترى أن جميع الأشخاص أي
ضًا متحمسون حقًا بشأن الاستضافة وإذا ألقيت نظرة على استضافة Google Trends التي تسيطر على صناعة استضافة الويب، فإنها تحظى بشعبية متزايدة، وذلك لأن جودة استضافة الويب الخاصة بها هي من الدرجة الأولى وبأسعار معقولة، لذا إذا كنت ترغب في الحصول على اسم نطاق واستضافة ويب مجانًا هنا في hoster، يمكنك النقر فوق المطالبة بالصفقة، ثم قم بالتمرير لأسفل ثم نرى ثلاث خطط، الخطة المميزة، خطة العمل وخطة بدء التشغيل السحابي، لنبدأ بالخطة المميزة، كل ما تحتاجه لإنشاء موقع الويب الخاص بك إذا كانت لديك ميزانية محدودة
هي أفضل خطة بالنسبة لك، ماذا تحتوي على أن لديك أداء قياسي، ماذا يعني أنني اختبرت كل شيء بجنون طالما أنك لم تقم بإنشاء 100 موقع على هذه الخطة، ستكون على ما يرام، سيكون الأداء سريعًا، هذا اختبار أداء موقع ويب ثقيل قمت بإنشائه باستخدام الخطة المميزة، سيكون الأداء أكثر تحديًا بعض الشيء عندما تقوم بإنشاء 80 موقعًا على هذه الخطة، ولكن إذا كنت تريد فقط إنشاء موقع واحد إلى ثلاثة مواقع ويب، فسيكون كل شيء سريعًا للغاية، لديك 100 غيغابايت من مساحة تخزين SSD وهي أكثر من نسخ احتياطية أسبوعية كافية وSSL مجان
ي وعرض علامة تجارية غير محدود حتى تتمكن من الحصول على أكبر عدد ممكن من الزوار، كما تريد حساب بريد إلكتروني مجاني، وستحصل على نطاق مجاني ولجعله أفضل لكل خطة لديك، سيكون هناك خصوصية المجال المجانية ما هي خصوصية المجال حيث سيتم إخفاء جميع التفاصيل الخاصة بك ورقم هاتفك وبريدك الإلكتروني حتى لا يتمكن الأشخاص على الإنترنت من رؤية جميع التفاصيل الخاصة بك عندما يبحثون عن معلومات المجال الخاص بك ومع hoster يكون هذا مجانيًا ومع شركات استضافة الويب الأخرى يمكن ذلك تكلف ما يصل إلى 20 دولارًا سنويًا ولكنها أ
يضًا رائعة حقًا إذا لم تعجبك الخدمة بطريقة أو بأخرى، فهناك ضمان استرداد الأموال لمدة 30 يومًا دون طرح أي أسئلة، لذلك لا توجد مخاطرة على الإطلاق للبدء، لذا إذا كنت تريد الذهاب إلى خطة الميزانية يمكنك النقر فوق "إضافة إلى البطاقة" وهناك فترة يمكنك اختيارها وكلما طالت الفترة التي اخترتها، حصلت على المزيد من الخصومات، لذلك ترى هنا لمدة 48 شهرًا تحصل على ثلاثة أشهر مجانًا وتدفع 2.99 دولارًا شهريًا للشهر التالي أربع سنوات، لذا إذا قمت بالتمرير لأسفل، فهذا إجمالي 173 دولارًا ولكن دعني أجعل هذا أفضل إذا
نقرت هنا، فستملأ 30، ثم تنقر على "تطبيق"، وستحصل على خصم إضافي بنسبة 10٪ إذا كنت بخير ولكني أريد الذهاب إليه يمكنك الاستمرار في فترة أقصر لمدة 12 شهرًا، ثم يرتفع السعر قليلاً شهريًا، ولكن بعد ذلك، إذا قمت بالتمرير لأسفل، فانظر إلى هذا، فأنت تدفع فقط 41.68 دولارًا أمريكيًا، لذا مقابل 41.68 دولارًا أمريكيًا، يمكنك البدء باستخدام اسم نطاق مجاني في خطة استضافة الويب الخاصة بك الآن، فلنبدأ تحدث عن خطة العمل التي هي الأفضل هنا، وهي الخطة الأكثر شيوعًا، انظر إلى هذا، وستحصل على أداء متزايد يصل إلى خمس
ة أضعاف السرعة التي تحصل بها على 200 جيجا بايت أكثر من كافية ولكنها عبارة عن تخزين nvme، لذا فإن خوادم nvme تنشئ مواقع الويب الخاصة بك بشكل أساسي أسرع بما يصل إلى خمس مرات من خوادم SSD، لذلك يمكنك الحصول على 20 30 50 80 موقعًا على هذه الخطة وستظل مواقع الويب الخاصة بك سريعة، فهناك نسخ احتياطية يومية بدلاً من النسخ الاحتياطية الأسبوعية ولديك CDN مجاني، شبكة CDN مجانية تجعل موقع الويب الخاص بك سريعًا في كل مكان في العالم، إذا قمنا بالتمرير لأسفل ما ستراه هنا، فلدينا ذاكرة تخزين مؤقت لكائنات أداة ا
لتدريج في WordPress لـ WordPress والتي ستجعل موقع الويب الخاص بك أسرع، ويمكنك إنشاء نسخة احتياطية عند الطلب، وهذا أيضًا شيء كبير حقًا، لديك WordPress AI الأدوات التي ستساعدك أدوات الذكاء الاصطناعي هذه في بناء موقع الويب الخاص بك أقدم لك نصيحة بشأن ما يمكنك فعله لإنشاء موقع ويب أفضل والشيء الرائع هو أنه جيد بالفعل ولكنه سيصبح أفضل في المستقبل وهو مضمن في خطة العمل، لذا إذا كنت ترغب في الحصول على هذه الخطة، فانقر فوق "إضافة إلى" البطاقة ثم هناك نفس النظرة العامة اختر فترة وعندما ننتقل لأسفل يمكننا
ملء 30 طلبًا، تدفع 28 دولارًا لمدة 4 سنوات إذا كنت لا تريد الذهاب على المدى الطويل ولكنك تريد الذهاب لمدة 12 شهرًا، فأنت تدفع أكثر قليلاً ولكن بعد ذلك سيكون المبلغ الإجمالي 652 دولارًا، لذا فالأمر متروك لك لاختيار الطائرة التي تريدها والمدة التي تريد اختيارها جيدًا، أنت تعرف ما تريد سأذهب لمدة 12 شهرًا، يمكنك إنشاء حسابك لذلك أنا" سأقوم بملء عنوان بريدي الإلكتروني هنا، أقوم بإنشاء كلمة مرور أو يمكنك الاشتراك في Google أو Facebook وبعد ذلك يمكنك الدفع باستخدام بطاقة الائتمان PayPal Google Pay وب
وابة العملة ولكن هناك أيضًا طرق دفع محلية، لذلك إذا كنت قادمًا من بلد هناك طرق دفع محلية في بلد معين من هولندا أو الهند، وهذا أيضًا ما أحبه في الاستضافة حيث يمكن للجميع الدفع باستخدام طريقة الدفع المفضلة لديهم، مما يسهل عليك إجراء الدفع حتى تتمكن من الاختيار هنا بالطريقة التي تريدها أريد أن أدفع ببطاقة الائتمان وبعد ذلك يمكنك ملء التفاصيل الخاصة بك هنا ولكن ليس عليك القيام بذلك هنا، يمكنك أيضًا القيام بذلك لاحقًا لذلك سأترك هذا فارغًا، يمكنك إضافة تفاصيل شركتك إذا كان لديك تقوم إحدى الشركات بملء
التفاصيل هنا، وبعد ذلك عندما تفعل ذلك، سيتم خصم التكسات الخاصة بك وستدفع 538 دولارًا، لذا ما سأفعله الآن سوف أقوم بملء تفاصيل بطاقتي الائتمانية ثم أنقر على إرسال دفعات آمنة ثم أقوم بذلك نريد أن نهنئك على نطاقك المجاني وخطة استضافة الويب الخاصة بك وفي بضع دقائق يمكننا اختيار اسم النطاق المجاني الخاص بنا، رائع، يمكن أن تكون لوحة الاستضافة بلغتك، انقر هنا، فهم يضيفون لغات طوال الوقت، لذلك إذا إذا كنت تفضل لغتك الخاصة، يمكنك تحديدها هنا، سأستخدم اللغة الإنجليزية ثم انقر فوق "ابدأ الآن" هنا من الذي
تقوم بإنشاء موقع ويب له، أريد تخطي كل هذه الخطوات التي يريدون مساعدتنا ولكنني سأوضح لك ما تريد أحتاج إلى القيام بذلك، أنقر على تخطي وأيضًا هنا قم بإنشاء موقع ويب أو ترحيله، أقول تخطي إنشاء موقع ويب فارغ ثم هنا يمكننا المطالبة باسم مجال مجاني، لذا يمكننا هنا ملء اسم المجال الخاص بنا ومن ثم هنا يمكننا ذلك قم بملء الامتداد الخاص بنا، أريد أن أذهب إلى النطاق الذي نحن عليه web Divine وهنا يمكنني تحديد الامتداد الخاص بي Com أو أي شيء آخر أقوله. com ثم أنقر على بحث، فهو لا يزال متاحًا كما ترى هنا، لذلك
أنقر على "متابعة" والآن يمكننا ملء التفاصيل الخاصة بنا هنا إذا لم يكن لديك شركة، يمكنك اختيار "شخصي" إذا كان لديك شركة يمكنك ذلك حدد شركة لدي شركة لذلك أنقر على الشركة في الخطوة التالية ونحتاج إلى ملء بعض التفاصيل الإضافية لذلك اسمي الأول 30 اسم عائلتي بريدي الإلكتروني شركتي لذا تأكد من ملء جميع هذه التفاصيل ورقم هاتفك هذا هو لتسجيل اسم النطاق الخاص بك والشيء الرائع بسبب خصوصية النطاق لن يتم عرض هذه التفاصيل للعالم حتى لا يتمكن الأشخاص من الاتصال بك مثل "أنا أتصل بك لأنني رأيت عبر الإنترنت أن ل
ديك نطاقًا جديدًا يمكننا إنشاء موقع ويب له" أنت أو شعارك، لن تحصل على رسائل غير مرغوب فيها بفضل خصوصية النطاق المجانية من المستضيف، أنقر على إنهاء التسجيل الآن، نحن نسجل نطاقنا، يمكننا اختيار موقع الخادم الخاص بنا، إذا نقرت هنا، يمكنك اختيار واحد أريد التركيز على الأشخاص من الولايات المتحدة، لذا أتركه حيث هو، ويمكنك أيضًا اختيار واحد آخر إذا كنت تركز على الأشخاص في أوروبا، فيمكنك تحديد شيء ما في أوروبا، وأتركه كما هو ثم أنقر على إنهاء الإعداد والآن موقع WordPress الخاص بك سيتم تثبيته على اسم الم
جال المجاني الجديد الخاص بك [الموسيقى]، سيصبح موقعنا الإلكتروني آمنًا وهو أمر رائع ويشير إلى أحسنت، أنت مستعد يمكننا عرض موقعنا الإلكتروني وإذا نقرنا هنا، فمن المحتمل أن يكون موقعًا إلكترونيًا معاينة موقع الويب الحالي كما ترون هنا، هذا ليس موقع الويب الحقيقي حتى الآن ولكن يمكننا البدء بالفعل، لذلك أغلق هذا ثم أنقر على لوحة التحكم، حيث يظهر هنا أنه سيتم الوصول إلى نطاقي في حوالي 3 دقائق لذلك أفضّل الانتظار بدلاً من العمل عليه نطاق ليس نطاقي الحقيقي، لذا نصيحتي هي أن تنتظر أيضًا حتى يصبح نطاقك نشط
ًا ومن ثم يمكننا العمل على نطاقنا الحقيقي الذي حصلنا عليه مجانًا، لذا سأعود خلال بضع دقائق، لقد حان الوقت الآن بعد دقيقة واحدة إذا كنت قم بتحديث الصفحة، فقد اختفى النص، لذلك إذا قمت بالنقر هنا، فانظر إلى هذا، فهذا أمر جنوني، حيث نرى المجال المباشر الخاص بنا مستضافًا في hoster وهو آمن، يمكنك أن ترى أنه من خلال هذا الرمز، يكون الاتصال آمنًا، كم هو رائع إغلاق هذا الأمر أو التحكم W والآن أذهب إلى الأمان SSL فقط للتحقق وتقول نعم إنه نشط لذا أعود إلى لوحة التحكم والآن أريد الانتقال إلى برنامج التثبيت
التلقائي ثم أحدد WordPress، عنوان موقع الويب الخاص بي هو موقع WordPress الخاص بي، سنتحدث حول هذا الموضوع لاحقًا البريد الإلكتروني المُدار أريد استخدام اسم مستخدم آخر الخاص بي وأريد استخدام هذا وكلمة المرور الخاصة بي ثم انقر هنا على التالي نحصل على أحدث إصدار من Wordpress يمكننا تغيير اللغة لذلك إذا كنت تريد الإنشاء موقع ويب بلغة مختلفة يمكنك تغييره هنا وجميع الإعدادات الأخرى رائعة لذا أنقر على "تثبيت" الآن يمكننا النقر على لوحة الإدارة وسيقودنا ذلك إلى موقعنا على الويب، انظر إلى موقعنا المباشر ه
ذا، نحن نعيش كل شخص إذا انتقل إلى هذا المجال في هذه اللحظة، فسوف يرى موقعنا على الويب، لذا فإن ما تراه هنا هو النهاية الخلفية لبرنامج Wordpress، حيث يمكننا تعديل موقع الويب الخاص بنا إذا نقرت هنا، أرى الواجهة الأمامية لموقع الويب الخاص بي، وهذا ما سيراه الأشخاص عندما يدخلون إلى موقعنا على الويب ويبدو الأمر جيدًا ولكن بالطبع سنجعله يبدو أفضل بكثير، لذلك سيتم تثبيته افتراضيًا على موقع الويب الخاص بك، وقد يبدو مختلفًا بعض الشيء ولأننا قمنا بتسجيل الدخول، فإننا شاهد هذا الشريط هنا، جميع الأشخاص الذي
ن لم يسجلوا دخولهم لا يرون هذا الشريط مع هذا الشريط، يمكننا التنقل من الواجهة الأمامية إلى النهاية الخلفية من خلال النقر هنا، لذا أريد الآن إغلاق علامتي التبويب الأخريين، وهذه هي الخلفية نهاية موقع الويب الخاص بنا، هذه هي الواجهة الأمامية في الجزء الخلفي من موقع الويب الخاص بنا، يمكننا تعديل موقع الويب الخاص بنا، يمكننا إنشاء منشورات مدونة، يمكننا إضافة مقاطع فيديو، صور، ملفات PDF، يمكننا إنشاء الصفحة الرئيسية، صفحة الاتصال، صفحة حولنا، يمكننا الإشراف على التعليقات عند الأشخاص لديك تعليق على منش
ور مدونتنا أو منتج لدينا يمكننا تغيير مظهر موقعنا الإلكتروني باستخدام السمات، يمكننا إضافة وظائف إضافية إلى موقعنا الإلكتروني، يمكننا إضافة مستخدمين آخرين يمكنهم القيام بأشياء لنا على موقعنا الإلكتروني، هناك أدوات WordPress وهناك إعدادات، لذا تهانينا أنك تعيش الآن، فأنا أحب العمل في مساحة مرتبة تمامًا مثل سطح المكتب الخاص بي، ولكن أيضًا عندما يتعلق الأمر بـ Wordpress، أريد العمل في بيئة نظيفة الآن، فهي مكونات إضافية لا نحتاج إليها، فهي فوضوي بعض الشيء، دعني أوضح لك كيفية تنظيف موقع الويب الخاص ب
ك على WordPress وتهيئة بعض الأشياء قبل أن نبدأ في إنشاء موقعنا على الويب، كيف يمكننا القيام بذلك بشكل جيد، أول شيء أريد استبعاد هذه الرسالة ثم أريد الانتقال إلى الشاشة الخيارات وقم بإلغاء تحديد كل شيء حتى تكون النظرة العامة على لوحة التحكم الخاصة بنا نظيفة بالطبع بعد ذلك أريد تثبيت go analytics لذلك رأيت نظرة عامة على زوار موقع الويب الخاص بي وإذا كان لدي متجر ويب أريد رؤية حجم المبيعات ولكن في الوقت الحالي أريد أن أتركه فارغًا، ثم أريد الانتقال إلى موقع الويب إلى الواجهة الأمامية، وأبحث عن منشو
ر مدونتي، فهناك منشور مدونة واحد سيأتي مع كل تثبيت WordPress وفي هذه الحالة يكون هنا مرحبًا بالعالم إذا نقرت عليه يقول نطاقي لـ/index.php، كل هذه الأشياء أريد أن تبدو أفضل لذلك أذهب إلى النهاية الخلفية لإعدادات روابط بيرما وهناك أريد تغيير البنية المخصصة لنشر الاسم لذلك سأرى نطاقي. com أو أي شيء آخر لـ SL ثم اسم المنشور، لذا أنقر على " حفظ التغييرات" الآن، ثم أذهب إلى موقع الويب الخاص بي، ثم أقوم بالتمرير لأسفل، ثم أنقر هنا الآن كما ترون، حيث يقول فقط ل/ مرحبًا بالعالم، هذا أفضل بكثير، ثم أذهب ه
نا، مرحباً بـ 30 Corps، قمت بالنقر فوق "تعديل الملف الشخصي" أريد التمرير لأسفل، وأريد ملء اسمي الأول واسم العائلة ثم قم بتغيير العرض في دعاية الاسم إلى 30 Corps والآن يظهر مرحباً 30 Corps إذا كنت تريد الحصول على صورة مثل هذا، اسمح لي بحفظه أولاً، قم بتحديث ملفي الشخصي، ثم قم بالتمرير لأسفل، ويمكنك تغيير أو إنشاء صورة Ro الخاصة بك على Gravitar، لذلك تحتاج إلى فتح هذا الرابط، ثم يمكنك التسجيل، واترك عنوان بريدك الإلكتروني الذي يجب أن يكون هو نفسه الموجود على موقع الويب الخاص بك و قم بتحميل الصورة
التي سيتم عرضها هنا وأكثر هنا حسنًا هنا في نظام ألوان المسؤول، يمكننا تغيير شكل وعرض ألوان النهاية الخلفية حتى أتمكن من النقر هنا سيكون فاتحًا Modern Blue Ocean وما إلى ذلك، يمكنك اختيار شيء تفضله وأنا أفضل اللون الافتراضي، فلنبدأ إلى المنشورات أريد تحديد جميع المنشورات على الرغم من وجود واحدة فقط وأضغط على إجراءات bu انتقل إلى سلة المهملات تطبيق انتقل إلى سلة المهملات أفرغ سلة المهملات ثم أذهب إلى الصفحات حدد جميع إجراءات إنشاء الصفحات انتقل إلى سلة المهملات تطبيق ثم في سلة المهملات أريد إفراغ
سلة المهملات، ثم أريد الذهاب إلى المكونات الإضافية، حدد جميع المكونات الإضافية، إجراءات الكتاب، إلغاء التنشيط، تطبيق، حدد مرة أخرى، حذف إجراءات الكتاب، أريد أن أبدأ من الصفر بدون مكونات إضافية بالطبع يمكننا إضافة مكونات إضافية لاحقًا ولكن الآن أريد أن أبدأ مع عدم وجود أي شيء الآن، إذا ذهبت إلى لوحة التحكم الخاصة بي، يبدو الأمر أكثر نظافة بالفعل، ثم أريد الانتقال إلى الإعدادات العامة والتأكد من أنه هنا في عنوان URL الخاص بـ WordPress الخاص بي يظهر htps وليس HTTP إذا لم يكن هناك s، يمكنك إضافته هن
ا وأيضًا هنا ثم قم بالتمرير لأسفل وحفظ التغييرات إذا كنت بحاجة إلى تغييرها، فأنت بحاجة إلى تسجيل الدخول مرة أخرى، ثم ارجع إلى الإعدادات العامة وقمت بالتمرير لأسفل، يمكنك تغيير اللغة الجانبية، ويمكنك تغيير المنطقة الزمنية جيدًا إذا قلت أنا أنا من هولندا، لذلك إذا ركزت على أشخاص من هولندا، يمكنني فقط أن أقول AMS Amsterdam، فأنا أبحث عن المدينة الموجودة في منطقتي الزمنية، وبعد ذلك ستتم مزامنة كل شيء تلقائيًا مع منطقة TI الصحيحة، ثم هناك تنسيق التاريخ الذي أحب تفضيله الجزء العلوي يمكنك تغييره إلى وا
حد آخر أو الحصول على تنسيق مخصص بتنسيق الوقت. أحب استخدام PM بالأحرف الكبيرة، يبدأ أسبوعي يوم الاثنين، لذا أنقر على حفظ التغييرات بشكل رائع الآن، نحتاج إلى التوصل إلى عنوان للموقع في هذا الجزء من المهم حقًا أن نتحدث عن عنوان موقع الويب الخاص بك، لذا دعني أوضح لك كيف يمكنك التوصل إلى عنوان رائع لموقع الويب الخاص بك حتى يتم العثور عليك بشكل أفضل في نتائج البحث، لا تقل أبدًا في عنوان موقعك مرحبًا بك إلى هذا الموقع لأن الأشخاص لا يبحثون عن مرحبًا بكم في هذا الموقع عندما يريدون العثور على موقع الويب
الخاص بك، لذلك ما سأفعله دائمًا هو استخدام الكلمات الرئيسية التي تريد العثور عليها في عنوان موقعك ويفضل أن يكون ذلك في البداية وبعد ذلك اسم شركتك لذا، إذا قلت الأمر أو التحكم TI، فانتقل إلى علامة تبويب جديدة وأبحث عن وكالة تصميم ويب l London، وأتخطى العناصر المدعومة، لذا فهذه هي النتيجة العضوية الأولى، ماذا ترى وكالة تصميم الويب، لذا عندما أبحث عن وكالة تصميم ويب أجد هذا الصفحة في الأعلى تصميم الويب تصميم الويب في لندن التالي مصممي الويب وكالة تصميم الويب في لندن تصميم الويب وكالة تصميم الويب في
لندن لا يوجد مكان يقول مرحبًا بك في هذا الموقع أو اسم الشركة، إنها وكالة تصميم مواقع الويب، لذلك في حالتي أود أن أقول وكالة تصميم الويب أمستردام، لذا فإن الكلمة الرئيسية لما أقوم به هي وكالة تصميم مواقع ويب، ثم الموقع في أمستردام ثم الأنابيب، ويمكنني أن أقول ما هو اسم شركتي وهي شبكة إلهية، لذلك إذا كنت سأبحث عن سباك في سيدني، دعنا نحتفظ بكل ما ورد في الصورة ولكنك ترى خدمات السباكة في سيدني ترى ما يفعلونه لأن هذا ما يبحث عنه الأشخاص، ولا يبحث الناس عن اسم شركتك إذا كانوا لا يعرفون شركتك، فهم يبح
ثون عن الخدمة لذا يبحثون عن الخدمة في حالتي سباك سيدني أيضًا هنا سباك سيدني سباكة سيدني سباك إنقاذ سباك سيدني، لذا هنا أولاً الكلمات الرئيسية لوكالة تصميم مواقع الويب أرشدهم إليها لأن هذا هو ما يبحث عنه الأشخاص ثم اسم شركتك الشركة، ثم هناك مجموعة من المعلومات في عدد قليل تشرح ما يدور حوله هذا الموقع مجرد موقع عمل آخر أو أفضل أن ننشئ مواقع ويب عالية التحويل، أقوم بالتمرير لأسفل وحفظ التغييرات والآن إذا ذهبت إلى موقع الويب الخاص بي أرى وكالة تصميم الويب أمستردام وهذا كيف سيتم العثور عليها في نتائج
بحث Google، هل لديك بالفعل ألوان في ذهنك لموقع الويب الخاص بك لعلامتك التجارية، ربما لديك بالفعل نشاط تجاري يحتوي على الألوان والعلامة التجارية وتريد فقط أن تجعل موقع الويب رائعًا، ثم يمكنك تخطي هذا إذا كنت تبدأ من الصفر، فأنت بحاجة إلى التفكير في الألوان التي تريد استخدامها إذا لم يكن لديك بطاقة هوية وواجهت مشكلة، فلا داعي للقلق، يمكنك أيضًا متابعة البرنامج التعليمي مع الصور والألوان التي أستخدمها ثم لاحقًا يمكنك أن تقرر اختيار الألوان الخاصة بك وتغيير ألوان موقع الويب في بضع نقرات في موقع الو
يب الخاص بك بالكامل الآن دعنا نلقي نظرة على كيفية العثور على الألوان المناسبة لموقع الويب الخاص بك لعلامتك التجارية عندما يتعلق الأمر بالألوان التي يمكنك استلهامها من الإنترنت، لذلك أبحث عن ألوان العلامة التجارية ثم يمكنني الانتقال إلى الصور التي قمت بإنشائها بالفعل شاهد الكثير من الصور، على سبيل المثال هذه الصورة هنا ترى الكثير من العلامات التجارية المشهورة بألوانها، لذلك تريد أن تتجه نحو التفاؤل، إليك بعض الأمثلة، الإثارة الودية، الثقة الإبداعية، التوازن السلمي، إنها مجرد إشارة، لا يعني ذلك أن
ه يمكنك لا يوجد أبدًا شعار fenta باللون الأصفر أو الأحمر ولكنه يمنحك بعض المعرفات هنا أيضًا، وما تراه أيضًا كثيرًا هو أن العلامات التجارية تستخدم ألوانًا متعددة، لذا إذا أغلقت هذا وانتقلت إلى الصور هنا، فسترى مثالًا رائعًا يستخدم البابوي اللون الأزرق الداكن الأزرق والأزرق الفاتح وبين ثلاثة ألوان من MasterCard BP ثلاثة ألوان، لذلك من الرائع أن يكون لديك لوحة ألوان وهذا أيضًا ما سنستخدمه في موقعنا على الويب، إليك بعض الأمثلة الإضافية للألوان المتعددة التي تتناسب بطريقة أو بأخرى مع بعضها البعض المز
يد من الأمثلة ألا تحب الإنترنت، كل هذه الأمثلة، إنه لأمر مدهش يا رجل بالأمس، ذهبت إلى الإنترنت لأول مرة وتساءلت ما هو هذا النوع من الأماكن، لذلك إذا كنت تريد الحصول على مزيد من الإلهام عما يمكنك فعله تخيل أن لديك موقع ويب حول وكالة تصميم ويب، يمكنك البحث عن وكالة تصميم ويب، لنفترض أن هناك اضغط على "إدخال" ويمكنك الآن الانتقال إلى عدد قليل من مواقع الويب من وكالات تصميم الويب في باريس ويمكنك إلقاء نظرة على الألوان حسنًا، إنهم يستخدمون اللون الأحمر بهذه الطريقة تصميمهم على ما يرام ويمكنك الحصول عل
ى الإلهام من ذلك حتى تتمكن من استخدام اللون الأحمر إذا كنت تريد ذلك أو الأسود مع الأزرق الأرجواني على الأرجح، هذا موقعنا الإلكتروني حتى تتمكن من الحصول على الإلهام وما يمكنك فعله أيضًا إذا كنت تريد ذلك يمكنك متابعته مع الألوان التي سأستخدمها في البرنامج التعليمي الخاص بي، دعنا نتحدث عنها خلال دقيقة وسأوضح لك أين يمكنك العثور على تلك الألوان وما يمكننا فعله الآن يمكننا أن نذهب للتبريد. اذهب واضغط على زر الإدخال ويمكننا أن نبدأ في إنشاء لوحة ألوان وما هي المبردات التي سيجدونها الألوان التي تتطابق
مع الألوان الأخرى، لذا إذا ضغطت على مسافة، فستحصل على بعض الألوان العشوائية مرة أخرى مرة أخرى، وإذا رأيت لونًا يجعلك تشعر وكأنك مرحبًا، فهذا يمكن أن كن شيئًا من موقع الويب الخاص بي، ثم يمكنك استخدامه، لذا دعني أريكم كيف يعمل إذا أحببت هذا اللون أو هذا اللون، يمكنني قفله، ويمكنني إحضاره إلى اليسار مثل حسنًا، هذا اللون على ما يرام والآن سيجد بعض الألوان المتطابقة وإذا ضغطت على مسافة، فسيظل هذا اللون على ما يرام، يعجبني هذا، فلنرى ما يمكنني فعله أيضًا، يمكنني النقر هنا حسنًا، أريد أن أكون برتقاليًا
أكثر قليلاً حسنًا وهنا ربما أريد أن يكون لدي المزيد مساحة اللون جيدة مثيرة للاهتمام، هذا اللون أعتقد أنه يتطابق بشكل رائع مع هذا اللون، لذا أقفل هذا اللون في الواقع أريد الحصول على نسخة أخف من اللون البرتقالي، نسخة أخف من هذا اللون حتى أتمكن أيضًا من نسخ هذا ثم لصقه ثم النقر هنا أذهب إلى U التشبع والضوء وأعتقد أن النصوع يجعله أعلى لذا فهو نفس اللون ولكن لون أفتح هو نفسه الذي أريد القيام به هنا، حسنًا، دعني أعود إلى المنتقي، انسخ هذا اللون والصقه، ثم ارجع إلى H SL إنه أفتح حسنًا، أنا أحضر الأمر
SI، أحضر هذا إلى اليسار بحيث يكون هذان اللونان أفتح من هذا اللون ويمكن أن يكون هناك لون آخر أو ربما تكون مثل هذه الألوان جيدة بالنسبة لي ولست بحاجة إلى لون آخر، ثم يمكنني إغلاق هذا، وأعتقد أنني أريد الحصول على لون أغمق، لذا أنسخ هذا المنتقي، ثم انسخه وألصقه، ثم انتقل إلى هذا اللون وأجعله أكثر قتامة، حسنًا، أسحب هذا إلى اليسار وفي الواقع أحب تلك الألوان باستثناء لهذا يمكن أن تكون أخف وزنًا أيضًا، إذا كنت راضيًا عن النتائج، يمكنك النقر فوق تصدير كملف PDF، أسمي هذا الويب تصديرًا إلهيًا وها أنت تحصل
على ملف PDF جميل ويمكنك استخدام هذه الألوان لموقع الويب الخاص بك إذا كنت تريد متابعتي خطوة بخطوة في هذا البرنامج التعليمي أيضًا بنفس الشعار ونفس الألوان ونفس الصور التي أستخدمها وسأوضح لك الآن كيف يمكنك الحصول عليها مجانًا حتى تتمكن من متابعة هذا البرنامج التعليمي والإنشاء بالضبط نفس موقع الويب الذي قمت بإنشائه إذا كنت تريد المتابعة مع نفس الصور التي أستخدمها في البرنامج التعليمي الخاص بي وبنفس الألوان، فيمكنك الانتقال إلى 30C corp.com للحصول على/ الصور، ثم اضغط على "إدخال" وها أنت لا تحتاج إلى
التوقيع للحصول على حساب بريد إلكتروني أو شيء تحصل عليه من أجله مجانًا وبعد ذلك يمكنك فك ضغطها، وأود إحضارها إلى سطح المكتب الخاص بي الذي قمت بتنظيفه خصيصًا لك، ثم يمكننا الانتقال إلى العلامة التجارية على الويب Divine وإليك نظرة عامة على الألوان التي سأستخدمها في موقع الويب الخاص بي وهنا الأيقونة المفضلة سأستخدم في موقع الويب الخاص بي والشعارات التي سأستخدمها في موقع الويب الخاص بي، لذا إذا كنت تريد المتابعة فلا تتردد في استخدام هذه الصور والشيء الرائع هو أنه يمكنك تغيير الصور لاحقًا في موقع الو
يب الخاص بك وبعد ذلك سيتم تغييرها في كل مرة. مكان واحد في موقع الويب الخاص بك ، لذا لا يجب أن تكون الألوان محددة ولا يمكنك تغييرها أبدًا بعد ذلك، لا يزال بإمكانك فقط تغيير اللون وسيتم تغييره في كل مكان، واستخدام هذا اللون في موقع الويب أمر رائع على ما أعتقد دعنا نتحدث عن سمات WordPress التي لديك، WordPress يجعل WordPress من السهل علينا إنشاء مواقع ويب لا نحتاج إلى معرفة أي شيء عن البرمجة، ثم يوجد في أعلى Wordpress سمات ومنشئو صفحات، لذلك يقرر السمة شكلها وعرضها موقع الويب الخاص بك وكل سمة لها وظ
ائفها الخاصة، لذا ما سنفعله هو أننا سنجد أفضل سمة لموقعنا على الويب، فهناك سمات مميزة تكلف أموالاً وهي سمات مجانية في هذا البرنامج التعليمي سنستفيد منها مجانًا السمة وهذا السمة المجانية مذهلة، بل يمكنها أن تفعل أكثر من بعض سمات B، لذا دعني أوضح لك ما يمكن أن تفعله السمات وأعرض لك بعض الأمثلة وبعد ذلك سنحصل على سمة bloxy المجانية، فلنتحدث عن السمات، هذا ما تراه هنا موضوع يحدد المظهر مظهر موقع الويب الخاص بك وكل موضوع له وظائفه الخاصة، لذا لأعطيك مثالًا هنا، لدي وكالة تصميم الويب Amsterdam web Div
ine وهذا معروض بنص أسود على خلفية فاتحة لأن هذا هو نمط هذا المظهر إذا ذهبت إلى النهاية الخلفية وانتقلت إلى سمات المظهر، فهناك أيضًا سمات أخرى إذا ذهبت إلى السمة 2022 وقمت بتنشيطها، فانظر إلى هذا، يظل محتوى موقع الويب الخاص بي كما هو ولكن الآن يحتوي نفس العنوان على لون مختلف وخلفية مختلفة لماذا هذا هو تصميم موضوع 2022، لذا فإن موضوع موقع الويب الخاص بك هو الذي يحدد نوع التصميم وكل موضوع له وظائفه الخاصة جيدًا، لقد كنت أبحث كثيرًا عن أفضل موضوع مجاني موجود وأنا لقد وجدته، وأخيراً وجدت أنه موضوع را
ئع يمكنك إنشاء مواقع ويب احترافية به، إنه موضوع bloxy ويمكنك الحصول عليه عن طريق الانتقال إلى 30 corp.com blockc، ثم اضغط على زر الإدخال، وبعد ذلك يمكنك تنزيله مجانًا هنا أيضًا. إصدار احترافي ولكن في هذا البرنامج التعليمي نريد التركيز على الإصدار المجاني ثم أنقر فوق "تنزيل" وهناك أغلق هذا وأغلقه من أجل تثبيت هذا المظهر، ثم أذهب إلى النهاية الخلفية لموقع الويب لموضوعات المظهر انقر فوق إضافة سمة جديدة يمكنني تحميل سمة ثم يمكنني سحبها هنا وتثبيتها أو أضف سمة جديدة هنا يمكنني البحث عن bloy وها أنت ذ
ا حتى أتمكن أيضًا من تنزيلها من داخل WordPress أنقر فوق التثبيت ثم أنقر على التنشيط، لذا الآن إذا ذهبت إلى موقع الويب يبدو الأمر بهذه الطريقة، فهو لا يبدو جذابًا بعد ولكننا سنجعله يبدو جميلًا ثم أعود، فمن المهم حقًا أن نقوم بتثبيت البرنامج الإضافي المصاحب لذلك قمت بالنقر فوق تثبيت bloxy Companion وسيوفر لك ذلك جميع الميزات الموجودة في الإصدار المجاني، لذلك تحتاج إلى أن يكون لديك السمة bloxy theme ثم تحتاج إلى الحصول على المكون الإضافي bloxy Companion وعندما تقوم بتثبيته يختفي هنا و بعد ذلك يمكنن
ا الاستفادة من جميع الميزات الجميلة لهذا الموضوع، لذا فقد حان الوقت لتحميل شعارنا وأيقونتنا المفضلة على موقعنا. ما يمكنك فعله، يمكنك القيام ببعض الأشياء التي يمكنك استخدام الشعار والأيقونة المفضلة الموجودة لدي مجلد الصور الخاص بي، يمكنك المتابعة مع أنه يمكنك أيضًا إنشاء شعار بنفسك. لدي برنامج تعليمي حول هذا الموضوع يمكنك مشاهدته هنا أو في الوصف كيف يمكنك إنشاء شعار مجانًا باستخدام canva أو يمكنك الاستعانة بمصادر خارجية لذلك أو أنت يمكنك أن يكون لديك صديق يقوم بإنشاء شعار لك، حسنًا، هناك العديد م
ن الخيارات التي تعود إليك بالطبع الآن، سأعرض لك الطرق القليلة التي ذكرتها للتو حول كيفية السماح لشخص آخر بإنشاء شعار أو إنشاء شعار بنفسك، لذلك دعونا نواصل الآن إذا ذهبت إلى موقع الويب يبدو هكذا، سأجعله يبدو أفضل، كيف يمكننا أن نفعل ذلك بشكل جيد، لقد قمنا للتو بتنزيل الصور لهذا البرنامج التعليمي وأنا تريد استخدام الشعار الخاص بي، إذا كنت تريد إنشاء شعار خاص بك، يمكنك القيام بذلك، يمكنك الذهاب إلى YouTube للبحث عن شعار canva 30، ثم اضغط على "إدخال"، وانظر إلى هذا، سأوضح لك كيفية إنشاء شعارات مذهلة
مذهلة مجانًا بخلفية شفافة، كما تريد أيضًا يمكنك فعل ذلك، يمكنك الانتقال إلى 30 corp.com fivr، والسماح لشخص آخر بإنشاء شعار لك، لدي صديق أنشأ شعارًا لي، لذلك ذهبت إلى Figma، لقد أنشأ الشعار في Figma هنا حتى أتمكن من اختيار واحد وقررت للذهاب مع هذا ولكن إذا انتهيت من موقع الويب الخاص بي، فيمكنني تغيير الألوان وبنقرات قليلة سأوضح لك في البرنامج التعليمي كيفية القيام بذلك، يمكنني تغيير الشكل والسادس من هذا إلى شيء مثل هذا أو هذا لذلك قررت أن أستخدم هذا، وقمت بتصديره بتنسيق SVG ويمكنك العثور عليه في
مجلد الصور، لذا إذا ذهبت إلى البرنامج التعليمي لصور سطح المكتب على الويب لتحديد العلامة التجارية، يمكنك العثور عليه بتنسيق SVG وPNG وباستخدام SVG يتم الحل يبقى مثاليًا حتى تتمكن من جعله كبيرًا قدر الإمكان وسيظل يبدو حادًا لذا اسمح لي بإغلاق هذا الإغلاق من هذا الإغلاق من أجل تحميل شعارك إلى موقع الويب الخاص بك، انتقل إلى أداة التخصيص هنا ثم يمكنك التمرير هنا وسترى ثلاث نقاط انقر عليها الآن هنا يمكننا تحميل شعارنا، ثم انقر فوق تحديد شعار ثم يمكننا الحصول عليه من جهاز الكمبيوتر الخاص بنا عن طريق ا
لنقر فوق تحديد فلس، ثم أذهب إلى الصور التعليمية لتصميم الويب للعلامة التجارية وأريد أن أذهب إلى شعار SVG الذي هو ملف عالي الجودة، إذا لم ينجح ذلك بالنسبة لك، يمكنك استخدام ملف PNG ولكن ترى أن الجودة أقل قليلاً، فأنا أختار الشعار. SVG وهو أصغر أيضًا بـ 12 كيلو بايت وPNG بحجم 23 كيلو بايت لذلك أنقر على logo.svg open ثم أذهب إلى العنوان انسخ العنوان وألصق العنوان في النص بالكامل وفي الوصف ثم أنقر على تحديد وهناك ما لا أريده هو هذا النص أدناه، لذا هنا على اليسار يمكنني النقر على العنوان الجانبي ويمك
نني إيقاف تشغيله هنا هو الشعار يمكنني تغيير ارتفاع الشعار وبما أن الجودة هي SVG، انظر إليها هذا لا يهم كم هو كبير، سيظل حادًا، هل ترى إلى أي مدى تريدني أن أوضح لك أنه يظل حادًا بشكل جميل، حسنًا، دعنا نلتزم بـ 50 وبعد ذلك يبدو أن كل شيء آخر على ما يرام، انشر إذن أريد تحميل شيء ما هنا لأنني الآن إذا ذهبت إلى apple.com و tesla.com، فإن ما أراه هنا هو شعار Apple، وما أراه هنا هو شعار Tesla، فأنا أرى شعار العمال هنا أريده لتغييره إلى شعاري، يطلق عليه أيقونة مفضلة من أجل تحميله إلى هذا المكان، أنقر هن
ا ثم أعود ثم أقوم بالتمرير لأسفل طوال الطريق الذي أذهب إليه إلى الهوية الجانبية وأحدد أيقونة الموقع مرة أخرى، قم بتحميل الملفات، حدد الملفات ثم هنا في العلامة التجارية، أذهب إلى الرمز المفضل لدي، يجب أن يكون مربعًا مفتوحًا ونسخًا ولصقًا ولصقًا، حدده يمكنني قص الصورة ثم تظهر هنا، والآن عندما يكون الأشخاص في موقع Tesla الإلكتروني يعرفون أنني أريد العودة إلى موقع الويب الخاص بوكالة تصميم الويب في أمستردام وبعد ذلك يمكنني رؤية هذا الرمز المفضل وأعلم أن هذا هو المكان المناسب للنشر وأغلقه، لذا فهو الآ
ن يبدو أفضل قليلاً بالفعل، لذلك لدينا شعارنا ولدينا رمزنا المفضل الآن أريد ذلك أضف بعض الصفحات إلى موقعنا على الويب وأريد إضافة هذه الصفحات إلى قائمة مثل كل مواقع الويب الأخرى تقريبًا في العالم، لذا دعني أوضح لك كيف يمكننا تكوين ذلك باستخدام السمة bloxy عندما بدأ WordPress منذ سنوات مضت، كان أداة للتدوين، لذا لماذا ترى هنا جاهزًا لنشر مشاركتك الأولى، ابدأ هنا جيدًا، لا أريد عرض مشاركتي الأولى هنا، أريد إظهار الصفحة الرئيسية هنا لإظهار الصفحة الرئيسية، أحتاج إلى إنشاء صفحة رئيسية، لذا اسمح لي أوض
ح لك كيفية إنشاء الصفحة الرئيسية والصفحات الأخرى في WordPress، فمن السهل حقًا الانتقال إلى أداة التخصيص ثم التمرير لأسفل هنا على اليسار وصولاً إلى القوائم والنقر عليها ثم يمكننا إنشاء قائمة جديدة نريد تخصيصها هنا لذلك انقر فوق "إنشاء قائمة جديدة" واسم القائمة هذا هو فقط للإشارة إليك، ويمكنك الاتصال بعمه "جيم" أو "جون" إذا كان اسمه "جون" اعتمادًا على ذلك أو ربما يكون عمتك "عمتك بولي" حسنًا مهما كان مرجعك لذلك أفضل أن أسمي هذا " القائمة الرئيسية لذا أعرف أنها القائمة الرئيسية وأريد تخصيصها لقائمة
Heather التي ستظهر هنا، أنقر على التالي وبعد ذلك يمكنني إضافة عناصر لذلك أنقر على ADD ويمكنني إضافة صفحة جديدة جيدًا أول ما أريد إنشاءه بالطبع هو الصفحة الرئيسية الصفحة التي يدخلها الأشخاص عندما يذهبون إلى موقع الويب الخاص بي، ثم أقوم بالنقر فوق "إضافة" وسيحدث شيئين، سيتم إنشاء صفحة وستتم إضافة الصفحة إلى قائمتي، وهذا ما أريده، انقر فوق " إضافة عناصر" مرة أخرى الآن، الأمر ليس كذلك مجرد مسألة أوه، لقد قمت للتو بإنشاء بضع صفحات، فكر الآن في الغرض من موقع الويب الخاص بك، يمكنك القول أن عمي يعيش في
مدينة كيب [موسيقى] ولكن ربما لا علاقة له بعملك، لذا ربما يكون مثالًا غريبًا أعلم أنه مثال غريب ولكن ضع في اعتبارك ما هو هدف موقع الويب الخاص بي إذا كان هو الحصول على عملاء جدد الآن، ما هي الصفحات التي يمكن أن تساعدك في الحصول على عملاء جدد ولهذا يمكننا إلقاء نظرة على مواقع الويب الأخرى لذلك إذا بحثت عن الويب وكالة التصميم كيب تاون وعادة ما أفضّل عدم القيام بذلك ولكن الأشخاص يدفعون مقابل ذلك إذا نقرت على هذا، وإذا نقرت على هذا، فأنا أعلم أن موقع الويب هذا مُحسّن للتحويل وإلا إذا لم يحصل الأشخاص ع
لى المزيد من المال من الإعلانات فلن يقوموا بالإعلان بعد الآن حتى نتمكن من إلقاء نظرة على ما ينشرونه هنا جيدًا، فهم يعرضون خدماتهم، والخدمات المالية، ومساعدة وسائل الإعلام الصحية حول شركتهم، عنا، والرؤى المهنية، والشهادات، والمشاريع، تحصل على الأسعار، وما أراه هو أنه يتم تسليط الضوء على الحصول على الأسعار، حتى أن لديهم شيئًا مثل هذا يجب أن أقدم برنامجًا تعليميًا حول كيفية إنشاء شيء مثل أن هناك عبارة تحث المستخدم على اتخاذ إجراء تسمى الحجز، لذا فإن ما أرى أنهم يريدون الحصول على عملاء جدد ولهذا الس
بب لديهم عبارتين تحث على اتخاذ إجراء، لذا ما أرى أنهم يتحدثون عنه عن أنفسهم حتى أتمكن من إنشاء صفحة تسمى عنا أو عن وإضافتها إلى القائمة. ما أراه أيضًا هو أنهم يعرضون خدماتهم، وهذا أيضًا ما أريد القيام به لذلك أقوم بإنشاء صفحة خدمات ثم أريد تسليط الضوء عليها ما هي الخدمات التي أقدمها فهي تقدم الكثير من الخدمات التي لا أقدمها كثيرًا ولكن هناك أربع خدمات أقدمها الأولى هي العلامة التجارية والثانية هي تصميم الويب وتعديلها والثالثة هي تحسين محركات البحث (SEO) والرابع هو الإعلان الإعلاني الفائق رائع ال
آن، أرى جميع الخدمات هنا ولا أريد أن تكون أسفل الخدمات، كيف يمكنني أن أفعل ذلك بكل بساطة أدناه، قم بسحب العلامة التجارية للخدمات إلى اليمين حتى يكون هناك نقرة كهذه مسافة ويتم التقاطها هكذا الآن أصبحت مجرد قائمة فرعية كما ترى، أنا لا أحب الألوان ولكننا سنتحدث عن الألوان لاحقًا وأضيف عنصرًا جديدًا لأنه عندما يرى الأشخاص خدماتي وعنا ويكونون مهتمين يريدون رؤية الجودة من الخدمة التي أقدمها، لذلك أرغب في إجراء اتصال بالصفحة أو العمل حتى يتمكن الأشخاص من رؤية ما فعلناه للعملاء الآخرين، وطريقة لجذب عملا
ء مجانيين إلى موقع الويب الخاص بك هي عن طريق التدوين، لذلك حصلنا على إضافة صفحة مدونة ومتى الناس سعداء لأنه يمكنهم التواصل معنا لذا يمكنني أن أقول حسنًا، حسنًا، هذه هي صفحتنا الآن، حسنًا إذا ألقيت نظرة على هذا الموقع الذي يعلن عنه الأشخاص عما لا أراه هنا هي الصفحة الرئيسية عندما يقوم الأشخاص أريد الانتقال إلى الصفحة الرئيسية أو إذا ذهبت إلى صفحة الشركة وقمت بالنقر مرة أخرى على Anderson، ثم أعود إلى الصفحة الرئيسية، وهذا ما أريد أيضًا أن أفعله، هنا آسف الصفحة الرئيسية، لقد قمت بفتحك ثم قمت بالنقر
فوق "إزالة" لذلك لن تظهر الصفحة الرئيسية هنا ثم أريد العودة أريد العودة مرة أخرى وبعد ذلك أذهب إلى إعدادات الصفحة الرئيسية وبدلاً من إظهار آخر منشور على الصفحة الرئيسية أريد إظهار الصفحة الجمالية لذلك أختار عرض صفحتي الرئيسية ليس منشورك الأخير بل صفحة ثابتة الآن يمكننا تحديد تلك الصفحة الثابتة التي أنشأناها للتو الصفحة الرئيسية، يمكننا أيضًا تعيين صفحة النشر، صفحة المدونة إلى صفحة المدونة للنشر، والآن إذا أغلقت هذا، فلن نرى إنشاء موقعك أول مشاركة ولكننا نرى الصفحة الرئيسية، لذا خطوة بخطوة تتحسن
وأفضل، لدينا دليل هنا يحتوي على الخدمات ثم قائمة فرعية لتصميم الويب للعلامة التجارية وتحسين محركات البحث والإعلان عما يمكننا القيام به هنا جيدًا إذا ذهبت إلى النهاية الخلفية لـ القوائم نرى القائمة ولكن بطريقة مختلفة هنا يمكننا القيام ببعض الأشياء الأخرى ما يمكنني فعله يمكنني إضافة صفحات ولكن يمكنني أيضًا إضافة منشور لذلك إذا كان لدي منشور مدونة يمكنني إضافته إلى القائمة أو مخصص الرابط، لذلك ربما تريد أن يكون لديك رابط خارجي لموقع الويب الخاص بي على سبيل المثال، ويمكنك تسمية هذا بإلهام [الموسيقى
] الخاص بي، ويمكنك حفظ القائمة وفتحها وعلامة تبويب جديدة وها هو، وينتقل إلى موقع الويب الخاص بي، ويمكنك أيضًا النقر فوقه هنا احصل على المزيد من الخيارات هنا انتقل إلى علامات خيارات الشاشة، وسمة العنوان المستهدف، وما إلى ذلك، والآن لدي الكثير من الخيارات الإضافية، أحدها هو فتح الرابط في علامة تبويب جديدة، واحفظه، لذلك أذهب إلى موقع الويب إذا نقرت على جهة اتصال، وأظل في نفس علامة التبويب ولكن إذا أنقر على الإلهام الخاص بي، وأفتحه في علامة تبويب جديدة، لذا هناك بعض الخيارات الإضافية التي يمكنك فتحه
ا هنا، وأنا شخصيًا لا أستخدمها أبدًا تقريبًا، فقط رابط الهدف، لذا يبدو الآن نظيفًا، ولا يمكنني فتحه إلا في علامة تبويب جديدة. احفظه، اسمح لي أن أعرض لك شيئًا آخر، يمكنني أيضًا الحصول على قائمة تذييلية، لا أعرف ما إذا كنت ستشاهد ذلك في الحال، لا، ولكن بعد ذلك في التذييل يمكنك تعيين ذلك لمنطقة معينة في طعامك الذي سنذهب إليه للحديث عنه لاحقًا ولكن الآن قم بإلغاء تحديده، سيتم عرض الرأس فقط في قائمة الرأس المخصصة لهذه المنطقة، رائع أريد التخلص من عنصر القائمة هذا هنا لذلك أذهب إلى أداة التخصيص، ثم قم
بالتمرير لأسفل إلى القوائم الرئيسية القائمة، انقر هنا، قم بالإزالة، لذا يكون ذلك أفضل قبل نهاية البرنامج التعليمي، قمنا بإنشاء ورقة تحتوي على الكثير من الألوان التي سنستخدم فيها ألوان علامتنا التجارية، دعني أوضح لك كيف يمكننا تنفيذها في موقع الويب الخاص بك باستخدام السمة bloxy الآن أريد ذلك أتحدث عن الألوان، أستخدم ألوانًا معينة في شعاري ولدي لوحة ألوان قمت بإنشائها من خلال الألوان الرائعة ويمكنك متابعتها في تورال بنفس الألوان التي أستخدمها أو استخدم الألوان الخاصة بك وما سأفعله سأذهب إلى أداة
البحث الخاصة بي يمكنني الانتقال إلى التنزيلات الخاصة بملف PDF الخاص بي، كما قمت بإنشاء ملف PDF في ملف الصور التعليمي لذلك أذهب إلى الويب للعلامة التجارية الإلهية على شبكة الإنترنت الألوان الإلهية لذلك سأستخدم تلك الألوان لذا ما أحتاج إلى فعله أحتاج إلى نسخ هذه النسخة الآن أذهب إلى أداة التخصيص ثم أذهب إلى الألوان وهنا يمكننا الاستفادة من لوحة الألوان العامة إذا نقرت هنا يمكنني اختيار لوحة مختلفة والآن لا ترى الكثير، ترى أن هذا أخضر قليلاً ولكن ماذا سيحدث إذا استخدمت كل هذه الألوان العالمية في جم
يع أنحاء موقع الويب الخاص بك وقمت بتغيير هذه الألوان، يمكن أن يتغير نمط موقع الويب الخاص بك بالكامل عن طريق تغيير تلك الألوان، لماذا لأنه سيتم ربط الكثير من الألوان في موقع الويب الخاص بك بهذه الألوان الثمانية دعنا ننقر هناك مرة أخرى، إذا قمت بإلقاء نظرة داكنة على هذا، فإن مظهر المنظر بالكامل سيتغير عن طريق تغيير الألوان هنا، لذا سأختار منصة نقالة واحدة وأبدأ في استخدام الألوان من kolars هنا أول واحد ثم أذهب هنا أنا اختر اللون الثاني، فمن الغريب بعض الشيء تقليده، فمن الصعب لذا ما يمكنني فعله أيض
ًا هو أن أفعل ذلك بهذه الطريقة، لذا أذهب إلى اللون الثاني وبعد الهاشتاج أقول 006 بناءً على هذا اللون ثم 573 ثم أذهب إلى اللون الثاني اللون الثالث هذا هنا واحد 2 اثنان 2 اثنان اللون الرابع أريده أسود بالكامل ثم اللون الخامس أريده أن يكون هذه النسخة وهذا اللون الفاتح المعجون ثم أريد أن يكون أبيض فاتح، فهو ليس مثاليًا أبيض ولكن أقل قليلاً أتركه مع ذلك ثم أبيض تمامًا، حسنًا، أبيض تمامًا أريد أن أجعله أغمق قليلاً ولا أريد استخدامه مع اللون الأبيض المثالي ثم هذا اللون الذي أريده أن يكون هو نفسه هذا وا
حد لذا قمت بنسخ هذا ولكن بعد ذلك أغمق قليلاً لذا أسحب هذا لأسفل أو ربما ليس أغمق ولكن تغييرًا بسيطًا نعم مثل هذا حسنًا ما تراه هذا اللون يتغير الآن لا أريد ذلك لذلك أريد أن تكون الخلفية بيضاء كيف هل يمكنني فعل ذلك هنا في لوحة الألوان العامة أو في الألوان التي أقوم بالتمرير لأسفل على طول الخلفية الجانبية التي أريدها أن تكون بيضاء، حسنًا حتى الآن جيد جدًا، وسنستفيد من البرنامج التعليمي من لوحة الألوان هذه وبعد ذلك متى اكتمل موقعنا الإلكتروني وقمت بتغيير هذين اللونين، سيتغير المظهر الكامل لموقعنا ا
لإلكتروني، لذلك قمت بالنقر فوق "نشر" وأغلقنا وتحدثنا عن الألوان، ومن المهم أيضًا التحدث عن أموال الخطوط التي تعد أيضًا جزءًا من العلامة التجارية، لذلك دعونا نتحدث عن الأموال ما هي الأموال التي يمكنك استخدامها وما هي الأموال التي تناسب علامتك التجارية وما هي الأموال التي لا تناسب علامتك التجارية، لذا دعني أوضح لك كيف يعمل ذلك، تحدثنا للتو عن الألوان، والآن حان الوقت للحديث عن الخطوط التي أحب استخدام خطوط Google فيها من أجل العثور على تلك الخطوط يمكننا الذهاب إلى الخطوط. [موسيقى] google.com ومن أج
ل إظهار كيف ستبدو القائمة، قمت بنسخ هذا وأكتب النص هنا حتى أراه هنا والآن أستطيع أن أجعل هذا أصغر إذا أردت يمكنني التصفية بعض الأشياء ما لا أفعله تريد شيئًا كهذا لأن المتعة تقول الكثير عن علامتك التجارية، سيكون موقع الويب الخاص بي يدور حول مساعدة الأشخاص على إنشاء موقع ويب رائع مصمم بطريقة جيدة، لذلك إذا استخدمت تلك الخطوط التي لا علاقة لها بما أريد تمثيله، فهذا غريب جدًا، ما يمكنني فعله هو أن أذهب إلى أداة التخصيص، يمكنني النقر على النقاط الثلاث ثم هنا في التصميم بالمناسبة، اسمحوا لي أن أختار ت
صميم القائمة الرئيسية، يمكنني أن أذهب إلى عائلة الخطوط، ويمكنني أن أذهب لإلقاء نظرة سريعة يبدو أنك اخترت خط Google، فاقرأ هذا وإذا كنت تريد معرفة كيفية تخزين أموال Google على موقع الويب الخاص بك، فلدي برنامج تعليمي حول هذا الموضوع، ويمكنك العثور عليه هنا، وانقر فوق " متابعة"، يبدو أن هذا هو ما يحدث لا تمثل علامتي التجارية، لذا فإن بعض الأشياء التي أريد القيام بها أريد تصفية بعض الأشياء هنا، كما ترى sarif وson sarif، يمكنني البحث عن serif مقابل son serif، هناك فرق كبير وهذا معروض هنا هنا مع Ser،
كما ترى تلك الأشياء الإضافية الأشياء هنا، تلك الامتدادات إذا كان بإمكانك تسميتها بهذه الطريقة، اه إنها فرنسية بدون تصفح، فهذا أمر واضح ومباشر في رأيي، لذلك بعض الأمثلة، لذا ما يمكنك القيام به على موقع الويب باستخدام أمثلة خطوط Sur، وأنا شخصيًا لا أحب استخدامها ما لم يكن لديك موقع ويب من نوع Arty، فأنا أحب العمل مع Sun Reef، لذا ما يمكنني فعله هو تحديد Sun reef وهناك الكثير من العائلات التي تتمتع بصوت toef ولا أريد أن يكون لدي خط يد أو عرض أفضل التحديد لا يوجد شيء هنا ، لذا ما أود فعله هنا أيضًا
بعد ذلك هو المساحة ثم لماذا لأن شعاري يحتوي على حرف i مع مربع على شكل نقطة لذا أريد أن أرى كيف سيتم عرض "أنا" من خلال كل هذه الخطوط لذا، ها هي مستديرة، لذا دعني أوضح ما يمكنني فعله أيضًا، يمكنني التخلص من كل شيء آخر وأقول حسنًا هنا، كما ترى الأمر بشكل دائري، لذا الآن يمكنني أن أخوض في كل هذا وعندما أحب شيئًا ما، أستطيع ذلك التحقق من ذلك، هذا هو ما أحبه حقًا ولا أحتاج إلى تلك SS بشكل أفضل، لذلك ما يمكنني فعله يمكنني تحديده هنا أصوات Nito وهناك يمكنك الذهاب إلى الجرأة وجعلها أكثر جرأة قليلاً ويمكن
ني جعلها أكبر هذا كبير حقًا لذا دعونا لا نفعل ذلك وأريد أيضًا أن أجعله أقل جرأة ويعجبني ذلك، فهذا هو الخط الذي أريد استخدامه للقائمة ولجميع العناوين التي أريد أيضًا الاستفادة منها خط النص الأساسي للخط، لذلك يمكن التحقق من كل النص الموجود في موقع الويب الخاص بي وأي خط يجب أن يحتوي عليه هنا وأريد أن يتطابق قليلاً مع النص الذي لدي أبناء nunito، يمكنني أيضًا البحث عن خط جيدًا، أعلم ذلك الأبناء لديهم الكثير من الخطوط الرائعة لذا أفتح Sons على سبيل المثال مرة أخرى nunito [موسيقى] Suns PT Suns لذلك أحب
فتح SS هذا لذا أريد استخدامه للنص لذا أعود وأعود إلى الطباعة الأساسية الخط أريده أن يكون مفتوحًا SS لذا أنسخ هذا Open S وحدده ثم بالنسبة للعناوين أقول nunito S الأمر C أو التحكم C انسخه لذا في كل مكان أضع Nito SS يجب أن أفعل ذلك مرة واحدة فقط لذلك ليس من الممتع القيام بذلك افعل ذلك ولكن عليك القيام بذلك مرة واحدة فقط، لذلك عندما أكتب شيئًا ما على موقع الويب الخاص بي، سيكون مفتوحًا SS وعندما أقوم بإنشاء رأس أو إنشاء شيء ما هنا، سيكون noo SS حسنًا، فلنحتفظ به فلنعد إلى القائمة هناك المزيد الذي يم
كننا القيام به الآن عندما أقوم بالتمرير فوقه ولا ترى أي تغيير أو تغيير طفيف، يمكنك أيضًا إنشاء شيء مثل هذا أو ما شابه ذلك، أحب أن أبقيه عاديًا قدر الإمكان لذلك أذهب لكتابة عنصر واحد يباعد بينك يمكن إنشاء مساحة أكبر بين جميع العناصر، دعنا نقول 30 يمكنني توسيع القائمة بهذه الطريقة، أفضل عدم القيام بذلك، ثم هناك القائمة المنسدلة لذلك دعونا نلقي نظرة على القائمة المنسدلة، لا أحب ذلك، فهي ليست في ألوان العلامة التجارية بالمناسبة، أريد الاستفادة من رأس مال صغير، ولا أريد أن يكون لدي أي أحرف كبيرة هنا
لأنها أيضًا نص صغير بدون أحرف كبيرة، ومن أجل القيام بذلك يمكنني الانتقال إلى التصميم، انقر على النقاط الثلاث وقم بإيقاف تشغيل هذا ولكني لم أقم بذلك بعد، فأنا لست خبيرًا في CSS ما هو CSS CSS عبارة عن أوراق متتالية بدون CSS، موقع الويب الخاص بك هو مجرد نص عادي وهنا وهناك صورة باستخدام CSS تحصل على أشياء أنيقة سيتم نشرها على المكان المناسب في موقع الويب، لذا باستخدام CSS يمكننا تغيير نمط موقعنا والموضوع وWordPress يقوم بالكثير من هذه الأشياء، لذلك لا يتعين علينا معرفة أي شيء عن CSS، لكن في بعض الأح
يان إذا كنت تريد تعديل شيء ما، يمكنك استخدام القليل من CSS، حسنًا، اسمح لي أن أوضح لك خطوة بخطوة كيف يمكنك القيام بذلك، أحدث دورة تدريبية لي أه دورة CSS كانت في عام 2007، لا أعرف الكثير عن CSS ولكني أعرف ما يكفي لأوضح لك ما سنفعله، نعم لذلك لن يكون الأمر معقدًا للغاية، يمكنك فقط المتابعة وافعل ما أفعله بالضبط وأنت سأحصل على نفس النتائج، نعم هيا بنا، أنا لست خبيرًا في CSS ولكني أعرف القليل عنها، ما يمكنك فعله إذا كان لديك Google Chrome، انقر بزر الماوس الأيمن فوق فحص، حسنًا، دعنا نغلق هذا أولاً،
انقر بزر الماوس الأيمن فوق فحص، ثم هنا اسمحوا لي أن أرى القائمة Li حسنًا هنا أنقر وأقول تحويل النص وأقول أحرف صغيرة كل شيء صغير لذا ما أفعله الآن أمسك بأمر المنطقة بالكامل أو يغلق التحكم C الآن أذهب إلى أداة التخصيص، وهو أيضًا شيء رائع السمة الممتلئة التي تحتوي على CSS إضافية في الإصدار المجاني عادة ما تكون في الإصدار الاحترافي مع الكثير من السمات التي ألصقها والآن لم تعد هذه أحرف كبيرة لذا أريد التخلص من كل شيء لم أكتبه هنا أنا فقط قال تحويل النص لذلك لا أحتاج إلى هذا ما أعرضه هنا ما أكتبه هنا
هو الكتابة فوق CSS الأساسي لذا فإن CSS يقوم بتسلسل أوراق St. آخر دورة تدريبية لي حول CSS كانت في عام 2007 لذلك لا أعرف الكثير عنها بعد الآن ولكن ما أعرفه هو أن CSS يتأكد من أن موقع الويب الخاص بك يحتوي على نمط معين وأن هذه الخلفية هي هذا اللون وأن هذا هو الخط الصحيح، وكل ذلك مع CSS، لذا فإن ما أقوله هنا في CSS الإضافي مثل الكتابة فوق رابط قائمة القائمة إلى أحرف صغيرة ولكن هذا ليس هو الحال بعد، فكيف يمكننا أن نفعل ذلك، دعني أنشره ربما قليلاً في المستوى التالي، انقر بزر الماوس الأيمن فوق فحص هنا،
القائمة الفرعية اسمح لي بالنقر في مكان ما ثم إرسال رسالة نصية مرة أخرى [موسيقى] تحويل الأحرف الصغيرة حسنًا، دعنا نرى إذا كان كل شيء يعمل بأحرف صغيرة، قم بالتمرير لأعلى مرة أخرى، فها هو النص الذي يتحول إلى أحرف صغيرة، حسنًا الآن، قمت بتحديد القائمة الفرعية والقائمة الفرعية الرابط، قمت بنسخ هاتين النسختين وتخصيص CSS إضافي ثم هنا مساحة عندما ألصقه، يعود كل شيء إلى طبيعته، لا أريد هذا ما يجب أن أفعله بعد ذلك بعد فاصلة رابط القائمة والآن ما هو مكتوب لفئات CSS هذه لأن الفاصلة هي نوع من علامة الجمع كما
نريد تحويل النص إلى أحرف صغيرة أيضًا في القائمة الفرعية، فهي أحرف صغيرة لذلك هناك كانت دورة تدريبية مصغرة حول CSS إذا لم تنجح، قم بإلقاء نظرة فاحصة على هذا إذا قمت بملء هذا تمامًا كما هو موجود على شاشتي، فلا بأس، يمكنك إيقاف الشاشة مؤقتًا إذا كنت قد فعلت ذلك، آمل ذلك احصل على نفس النتائج، أغلقها حسنًا، ثم أذهب إلى أداة التخصيص، انقر فوق التصميم هنا وبعد ذلك يمكنني جعلها أكبر قليلاً، أغلق النشر، أريد أن أفعل شيئًا آخر حول هذه القائمة وهو ضبط القائمة الفرعية لأنني لا لا أحب الألوان، لذا دعنا نتعم
ق في الأمر، أذهب إلى أداة التخصيص التي أقوم بتمرير مؤشر الماوس فوقها هنا، وانقر فوق النقاط الثلاث بجوار القائمة، وهنا يمكننا ضبط الأشياء إذا قمت بالتمرير لأسفل، فهناك خيارات منسدلة، لذا الآن عندما أقوم بتمرير الماوس فوقها يظهر يمكنني أيضًا أن أقول عندما أنقر عليه سيظهر أنني أفضل التمرير لأن هذا ما يجب أن يحتوي عليه كل موقع ويب في العالم وإذا ذهبت إلى التصميم انظر إلى هذا اللون أبيض عندما أقوم بالتمرير فوقه يصبح أخضر هذا هو اللون الثاني وعندما أجعله نشطا فعندما أضغط عليه سيكون أخضر والخلفية داكنة
لا أريد أن تكون داكنة أريدها أن تكون فاتحة لذلك اخترت هذا اللون الآن لا أستطيع قراءة النص بعد الآن لذلك أذهب هنا وأغير هذا إلى اللون الثالث هكذا عندما أقوم بالتحويم فوقه أريد أن تكون الخلفية برتقالية من أجل القيام بذلك أذهب إلى عام وأغير تأثير التحويم على العنصر إلى اللون الصلب والآن عندما أذهب إلى التصميم، هناك خيار آخر هنا عندما أقوم بالتمرير، يمكنني تغييره لنفترض اللون الأصفر مثل هذا ولكن بعد ذلك أريد أن يكون اللون أبيضًا تمامًا مثل هذا اللون وهذا ما أفضله، ثم أريد الانتقال إلى عائلة الخطوط
nunito Sons حسنًا، وأريد أن أجعله أكبر، أعتقد أن الرقم 16 جيد، يمكنني الحصول على مقسم العناصر، لذا دعونا نجعله أسودًا لأوضح لك كيف يبدو، يمكننا تغيير الطريقة التي يبدو بها ولكني أفضل عدم استخدام ذلك حتى أستطيع أن أقول صفر أو [موسيقى] لا شيء ثم هنا أريد تغيير تلك الألوان، لذلك أقوم بالتمرير لأعلى ثم هنا أذهب لتصميم اللون الثالث مرة أخرى عندما أقوم بالتمرير فوقه، أريده أن يكون برتقاليًا أو نعم أه أصفر تمامًا بينهما عندما يكون نشطًا ويكون أيضًا [ موسيقى] برتقالي والآن قمنا بتعديل قائمتنا، حسنًا، أغ
لق هذا كيف يبدو أيها السيدات والسادة، أتمنى أن يعجبكم هذا البرنامج التعليمي حتى الآن، إذا أعجبكم، فيرجى الإعجاب بالبرنامج التعليمي الذي سيساعدني كثيرًا وأنت تشاهد هذا ساعدني أيضًا كثيرًا لأنه كلما شاهد الأشخاص وقتًا أطول، كان ذلك أفضل لنتائج البحث، كلما زاد عدد المنافسين الذي تحصل عليه لأنه سيتم إنشاء المزيد من مواقع الويب وبهذه الطريقة نحصل على المزيد من المنافسين ولكن العالم سيصبح أيضًا مكانًا أفضل بسبب موقع الويب غالبًا ما يكون مكانًا يقدم فيه الأشخاص الخدمات والمزيد من الخدمات التي يتم تقديم
ها لبعضهم البعض، حسنًا، دعنا نتحدث بينما أتحدث عن أوه نعم، أتمنى أن يعجبك البرنامج التعليمي، ما سأفعله الآن سنقوم بتهيئة header يعجبني هذا الجزء وآمل أن يعجبك أيضًا، ويعجبني أكثر العمل مع الصفحة الأولية، وسنفعل ذلك لاحقًا، لذا إذا كنت تحب هذا، فهذا ممل، فالأشياء الممتعة قادمة، فهي تقترب كل دقيقة لقد اقتربت دقيقة واحدة، لذا فلنقم الآن بتكوين الرأس والآن أريد ضبط الرأس كيف يمكننا أن نفعل ذلك، أعود إلى أداة التخصيص قبل أن أفعل ذلك، أريد أن أفعل شيئين أريد تغيير هذا اللون من أجل افعل ذلك، أذهب إلى ا
لألوان طوال الطريق واختر اللون الأخضر الذي سيُظهر لي مدى ارتفاع هذا الرأس، ثم أنقر على الصف الرئيسي، ما يمكنني فعله أيضًا، يمكنني العودة والانتقال إلى رأس الخيارات العامة، انظر إلى هذا ما نرى هنا ثلاثة صفوف فوق بعضها البعض، الصف الرئيسي للصف العلوي والصف السفلي يمكننا ضبطهما بالنقر هنا، لذا إذا ذهبت إلى الصف الرئيسي فهذا هو الشيء الثاني الذي أريد القيام به، أريد الانتقال إلى تغيير التصميم الخلفية إلى اللون الأبيض هكذا حتى نتمكن الآن من رؤية ارتفاع الرأس لذا اسمحوا لي بتفصيله لك مرة أخرى لدينا ال
صف العلوي والصف الرئيسي والصف السفلي وكل صف يحتوي على ثلاث مناطق واحدة يسارية وواحدة في المنتصف وواحدة العنصر الأيمن الآن لا أرى المركز الأول لأنه لا يوجد عنصر فيه، يمكنني سحب هذا العنصر من القائمة إلى المركز والآن ترى تسع مناطق، ثلاث مناطق في كل صف، يسار الوسط ويمين أعلى أسفل الوسط، لذا الآن لدينا شعارنا الموجود على اليسار، وقائمتنا في المنتصف، وأيقونة البحث على اليمين، إذا عدت أرى كل هذه العناصر هنا، لذا ربما أرغب في الحصول على زر في الصف العلوي بمجرد تحريره، تظهر منطقة جديدة الصف العلوي حتى ا
لآن يمكنني ضبط الزر بشكل فردي من خلال النقر هنا أو المرور هنا والنقر هنا أو يمكنني ضبط الصف العلوي من خلال النقر هنا أو النقر هنا حتى إذا ذهبت إلى منطقة التصميم في الصف العلوي يمكنني تغيير الخلفية إلى اللون الأخضر مثير للاهتمام ويمكنني النقر على الزر يمكنني تغيير التسمية للاتصال هنا، الرابط مخصص لـ/جهة الاتصال لذلك عندما ينقر الأشخاص هناك يذهبون إلى صفحة الاتصال فلنفعل ذلك الآن وهم في صفحة الاتصال التي أنقر عليها على الشعار وأعود إلى الصفحة الرئيسية إذا انتقلت هنا إلى الصف العلوي يمكنني زيادة ار
تفاع هذا الصف ويمكنني أيضًا تقليله ولكن لا يمكنني جعله أصغر من هذا الزر، لذلك إذا قمت بإزالة الزر وذهبت بالنسبة لـ HTML، يصبح أصغر حجمًا، أنقر على HTML وأقول اتصل بنا على الرقم plus 31 6 1 2 3 4 5 6 7 8 ولكن النص داكن، وهذا هو اللون الوحيد الذي يمكنك الحصول عليه في الإصدار المجاني من boxy، الآن فقط أمزح إذا ذهبت إلى علامة تبويب التصميم، انقر على لون الخط، اجعله أبيضًا، ثم يمكنني تغيير النص، يمكنني جعله مفتوحًا Suns أو nunito Suns نظرًا لأننا في الرأس، فلنفعل nunito، يمكنني جعله أصغر قليلاً، يمكن
ني الذهاب إلى الأعلى الصف يجعل Heather أعلى قليلاً ويصطف تلقائيًا في المنتصف عموديًا حتى أتمكن الآن من العودة إلى ما لدينا أيضًا يمكننا الحصول على حساب يشتري الأشخاص الأشياء من متجر الويب الخاص بك ويمكنهم الحصول على حساب هنا يمكنهم تسجيل الخروج إلى الملف الشخصي وما إلى ذلك أو يمكن أن يكون لدينا قائمة ثانية أو يمكن أن يكون لدينا شبكات اجتماعية من هذا القبيل وإذا نقرت على الشبكات الاجتماعية يمكنك الانتقال إلى التصميم وتغيير اللون في حالتي إلى الأبيض وعندما يحوم الأشخاص فوقه باللون الأصفر بهذا الشك
ل، فأنا أريد للانتقال إلى الصف الرئيسي انقر هنا لتغيير الارتفاع لا أريد لا أريد أن أشغل مساحة كبيرة إذا قمت بذلك وألقينا نظرة هناك مساحة أقل للحصول على جميع المعلومات المهمة الأخرى الموجودة على موقعنا الإلكتروني، لذلك أفضل إبقائها منخفضة قدر الإمكان أو تقليل الارتفاع، لذلك دعنا نقول أم 70 حسنًا ربما إعادتها باستخدام الأسهم 260 دعنا نقول 60 ما يمكنك فعله أيضًا بالرأس يمكنك اجعلها مربعة بحيث تكون أصغر حجمًا، لذلك إذا قلت أمر ناقص أو تحكم ناقص تبدو هكذا أو العرض الكامل والعرض الكامل يعني أنها بالكا
مل من اليسار إلى اليمين لا يهم حجم شاشتك تمامًا من اليسار إلى اليسار صحيح حتى تتمكن من اختيار الحصول على ذلك، ويمكنك أيضًا الحصول على ذلك مع المناطق الأخرى f مع الرأس العلوي مثل هذا أو إعادته إلى الوضع الافتراضي، انقر فوق هنا افتراضيًا، لذلك باستخدام إصدار مجاني من السمة، يمكننا إنشاء شيء مثل هذا يمكنني إحضاره إلى اليمين مرة أخرى، يمكنني أيضًا إحضار الوسائط الاجتماعية هنا، ثم أحتاج إلى تغيير الألوان مرة أخرى، يمكنني إحضار هذا إلى المنتصف، كل ذلك مجرد سحب وإسقاط، وإذا كنت أرغب في الحصول على منطقة
أخرى في الصف الثالث، فأنا يمكن أن أحصل على قائمة هنا وبعد ذلك يمكنني أيضًا تعديل هذا التصميم وأفعل ما أريد لأنها حياتي وهي الآن أو أبدًا، أريد فقط أن أعيش إلى الأبد، سأعيش فقط بينما أنا على قيد الحياة، إنها حياتي، أعتقد ذلك يا رجل يمكن أن تكون أغنية جميلة حقًا خاصة عندما يكون لديك شخص يمكنه غنائها بجنون، نعم دعونا نرى ربما يجب أن أفعل شيئًا حيال ذلك، ربما يجب علي التخلص من القائمة أيضًا، لا أريد إرباك الناس بالكثير من المعلومات أعتقد أن هذا أمر رائع في الوقت الحالي، لذا أه ما يمكنك فعله أيضًا ف
ي القائمة هنا عبارة عن عبارة تحث المستخدم على اتخاذ إجراء هناك نظرًا لأن موقع الويب الخاص بي ليس كبيرًا ولا أريد أن يكون لدي منطقة بحث الآن حتى أتمكن من فعل شيء كهذا أم نعم لنأخذ الأمر على محمل الجد، أريد الحصول على زر اتصال لأننا رأينا عبارة تحث المستخدم على اتخاذ إجراء من قبل حتى أتمكن من جعلها متوسطة ثم يمكنني الانتقال إلى التصميم أريد زيادة نصف قطر الحدود، لذا دعنا نقول 25، لذا فهذه تقريبات رائعة هذا ما أريد استخدامه في موقع الويب الخاص بي تمامًا مثل الشعار بدون أحرف كبيرة والكثير من التقريب
لذلك أريد الحفاظ على الشكل ولكن الآن لدي اتصال ولدي اتصال هنا لذا أذهب إلى أه القائمة أعود أعود قم بالتمرير لأسفل طوال القائمة الرئيسية للقوائم، ثم عند جهة الاتصال، يمكنني النقر هنا وأقول إزالة، ثم يمكنني النقر هنا، فأنا أحب ذلك كلما لعبت بهذا الأمر أكثر، أصبح التنقل أسهل، أحب حقًا مدى سهولة الاستخدام هذا الموضوع الجميل هو موضوعي المفضل إلى حد بعيد وربما من خلال هذا البرنامج التعليمي سنرى لماذا ربما يكون هذا هو أول موقع ويب ستنشئه جيدًا ثم تعتاد على أحد أفضل السمات المتوفرة خاصة عندما يتعلق الأ
مر بالموضوعات المجانية كل هذا سهل الإعداد حقًا إذا سألتني وأنا أبذل قصارى جهدي لأظهر لك، لذلك بدأنا بهذا والآن لدينا هذا وأعتقد أننا نقوم بعمل [موسيقى] رائع أريد أن أرى هنا أنه متوافق جميل حقًا، وهنا لا تتم محاذاته تمامًا، فلنرى ما إذا كان بإمكاننا فعل شيء حيال ذلك على هامش تصميم الشعار، إذا قمت بإلغاء تحديد هذا على اليسار، فأنا أرغب في تقليله إلى الوضع السلبي بحيث يتماشى مع هذه المنطقة، يبدو رأسنا رائعًا إذا طلبت ذلك أنا أعتقد أنه يبدو رائعًا وآمل أن تشاركني نفس الرأي ولكن كيف يبدو على الهاتف ا
لمحمول، فلنحسنه للأجهزة الأخرى للأجهزة اللوحية للهواتف المحمولة عندما أقوم بإنشاء شيء ما على موقع الويب الخاص بي، أريد التحقق من كيفية ظهوره على الأجهزة المختلفة جيدًا. يمكن أن يخبرك أن القائمة أو الرأس سيبدو مختلفًا على جهاز آخر، لذا إذا كنت تريد رؤية ذلك، فانتقل إلى الرأس، لذا انقر هنا على الرأس ثم أذهب إلى رأس الهاتف المحمول اللوحي وهكذا يبدو نظيفًا حقًا إذا كنت تريد ذلك لا يزال بإمكانك الحصول على المنطقة العلوية باستخدام HTML، فالأمر متروك لك، وما ستضعه على الجهاز اللوحي سيتم عرضه أيضًا على
الهاتف المحمول، ولا يزال يبدو رائعًا لذا قمت بالنقر هنا والآن أرى كل هذه الألوان أرى هذه القائمة التي لا معنى لها بالنسبة لي بترتيب عشوائي، لذا فإن ما أريد القيام به أريد النقر هنا في قائمة الهاتف المحمول، لذا فإن ما أراه هنا يتم تحديده هنا، وهنا منطقة خارج اللوحة القماشية، لذا أنقر على الهاتف المحمول القائمة ثم أحدد القائمة الرئيسية بهذه الطريقة ولكن بعد ذلك أفتقد منطقة الاتصال لذا ما يمكنني فعله يمكنني العودة يمكنني إضافة زر هنا أدناه مثل هذا لذلك لا يزال يتعين علينا الحث على اتخاذ إجراء أريد
تغيير التصميم كيف يمكن ذلك أفعل ذلك بينما يمكنني تغيير شكل الخلفية من خلال النقر هنا على اللوحة القماشية المساحة لذا دعونا نلقي نظرة يمكننا الكشف عنها كنموذج كعرض كامل أو كلوحة جانبية على الجانب الأيسر أو الجانب الأيمن، عرض اللوحة هو عرض إطار العرض، لذلك إذا قلت 100 فهو يزيد تمامًا عن عرض الشاشة إذا قلت 50 هو بالضبط 50% من عرض الشاشة، ويمكنك أيضًا القيام بذلك باستخدام وحدات البكسل. يعجبني إطار العرض، لذا سأتركه مع ذلك وأعتقد أن 50 هو المحاذاة الرائعة التي يمكنني وضعها في المنتصف، واو، أنا حقًا أ
حب ذلك أفقيًا، يمكنك إحضارها إلى المنتصف، أنا بخير مع هذا وعنوان لوحة رأس الحشو، هل تريد إظهار أنها قائمة أيضًا عند إغلاقها، هل تريد إظهار أنها قائمة جيدة بالنسبة لي، وهذا ليس ضروريًا يمكنني تغيير النص ولكن أنا بخير، أنا جيد، ثم يمكننا الانتقال إلى التصميم. أحب الاستفادة من القائمة الخفيفة للرجال، والآن أحتاج إلى الانتقال هنا إلى تصميم قائمة الهاتف المحمول باللون الثالث nunito nunito SS، لماذا لا يجب أن يكون الأمر جريئًا جدًا، ثم القائمة المنسدلة، حسنًا، يمكن أن يكون هناك خلل ولكن فقط تأكد من أن
ها نفس newo Suns 500 ربما أصغر قليلاً، لذا دعونا نجعل هذا 20 ثم هذا [موسيقى] 18 اللون أريد أن يكون هو نفسه، لذلك عندما أقوم بإيقاف تشغيله يصبح أصفر برتقالي، يمكنني الحصول على فواصل مثل هذا اللون المختلف بالطبع ولكني أفضل عدم جعلها بخير، أنت تعرف ما أريد إحضاره إلى الأعلى، لذا مرة أخرى حسنًا، ثم أذهب إلى قائمة [الموسيقى] على الهاتف المحمول للقائمة المنسدلة ماذا تريد أن يتم عرضه، أنا موافق على أن هذا يمكن أن يزيد التباعد ولكني جيد في شيء آخر وهو الانهيار التفاعلي الآن يمكنني فتحه ولكن لماذا إذا قم
ت بإيقاف تشغيل هذا، يبدو أنني أعتقد أن هذا أفضل، لذا أذهب لتصميم الخط المنسدل وأجعله 20 ثم أنقر على "نشر" هنا أيضًا يبدو أنه يعمل رسومًا متحركة رائعة ورائعة، وأنا سعيد بهذا على ما أعتقد إن Heather الخاص بنا رائع بالفعل ولكن باستخدام السمة bloxy، يمكنك جعل Heather الخاص بك ثابتًا، ويمكنك التأكد من أن الرأس سيظل معك على الصفحة بأكملها، لذا إذا قمت بالتمرير لأسفل فإنه يظل معك، فهناك بعض الخيارات المختلفة التي يمكنك الحصول عليها أعتقد أن هذا أمر مذهل، لقد فزت بهذا منذ عام 2015. كان لدي سمة مميزة يمك
نها القيام بذلك ولكن لم يكن هناك سمة مجانية يمكنها القيام بذلك والآن يوجد ما يسمى السمة الزرقاء، أنا متحمس للموضوع المزرق وأم. سأوضح لك الآن كيفية إنشاء رأس ثابت، لذا ما هي الخطوة التالية إذا انتقلت إلى شاشة سطح المكتب، فيمكننا جعل هذا الرأس ثابتًا من أجل القيام بذلك، نحتاج إلى أن يكون لدينا موقع ويب أعلى، لذا ما سأفعله هو تعديل هذا الصفحة وأذهب إلى منشئ النص الوهمي، أذهب إلى 400 كلمة مع بضع فقرات وبعد ذلك يمكنني نسخ هذا النص لماذا هذا النص أه هذا نص لا يمكنك الحصول على مطالبة بحقوق الطبع والنشر
لأنه نص يمكن نشره على أي موقع ويب دون الدخول في مشاكل قانونية حتى نتمكن من مساعدتك في ملء بعض التفاصيل دون وجود أي نص حتى نتمكن من التحقق من كيف ستبدو الأمور على ما يرام الآن يمكننا التمرير لذلك ما أريد القيام به أريد الانتقال إلى أداة التخصيص التي أريد تشغيلها في الرأس اللاصق كيف يمكننا أن نفعل ذلك يمكنني الانتقال إلى الرأس ثم هنا رؤوس علامة التبويب الثانية والرأس العام وبعد ذلك يمكنني إضافة الوظيفة اللاصقة افتراضيًا فقط هذه المنطقة تلتصق بالصف الرئيسي بهذه الطريقة يمكن أن تكون في متناول يديك
وبعد ذلك يمكنك قل أيضًا أن الصف العلوي والصف الرئيسي يجب أن يكونا لزجين بحيث يلتصقان بك، الشيء الوحيد هو أن اللون يتغير، يمكنك إصلاح ذلك بالانتقال إلى تصميم الصف العلوي ولا تزال الحالة اللاصقة يمكنها أن تمنحك خلفية داكنة، لذلك الآن عندما قم بالتمرير ليبقى كما هو إذا كان لديك ثلاثة صفوف، يمكنك أيضًا الحصول على جميع الصفوف أو الصف العلوي فقط، أفضل أن يكون لدي الصف الرئيسي فقط ويظل معك طوال الوقت، يمكن أن يكون التأثير هو التمرير الافتراضي لأسفل هكذا أو ارتفاع تلقائي و إظهار هذا يعني أنه إذا قمت بال
تمرير لأسفل، فسيتم إخفاؤه بمجرد التمرير لأعلى، ثم تظهر هذه ميزة متميزة مع معظم السمات ومع السمة bloxy، فهي مجانية وأنا أحبها بالفعل لأنه عندما تقوم بالتمرير لأسفل، فمن المحتمل أن تركز على المحتوى وبعد ذلك تكون على ما يرام، ربما أرغب في الذهاب إلى مكان آخر وبمجرد التمرير لأعلى، يظهر ذلك، لذلك إذا كنت تريد ذلك، فمن الممكن أن أبقيه على الوضع الافتراضي، ويمكنك أيضًا الحصول على إزاحة لذلك أقوم بالتمرير لأسفل سيبدو هكذا حتى تتمكن من الرؤية من خلال القائمة وإذا ذهبت إلى الصف العلوي وقلت إنه 30 بكسل ثم
سأ ارجع إلى الرؤوس، الرؤوس العالمية، الإزاحة أيضًا 30 وأنا أنشرها وأغلقها، انظر إلى هذا، ولا يزال بإمكانك رؤيتها في الخلفية أعلى الرأس، يعجبني ذلك ولكني سأعيده مرة أخرى، أريد أن يكون موقع الويب الخاص بي كن بسيطًا قدر الإمكان، رؤوس الرأس العامة، ثم لا يوجد إزاحة، أريد إيقاف تشغيل الرأس اللاصق للأجهزة الأخرى، لذلك هنا على الجهاز اللوحي لا يلتصق بنا إذا قمت بتشغيله، سأفضل عدم القيام بذلك لدينا رأس ثابت ولكن يمكننا فعل المزيد، يمكننا أيضًا أن نجعله شفافًا وهذا شيء يعجبني حقًا، لذا دعني أوضح لك ما يم
كنك فعله برأس شفاف، هل يمكنك تخمين نعم، سيجعل رأسك شفافًا حسنًا، دعني أظهر ذلك كيف، ثم الشيء التالي الذي أريد إلقاء نظرة عليه هو الوظيفة الشفافة التي أقوم بتشغيلها وهذا يبدو غريبًا، حيث يمكن عرضها بشكل أفضل عندما تكون هناك صورة خلفية ولكن الآن أريد فقط أن أوضح لك ما هو ممكن إذن ما سأفعله سأعود والآن نحن في الصف الرئيسي يمكنني الانتقال إلى التصميم وهناك ثلاث حالات الحالة الافتراضية عندما لا يكون لديك خلفية شفافة، الحالة الشفافة لذا الآن كل ما أقوله هنا هو العتامة يمكن أن تظهر على هذا النحو ما أحب
ه هو جعله شفافًا جزئيًا ولكن بعد ذلك أحتاج إلى الانتقال إلى القائمة للتصميم ثم في الحالة الشفافة أريد أن يكون النص مضيئًا فوقه أريد أن أكون أصفر الآن أنا انتقل إلى الشعار والآن هذه هي قوة Blocky مرة أخرى ربما أتحدث كثيرًا عن مدى حبي لهذا المظهر بالنسبة لي ولست بحاجة إلى سمة متميزة، فهذا الموضوع يقوم بعمل رائع مع شعار الدولة الشفاف بينما أنا لدي شعار فاتح أذهب لتحميل فلس حدد شعار الملفات باللون الأبيض لذلك عندما يكون لدي خلفية داكنة أو خلفية شفافة يمكنني الاستفادة من هذا الشعار ولكن عندما أقوم با
لتمرير لأسفل أريد استخدام شعار آخر لذلك في شعار الحالة اللاصق أنا تريد أن يكون الشعار الداكن مرة أخرى، انظر إلى هذا، فهو يبدأ على هذا النحو، ثم أقوم بالتمرير لأسفل، يتغير الشعار بشكل رائع حقًا ويمكن أن يبدو جميلًا عندما يكون لديك صورة في الخلفية ولكننا سنتحدث عنها لاحقًا عندما نبدأ في استخدام شعار مذهل منشئ الصفحات جيد جدًا حتى الآن، الشيء الوحيد الذي لا يعجبني هو أنه عندما أقوم بالتمرير لأسفل، يصبح الشعار أصغر قليلاً، فما هي الحالة التي قمت فيها عن طريق الخطأ بتحميل شعار خاطئ، لذا أذهب إلى الشع
ار وبدلاً من تحميل SVG على الصفحة الشفافة اذكر أنني قمت بتحميل PNG هنا لذا قمت بحذف هذا التحميل وحدد fils وأختار اللون الأبيض. SVG ، لذا فهو الأفضل عندما يكون لديك نفس أحجام الشعارات التي تقوم بتحميلها، لذا فإن الشعار الأبيض PNG يكون تمامًا نفس حجم الآخر، لذا فإن SVG هو نفسه، لذا فإن الشعار الأبيض. افتحه بصيغة SVG والآن هو نفسه تمامًا، بعض الأشخاص لا أعرف السبب ولكن الكثير من الأشخاص في برامجي التعليمية مع bloxy يقولون إنهم يبدو أنهم لا يمتلكون خيارات القائمة الشفافة واللزجة جيدًا إذا كان هذا هو
الحال، أعتقد أن هناك حل واحد فقط وأعتقد أنه يمكن أن يكون هناك حالة واحدة وهي أنك لا تملك اسم المجال الخاص بك مع استضافة الويب ولكنك تستخدم الإصدار المجاني من wordpress.com، وفي هذه الحالة يكون ذلك غير ممكن ولكن عندما يكون لديك المجال الخاص بك كما هو موضح في هذا البرنامج التعليمي أو استضافة الويب الخاصة بك، قمت بتثبيت الإصدار المجاني من Wordpress وقمت بتثبيت bloxy والمكون الإضافي المصاحب، يجب أن تكون على ما يرام، هل أنت سعيد، أتمنى أن نلقي نظرة على عرض الجهاز اللوحي يجب أن أكون قادرًا على تغيير
هذا لذا أذهب إلى التصميم وفي حالة شفافة أريد أن تكون هذه الحالة الافتراضية للون عندما أقوم بالتحويم باللون البرتقالي ولكني أوضحت لك للتو ما هو ممكن أريد إعادته لا أريد ذلك لدي هذا الشعار مثل هذا، ومن أجل القيام بذلك أذهب هنا، اللاصق على ما يرام ولكنه شفاف، لا شكرًا لك وكل شيء سيكون على ما يرام، ماذا أيضًا انتقل إلى أداة التخصيص، لا أريد أن يكون لدي الشريط العلوي حتى أتمكن من العودة مرة أخرى هنا أو يمكنني إزالته هنا ولست بحاجة إلى وسائل التواصل الاجتماعي، فأنا أبقيها نظيفة وبسيطة، هذا هو شعار قائ
متي والدعوة إلى اتخاذ إجراء، ما أراه هو أن عرض موقع الويب هو بالفعل على نطاق واسع، أريد تعديل ذلك، لذا أذهب لتخصيص الحجم المثالي لموقع الويب الخاص بك، ومن أجل تحقيق ذلك، نذهب إلى الخيارات العامة للتخطيط العام وقمت بتغيير عرض موقع الويب إلى 1120، وهو في رأيي أفضل موقع يمكنك القيام به يكون ذلك يتعلق الأمر سيداتي وسادتي، لقد وصلنا إلى مكان حيث سنقوم بتثبيت أداة إنشاء الصفحات، لقد قمنا بتثبيت WordPress يا رجل، لقد فعلت الكثير من الأشياء بالفعل، لديك اسم مجال لديك استضافة ويب، لقد قمت بتثبيت WordPres
s، قمت بتثبيت السمة bloxy وقمت بتكوين السمة bloxy والآن سنعمل مع منشئ الصفحات لماذا Elementor في رأيي Elementor هو الأسهل في رأيي هو أيضًا أسهل وأفضل منشئ صفحات موجود الآن وأنا أعلم أن هناك صفحة منشئ يأتي مع uh WordPress نفسه أعتقد أنه لم يكن موجودًا بعد ولكن Elementor هو Elementor لقد كنت أستخدمه منذ عام 2017 وعندما بدأت استخدامه لأول مرة كان الأمر رائعًا، كانت هذه هي الأداة التي كنت أبحث عنها دائمًا لقد قمت بإنشاء مواقع ويب للعملاء، وفي بعض الأحيان استغرق الأمر أيامًا باستخدام CSS وتجربة الأشي
اء لتحقيق شيء ما، ومع Elementor كان الأمر بديهيًا جدًا وسهلًا جدًا، وأنا أحبه، إنه مجاني، هناك إصدار احترافي ولكن في هذا البرنامج التعليمي نحن "سأتحدث عن الإصدار المجاني، وسأقدم أيضًا برنامجًا تعليميًا حول الإصدار الاحترافي وأعتقد أن سمة bloxy المجانية المدمجة مع Elementor هي صفقة رائعة سنقوم بإنشاء موقع ويب رائع باستخدام أدوات مجانية، لذا اسمح لي أن أعرض ذلك تعرف على كيفية تثبيت Elementor من أجل الحصول على Elementor، أفضل منشئ صفحات مجاني في العالم، نذهب إلى 30 corp.com، أو نضغط على زر الإدخال
وسيتم إعادة توجيهنا إلى صفحة بأسعار جيدة، Elementor مجاني ولكنه جيد أيضًا مختبئ لذا يجب أن تكون هناك خطة مجانية أو صفحة مجانية Weller في مكان ما ولكن لا يمكنني العثور عليها إذا لم تتمكن من العثور عليها أيضًا، فيمكننا الانتقال إلى النهاية الخلفية لموقعنا على الويب للبحث عن المكونات الإضافية في الجديد والبحث عن Elementor وهناك نرى الإصدار المجاني من Elementor، لذا أنقر على "التثبيت الآن" قبل أن أفعل ذلك بالمناسبة، تم تحديث 5 ملايين عملية تثبيت منذ 3 أسابيع متوافقة مع الإصدار الحالي من Wordpress، أ
داة إنشاء الصفحات هذه تجعل من السهل إنشاء مواقع الويب التي أحبها أداة إنشاء الصفحات هذه. لقد قمت بإنشاء موقع ويب منذ عام 999 باستخدام HTML وأشياء أخرى، ثم وجدت موضوعًا في عام 2015 سهّل علي إنشاء مواقع الويب ثم في عام 2018 اكتشفت عن Elementor وكان ذلك رائعًا، هذا هو المستوى التالي [الموسيقى] الذي نقرت عليه عند التثبيت ثم أنقر على XI لا أحتاج إلى تكوين هذا لذا أنقر على X وأذهب إلى خيارات الشاشة وألغي تحديد هذا، قد تحصل في بعض الأحيان على تحديث لذلك أذهب إلى التحديثات التي أقوم بتحديثها رفيق Blacky
أذهب إلى التحديث الآخر وهو السمة الممتلئة بتحديث السمة التي نراها هنا هي Elementor الرائعة للغاية، لذلك إذا ذهبت إلى موقع الويب الخاص بي يمكنني تحرير الصفحة والآن يوجد خيار جديد يمكنني تعديل الصفحة باستخدام Elementor لذلك هذا ما سأفعله، انقر فوق تعديل باستخدام Elementor الآن، سيتم تحميل منشئ قاعدة Elementor في بعض الأحيان، هناك أشياء جديدة ويعطونك إشعارًا بإغلاقه، وسيداتي وسادتي مرحبًا بكم في منشئ صفحات Elementor قبل أن نذهب إلى بناء الأشياء في Elementor أريد إعدادها بطريقة معينة حتى نتمكن من ا
لعمل بشكل أكثر كفاءة، لذلك ربما يكون هذا مملًا بعض الشيء، نحتاج فقط إلى إعداده بطريقة تجعلنا أكثر إنتاجية على المدى الطويل، لذا كم من الوقت سيستغرق، لا أعرف بضع دقائق ربما 10 دقائق، لا أعرف في الواقع ولكن الأمر يستحق ذلك، وبعد ذلك تأتي المتعة، ثم سنقوم بإنشاء الأشياء، نعم حسنًا، دعنا نستمر قبل أن نبدأ للبدء، أريد تكوين بعض الأشياء حتى نتمكن من العمل بشكل أكثر إنتاجية، أغلق هذا، لا أحتاج إلى هذا، أنقر على تحديث ما أريد القيام به أولاً، أريد الاستفادة من الشريط العلوي، يوجد تخطيط جديد للشريط العلو
ي و أريد استخدامه في Elementor pce Builder، لذا للذهاب إلى هناك، انقر على الأسطر الثلاثة إذا رأيتها، انقر فوق "خروج"، ثم قمت بتحديد لوحة تحكم wp مما يعني أنه إذا خرجت من Elementor سأذهب إلى لوحة تحكم wp إلى النهاية الخلفية الموقع، لذا ما أريد فعله هو الانتقال إلى إعدادات Elementor، وسنتحدث عن تعطيل الألوان الافتراضية وتعطيل الخطوط الافتراضية الآن، وأريد الاحتفاظ بها محددة وبعد ذلك سأقوم بتهيئة هذا حتى أتمكن من إظهار ما أعني الميزات التي أقوم بالتمرير لأسفل وأبحث عن الشريط العلوي للمحرر وأحوله إل
ى نشط وقم بالتمرير لأسفل لمعرفة ما إذا كانت هناك أشياء أخرى أريد تعديلها جيدًا هذا كل شيء وانقر فوق "حفظ" التغييرات والآن إذا ذهبت إلى موقع الويب وقمت بتحريره باستخدام Elementor، فانظر إلى هذا الآن، يوجد شريط علوي هنا، لذا فهذه هي الصفحة الأولية Brer مع شريط علوي على اليسار لدينا عناصر حتى أتمكن من سحب العنوان إلى موقع الويب، صورة، محرر نصوص فيديو والعديد من العناصر الأخرى هنا على اليمين، نرى بعض الهياكل عندما أنشأنا صفحتنا أو عندما نقوم ببناء صفحتنا، نرى بنية الموقع هنا والتي يمكن أن تساعدك على
التنقل عبر موقع الويب ولكن قبل أن نتعمق في هذا، أريد أن أفعل بعض الأشياء، أول شيء أريد القيام به هو النقر على الشعار الأولي، ثم أريد الانتقال إلى تفضيلات المستخدم، وإذا كنت تريد ذلك، يمكنك ذلك جعل واجهة Elementor داكنة، أفضّل الضوء ولكن الأمر متروك لك، ما أريده هو تحرير المقابض إذا قمت بإنشاء حاوية جديدة بالنقر هنا وأريد تكرارها، لا أستطيع فعل ذلك، أريد أن أكون قادرًا على القيام بذلك، لذا أقوم بتشغيلها من خلال النقر هنا على مقابض تحرير تفضيلات المستخدم والآن يوجد خيار آخر ويمكنني تكرار الأشياء
مما يجعل الأمور أسهل ثم أريد الانتقال هنا إلى إعدادات الموقع ثم أريد الانتقال إلى التخطيط وهو أول شيء أريده للقيام بعرض المحتوى، أريد محاذاته مع عرض محتوى bloxy وهو [موسيقى] 1120، ثم هناك حشوة حاوية دعني أوضحها لك وأحفظ التغييرات إذا أغلقت هذا وأنشأت حاوية جديدة سنذهب إليها للتعمق في الحاويات لاحقًا ولكن الآن إذا قمت بإنشاء حاوية وأضفت أي شيء في تلك الحاوية، فلنفترض أن هناك حاوية أخرى ما أراه هناك مداعبة هنا، توجد مساحة إذا قمت بسحب حاوية أخرى إلى هنا، فستوجد مرة أخرى بعض المساحة، لذلك كل في بعض
الأحيان، إذا قمت باستيراد شيء ما، فهناك بعض المساحة حول الحاوية ولا أريد ذلك لأنني الآن إذا كنت سأضيف صورة، فإن هذه الصورة غير محاذية هنا على اليسار، فهي هنا لماذا لأنه يوجد 10 افتراضيًا بكسل من الملاعبة عند إدراج حاوية جديدة ولكن هذا ليس جيدًا لمظهر موقعنا، لذا للتخلص من ذلك، أذهب إلى الإعدادات الجانبية للتخطيط ومساحة الحاوية صفر ولكن دعني أظهر لك شيئًا أحفظه إذا أسحب صورة إلى هنا وأذهب إلى عرض الجهاز اللوحي وأريد أن تكون هناك مساحة أكبر هنا تبدو جيدة إذا انتقلت إلى عرض الهاتف المحمول الذي يبد
و جيدًا أيضًا، لذا فإن ما لا أريده هو أن هذه الصور موجودة بالكامل هنا على الجانب لأن هذا ليس جيدًا لمظهر و6 موقع الويب الخاص بك، لذا يبدو الآن رائعًا لذا لا أغير أي شيء إذا رأيت لاحقًا في البرنامج التعليمي أن الأشياء تبدو غريبة على الهاتف المحمول أو الجهاز اللوحي سأذهب إلى الإعدادات هنا، التخطيط وبعد ذلك يمكنني ضبط حشوة الحاوية، حسنًا، أعود إلى عرض سطح المكتب، أقوم بالتمرير لأسفل افتراضيًا، لا أريد رؤية عنوان الصفحة الرئيسية هذا إذا ذهبت إلى الصفحة "حول" التي تراها حول الخدمات ترى الخدمات التي ل
ا أريدها، لذا من أجل إصلاح الأمر، أذهب إلى تخطيط الإعدادات الجانبية، ثم انتقل إلى الأسفل، وأذهب إلى تخطيط الصفحة الافتراضي وهذا ليس هو الموضوع ولكن العنصر بعرض كامل، واحفظ التغييرات إذا عدت إلى ينشر المحرر وألقي نظرة هنا بالعين حتى أتمكن من رؤية النتيجة، لم يعد هناك المزيد من المنزل هنا، وهذا ما أريده وما يمكنني فعله الآن، يمكنني النقر هنا للخروج لتحرير Wordpress باستخدام Elementor مرة أخرى والآن أيضًا هنا لم يعد هناك عنوان آخر يمكنني القيام به إذا ذهبت إلى تخطيط الإعدادات الجانبية، يمكنني أيضًا
أن أقول إنها يجب أن تكون لوحة قماشية، ما هي اللوحة القماشية، فهذا يعني أنها لا تحتوي على تذييل رأس من سمة الشيء، لذلك إذا قمت بتشغيل ذلك احفظ التغييرات واخرج إلى Wordpress، انتقل إلى موقع الويب الآن لا يوجد رأس ولا تذييل، هذا ليس ما أريده، أريد استخدام رأس وتذييل السمة bloxy التي سنتحدث عنها لاحقًا حول تذييل السمة bloxy الذي أقوم بتحريره هذا باستخدام Elementor انتقل إلى الإعدادات الجانبية وفي البداية يمكن أن يكون الأمر مربكًا مثل كل هذه الإعدادات، كل هذه الخيارات ولكن كلما عملت مع هذا، أصبح الأ
مر أسهل، أعود إلى التخطيط وأغيره مرة أخرى إلى FID، احفظه ما أرى أنه عندما أخرج إلى Wordpress أذهب إلى المنشور ولا أريد أن أذهب إلى لوحة التحكم لذا أعود إلى Elementor ثم أذهب إلى تفضيلات المستخدم هنا وعندما أخرج يجب أن أذهب إلى لوحة تحكم wp انشر حسنًا سأعود إلى هنا وهذا العنصر الذي أقوم بتمريره هنا ويمكنني إزالته يمكنني أيضًا إزالة هذه الحاوية ثم أريد الانتقال إلى الإعدادات الجانبية مرة أخرى هذه المرة أريد الانتقال إلى الخطوط العامة ولا نريد استخدام هذه الأموال فعليًا ولكن يمكنني افعل ذلك فقط للت
أكد من ضبط كل شيء لفتح SS، انسخه، حدده ثانيًا، الصقه، حدده ثالثًا، لماذا لا نستخدمه، نريد الاستفادة من خطوط [الموسيقى] في السمة bloxy التي لا أريدها لا أريد استخدام الدليل St، ثم أقوم بحفظ التغييرات ثم أعود إلى ما أريد استخدامه هنا، أنماط السمة، لذلك أذهب إلى لون نص الطباعة، أريد أن يكون اللون الثالث ولكني أريد استخدام الألوان من سمة bloxy لا أستطيع رؤية تلك التي سأعود إليها خلال دقيقة واحدة الآن، الطباعة التي أريدها أن تكون مفتوحة SS ثم بالنسبة للروابط أريد فقط أن أرث الخط الافتراضي لأنه الآن ه
ذا هو الخط الافتراضي ثم بالنسبة للروابط الطباعة ثم لعمر 1 حتى سن 6 سنوات أريد الاستفادة من nunito s لذا أذهب إلى نسخة H2 newo s حدد حدد أول شيء أستخدم فقط H1 H2 وH3 فهذه عناوين وعندما يكون لديك عنوان موقع الويب الخاص بك، يعرف Google حسنًا أن هذا جزء خاص من المحتوى، لذلك يوجد H1 واحد فقط في موقع الويب وهو عنوان موقع الويب الخاص بك في كثير من الأحيان ثم لدينا عنوان آخر وهو H2 وإذا كان العنوان أقل أهمية أستخدم H3 فسنتحدث عنه فلنلقي نظرة على النص الألوان إذا أغلقت هذا وقمت بالسحب، دعني أتخلص من هذا
وأتخلص من هذا النشر إذا قمت بسحب عنوان هنا أذهب إلى St إذا نقرت هنا، يمكنني رؤية كل تلك الألوان هنا، ألوان لوحة السمات التي لا أستخدمها "لا أرغب في استخدام هذه الألوان الأربعة من Elementor، أريد استخدام الألوان من السمة الخاصة بي، لذلك إذا قمت بتحديد هذا اللون فسوف يصبح برتقاليًا، ولهذا السبب لا أتحدث عن تلك الألوان ولكن فقط للتأكد من أنه يمكننا استخدام نفس الألوان، لذا أحتاج أولاً إلى العودة للحصول على هذا اللون والانتقال إلى St Global Colors الأساسي ثم أعود لحفظه أذهب إلى اللون الثاني وانسخه ل
ونًا ثانويًا حسنًا [موسيقى] ثم أذهب إلى نسخة اللون الثالث أنا أريد استخدامه لأحدث لونين، لذلك الألوان العالمية للون الثالث والرابع فقط كنسخة احتياطية ولكننا لن نستخدم تلك الألوان، سأعود وأذهب إلى لون نص الطباعة أريد أن أكون بنفس اللون أحدهما، لقد اخترت للتو اللون الثالث في لوحة الألوان الخاصة بي من السمة bloxy، لذا قمنا الآن بإعداد خط الألوان في موقعنا على الويب، والآن أريد إلقاء نظرة على أداة إنشاء الصفحات التي أغلقتها عند هذا الحد، وهناك الكثير مما يمكن قوله بخصوص Elementor، هناك الكثير من الأ
شياء التي يمكنني أن أشرحها لك في نفس الوقت، ولكن بعد ذلك سوف تشعر بالذهول لأن هناك الكثير لتتعلمه، لذا سأبدأ بأساسيات الأساسيات وسأوضح لك كيفية سحب العناصر إلى الحاوية و كيف يعمل مع ثلاث علامات تبويب وكيفية تصميم الأشياء بعد ذلك، سنقوم بعمل برنامج تعليمي أساسي آخر حول كيفية وضع الأشياء التي قمنا بها في هذين التدريبين الأساسيين ثم سنضعها موضع التنفيذ وسنقوم بذلك للبدء في إنشاء مواقع الويب الخاصة بنا ولكننا الآن سنتعلم ذلك، لذا عادةً ما أشاهد البرامج التعليمية على السرعة المضاعفة أو السرعة 1.5 وأع
تقد أن هذه هي اللحظة المناسبة لوضعها على السرعة الأولى فقط على السرعة العادية ثم تعلمها، حظًا سعيدًا إذا حصلت عليها غارقة مثل حسنًا، هذا ليس مناسبًا لي، سأستقيل، هل يمكنني أن أنصحك بالمتابعة لأن الأمر يستغرق بعض الوقت لتعلم هذا بالطريقة التي تتعلمها يا رجل، سيساعدك ذلك على إنشاء مواقع ويب مذهلة وأنا أنا هنا من أجلك، إذا كان لديك سؤال، يمكنك ترك تعليق، وأبذل قصارى جهدي للإجابة عليه لأكون صادقًا، لست نشطًا إلى هذا الحد لأنني أتلقى الكثير من التعليقات ولكني أبذل قصارى جهدي هل هذا يكفي، هل هذا عادل،
حسنًا أنا آمل أن يكون البرنامج التعليمي الخاص بي كافيًا، نعم حسنًا، لنبدأ بأساسيات أساسيات Elementor كما قلت هنا على اليسار، لدينا جميع العناصر ويمكننا وضع هذه العناصر في الحاوية الخاصة بالإصدار الاحترافي، لذلك أغلق المجموعة ولكن يمكن استخدام كل هذه العناصر داخل العنصر أو منشئ الصفحة ونضعها في حاويات، لذلك إذا كنت تريد إنشاء حاوية جديدة، فهناك طرق قليلة للقيام بذلك، يمكنك النقر فوق علامة الزائد ويمكنك اختيار بنية معينة يمكنك الحصول عليها وعاء فيه حاويتان واحدة عن اليسار والأخرى عند حسنًا، يمكنن
ا الحصول على حاوية تحتوي حتى على خمسة أجزاء من هذا القبيل، وإذا نقرت على علامة الجمع، فيمكنك سحب الصور فيها، انقر على علامة الزائد، ثم انقر على علامة الزائد، خرائط Google وهذه هي الطريقة التي ننشئ بها مواقع الويب ولكن الشيء الرائع هو يمكننا فعل كل شيء بالطبع، لذلك دعونا نبدأ من البداية، لقد أوضحت لك كيفية إنشاء حاوية مثل هذه ولكن ما يمكنك فعله أيضًا هو سحب الحاوية إلى هنا أو يمكنك سحب العنصر الأول إلى هنا ثم يقوم أيضًا بإنشاء حاوية حولها لذا فإن ما أفضله هو فقط استخدام هذه النقرة الواحدة على علا
مة الجمع ثم السهم لأسفل أو السهم لليمين ثم يمكنني أن أقول ضع كل شيء، جميع العناصر أسفل بعضها البعض أو بجانب بعضها البعض إذا قلت أسفل بعضها البعض يمكنني النقر فوق علامة الزائد ويمكنني سحب عنوان هنا ثم علامة الجمع أذهب إلى زر يمكنني سحبه بهذه الطريقة وإذا رأيت المنطقة الأرجوانية يمكنني تحريرها وبعد ذلك سيتم وضعها لذلك إذا كنت أرغب في الحصول على العنصر الثالث، رمز على سبيل المثال، يمكنني سحبه بين حسنًا، إنه في المنتصف الآن إذا قمت بتحريره فسيكون هناك، فكيف يعمل مع كل حاوية وكل عنصر هناك ثلاث علامات
تبويب هنا، الأول هو المحتوى الصحيح جدًا أقوم الآن بتحديد عنصر الرمز، يحتوي عنصر الرمز على معلومات مختلفة هنا في منطقة المحتوى هذه، ثم عنوان عندما أحدد عنوانًا يمكنني إضافة عنوان URL سطره برمز، هناك خيارات أخرى وباستخدام زر هناك أيضًا خيارات أخرى، بناءً على العنصر، هناك خيارات مختلفة في منطقة المحتوى، الشيء نفسه ينطبق على St، لذا هنا يمكننا تغيير المحتوى، يمكننا تغيير عنوان عنوان موقع الويب الخاص بك هنا يمكننا تغيير المحتوى عن طريق مطاردة الرمز افعل شيئًا ما آخر وهنا يمكننا تغيير المحتوى عن طريق
تغيير نص الزر اشترك بالمناسبة إذا أعجبك هذا المحتوى فلا تتردد في الاشتراك في قناة YouTube هذه. أقوم بإنشاء المزيد من البرامج التعليمية ذات الصلة بـ WordPress وأبين لك كيفية إنشاء مواقع الويب التي يمكن أن تساعدك لكسب المال عبر الإنترنت، كم هو رائع أنني أعتقد أنه أمر رائع حقًا خاصة عندما يكون هناك رجل صادق يخبرك بالحقيقة بدلاً من أن يبيع لك أي شيء وأنا أشير إلى نفسي بالطبع يمكنني ربطه بقناتي على YouTube يمكنني أن أقول يجب أن يتم فتحه في نافذة جديدة للنشر، لذلك هذا هو المحتوى الذي أقوم بتغيير محتو
ى ثلاثة عناصر مختلفة ولكن يمكننا أيضًا تغيير الحرف St بالانتقال إلى الحرف t الثاني، لذلك مع العنوان، تعتمد كل هذه الخيارات الموجودة هنا في النمط أيضًا على نوع العنصر الموجود هنا، لذا بالنسبة للعنوان، يمكنني تغيير لون النص، لذلك دعنا نقول اللون الأساسي أو لون لوحة السمة للأيقونة، يمكنني أيضًا تغيير اللون إلى هذا اللون الفاتح هنا عندما أقوم بالتمرير فوقه يمكنني تغييره إلى اللون البرتقالي كما قلت إنني أفضل عدم استخدام اللون الأساسي لذلك أستخدم لون لوحة السمة الأول للزر، ويمكنني أيضًا تغيير خلفية ال
نمط، ويمكنني حتى إنشاء لون متدرج واحد، وهذا اللون الثاني يمكن أن يكون الضوء اللون واو، هذا قبيح حقًا، لذلك دعونا نقوم بتلوين الألوان حسنًا وبعد ذلك يمكنني تغيير الموقع ويمكنني تغيير الدرجات بحيث يكون هذا جزءًا من St ثم هناك T الثالث المتقدم وهذا هو نفسه في كل مكان يمكننا التحدث عن تحريك الهامش ومحاذاة حركة الموضع سنتحدث عن هذه الخيارات ولكن هذا ليس كل ما يمكننا تعديله من العناصر ولكن أيضًا الحاوية التي تحتوي على تلك العناصر، لذا دعني أعرض لك شيئًا الآن، الخلفية الرئيسية لموقعنا على الويب هي اللو
ن الأخضر بسبب الكتلة السمة التي قمنا بتكوينها على هذا النحو ولكن يمكنني إعطاء هذه الحاوية لونًا مختلفًا للخلفية حتى أتمكن من الانتقال إلى نوع الخلفية St يمكنني أن أقول إن هذا يجب أن يكون أبيضًا تقريبًا ولكن بعد ذلك يمكنني الانتقال إلى الرمز إلى متقدم للخلفية يمكنني القول أنني أريد ذلك لدي خلفية داكنة مرة أخرى وأريد أيضًا تغيير الشكل وأريد إعطاء بعض المساحة هنا في الأعلى وأسفل هذا الرمز حتى أتمكن من الانتقال إلى التخطيط المتقدم ثم في ping يمكنني أن أقول 50 ثم يمكنني الانتقال إلى الاحتواء و أعتقد
أن العنوان يتعارض تمامًا مع هذا السطر وتحت نفس الخط لذا أريد أن أعطيه بعض الملاعبة لذلك أقول أيضًا هنا 50 لذلك ترى أن لدينا خلفية موقع الويب الخاص بنا ثم لدينا خلفية الحاوية و ومن ثم يمكننا الحصول على خلفية لعنصر ما ، ويمكن أن تساعدك كل هذه الخيارات مجتمعة في إنشاء مواقع ويب مذهلة وسأعرضها لك خطوة بخطوة حول كيفية القيام بذلك، سنفعل ذلك بطريقة ستبقي موقع الويب الخاص بك خفيفًا وتذكر أن هناك طرقًا متعددة للقيام بالأشياء في Elementor لذلك لا توجد طريقة واحدة مثالية ولكن أعتقد أن هناك أفضل طريقة و ال
آن ما أريد أن أفعله أريد أن أوضح لك أفضل طريقة تجعل موقع الويب الخاص بك خفيفًا وسريعًا، لذا كانت تلك مقدمة صغيرة، فلنتحدث عن هذا المجال هنا إذا قلت أن الأمر أو التحكم في PI يمكنه رؤية كيف سيبدو موقع الويب. يمكنني نشره بالنقر هنا إذا كنت أريد رؤية نتيجة ما قمنا بتحريره حتى الآن، يمكنني النقر فوق "الشيء الرائع هو أنه إذا قمت بتغيير شيء ما هنا، أقوم بتغيير هذا اللون إلى اللون الأخضر ونشره دون تحديث الصفحة" لقد تم تحديثه، وهذه هي الطريقة التي أفضل العمل بها حتى أتمكن من قول الأمر P control P أو يمكن
ني النقر هنا ورؤية النتيجة ولكن ما أفضله هو ضبط شيء ما هنا ثم التحقق منه هنا وأحب الاستفادة منه الملاح لذا اسمحوا لي أن أعرض لكم الملاح أو يُطلق عليه أيضًا اسم البنية وكان يُسمى الملاح الآن يُسمى البنية لذا إذا نقرت هنا إذا كان لديك شاشة كبيرة يمكنك محاذاتها إلى اليمين أفضل أن أجعلها عائمة إذًا ما تراه هنا لدي الحاوية وفي تلك الحاوية لدينا ثلاث مناطق: العنوان، الأيقونة والزر، يمكنني أيضًا النقر نقرًا مزدوجًا فوق تسمية هذا البطل، البطل هو المنطقة الأولى، الحاوية الأولى في موقع الويب الخاص بك وبهذ
ه الطريقة يمكنني الحفاظ على الأشياء منظمة ومنظمة حتى أتمكن من طي هذا إذا قمت بإنشاء قسم جديد أو آسف لأن الحاوية كانت قسمًا يسمى القسم قبل الآن فهي حاوية لذلك أحيانًا أقول قسم أعني حاوية أقوم بإنشاء حاوية ثانية وبعد ذلك يمكنني أن أقول R اضغط على "إدخال" ثم بهذه الطريقة، من خلال منطقة الهيكل، يمكنني الاحتفاظ بالهيكل في موقع الويب الخاص بي ومعرفة مكاني فيه، لذلك إذا قمت بتحديد هذا، أرى الخيارات الموجودة هنا لذا فأنا أحب لوحة الهيكل وأستخدمها دائمًا واتركها مفتوحة في مكان ما إلا إذا كنت أرغب في تعدي
ل شيء ما هنا، ثم أقوم بطيه ثم يمكنني إعادته من خلال النقر هنا، وإذا نقرت هنا، فانظر إلى هذا كم عدد اختصارات لوحة المفاتيح الرائعة الموجودة إذا كنت تريد التراجع عن شيء ما، أمر Z redo it Shift Z واعتمادًا على نوع النظام الأساسي الذي تستخدمه، ربما كنت تستخدم جهاز كمبيوتر، أو ربما كنت تستخدم جهاز Mac، سيُظهر اختصارات لوحة المفاتيح الصحيحة، مع حفظها أيضًا، وأوامر لطيفة وحالتي، لذلك تقول الأمر I، لذا إذا كنت أريد الحصول على هذا الأمر، وهذا هو الأمر، لذلك إذا تعلمت اختصارات الكلمات الرئيسية هذه، فقد يص
بح من السهل عليك التنقل عبر موقع الويب الخاص بك، حسنًا، لذا ما سأفعله سأتخلص من هذا، سأتخلص من هذا، والآن إذا كنت قل الأمر II، شاهد البنية ولا يوجد شيء هنا يمكنني النقر عليه، يمكنني أن أقول الأمر s الآن تم حفظه، لذا إذا ذهبت إلى هنا، فقد انتهى ما أريد فعله الآن، أريد الانتقال إلى أداة التخصيص، انتقل إلى الألوان وأنشئ الخلفية الجانبية أبيض تمامًا أبيض نشر أغلقه بشكل رائع والآن اسمح لي بإغلاق هذا وانقر على تعديل باستخدام Elementor الآن أريد أن أبدأ في البناء وأوضح لك كيف تعمل الحاوية، هل أنت مستعد
، أتمنى أن نبدأ، سنتحدث عن أساسيات تحديد موضع الأشياء وعندما تحصل على هذه المعلومات الأساسية، سنقوم بإنشاء صفحتنا الرئيسية، نعم دعنا نذهب الآن نحن على الصفحة الرئيسية ولكني أريد التدرب في مكان آخر لذا ما يمكنني فعله يمكنني أن أقول القيادة أو التحكم e هذا يقودني إلى الباحث والآن أستطيع أن أقول إضافة صفحة جديدة ثم أرى هذا الخيار هنا أضف صفحة جديدة وهذا ما سأفعله ثم أذهب إلى الإعدادات هنا إعدادات الصفحة وأسمي هذه الممارسة ثم أنقر فوق انشر حتى نتمكن الآن من التدرب على استخدام Elementor، لذا فإن أول
شيء أريد القيام به هو النقر على علامة الجمع وأريد إنشاء حاوية تحتوي على عناصر تذهب إلى اليمين بهذه الطريقة الآن أريد النقر على علامة الجمع وسحب الصورة فوقها هنا أريد النقر هنا لتحديد تحميل صورة فلس حدد فلس ثم أذهب إلى الصور التعليمية على شبكة الإنترنت تحديد الممارسة ثم أقول أمر أو تحكم أ لذلك أحدد جميع الصور وأفتحها وأختار الصورة الأولى حدد الآن أستطيع قل بزر الماوس الأيمن انقر فوق تكرار أو الأمر أو التحكم D مثل ذلك ثم أنقر على الصورة الثانية وأغير الصورة إلى صورتين ثم أغير الصورة الثالثة إلى ثل
اثة وأعتقد أنك تعرف ما سأفعله الآن. م ذاهب لتغيير الصورة الرابعة إلى الرابعة، فكيف تعمل مع الحاوية جيدًا إذا كنت أرغب في تحديد الحاوية التي أقوم بتحويمها فوقها، أحددها هنا يمكنني النقر فوق الهيكل، هناك الحاوية التي أشاهدها في الحاوية الخاصة بي، لدي أربع صور، لذا عندما قمت بتحديد الحاوية وانتقلت إلى التخطيط وأرى بعض الخيارات هنا، الأول هو عرض المحتوى الآن وهو محاصر مما يعني أنه ضمن عرض موقع الويب ضمن 1120 بكسل لذا فهو يبدأ هنا ويمكن أن ينتهي هنا لذا، إذا كنت سأكررها مرارًا وتكرارًا، فسترى أنها من
اليسار هنا إلى اليمين تمامًا، وهذا ما أفضله ولكن إذا عدت إلى الحاوية وقلت إنها بعرض كامل فهذا يعني أنها ستستخدم العرض بالكامل تنظر شاشتك إلى هذا بحيث ينتقل بالكامل من اليسار إلى اليمين، لذا إذا كان لديك شاشة كبيرة حقًا، فستظل تمامًا على اليسار حتى اليمين، وهذا ليس ما أفضله، ما أفضله هو أن يكون كل شيء داخل الصندوق حسنًا، يمكن في بعض الحالات عندما تريد أن يكون لديك منطقة نصية أن تنقر فوق علامة الزائد ثم يمكنك تحديد محرر النصوص الذي تنسخه وتلصقه عدة مرات، يمكن أن يكون ذلك في هذه الحالة بالنسبة للح
اوية التي لديك محتوى محاصر ولكن العرض يمكنك تغييره لنفترض 7100 بكسل لأن قراءة نص مثل هذا بالكامل من اليسار إلى اليمين يمكن أن تكون تجربة أقل متعة ثم عندما تقوم بتقليله قليلاً، في هذه الحالة أقوم بتغيير العرض ولكن في معظم الأوقات أتركه كما هو لذا أذهب هنا محاصرًا ثم العرض أبقيه عند 1120 بحيث يتماشى تمامًا مع بقية موقع الويب الخاص بي لذا دعني أتخلص من الأربعتين الإضافيتين اللتين أعود إليهما إلى الحاوية بحيث يكون لدينا عرض المحتوى والعرض في معظم الأوقات أتركه مع الصندوق و1120 ثم هناك أيضًا الحد الأ
دنى للارتفاع جيدًا الآن سأزيد ذلك ما ستشاهده هذا الخط هذا الخط الأرجواني أو الخط الوردي عليه سيزداد، لذا الآن ترى ارتفاع هذه الحاوية يبلغ ارتفاعه الآن 500 بكسل لتوضيح الأمور أكثر، أذهب إلى الحاوية الثانية T وأريد أن أعطي هذه خلفية داكنة لذلك أذهب إلى الخلفية العادية وانقر على الكلاسيكية وبعد ذلك يمكنني اختيار لون، أختار أحد الألوان العالمية، واللون الثاني من سمتي bloxy، حسنًا، عد إلى التخطيط بحيث يكون لدينا الارتفاع إذا قمت بزيادته، فسترى أنه يزيد إذا كنت لا أريد ذلك الأمر Z أو تحكم في Z على جها
ز الكمبيوتر، لذا انظر إلى هذا الاتجاه وقم بتبرير المحتوى ومحاذاة العناصر، وهذا أمر مهم حقًا، فلن نستخدم كل شيء، لذا سأجعل الأمر أسهل قليلاً بالنسبة لك على سبيل المثال هنا في الاتجاه، فلنبدأ بالاتجاه الذي تعرفه هناك اتجاه واحد فقط مكتوب على الجدران هي القصص التي لا أستطيع شرحها حسنًا، فلنواصل الاتجاه من اليسار إلى اليمين في هذه اللحظة هذا ما ترونه واحد اثنان 3 4 ولكن يمكنني أيضًا تغيير الاتجاه من أعلى إلى أسفل عموديًا 1 2 3 4 ثم هناك الخيار الثالث، لا أستخدم هذا أبدًا على سطح المكتب، يمكنني استخد
امه على الهاتف المحمول وعلى الكمبيوتر اللوحي ولكننا سنتحدث عنه لاحقًا على سطح المكتب، أستخدم فقط الوضع الرأسي الأفقي إذا كنت سأقول الصف معكوسًا إذن يبدأ من اليمين ويتجه إلى اليسار 1 2 3 4 وإذا قلت عمودًا معكوسًا فإنه ينتقل من الأسفل 1 2 3 4 نحو الأعلى، لذا انظر إلى هذه المنطقة وهذه المنطقة عندما أنقر هنا أو عندما أنقر هنا بناءً على الاتجاه الخطير أيضًا، تتغير هذه الاتجاهات جيدًا، فلنبدأ بالخط الأفقي الصحيح الآن لدينا 1 2 3 4 من اليسار إلى اليمين يمكنني النقر هنا ولكن لا شيء يتغير لأنه افتراضيًا
يكون هذا الخيار الأول نشطًا بالفعل، لذا إذا نقرت هنا فلن يتغير شيء إذا نقرت على المركز، فسيتم توسيط كل شيء أفقيًا بناءً على الاتجاه، والآن إذا قمت بتكراره فسيظل في المنتصف، ويمكنني أيضًا محاذاته إلى اليمين أو إلى النهاية جيدًا، ثم هناك الخيار الرابع هذه مسافة بين هذا الخيار الذي يعجبني ويعني أن العنصر الأول موجود تمامًا على اليسار وآخر عنصر موجود تمامًا على اليمين وهكذا يبقى، لذلك إذا أضفت شيئًا ما، تصبح المسافة بينهما أصغر ولكن العنصر الأول سيكون أصغر يبدأ دائمًا هنا وآخرها سينتهي هنا أيضًا، وه
ذا ما أحبه، لذلك أستخدم هذا الخيار أيضًا، ثم هناك أيضًا مساحة الخيارات الموجودة في الوقت الحالي، هذه المساحات الثلاثة متساوية، لذا فإن عرض هذه المساحة هو نفسه هنا وكما هنا ولكن عندما أقول مساحة حول هذا يعني أن المساحة الموجودة على اليمين وعلى اليسار متساوية حول كل عنصر، لذا نرى الآن هذا مساحة هذه المساحة وهذه المساحة ولكن أيضًا هنا على اليمين وهنا على اليسار هناك مساحة لماذا لأن هذه ليست مساحة واحدة، إنها 50% من العنصر الأول و50% من العنصر الثاني هنا على اليسار وعلى اليمين لماذا لديك 50% من هذه
المساحة هنا على اليسار وهنا 50% على اليمين، ثم هناك مساحة خيار أخرى بالتساوي وهذا يعني أن جميع المساحات لها نفس العرض، لذا فإن هذه المساحة لها نفس عرض هذه المساحة وهذه المساحة قلت إنني لا أستخدم هذين الخيارين تقريبًا، لذا بالنسبة لي، يكون الأمر أفقيًا أو رأسيًا ثم يتم وضع هذه الخيارات الأربعة نفسها هنا ويمكنني وضعها في الأعلى، حسنًا، دعني أجعل هذا أعلى قليلاً لذا انقر هنا لجعله 700 لذلك هناك مساحة صغيرة لنجعلها 900، لذلك الآن منذ أن قمت بتغيير هذا أيضًا، تغير هذا أيضًا، لذا أصبح المحتوى الآن افت
راضيًا في الأعلى ولكن إذا قمت بتحديد المركز، فسيتم محاذاته عموديًا في المنتصف، لذا فإن هذه المساحة هي نفسها هذا، يمكنني أن أنهيه حتى الآن، كل شيء محاذٍ نحو الأسفل ولكن الآن إذا كنت أود أن أقول مسافة بينهما فهذا يعني أن الأول سيكون هنا في الأعلى والأحدث هنا في الأسفل والمساحة في بينهما مقسم بالتساوي لذا دعوني أريكم ذلك وبعد ذلك الخياران الآخران هنا مساحة أكبر قليلاً وهناك مساحة أكبر قليلاً، وهذه هي الطريقة التي تعمل بها، أعدهما ثم لدينا الخيار الآخر لأننا الآن نتحدث عن المحاذاة الأفقية على اليسار
في هذه الحالة ولكن يمكن أيضًا أن يكون لدينا محاذاة رأسية بناءً على الصف أو العمود، لذا إذا قلت ابدأ، فلن يحدث شيء ولكن يمكنني أيضًا محاذاة كل شيء رأسيًا في المنتصف بهذه الطريقة أو في النهاية أو أستطيع ذلك التمدد بشكل جيد هو شيء سأتحدث عنه الآن ولكني بحاجة إلى مثال آخر لذلك سريعًا جدًا اسمح لي ببناء شيء لا يتعين عليك متابعته ولكن دعني أوضح لك كيف سأفعل هذا، كل شيء يسير على ما يرام ها هي تلك المنطقة، أذهب الآن إلى علامة الجمع وأريد سحب ثلاثة عناصر هنا، لذا فإن العنصر الأول عبارة عن حاوية في حاوية
، كما ترى ذلك من خلال علامة التبويب، لذا فهي أكثر قليلاً إلى اليمين، هذه الحاوية التي أريد وضعها عنوان فيه وبعض النص ثم أذهب إلى هذه الحاوية أريد أن أذهب إلى الخلفية St اجعلها داكنة، انتقل إلى الحشو المتقدم كما قلت ليس عليك المتابعة، سنتحدث عن كل هذه الأشياء المضافة 20، هذه هي المساحة الموجودة بين هذا القسم، حسنًا الآن أريد تكرار هذا مرتين، يمكنني أيضًا القيام بذلك هنا مكررًا ومكررًا، ثم أذهب إلى الحاوية التي تحتوي على الحاويات الثلاث الأخرى، هذه الحاوية التي أحضرها من اليسار إلى حسنًا، هذا رائع
ولكن انظر الآن إلى هذا إذا جعلت هذا النص أطول، انسخ والصق فلنلصقه مرة أخرى بشكل افتراضي إذا ذهبت إلى الحاوية التي تحتوي على الحاويات الثلاث افتراضيًا إذا لم أقم بتحديد أي شيء، فستكون محاذاة العناصر ممتدة وهذا يعني أنه إذا هذا له ارتفاع معين، ثم سيمتد معه ولكن ما يمكنني قوله أيضًا هو محاذاة كل شيء إلى الأعلى أو كل شيء إلى المركز أو كل شيء إلى النهاية ولكن إذا قلت تمتد في بعض الحالات، فقد يكون جميلًا حقًا لأنه مناسب تمامًا أفضل في تصميم موقع الويب الخاص بك ، لذلك هذا هو المكان الذي تستخدم فيه الت
مدد وأريد فقط أن أعرض لك المثال وربما يكون عمرك 30 عامًا، لماذا نتلاعب بالأرقام، لن أقوم أبدًا بإنشاء شيء كهذا أعرفه ولكني أريد ذلك نبدأ من الصفر، نحن فقط نخدش السطح وأريد أن أوضح لك خطوة بخطوة كيف يعمل كل شيء، لذلك سنزيد الصعوبة خطوة بخطوة، وإذا فعلت ذلك، أعتقد أنه يمكنك المتابعة إذا تعمقت في الأمر من البداية، ربما تكون على ما يرام، هذا معقد للغاية ويمكنني أن أخسرك، لا أريد ذلك، ولهذا السبب أبدأ بصور بسيطة ولكن يمكنك إضافة صور ولكن انظر إلى هذا، يمكنك أيضًا إضافة حاوية يمكنك ذلك أضف أيضًا عنوان
[Music] والآن إذا قمت بتغيير Stell، فهناك رقم، ثم هناك حاوية والآن كل شيء تحت بعضها البعض ولكن في هذه الحاوية يمكنني الإضافة زر ويمكنني إضافة زر آخر أو يمكنني تكراره وهما أسفل بعضهما البعض ولكن الآن لأن هذه حاوية يمكنني أن أفعل نفس الشيء وهذه المرة أقول لا أريدهما أن يكونا بجوار بعضهما البعض و محاذاة في المنتصف وأنه إذا قمت بدمج العناصر مع الحاويات، فإن قوة Elementor تصبح كبيرة جدًا ويمكنك إنشاء أي شيء تقريبًا يمكنك تخيله ولكني أريد فقط أن أبدأ من الصفر ببعض الصور البسيطة لذا دعني أتخلص من هذا
الآن هناك بعض الأشياء الأخرى التي أريد أن أوضحها لك، تحدثنا عن الاتجاه الآن، إنهم يتجهون للأسفل، مبررًا هناك، في البداية، يمكنني أيضًا إحضارهم إلى المركز، لنحتفظ به مع المركز، وبعد ذلك يمكنني محاذاة العناصر إلى اليسار على اليمين أو في المنتصف، ما تراه أيضًا هذه المنطقة هنا عبارة عن فجوة قدرها 20 بكسل إذا قمت بزيادتها دعنا نقول 50 تصبح 50 يمكنني أيضًا أن أقول صفر، ثم سيتم ربط كل شيء ببعضه البعض أيضًا عندما أفعل ذلك بهذه الطريقة بشكل افتراضي أفضل 20 وهذا ينطبق فقط عند استخدام هذه الخيارات الثلاثة
أو تلك الثلاثة عندما تبدأ في اللعب بالامتداد، ثم لا تنطبق تلك الـ 20 بكسل بعد الآن، لذا يمكنك زيادة ذلك أو تقليله لأنني أفضل 20 لذلك تحدثت حول هذه الأشياء ولكن ما يمكنك فعله أيضًا، يمكنك ضبط النمط بشكل فردي أو الإعدادات، لذا بالنسبة للصورة الأولى أنا بخير، الصورة الثانية يمكنني أن أقول أنك تعرف ما أريد محاذاته هنا في المركز لذلك أذهب إلى خيارات متقدمة و ثم هنا قم بمحاذاة الذات يمكنني أن أقول إنني أريدها أن تكون في المنتصف وبالنسبة للثالث أريدك أن تكون في أسفل [الموسيقى] والآن لا يزال بإمكاني الذ
هاب إلى الحاوية وتغيير الترتيب ثم هنا أستطيع لنفترض أنني أريدك أن تقوم بمحاذاة نفسك إلى اليسار، حسنًا، والآن دعني أعرض لك شيئًا، إنه مجرد توضيح لما يمكنك فعله وسيسهل عليك إنشاء التصميم الذي تفكر فيه الآن، يمكنني الانتقال إلى هامش الهامش يمكنني إلغاء تحديد هذا ثم الانتقال إلى الأعلى بقيمة سالبة، زوجتي تقول دائمًا الكلمة التي تقولها ذات قيمة، لكنك لا تقولها بشكل صحيح، غالبًا ما أقول قيمة وأحاول أن أقول قيمة في بعض الأحيان، وهو ما أفعله أفضل ما لدي حتى الآن يمكنك ضبط التصميم Pixel Perfect، لذا يمكن
ني هنا أن أقول الهامش العلوي جيدًا، أفضل عدم القيام بذلك هنا، يمكنني الذهاب إلى القسم وأقول افتراضيًا أريد الحصول على حشوة تبلغ 50 بكسل لذلك هناك مساحة صغيرة في الأعلى ومساحة في الأسفل وبالمناسبة، إذا ذهبت إلى التخطيط وقمت بتغيير الحد الأدنى للارتفاع إلى لا شيء، فستقرر الحشو تلقائيًا مقدار المساحة الموجودة هنا وهنا، لذلك إذا قمت بزيادة هذا، فسترى مساحة أكبر هنا ونفس المساحة هنا ولكن أيضًا على اليمين وعلى اليسار وهذا ليس ما أريده لذا سأقوم بإلغاء تحديد هذا ثم في الأعلى سأقول 90 عند الصفر الأيمن و
الأسفل 0 والصفر الأيسر لأن أفضّل الاحتفاظ بهذه المحاذاة، لذا كان ذلك بمثابة إعلان تشويقي سنتحدث فيه عن اختبار الهامش والمحاذاة الذاتية، لذا فهذه صفحة prti يمكنني أن أقول الأمر أو التحكم، يمكنني أن أقول الأمر أو التحكم p ثم أرى كيف تبدو أو أنا يمكنني النقر على ey ثم أرى كيف سيبدو، فهذه هي أساسيات Elementor وسأترك لهم ما يمكنني فعله الآن الأمر EI يمكنني البحث عن الصفحة الرئيسية عن طريق كتابة home يمكنني الذهاب إلى الصفحة الرئيسية أو إلى الصفحة الرئيسية، هذه هي الواجهة الأمامية، هذه النهاية الخلفية
، هذا هو التحرير، هذا هو الجانب، لذا أنقر على الصفحة الرئيسية، اتركها والآن نحن هنا الآن أيها السيدات والسادة تحدثنا عن الأساسيات الآن سنقوم بوضعها موضع التنفيذ، والآن بدأ الأمر أخيرًا، لذا أصبح لدينا الأساسيات الآن وآمل أن تفهمها وخلال البرنامج التعليمي سنتعمق أكثر خطوة بخطوة، لذا سنبدأ في إنشاء بطل يمثل الجزء الأول من الأشخاص سوف يرون عندما يدخلون إلى موقع الويب الخاص بك ثم سأعرض لك خطوة بخطوة أشياء أخرى وسأعرض لك أشياء أكثر تقدمًا وفي نهاية البرنامج التعليمي، سيكون لديك موقع ويب رائع ويمكنك ا
عتبار نفسك أن أكون خبيرًا في العناصر الأساسية لأنني سأريكم الكثير من الأشياء ولكن أولاً سنقوم بإنشاء البطل، لذا فلنفعل ذلك الآن، لذا أريد إنشاء البطل لموقعنا على الويب، فهذا أول شيء سيفعله الأشخاص أرى متى يدخلون موقعنا على الويب، لذلك أقوم بالنقر فوق علامة الزائد وأريد الحصول على منطقة بعمودين، لذا اخترت هذا العمود الآن وأريد أن أذهب إلى المكان المناسب وأريد اختيار خلفية جيدًا، هناك أربع خلفيات يمكنك اختيار نوع الخلفية، الأول هو النوع الكلاسيكي فقط لون في الواقع، هناك خمس خلفيات يمكنك اختيارها ف
قط اختر لونًا واحدًا على سبيل المثال أو يمكنك اختيار صورة، لدي بالفعل كل هذه الصور لأنني سجلت هذا الجزء لاحقًا، اخترت هذه الصورة الآن إذا كنت تريد المتابعة، يمكنك الذهاب لتحميل الملفات، حدد الملفات، الصور التعليمية على شبكة الإنترنت، الأعمال الإلهية واختر واحدة من تلك الصور، هذه الصور بالمناسبة سوف أتحقق مما إذا كانت ليست من Io وإذا كانت كذلك فلا يمكنني مشاركتها معك، ففي هذه الحالة ستكون هناك صور أخرى بدون حقوق ملكية يمكن العثور عليها بالبكسل أو pixabay.com ويمكن استخدام هذه الصور مجانًا دون أن
تواجه أي مشكلة، أذهب إلى مكتبة الوسائط، واختر هذه المكتبة، ثم أحددها، ثم أذهب إلى حجم العرض هنا، وأختار الغلاف، وأذهب إلى التخطيط من أجل البرنامج التعليمي الذي سأعيده لاحقًا، أريد فقط أن أعرض لك شيئًا حتى أتمكن من الحصول على صورة كخلفية، ثم يمكنني الانتقال إلى خلفية النمط، ويمكنني أيضًا اختيار التدرج اللوني، وهذا ما أريد القيام به، لذا دعني أعود إلى هذا لاحقًا، أذهب إلى الفيديو، يمكنك تحميل مقطع فيديو أو الحصول على رابط فيديو هنا، لذا دعني أوضح أنني أذهب إلى YouTube وأبحث عن GoPro ولا أعرف ما هو
الأحدث 12 حسنًا بالفعل، انقر بزر الماوس الأيمن فوق نسخ عنوان الرابط ثم ألصقه هنا الآن يقول Go Pro في البداية لا أريد ذلك، لذا ما أريد فعله أريد أن أبدأ بعد 12 ثانية، لا بأس أيضًا فلنبدأ لمدة 15 ثانية، لذا ابدأ بهذا على الفور، يمكنني أيضًا لدي وقت انتهاء يمكنني تشغيله بمجرد أن أسمح بتشغيله على الهاتف المحمول يمكنني الحصول على صورة احتياطية في الخلفية، لذا إذا لم يعمل الفيديو بطريقة ما، يمكنني الحصول على صورة سيتم عرضها بدلاً من الفيديو ولكن يمكن أن يكون ذلك إذا لديك عنوان هنا أنك لا ترى جيدًا في
البداية لأنه مظلم ولكن بعد ذلك إذا كانت لديك خلفية فاتحة فلن ترى جيدًا لذا ما يمكنك فعله أيضًا بكل خلفية لديك لذلك قمت بتحديد خلفية على شكل حاوية، يمكنك الحصول على تراكب للخلفية حتى أتمكن من اختيار لون يمكنني أن أقول إنه أسود ثم قم بزيادة العتامة حتى أتمكن من رؤية العنوان إذا أحضرت هذا إلى اليسار، فستشاهد الفيديو بأكمله إذا أحضرت هذا إلى اليسار حسنًا، ترى هذا اللون هنا، يمكنك أيضًا الحصول على تدرج حتى تتمكن من الحفاظ على نمط موقع الويب الخاص بك، لذلك إذا قلت اللون الثاني واللون الثالث يمكنني تغ
يير الزاوية، وأعد هذا مرة أخرى حتى أتمكن من دمجه ثم أحدث شيء إذا ذهبت إلى الخلفية وتخلصت من الفيديو، فيمكنني الانتقال إلى عرض الشرائح حتى أتمكن من إضافة صور متعددة، وتحديدها، وإدراج المعرض، يمكنني تهيئته، لذلك لنفترض أنه سيتغير في كل ثانية فقط من أجل البرنامج التعليمي، لذلك يمكنك أيضًا الحصول على شيء كهذا، كم هو رائع، ثم هناك شيء واحد يعجبني حقًا وهو تأثير Can Burns، انظر إلى هذا Zoom صغير، يعجبني حقًا، لم أستخدمه أبدًا تقريبًا، لقد استخدمته في عام 2015، ثم كان رائعًا حقًا ورائع الآن أه في بعض ا
لحالات سأستخدمه ولكن في حالتي لا أستخدم كل هذه Imes أيضًا التي تشغل مساحة لموقع الويب الخاص بك أو تجعل موقع الويب الخاص بك أبطأ قليلاً لذا قم بتلوين أو صورة أو تدرج أو مقطع فيديو أو عرض الشرائح جيدًا، أريد أن أذهب إلى التدرج اللوني ولكن أولاً دعني أعيد هذا إلى هنا للتخطيط، قم بإزالة هذا هنا، تخلص من هذا اللون ثم انتقل إلى التراكب وتخلص أيضًا من ذلك، لذا أذهب الآن إلى تدرج الخلفية اختر اللون الأول وهو اللون الثاني، اللون الثاني هو اللون الثالث أقوم بتغيير الزاوية وهو الآن تدرج جميل حقًا ولكن يمكن
ني أيضًا تغيير الموقع إذا قلت 50 هنا وأيضًا 50 هنا سيكون خطًا يمكنني أيضًا تغيير الزاوية بعد ذلك حتى أتمكن من إنشاء شيء من هذا القبيل يمكنني تغييره من الخطي إلى الشعاعي ثم اللعب بالتدرج حتى أصل إلى الصفر، النوع 100 خطي والزاوية هي 90 وما رأيته للتو رأيت صورة وهذه صورة مخزنة، لذا ما الذي يمكنك فعله للحصول على صور مجانًا على موقع pixabay.com وهناك يمكنك العثور على الكثير من الصور حتى أستطيع أن أقول لأفراد مجموعة الأعمال B، تلك هي الصور المخزنة، وهي الصور العلوية من iock و هذه مجانية لذلك من الواضح
أن الجودة أقل، ويمكنك الحصول على هذا مجانًا، ويمكنك تنزيله واستخدامه، وإذا كنت تريد البحث عن الأشياء الحقيقية التي أقترح عليك القيام بها بشدة، فيمكنك الانتقال إلى 30 corp.com من أجل/ اضغط على زر الإدخال إذا بحثت بالنسبة لمجموعة الأعمال، ينظر الأشخاص إلى هذه الجودة بشكل أفضل بكثير، لذا لنفترض أنك اخترت هذه الصورة، فقد تكلفت ثلاثة أرصدة يمكن أن تصل إلى 27 دولارًا، وربما أكثر وربما أقل، وربما تعتقد أن هذا مبلغ كبير من المال ولكن فكر في كيفية مقدار هذا المبلغ اجعل موقع الويب الخاص بي يبدو أكثر احتر
افية ويمنحك المزيد من الأعمال بالنسبة لي، الأمر يستحق ذلك، لا أفكر حتى في أن لدي اشتراكًا لألف صورة سنويًا على ما أعتقد وأستخدمها على مواقع الويب الخاصة بي للعملاء لأن موقع الويب يصبح أفضل مع صور عالية الجودة ولكن إذا كنت تريد تفضيل الطريق السريع، يمكنك الذهاب إلى مجموعة أعمال pixabay أو Pixels.com التجارية، يبدو هؤلاء الأشخاص حسنًا، لذلك يمكنك استخدام شيء مثل هذا مجانًا، أغلقه وأغلقه، وهذا ما يمكنك فعله ثم أقول الأمر أو التحكم، إنها تسمى حاوية هذه المنطقة أريد إعادة تسميتها انقر نقرًا مزدوجًا ف
وق البطل لدي منطقة يسرى ومنطقة يمنى ثم أريد النقر فوق علامة الزائد وأريد الانتقال إلى عنوان وسحبه فوق هنا وأريد تغيير النص وأن تضع في اعتبارك ما هو الهدف من موقع الويب الخاص بك، يمكنني أن أقول مرحبًا بك في هذا الموقع من فضلك لا تقل ذلك، قم بإلقاء نظرة على أفضل المواقع في العالم، فهي تنفق الملايين على الأرجح على الإعلانات و تحسين موقع الويب الخاص بهم، لذا أرى هنا شيئًا ثم أعرف المزيد، هناك عبارة تحث المستخدم على اتخاذ إجراء هنا iPhone، هذه هي عادةً الصفحة المقصودة iPhone Pro Image، تعرف على المزي
د أو اشتري، لذا ما أراه أيضًا مع صورة Tesla الجميلة، خياران لمعرفة المزيد أو طلب مخصص بحيث يكون بعض الأشخاص مستعدين للشراء، ينقرون على طلب مخصص، بعض الأشخاص مستعدون للشراء، ينقرون على شراء، بعض الأشخاص ليسوا مستعدين للشراء لكنهم مهتمون ويمكن لهؤلاء الأشخاص النقر فوق "معرفة المزيد"، لذا فالأمر ليس مثل الشراء ولا شيء وإذا كان الأشخاص لا يرغبون في الشراء، فقد رحلوا، ولا يمكن للأشخاص غير المستعدين للشراء النقر على "معرفة المزيد"، لذا ألقي نظرة على أفضل موقع ويب في العالم وأريد أن أتعلم منه بدلاً من
إنفاق آلاف الدولارات دولارات أو ملايين الدولارات لتحسين موقع الويب الخاص بي ، لذلك أرغب في الحصول على عبارتين تحث المستخدم على اتخاذ إجراء ومعرفة المزيد وعبارة أخرى تحث المستخدم على اتخاذ إجراء سنتحدث عنها خلال دقيقة واحدة ويوجد الآن عنوان من شأنه أن يساعد الزائر في معرفة ما لدينا تدور أحداث الشركة حول ذلك، لذا سأقول إننا نجعل مواقع الويب التي تولد العملاء أمرًا بسيطًا للغاية، فلنحافظ على ذلك، ثم أذهب إلى St أريد أن يكون النص خفيفًا لذلك أذهب إلى هذا الموقع وأريده أن يكون H1 لذا أذهب إلى المحتوى
H1 يمكنك الحصول على H1 واحد فقط في موقع الويب وهذا هو الذي أريد استخدامه ثم أذهب إلى إعدادات الحاوية لأنه لا توجد مساحة هنا لذا أذهب إلى خيارات متقدمة وأقوم بإلغاء تحديد هذه المنطقة في الحشو وفي الأعلى أقول 60 في الأسفل، أقول 60 لذلك لدي مساحة صغيرة للتكاثر حسنًا، بعد ذلك أدناه، أنقر على علامة الجمع أريد أن يكون لدي دعوتين للعمل، الأول [موسيقى] حسنًا، ما أريد قوله هنا هو تعرف على المزيد وبعد ذلك يمكنني التحدث عن صفحة خدماتنا وما نقدمه ونتعمق في هذا الموضوع على صفحة الخدمة وبعد ذلك أريد أن يكون
لدي عبارة أخرى تحث المستخدم على اتخاذ إجراء وسأتحدث عن ذلك خلال دقيقة لذلك أذهب إلى Stell و دعونا نرى أن الطباعة الافتراضية للأزرار هي بالفعل اللون المناسب للنص، كما أن نوع الخلفية رائع أيضًا، أريد أن يكون لونًا عاديًا وهو هذا اللون، إذا ألقيت نظرة على الزر الآخر، فاتصل به، فهو أيضًا ذو دائريات جميلة تمامًا مثل الشعار لذلك أريد أن أفعل الشيء نفسه هنا، نصف قطر الحدود لنفترض 25 مثاليًا وعندما أقوم بالتحويم فوقه، لا يحدث شيء، لذلك أنقر هنا على علامة التبويب الخاصة بالتحويم، ثم يمكنني تغيير لون الخل
فية إلى اللون الأخضر الآن يبدو الأمر كما لو أن النشر يمكنني أن أقول الأمر P الآن نرى كيف يبدو حتى الآن حتى الآن جيدًا جدًا ويمكنني أيضًا النقر على العين المثالية الآن أريد أن يكون لدي زر بجوار هذه المنطقة لذلك أقوم بتكرار هذا ولكن ما يحدث أدناه لماذا إذا ألقيت نظرة في تخطيط الحاوية هذا، يكون الاتجاه لأسفل لذا أستطيع أن أقول أنك تعرف ما أفعله من اليسار إلى اليمين ولكن بعد ذلك تكون العناصر الثلاثة من اليسار إلى اليمين و هذا ليس ما أريده وهذه مشكلة لا يمكننا حلها إلا إذا حصلت على Elementor Pro الآن
، فقط تمزح، يمكنك إصلاح هذا كيف يمكننا إصلاح هذا الآن كل شيء ينخفض مرة أخرى، انقر فوق علامة الجمع، أسحب حاوية هنا ثم أسحب هذا في الحاوية تمامًا مثل الحاوية الأخرى، لذا تبدو هكذا والآن إذا ألقيت نظرة على هذه الحاوية، يمكنني استدعاء هذه الحاوية للأزرار التي يمكنني أن أقولها لتخطيط الحاوية هذا انتقل من اليسار إلى اليمين وهذه هي الطريقة التي يمكنك من خلالها إصلاحها هناك طريقة واحدة لإصلاحها، هناك طريقة أفضل سأتحدث عنها خلال دقيقة واحدة، لذلك أنقر هنا وأقول "اتصل، هذه هي مكالمتي الرئيسية في الواقع
ولا أريد أن يكون لدي نفس اللون لذلك أنا" انقر هنا ثم أريد أن أذهب إلى Stell وبدلاً من الحصول على هذه الخلفية، أريد أن تكون الخلفية شفافة وجميلة وأريد الخلفية أو أريد أن يكون للزر حد، لذا يمكنني أن أقول نوع الحد هنا ثابتًا ولكن كلما قمت بزيادة هذا كلما لم يتماشى مع الزر الآخر، لذلك دعنا نقول بيكسلين، لذا ما يجب أن أفعله الآن هنا في الحشو إذا كنت سأقول صفرًا فهو غير محاذاة مع الزر الآخر ولكن إذا قمت بزيادة هذه الخطوة خطوة بخطوة يمكنني رؤية مكان محاذاته، لذا فهو الآن محاذٍ عندما أقوم بالتحويم هنا،
لا يحدث شيء، لذا أنقر هنا، انتقل إلى التحويم ويمكنني تغيير هذا إلى لون أخضر فاتح، لذا أنقر هنا حتى ترى تمييزًا، مثل هذا الشيء الوحيد أرى أن هناك مساحة أكبر هنا على اليسار وعلى اليمين هنا ليست كذلك، لذا أذهب إلى المساحة المتروكة وقم بإلغاء تحديد ذلك ثم على اليمين يمكنني أن أقول 25 على اليسار ويمكنني أيضًا أن أقول 25 إذا كنت أريد معرفة ما إذا كان يعمل أم لا أنقر على الحاوية الموضوعة أسفل بعضها البعض، فهي غير محاذية تمامًا لذلك أذهب إلى هنا دعنا نقول 26 أذهب إلى هنا مرة أخرى، ضعها بجوار بعضها البعض
وهذه هي الطريقة التي ينهار بها ملف تعريف الارتباط، لذا إذا ألقينا نظرة على الهيكل هنا نرى لدينا بطل واحد يحتوي على هذه المنطقة بأكملها في هذا البطل لدينا حاويتين في الحاوية اليسرى هنا لدينا نص وعنوان وحاوية أخرى وهذه الحاوية تحتوي على زرين هنا على اليمين لدينا أيضًا حاوية فارغة وأريد ملء ذلك، لذا ما يمكنني فعله هو النقر فوق علامة الجمع للبحث عن صورة أو إذا كنت أرغب في عرض صور متعددة، فيمكنني الانتقال إلى عرض دائري للصورة وسحبها هنا وكما قلت قبل أن يكون لكل عنصر خاصيته وظائف خاصة بي، لذا يمكنني
هنا في المحتوى إضافة صور متعددة لذلك أنقر على "إضافة صور" وأريد استخدام صورتين لهما نفس الارتفاع والعرض، لذلك أذهب إلى الصفحة الرئيسية لبرنامج الصور التعليمية على الويب Divine وهذه هي الدقة الكاملة لتسليم وحدة التحكم وهذا هو حجم مخفض 1200 بكسل افتحه لذلك أحدده Study.com انسخه والصقه والصقه الثاني، قم بنسخه ولصقه ولصقه، من الجيد نسخ العنوان إلى النص البديل والوصف وإذا قمت بتحميله صورة من فضلك لا تسمي صورتك مثل IMG z0000 Z أو 0 واحد لأن هذا هو ما يقوم الأشخاص بتحميله حرفيًا وهذه هي الطريقة التي يم
كن من خلالها العثور على صور غريبة، لذا قم دائمًا بإعادة تسمية صورك حتى إذا ألقيت نظرة على المجلد الخاص بي إذا كنت انتقل إلى الصفحة الرئيسية لموقع الويب Divine، حيث ترى تسليم وحدة التحكم، وتواصل معي في مجال تصميم مواقع الويب في لوس أنجلوس، ووكالة تصميم الويب في كاليفورنيا، لذلك أستخدم العناوين أيضًا في صوري، لذا افعل ذلك دائمًا ولا تترك الأمر أبدًا لـ IMG 00001 لأنه يمكن العثور عليك من خلال الصور بناءً على عنوانك لذا استخدم الكلمات الرئيسية في عناوينك، حسنًا، لدي صورتان، أنشئ معرضًا جديدًا، أدخل
المعرض وهذا هو الشكل الذي يبدو عليه افتراضيًا، لذلك سنقوم بتغيير دقة الصورة وأريد أن أجعلها كبيرة مثل عدد الشرائح أريد أن أظهر في نفس الوقت واحدًا فقط، نعم، هل أريد تمديد الصورة، لا، أريد إظهار أسهم ونقاط التنقل، لا، لذلك أقول لا شيء رائع، ثم أذهب إلى خيارات إضافية، التشغيل التلقائي نعم، وكل 3 ثوانٍ أريد ذلك أرى الصورة الأخرى بهذه الطريقة ولكن ليس في شريحة ولكني أفضل أن تتلاشى، لذا دعونا نلقي نظرة هنا واحد اثنان ثلاثة حسنًا ولكن أريد أن يكون التلاشي أبطأ ثانية واحدة لذا واحد 2 ثلاثة أفضل، هذا ما
أريده رائعًا لذلك أنا ارجع إلى هنا لأن ما أراه أخبرني أنني أريد محاذاة المحتوى مع المنتصف بهذه الطريقة بحيث يكون عموديًا في المنتصف، وهذا ما أفضله، حسنًا، ما لدي الآن إذا ذهبت إلى الهيكل بطلًا بحاويتين و لدي صورة في الحاوية الصحيحة ولكن ما يمكنني فعله أيضًا لا أحتاج إلى حاوية لأن الحاويات والعناصر يمكن أن تكون بجوار بعضها البعض في الحاوية، لذا فإن هذا مجرد مضيعة للتعليمات البرمجية غير الضرورية التي سيتم إنشاؤها لهذا الغرض إلا إذا كنت تريد إعطاء هذا خلفية، لذا إذا كنت سأقول ping 50 داكنًا ومتقدم
ًا، فيمكنك استخدام حاوية ولكن حتى في هذه الحالة ليس من الضروري، لذا ما سأفعله هو أنني أستطيع سحب هذا إلى اليسار والآن يمكنني التخلص منه هذه، لدي الآن هذه المنطقة على يسار هذه الحاوية وهذه المنطقة على اليمين رائعة، حسنًا، ثم أذهب إلى الحاوية الأولى حيث يبلغ العرض 50%، لذا يجب أن أقول هنا أيضًا أن المتقدم يجب أن يكون مخصصًا وفي هذا الحالة مثالية بنسبة 50% إذا أردت أن تكون أصغر حجمًا، يمكنني تصغيرها ولكن بعد ذلك، هل ترى ما يحدث أنها لا تتماشى مع الجانب الأيمن، ما الذي يمكنني فعله يمكنني النقر هنا،
انتقل إلى "متقدم" وانقر فوق "الحجم" ثم قم بالنمو هكذا ما يحدث الآن هو أنه بناءً على هذا العرض، سيغطي هذا الباقي لأنني قلت إنه يحتاج إلى النمو، لذا إذا كان هذا 30% تلقائيًا، يصبح 70% حسنًا، هذا ليس بالضبط ما أريده، الشيء العظيم هو عندما أذهب إلى هنا وأنا قم بزيادة هذا تلقائيًا والذي سيتم ضبطه جيدًا، لا أريد أن تكون هذه الصورة مرتفعة جدًا أو كبيرة جدًا، لذا أرى ما أريده، ثم هنا هذه خدعة صغيرة ما يمكنني فعله، يمكنني الانتقال إلى pting وإلغاء تحديده ثم على اليمين يمكنني زيادته، ما الذي سيحدث، سيختفي
التوليد هنا عندما أقوم بزيادته، انظر ما أفعله بالحشوة، أقول المساحة، انظر إلى هذا عندما يكون نصفي أكثر من 10، كما ترى، أنا أقول مداعبة هذه المنطقة يجب أن يكون هناك مسافة بين المنطقة الخارجية للحاوية والعنصر وعندما أفعل ذلك فإن هذه المنطقة تتجه أكثر إلى اليسار وسيتم دفعها لأن هذه الكلمة أطول من هذه المنطقة لذلك تنتقل إلى المنطقة التالية هذا هو السطر الذي يمكنني من خلاله إصلاح الأمر حسنًا حتى الآن جيد جدًا أريد أن أذهب هنا للتقدم أريد أن أقول أنك تعرف ما الذي يجعل هذا 120 و120 لذا فهو يأخذ مساحة
أكبر قليلاً ثم أعتقد أنك لا تعرف أنه يمكن أن يكون أكبر قليلاً لذلك أذهب إلى Advanced وأزيده مرة أخرى وأنا سعيد إذا ذهبت هنا مقدمًا آسف أم أذهب إلى The Container إذا كنت سأقول صفر حسنًا، فهذا يعني أنني ما زلت بحاجة إلى الحصول على هذه الحشوة التي اعتقدت أنها ربما بسبب لقد دفعت هذا أو جعلته أكبر، ثم سينتقل هذا تلقائيًا إلى الصف الثاني، لذا إذا قلت صفر، فهل ما زلت تفهمه، أنقر هنا إذا قمت بزيادته حسنًا، فلنجعله 46% مما ينقل هذه الكلمة إلى السطر التالي بدون أن أقوم ببعض الكتابة لذلك أنا سعيد بالنتائج،
ماذا يمكننا أن نفعل أيضًا يمكننا النقر فوق الحاوية ثم أذهب إلى St وأقوم بطي هذا ثم يوجد مقسم للأشكال وهذا بالنسبة لي هو ما يجعل موقع الويب موقعًا أفضل قليلاً عندما يتعلق الأمر بالتخطيط والتصميم بنفس الكلمات والتخطيط والتصميم نفسه، لذلك أذهب إلى الجزء السفلي من مقسم الشكل لذلك سيحدث شيء ما هنا، النوع لا شيء يمكنني جعله يسقط منحنى المثلثات ما أفضله هو الموجات وهناك هناك بعض الأشياء التي يمكنني القيام بها، يمكنني تغيير العرض الذي تراه، يمكنني أيضًا تغيير الارتفاع لذا أحب تقليله، يمكنني أيضًا قلبه
وعكسه بحيث يبدو هذا رائعًا في رأيي وبعد ذلك يمكنني أن أقول أمر أو تحكم P هذا هو الشكل الذي تبدو عليه أو ألقي نظرة هنا، فنحن نجعل مواقع الويب التي تولد العملاء يتعلمون المزيد أو يتواصلون معنا وكل 3 ثوانٍ تتغير هذه الصورة، لذا ألق نظرة هنا على خيارات المحتوى الإضافية كل 3 ثوانٍ، وتوقف مؤقتًا عند التمرير لا، لذلك عند الأشخاص قم بالتمرير فوقه فإنه لا يزال يتغير لأنه الآن لم يكن الأمر كذلك، اضطررت إلى الانتظار لفترة أطول تلقائيًا، وسوف يتغير لذا واحد اثنان ثلاثة حتى إذا قمت بالتمرير فوقه، نعم سيتغير
بشكل مثالي، تحدثنا عن CSS من قبل وما أريد أن أفعله الآن أريد ربط أي نص في موقع ويب بلون حيواننا الأليف الملون، لذلك عندما أقوم بتغيير لون الحيوان الأليف هذا في Blocky لاحقًا، سيتم أيضًا تعديل هذا اللون الذي قمت بتعيينه لنص معين، دعني أوضح لك كيف يمكنك تكوين ذلك مع القليل القليل من كود CSS، شيئان آخران أريد القيام بهما، دعنا نتعمق قليلاً في ما أريد أن أفعله، أريد تسليط الضوء على هذه الكلمة، أريد أن أجعلها لونًا، لذلك تم تسليط الضوء على هذا، تم تسليط الضوء عليه في كلمة مواقع الويب، كيف يمكنني افعل
ذلك جيدًا هنا، أود تحديد هذا ثم إعطائه لونًا، أجعله غامقًا، لذا فلنجعله غامقًا ما أراه بعد ذلك في المحتوى مصنوع من هذا الرمز، الشيء الوحيد الذي تراه هنا هو الكود حتى أوضح لك أنه رمز يمكنني إجراء فاصل عليه BR وأغلقه ثم ينتقل إلى السطر التالي بالمناسبة. إذا استخدمت هذا، فلن أحتاج إلى استخدام الملاعبة، يمكنني فقط إجراء استراحة هنا، والشيء الوحيد هو أنه عندما أفعل ذلك وأذهب إلى جهاز آخر، سيكون الاستراحة موجودًا أيضًا، لذا أفضل عدم القيام بذلك افعل ذلك ولكن من المحتمل أن ما أريد فعله لتسليط الضوء عل
ى هذه الكلمة سأستخدم القليل من CSS وHTML في الواقع ربما HTML فقط، لذا فإن ما سأفعله سأقوم بإنشاء نطاق ليس لديك لفهم هذا، فقط اتبعني بفتح الأقواس، لا أعرف أن الأسهم تتحول بفاصلة على Mech ثم أقول نمط المسافة الممتدة يساوي تحويل هذا ثم لون الفاصلة المنقوطة إذا قلت التجزئة z00 Z، فهذا هو ما أستخدمه دائمًا لرؤية إذا كان يعمل، فهذا هو اللون الأسود، السهم لليمين، لذا قم بتغيير النقطة الآن بعد مواقع الويب ومواقع الويب نفسها، كل شيء بعد هذه المنطقة سيكون أسود، لذا ما سأقوله بعد فتح موقع الويب لشرطة مائلة
تجعله يتوقف ثم يمتد حتى يتوقف الامتداد هناك، لذا فإن كلمة موقع الويب فقط هي التي تحتوي على هذا اللون، لذا ما يمكنني فعله الآن. أنا حقًا أحب هذه الأداة، فهي تسمى Color Pick ey dropper وهي امتداد لـ Google Chrome، لذا ابحث عن Google Chrome colorpick ey drop ثم يمكنني إضافتها إلى chro Chrome ومتى يمكنك القيام بذلك، يمكنك تحديد لون، انقر فوقه، انسخ، والآن إذا نقرت هنا، يمكنني تغيير اللون إلى هذا اللون، الشيء الوحيد هو عندما أقرر تغيير جميع لوحات الألوان في موقع الويب الخاص بي، سيظل هذا باللون الأصف
ر، لذلك أفضّل استخدام لون مرتبط بلون موقعنا الإلكتروني جيدًا، في هذه الحالة لا نحتاج إلى استخدام اللون مع هاشتاج أريد إزالة هذا، دعني أنشره الآن حسنًا، ما سأفعله سأذهب إلى أداة تخصيص الألوان أذهب إلى الألوان الأولى وأريد أن يكون هذا هو اللون الأول وهنا يوجد رمز اللون المرتبط بهذا اللون، لذا أنسخ رمز اللون ثم أمتد هنا إلى مساحة ألوان ضيقة، ما سأفعله الآن سأفعله سأقول أنني سألصق هذا، لا شيء يحدث لذا ما سأفعله هنا قبل الشرطات vr Shift n ثم بعد اللون تحول واحد إلى صفر لذا أغلقه أحتاج أن أتعلم باللغة
الإنجليزية ما هي هذه الكلمات ربما لدي تعتيم لذا انظر في تحديث النشر هذا، إذا ذهبت إلى أداة التخصيص وانتقلت إلى الألوان وقمت بتغيير هذا اللون، دعني أنسخه الآن ولكن إذا جعلته أخضر، فانظر إلى هذا، يصبح هذا اللون أيضًا أخضر وهذه هي قوة هذا المظهر إذا قمت بتغييره هذه النسخة الخضراء، انظر إلى هذا في كل مكان أستخدم فيه هذا اللون واللون العام الذي يتغير، وهذه هي الطريقة التي يمكنك من خلالها تغيير شكل ومظهر موقع الويب الخاص بك ببضع نقرات فقط باستخدام لوحة الألوان العامة، كم هو رائع أن أعتقد أن هذا رائع
حقًا أنت تعلم أنه يمكنك تحريك العناصر والحاويات في Elementor جيدًا، ربما لم تفعل ذلك، ولكن دعني أوضح لك كيف يتم ذلك، وكان هذا أول شيء أردت القيام به، والشيء الثاني الذي أريد القيام به، انقر هنا يمكنني الذهاب إلى إغلاق متقدم ثم هناك رسوم متحركة لمدخل تأثيرات الحركة حتى أستطيع أن أقول متى يفتح موقع الويب يتلاشى في اليسار أوه، أنا أنتظر، انقر هنا نعم الآن أنا أحدده، تأثيرات حركة الإغلاق المتقدمة تتلاشى في اليسار أو في هذه الحالة تتلاشى في اليمين يمكنني أن أجعل الأمر بطيئًا ويمكنني تأخيره حتى أستطيع
أن أقول بعد ثانية واحدة وهو ما يعادل 1000 ميلي ثانية، كل هذا هنا، يمكننا أيضًا إنشاء رسوم متحركة جميلة لكل شيء، لذلك ستصل هذه [الموسيقى] على الفور من اليسار، ثم سيأتي هذا الزر من اليمين آسف من اليسار وهذا سيأتي من اليمين، حسنًا، انظر إلى هذا واو، إنه رائع ولكنه سيجعل موقع الويب الخاص بك أبطأ، لذا الآن سأقوم بإيقاف تشغيل [الموسيقى] هذه [الموسيقى] وهذا ما فعلته استخدم هذا نعم ثم الصورة، والآن أقوم بنشرها ولم تعد هناك رسوم متحركة بعد الآن، لذا أنشأنا بطلنا، وهذا أمر مهم، وهذه هي الطريقة التي أفضل
العمل بها بعد إنشاء الحاوية، وأعتقد أنه من الأفضل تحسينها لجميع الأجهزة في بمجرد أن تتمكن أيضًا من إنشاء الصفحة الرئيسية بأكملها ولكن في بعض الأحيان تريد نسخ الأشياء ولصقها، وإذا لم يتم تحسين تلك الأشياء التي تنسخها وتلصقها، فيجب عليك تحسينها مرتين لذلك أفضل بعد كل حاوية قمت بإنشائها لتحسينها لجميع الأجهزة، ثم تعلم أنه في كل مرة تقوم فيها بنسخ شيء ما ولصقه في مكان آخر، يتم تحسينه لجميع الأجهزة وسيساعدك في الحصول على سير عمل أكثر إنتاجية، لذا اسمح لي أن أوضح لك كيفية تحسينه لجميع الأجهزة وهو ما أ
فضل القيام به لأرى كيف سيبدو على جهاز مختلف، لذا أنقر هنا ولكن ما أراه على الفور هو أن هذا التكس يقع تمامًا على اليسار وعلى اليمين تمامًا، وهذا ليس احترافيًا على الإطلاق، لذا ما سأفعله سأنقر هنا إعدادات القسم ثم أحتاج إلى الانتقال إلى Advan وما أراه هو أن الجزء العلوي من الحشو رائع وأسفل الحشو رائع أيضًا مما يخلق هذه المساحة ولكن هنا على اليسار واليمين لا يحدث شيء لذا اسمح لي بإلغاء تحديد هذا كان هذا 120 كان هذا 120 ما يمكنني فعله يمكنني زيادته هنا لنفترض 10 بكسل هنا أيضًا 10 ربما تتم محاذاته مع
القائمة 40 لذلك دعنا نقول 40 حسنًا، النشر يبدو أفضل بكثير ولكني لا أريد القيام بذلك لكل حاوية على حدة لقد قمت بإنشاء تحدثنا عن الحشو القياسي قبل ذلك يعني أنه يمكنك أن تقول لـ Elementor أن كل حاوية تم إنشاؤها تحتوي على حشوة معينة افتراضيًا وهي 10 وإذا كان لديك حاوية في حاوية في حاوية فإنها تقوم بتغيير العناصر بطريقة ما لا يعجبني ذلك، لذا أضع كل شيء على الصفر، لذلك عندما يكون لديك 10 حاويات في حاويات، لا يوجد أي ملاعبة ولكني أريد إضافة القليل من الملاعبة للأجهزة الأخرى لأنه بخلاف ذلك ستكون الحدود
جوانب مواقع الويب هي أن المحتوى يكون مقابل جانب موقع الويب خاصة مع الجهاز اللوحي والهاتف الذكي، لذا سأقوم بضبط خيارات الحشو القياسية الآن، لذا ما يمكنني فعله أيضًا هو النقر هنا، والانتقال إلى التخطيط، ثم حشوة الحاوية يمكنني أن أقول 60 في كل مكان أو 40، لذا الآن ستحتوي جميع الحاويات تلقائيًا للكمبيوتر اللوحي على حشوة 40 بكسل، حسنًا، هناك الكثير يتغير هنا، لماذا لا يتغير شيء هنا لأنني قمت بالفعل بالكتابة فوق تلك الحاويات الإعدادات الافتراضية مع إعداداتي المخصصة هنا، لذلك إذا ذهبت إلى التخطيط، فهذ
ه هي الإعدادات الافتراضية لحشو الحاوية ولكني قمت بالكتابة فوقها هنا بالفعل في الحشو ولكن هنا لم تتم الكتابة فوقها، لذا فإن ما أراه منذ أن لدي حاوية انتهت هنا تحتوي على مساحة 40 في كل مكان، لذا أحتاج إلى إلغاء تحديد هذا وبعد ذلك سيكون هذا طبيعيًا والآن يبدو رائعًا، لذا ربما يكون الأمر غير واضح بعض الشيء طالما أبقيت هذا فارغًا، فسوف يأخذ تلقائيًا إعدادات حشوة حاوية التخطيط وأفضل أن يكون 40 في كل مكان وإلا فيجب علي القيام بذلك يدويًا على جميع الأقسام أو الحاويات في موقع الويب الخاص بي أفضل عدم القي
ام بذلك دعني أريكم مرة أخرى إذا ذهبت إلى الهاتف المحمول فلن يكون لديك أي شيء ولكن ربما إذا أغلقت هذا أذهب إلى القسم الذي يرثه من الجهاز اللوحي عندما تقوم بضبط الأرقام هنا على الجهاز اللوحي أو على سطح المكتب، ولا تغير أي شيء لجميع الأجهزة تلقائيًا، وسوف ترث هذه الأرقام، لذا بالنسبة للجهاز اللوحي، يجب أن أقلل هذا عالية لذا يمكنني أن أقول اسمحوا لي بإلغاء تحديدها ليس أكثر من 120 ولكن 60 أو هل تعرف ما لنبقيها فارغة الآن أم اربطها معًا وقم بإزالة الأرقام لا قم بإزالتها حسنًا لماذا هذا لأنه يرث هذه ال
أرقام تلقائيًا لذا دعني أرى ما يحدث إذا ذهبت إلى حاوية تخطيط الإعدادات إذا قمت بزيادة هذا، فلن يحدث شيء لأنه يرث الأرقام من عرض الجهاز اللوحي لذا لا أستطيع توضيح كيف يبدو ولكني أوافق على ما يمكنني فعله لأوضح لك كيف سيبدو يمكنني ذلك انتقل إلى سطح المكتب، هذه هي الطريقة التي تعمل بها كما قلت من قبل، لا توجد طريقة مثالية، هذه هي الطريقة التي أفضل العمل بها، أقوم بتكرار هذه المنطقة بأكملها، انقر هنا، لا تفعل شيئًا باستخدام الحشوة أيضًا هنا لا شيء ثم هنا لا شيء حسنًا الآن إذا كنت انتقل إلى التخطيط وأ
قول قم بزيادته الآن يمكننا ضبطه هنا لذا دعني أوضح لك كيف يجب أن يبدو جيدًا دعني أغلق هذا يمكنني سحبه لأعلى ثم يمكنني العودة إلى تخطيط الإعدادات الذي أريد محاذاته هنا ولكن يمكنني أيضًا أن أقول قم بإلغاء تحديده وفي الأعلى أريد أن يكون هناك 50 مساحة أكبر قليلاً وفي الأسفل أيضًا أو ربما 100100 لذلك هناك مساحة أكبر هنا حسنًا، هذا لا يبدو جيدًا ولكننا سنتأكد من أنني سأتأكد من أنها ستبدو أفضل ولهذا السبب نقوم بتحسين الأشياء لذلك أقوم بحفظ التغييرات وأغلق هذا وأزيل هذا وأتذكر أن الأمر ليس كذلك لأنه لدين
ا هذه الإعدادات يدويًا هنا لذلك أنا حسنًا، مع هذه المساحة هنا، نقوم بإنشاء مواقع ويب، فكيف يمكنني تحسينها، دعنا نعود، هكذا يبدو الأمر على سطح المكتب على الجهاز اللوحي، ويبدو أن هذا لا يزال جيدًا بالنسبة لي وعلى الهاتف، يمكنني النقر هنا للحصول على هاتف أستطيع أن أقول أن المحتوى حسنًا، فلنرى المحاذاة الجيدة لمركز الهاتف هنا، اتجاه تخطيط الحاويات على ما يرام وبالنسبة للهاتف المحمول أقول أحضره إلى المركز، ثم هناك هذه المنطقة، إنها ليست مثل الحاوية، إنها صورة، لذا دعني أرى العرض لـ الهاتف المحمول يقو
ل إنه مخصص حتى أتمكن من الانتقال إلى عرض الهاتف المحمول بالنسبة المئوية يمكنني أن أقول 100 حسنًا ثم أذهب إلى [الموسيقى] الهامش وأقوم بإنشاء بعض المساحة وهذه هي الطريقة التي يمكنك من خلالها ضبط الأشياء Pixel Perfect ربما يكون هناك مساحة كبيرة جدًا هنا 120 40 120 40 لذلك دعونا نرى كيف سيبدو 80 80 80 من المهم جدًا أن أحصل على دورات تدريبية في هولندا حول إنشاء مواقع الويب ويجب على الأشخاص القيام بمهام وأنا أقوم بتدريس مساحة إنشاء الهامش والأمر على تقريبًا كل موقع ويب أتحقق منه ليس به مساحة كبيرة هنا
، لذا في كل مرة يجب أن أقول ذلك، لذلك أريد أن أكون واضحًا بشأن ذلك، يرجى بالنسبة للهواتف المحمولة والأجهزة اللوحية التأكد من وجود بعض المساحة هنا، يبدو هذا جميلًا وهذا يبدو أيضًا رائع، من فضلك لا تجعله بالكامل من اليسار إلى اليمين، يبدو هذا أفضل بكثير حتى الآن، جيد جدًا، لقد كان الجزء الأول من موقعنا، هل تستمتع، هل أنت متحمس، أتمنى أن تكون كذلك، أتمنى حقًا أن تكون كذلك II لقد بذلت قصارى جهدي، لذا بذلت قصارى جهدي لجعل هذا البرنامج التعليمي سهل المتابعة قدر الإمكان، والشيء الوحيد الذي قمت به هو أن
ني قمت بإنشاء المزيد من الرسوم المتحركة بشكل طبيعي، أقوم بتكبيرها ثم أصبح تكبيرًا ثابتًا ولكن الآن لقد مالت قليلاً، هل يعجبك ذلك أم أنه مزعج أو محبط، يرجى إبلاغي بذلك في التعليقات لأنه في كل مرة أقوم فيها بإنشاء برنامج تعليمي، أريد أن يصبح أفضل من سابقه، وربما يكون هذا هو السبب أيضًا وراء وجود الكثير من المشتركين الفرعيين لأن أحاول دائمًا التحسين، يعجبني ما أفعله، وآمل أن يعجبك ما أفعله وأن يعجبك إنشاء هذا الموقع، فلننتقل إلى حاوية أخرى وفي هذه الحاوية سنعرض شيئًا عن خدماتنا أو شيئًا تريده "من ا
لأفضل أن تجعل هذا ما يجعلك متميزًا عن منافسيك وسأعرض لك بعض الطرق أو سأعرض لك طريقة حول كيفية إنشاء تلك المنطقة ومن خلال إظهار أنهم سيتعلمون القليل منها" أشياء جديدة، نعم، فلنبدأ، لذلك دعونا ننشئ المجال الثاني. أريد أن أخبر شيئًا عن خدماتي، ليس عن خدمتي المحددة ولكن كيف أحب العمل مع عملائي، لذلك أريد تسليط الضوء على ثلاثة أو أربعة أشياء تجعلني أفضل من منافسي، لذا أنقر على علامة الجمع، ما يمكنني فعله، يمكنني الحصول على ثلاث عترات أريد إظهارها أو أربعة حتى أتمكن من تحديد هذا واحد أو ثلاثة حتى أتمك
ن من تحديد هذا ثم إزالة هذا وإزالة هذا وإزالة هذا ثم في كل حاوية وهي موجودة في حاوية واحدة كبيرة، لذا يمكنني إضافة معلومات في حاوية واحدة تحتوي على ثلاث حاويات صغيرة ولكن كل حاوية تمنحني أيضًا بعض التعليمات البرمجية الإضافية في موقع الويب الخاص بي وأريد أن أبقيها نظيفة قدر الإمكان، لذا فإن ما سأفعله سأبدأ من الصفر وأوضح لك كيف يمكنك العمل في Elementor وتوفير المساحة وجعل موقع الويب الخاص بك أسرع أو الحفاظ على موقع الويب الخاص بك سريعًا لذلك أنقر على علامة الجمع أريد أن أذهب لمنطقة واحدة حاوية وا
حدة تنتقل إلى اليمين من اليسار إلى اليمين ثم أنقر على علامة الجمع وأريد أن أذهب إلى مربع الأيقونات، لذا إليك أيقونة أريد أن أذهب إلى مربع الأيقونات هنا، أسحبها إلى هناك، لذا أريد الحصول على ثلاثة حتى أتمكن من تكرارها وتكرارها، لذلك هذا ما أريده نريد ألا يبدو جذابًا، وسنجعله أكثر جاذبية كيف دعني أوضح لك أنني أبدأ بالأول، لذا أريد أولاً تغيير الرمز والأيقونة التي تتناسب مع النص النصي يتعلق بما نحن عليه استمع، أنا كشركة أستمع حقًا إلى عملائي لما يريدون ثم أبدأ في العمل ولا أعطيهم بطاقات الهوية والأ
شياء بدونها استمع إليهم أولاً، لذلك عندما أفكر في الاستماع، ثم أعطي معرفات جيدة أفكر في نبضة خفيفة، أستخدم إصدارًا داكنًا لكل رمز، أعذرني، أحتاج إلى تحديد أول نبضة، حسنًا، الثاني الذي أفكر فيه، ونحن نفكر معًا نحن نفكر حقًا مع العميل الذي نستمع إليه ثم نأتي بمعرفات أخرى لذلك نعمل معًا لذلك أحب أن يكون لدي شيء مثل المصافحة ثم مرة أخرى النسخة المظلمة الثالثة هي أننا سريعون للغاية وأعتقد أن هذا لديه شيء ما افعل بالساعة حسنًا الآن أريد تغيير العناوين لذلك أذهب إلى العنوان الأول هناك وأقول إننا نستمع
إلى العنوان الثاني ونفكر في العنوان الثالث في حالتي هو أننا سريعون وأحب أن يكون لدي رأس مال لكل أول حرف من كل كلمة، فكيف يمكنك التوصل إلى هذه العناوين فقط فكر في شركتك وفكر في ما تقدمه وما الذي يجعلك متميزًا عن الآخرين وبعد ذلك يمكنك التوصل إلى تلك الألقاب التي لا أعتبرها في الاعتبار أنا نفسي أكون كاتبًا أو كاتبًا محترفًا على الإطلاق، لذا فإن ما يمكنك فعله يمكنك توظيف أشخاص ولكن حتى الآن تمكنت دائمًا من القيام بالأشياء بنفسي وأقوم بعمل رائع ولدي الكثير من العملاء لذلك أعتقد أنني' أنا بخير، لا أر
يد أن يكون لدي المزيد من العملاء، لذلك بالتأكيد لن أقوم بالاستعانة بمصادر خارجية لجعل النص الخاص بي أفضل حتى تتمكن من كتابته بنفسك، يمكنك إلقاء نظرة على عدد قليل من شركات الشركات الأخرى التي تستلهم من ذلك ثم تعتمد عليها على ذلك، يمكنك إنشاء النص الخاص بك، يمكنك استخدام الذكاء الاصطناعي لإنشاء النص الخاص بك، قل مرحبًا، اكتب لي نصًا حول أننا نستمع كشركة في تصميم الويب، ثم يمكنهم إنشاء نص لك، يمكنك حتى أن تقول اكتبه في 45 كلمة، يمكنك حتى الكتابة باستخدام الذكاء الاصطناعي، هذه إحدى الميزات الموجودة
في Elementor، ويمكنك أيضًا البحث عن البرنامج التعليمي الخاص بي حول ذلك أو النقر هنا وهو uh Elementor AI 30، وقد انتشر هذا الفيديو على نطاق واسع من بين تلك المشاهدات البالغ عددها 136000 مشاهدة لمدة ست دقائق فقط، لذا فإن هذا الفيديو يستغرق وقتًا أطول قليلاً عمق حتى تتمكن من استخدام الذكاء الاصطناعي، سيكون لدي النص الخاص بي بالفعل، سأكتب النص الخاص بي الآن وبعد ذلك سأعود معك ومرة أخرى أضعه في المنطقة الخطأ لذلك أذهب هنا وهناك وأضعه ثم النص الثاني حسنًا، ثم النص الثالث رائع، أنا حقًا لا أحب شكله و
لكننا سنجعله يبدو أفضل، لذا ما سأفعله هو تعديل منطقة واحدة ثم نسخ ولصق التصميم في مناطق أخرى لذلك قمت بالنقر هنا وهذا هو المحتوى الذي قمنا بإصلاحه المحتوى الآن أريد أن أذهب إلى المكان المناسب هناك أريد تعديل الأشياء بحيث يجب أن يكون موضع الرمز في الأعلى مثل الآن أو على اليسار أفضل اليسار يمكنني إحضاره إلى المركز ولكن هذا جيد، ثم أذهب إلى الأيقونة ويوجد لون أساسي واحد فقط لأنه يوجد لون واحد فقط هنا ولكن إذا عدت إلى المحتوى، فهناك خيار آخر كيف أريد أن يتم عرض هذا حتى أتمكن من الحصول على اللون الاف
تراضي واحدة أو مكدسة بهذه الطريقة أو مؤطرة بشكل جيد أفضّل وضع إطار لذلك أعود إلى الشكل والآن لدي خيارات أخرى، لذا بناءً على ما اخترته هنا، أحصل على خيارات أخرى، لذا إذا ذهبت إلى Icon الآن يوجد لونان لذا، أول لون وثانية واحدة وهذا ثم تعرف ما هي الحدود مع الصفر، لذا دعني أرى التباعد يمكنني زيادة التباعد ولكن 15 لا بأس بحجم الرمز إذا ضغطت على الزر العلوي فإنه يبدأ عند الصفر الحشو لنفترض 15 يمكنني حتى تدوير الأيقونة ولكني لا أريد القيام بذلك، وبعد ذلك يمكنني الانتقال إلى التمرير عندما يمرر الأشخاص ف
وقها يمكنني تغيير الألوان حتى أتمكن من عكسها ولكني أه أنا بخير لذا قمت بالنقر عليه اللون ثم مسحه أعود إلى الأيقونة العادية ثم أذهب إلى المحتوى ثم لدينا التباعد بين العنوان والنص وأعتقد أن الصفر هو اللون المثالي للنص بشكل افتراضي وهو اللون الثالث لذلك أنا حسنًا، لا أغير هذا العنوان بالمناسبة، لا أريد تغيير العنوان، لا بأس افتراضيًا بالطباعة، لا أغيره، يمكنني تغيير الارتفاع أو الحجم ولكن العائلة الخط هو الخط الافتراضي من السمة bloxy لذا فأنا موافق على ذلك، لذا دعنا نذهب لشيء 20 أو 20 لا بأس لا 18
حسنًا، لدينا الوصف والطباعة يمكنني تغيير حجم النص ولكن دعنا نقول 15 وأنا أريد تغيير ارتفاع الخط 24 26 حسنًا ثم أريد الانتقال إلى العنوان ماذا يحدث نعم حسنًا والآن أريد العودة إلى أيقونة وانتقل إلى الحجم 26 رائع حتى الآن، جيد جدًا لقد أنشأنا هذه المنطقة، فهي لا تبدو رائعة بعد ولكن ما أريد القيام به أريد تغييره قليلاً لأنه بعد ذلك يمكنك إنشاء أنماط رائعة لذا اسمح لي أن أظهر كيف تفعل ذلك ما أريد أن أفعله أريد أن يتداخل هذا مع الموجات حتى أتمكن من الانتقال إلى القسم للتقدم وإلغاء تحديد الهامش هنا ثم
في الأعلى يمكنني تقليله باستخدام ناقص دعنا نقول ناقص 80 حسنًا ولكن الآن هذا يبدو غريبًا، لذا ما أريد أن أفعله أريد أن أذهب هنا إلى المكان أو لا أفضل، أغلق التخطيط، انتقل إلى الخلفية، اجعل الخلفية بيضاء، هذا هو اللون الثامن، لا أحب اللون الثامن، لذا ما يمكنني فعله هو اتخاذ انظر هنا هذا أبيض وهذا ليس أبيض لذا ما سأفعله سأذهب إلى أداة التخصيص ثم يمكنني الانتقال إلى الألوان ويمكنني الانتقال إلى أحدث لون ويمكنني جعله أبيضًا بالكامل ثم في كل مكان في موقع الويب استخدم هذا اللون وسيتم تغييره، لذا فهو ا
لآن أبيض تمامًا، لذا دعني أقوم بتحديث هذا الأمر R وهو الآن أبيض رائع، انقر هنا وانتقل إلى المنطقة المتقدمة، وهناك الخلفية أدناه وهي الحدود التي أريد الحصول عليها زيادة نصف قطر الحدود حوالي 15 لأنه في كل مكان أه هنا لدينا تقريب وأشياء هنا شعاراتنا لذلك أريد الاحتفاظ بها في موقع الويب حسنًا 15 وأريد إضافة ظل أريد زيادة هذا 30 حتى يكون لدينا ظل جميل حوله هذه المنطقة الآن أريد الانتقال إلى التخطيط وأريد زيادة الملاعبة لأنها الآن على الحافة ولا أريد ذلك، فلنفترض 20 انقر بزر الماوس الأيمن فوق نسخ بزر
الماوس الأيمن ثم انقر فوق لصق أو أقوم بتحديده ثم Shift الأمر V وإذا قمت بالتمرير فوقه أو النقر بزر الماوس الأيمن، يمكنك رؤية الاختصار حسنًا، ولكن لم يتم نسخ جميع النجوم، لذا دعنا نرى Bas sty B St، لذا فإن ما يجب علي فعله هنا هو خلل صغير في St، لذا دعني أرى ما إذا كنت سأفعل ذلك انشره دون تعديل هذا، أتحقق من هذا، أغلق هذا، كل شيء على ما يرام، تحرير رائع باستخدام Elementor، لذا في بعض الأحيان يكون هناك خلل، ما هو عليه وما أراه أيضًا هو أن هذا أربعة صفوف وهذا ثلاثة ولكن ما يعجبني هو أنهم كل ذلك محاذ
اة لأنه في الحاوية، انظر إلى هذه العناصر المحاذاة بشكل افتراضي هي ممتدة إذا كنت أقول أن هذين الاثنين سيكونان أقصر ولكن لأننا ممتدان وهذا يبدو أفضل، فإن ما يبدو أفضل هو إذا جعلنا هذا أقصر قليلاً إذن لدي الآن ثلاثة خطوط في كل مكان، حسنًا منذ أن طرحنا هذا الأمر، لم يعد هذا عموديًا في المنتصف بعد الآن لذا يمكنني القيام بشيئين كما قلت يمكنني القيام بأشياء متعددة من أجل الحصول على النتيجة التي أفكر فيها وفي حالتي أريد الانتقال إلى المستوى المتقدم والتلاعب بالحشوة، لذا أريد هنا تقليلها إلى الصفر، وهنا
يمكنني إضافة 40 ربما أو أذهب إلى 140، لذا فإن ما أتخلص منه هنا يحتاج إلى إضافته هنا حتى يبقى في المركز لذا يجب أن تكون هذه المنطقة 160 هي نفسها تقريبًا هنا، حسنًا، انشر دعنا نلقي نظرة، أعتقد أن هذا يبدو رائعًا إذا أردت إلقاء نظرة على هذا، يمكنني تكراره وهناك منطقة فورد كم هي رائعة وما يمكنني فعله إذا كنت أريد أن تحدثت عن ذلك من قبل إذا ذهبت إلى القسم يمكنني تغييره إلى F مع النظر الآن إلى هذا الذي يبدو هكذا أم إذا كنت تريد ذلك، فيمكنك القيام بذلك ولكن إذا كان لديك شاشة كبيرة حقًا فستظل كذلك تمامً
ا من اليسار إلى اليمين لذلك أفضل عدم القيام بذلك، يمكنك أيضًا عمل مربع وجعله أوسع قليلاً لذا دعنا نقول 1300 وقد يكون هذا استثناءً رائعًا مثل هذا ثم أدناه يمكنك البقاء بين تلك المنطقة، هناك أشياء رائعة يمكنك القيام بها دعني أرى ونستمع حسنًا، ما يمكنني فعله أيضًا يمكنني زيادة المساحة هنا عن طريق الذهاب إلى الحاوية ثم هنا الفجوات التي يمكنني زيادتها ولكن 20 مثالية بالنسبة لي لذا أترك الأمر مع 20 وشيئًا آخر، هذا أوسع من هذا وهذا حتى أتمكن من النقر هنا، يمكنني إنشاء هذا العرض المخصص بنسبة 30% وهذا أي
ضًا 30% وهذا أيضًا 30% ولكن هناك مشكلة واحدة في إجماليها 90%، لذا هناك مساحة صغيرة ولكن يمكن أخذ هذه المساحة بالفجوتين ولكن تلك الفجوات موجودة بالبكسل، لذا فهي ليست الآن محاذاة تمامًا لذا ما يمكنني فعله يمكنني أن أذهب إليه هنا وأحضره إلى المركز ولكن بعد ذلك لا يزال غير متوافق تمامًا ويجب أن أقول إنه يقوم بعمل رائع في مجال العلاقات العامة، وهو ما يمكنني فعله أيضًا انقر هنا تنمو انقر هنا تنمو انقر هنا تنمو الآن جميعها لها نفس الحجم وتعمل بشكل مثالي كنت أفكر في ما يحدث هنا ولكني نسيت إعادة هذا إلى
1120 أو التخلص منه لذلك كنت مثل ما يحدث أقوم بتعليم الآخرين كيفية القيام بذلك وأنا الآن في حيرة من أمري ولكن لحسن الحظ اكتشفت ما كان يحدث حتى الآن بشكل جيد جدًا ولكن ما الذي يمكننا فعله فلنفعل شيئًا ممتعًا، عد إلى الخيارات المتقدمة باستخدام هذا الزر ثم انتقل إلى تأثيرات الحركة وقل بعد 500 ثانية ميلي ثانية أعني وإلا عليك الانتظار لفترة طويلة والثانية من اليمين آسف من اليمين ثانية واحدة أو 750 ثم هذا بعد 1 ثانية وهذا بعد لنصعد بعد 1250 مللي ثانية هذا بعد 1500 و هذا بعد 1633 فقط أمزح 1750، لذا ها ن
حن ذا، فهو يبطئ موقع الويب الخاص بك، يمكن أن يكون ممتعًا ولكني أريد فقط أن أوضح لك ما هو ممكن، ربما في نهاية البرنامج التعليمي سأعيده ولكن الآن أريد العمل بكفاءة وفي كل مرة أقوم فيها بتحديث الصفحة، يجب علي الانتظار، لا أريد ذلك، لذا سأعيدها مرة أخرى، وآمل أن تستمتع حتى الآن، إذا كنت تتعلم بعض الأشياء، فيرجى الإعجاب بهذا الفيديو ساعدني كثيرًا وإذا كنت تريد معرفة المزيد حول إنشاء مواقع الويب، فأنا أبذل قصارى جهدي للتحسن في كل مرة، ليس فقط من خلال معرفتي ولكن أيضًا في تقديم البرنامج التعليمي، فيمكن
ك الاشتراك لذا يرجى القيام بذلك الذي سيساعدني لدي بالفعل أكثر من مليون مشترك وأحب أن أحب إنشاء هذه البرامج التعليمية وأحب ذلك عندما ترغب في ذلك وأود ذلك إذا كنت ترغب في ذلك ولكن هذا شيء ما زلت لا أفهمه إذا كنت أفكر في الأشياء هكذا إذن، حسنًا، أنت تعرف ما هيا بنا نواصل، فكيف يبدو على جهاز مختلف حسنًا، حسنًا، حسنًا، ترى بشكل افتراضي أنه يحتوي على هذه الحواف أو هذه المساحات، أحب ذلك ولكنني لا أحب St، لذا ما يمكننا فعله انقر هنا وقل في تخطيط الحاوية للكمبيوتر اللوحي كما ترى هنا، يمكن أن تكون الاتجاه
ات أسفل بعضها البعض ولكن بعد ذلك أحتاج إلى المجيء إلى هنا مرة أخرى، انتقل إلى التخطيط وقم بتغيير عرض الجهاز اللوحي إلى أو 100 أو يمكنني القول 70 أو يمكنني العمل مع وحدات البكسل أعتقد أن هذا أفضل 500 نعم حسنًا، ثم بالنسبة للهاتف الذكي الذي يبدو مثاليًا، ما أحتاج إلى فعله هنا، تكون حاوية المحتوى أسفل بعضها البعض، لذا هنا بالنسبة للكمبيوتر اللوحي أحتاج إلى إحضاره إلى المركز بخير، لذا ها أنا أذهب مقابل 500 وهنا أذهب إلى 500 أريد ذلك، إذا أردت، يمكنني إعادة هذا إلى الصفر حتى لا يكون هناك المزيد من عد
م التداخل وأعتقد أن هذا أفضل بالنسبة للكمبيوتر اللوحي أو آسف للهاتف الذكي على ما يبدو مثل هذا وأعتقد أنه بالنسبة للهاتف الذكي يمكن أن يكون هناك مساحة أكبر قليلاً هنا، لذا أذهب إلى تخطيط الهاتف الذكي Rose 40 و[Music] ثم أعلى 40 40 ثم بالطبع هنا 40، إنها 40 كثيرًا وأعتقد أن هذا هو الحال يمين 20 يسار 20 ماذا قلت في الإعدادات دعني أتحقق من أنني أريد التوافق مع تخطيط الإعدادات الجانبية 25 حسنًا لذلك أحتاج إلى الرجوع إلى المتقدمة 25 25 لذا في الواقع قمت فقط بتعديل الجزء السفلي والأعلى لـ هذا والمسافة
بينهما وهنا رأيت أن هناك رسمًا متحركًا لذا قمت بالنقر عليه وتخلصت منه، أنا سعيد بالنتيجة حتى الآن، لذا دعنا نتعمق قليلاً وفي كل مرة أريد أن أظهر لك المزيد من الأشياء، لذا دعونا نتعمق قليلاً الآن، لذا أذهب إلى النهاية الخلفية وسنقوم بإنشاء منطقة جديدة، لذا دعني أرى ما أريد الحصول عليه، أريد أن أذهب للحصول على حاوية جديدة، أسحبها إلى هنا أريد المحاذاة أو الانتقال إلى التخطيط وتوجيه كل شيء من اليسار إلى اليمين ثم أريد إضافة عرض دائري مرة أخرى لا أعلم أنني أضيف ملفات تحميل الصور وأستخدم الملفات التي
عرضتها عليك والتي قدمتها لك في مجلداتي أذهب إلى البرنامج التعليمي للصور على شبكة الإنترنت لتعريف الأعمال ثم ترى جميع الأسماء الجميلة التي يجب أن أغيرها إلى أمستردام لأنني في هذا البرنامج التعليمي أستخدم أمستردام كمدينة لوكالة تصميم الويب الخاصة بي وبعد ذلك يمكنني النقر هنا للتخلص من جميع الشرطات هناك خدعة إذا قمت بتحميل الكثير من الصور، انتقل إلى تحرير النص، وقم بإنشاء مستند جديد، ثم الصق هذا ثم انسخ الشرطة، ثم انتقل إلى التعديل، والبحث والاستبدال، وسيتم استبدال جميع الشرطات بمسافة، الكل نسخ، ل
صق، لصق، نسخ تحرير النص لصق الكل نسخ لصق لصق وهذه هي الطريقة التي يمكنك القيام بها، ما عليك سوى القيام بذلك مرة واحدة فقط وسيساعدك ذلك على العثور عليك بشكل أفضل في نتائج البحث، قم بلصقه ولصقه في المرة التالية واحدة فقط، لذلك دعونا نفعل ذلك مثل هذه النسخة، ولصق الكل، ونسخ ولصق الصق الصق وأحدث ما أشعر به، فلنفعل ذلك يدويًا، أنشئ معرضًا جديدًا يمكنني تغيير الترتيب، لذا سنتحدث أولاً مع بعضنا البعض أو سنعقد اجتماعًا أولاً ثم سنتحدث معه دع بعضنا البعض يلقي نظرة على الرئيس، سنلقي نظرة، نعم، قم بإجراء م
حادثة حول هذا الموضوع، ثم استخدم الملاحظات المنشورة ثم قم بذلك في الوقت الفعلي أو افعل ذلك في الحياة الواقعية، حسنًا مهما كانت دقة الصورة، شرائح كبيرة لإظهارها فقط بدون امتداد للصورة لا ما أريد فعله، أريد الانتقال إلى خيارات متقدمة بشكل افتراضي، قم بتغييره إلى مخصص ثم 50% من المحتوى ارجع للخلف، لنرى التنقل الذي أرى أسهمًا هنا ونقاطًا هناك، أريد فقط إظهار النقاط بدون رابط أو خيارات إضافية للتسمية التوضيحية أختار التحميل البطيء، مما يعني أنه إذا رأى الأشخاص هذا فقط عند دخولهم إلى موقع الويب الخاص
بي، فلن يتم تحميله بعد فقط عندما يقومون بالتمرير هنا، وهذا سيجعل موقع الويب الخاص بك أسرع، تشغيل تلقائي، نعم، كل 3 ثوانٍ، ستكون هناك شريحة جديدة، سيتم ذلك خذ ثانية واحدة، لا أريد الحصول على تأثير الشريحة ولكن تأثير التلاشي الآن، فلنفعل تأثير الشريحة من اليسار أو إلى اليسار، حسنًا، ثم أذهب إلى Stell، ترقيم الصفحات خارج هذه المنطقة بالخارج أريد أن تكون في الداخل، لا أراها جيدة جدًا، لذا دعني أجعلها أكبر، فهي اللون هذا واللون النشط أو كما تعلم ما الذي يجب أن يكون هذا اللون أبيض واللون النشط يجب أن
يكون لونًا واحدًا مثل ذلك حتى نرى حيث نترك الآن الانتقال إلى The Container Advanced، قم بإلغاء تحديد الهامش وإنشاء بعض التباعد دعنا نرى 60 أو ما يمكنني فعله، إنه نشر صعب بعض الشيء يمكنني الانتقال إلى تخطيط الإعدادات الجانبية وهنا في كل مرة يكون صفر بكسل لماذا قلت قبل ذلك، إذا قمت بإنشاء حاوية وفي الحاوية الموجودة في الحاوية، توجد كل هذه الحشوات التي لا أريدها ولكن الآن إذا قمنا بتعديل شيء واحد في حشو الحاوية الخاصة بنا، فستختفي كل هذه الإعدادات لذا أفضل أن يكون لدي 60 هنا قم بإلغاء تحديد هذا بحي
ث ترى عدد الأشياء التي تم تغييرها بشكل افتراضي الآن، لذا اسمح لي بإغلاق هذا هنا هناك حشوة قياسية تبلغ 60 لذا أحتاج إلى الانتقال إلى خيارات متقدمة، قم بإلغاء تحديد هذا أيضًا هنا قم بإلغاء تحديد هذا الآن بشكل افتراضي هناك 60 في الأعلى و60 في الجزء السفلي، لذا الآن إذا انتقلت إلى وضع الكمبيوتر اللوحي، دعني أريكم لاحقًا أو يمكنني أن أوضح لك الآن أن هناك هذه المساحة وعلى الهاتف المحمول توجد [موسيقى] أيضًا هذه المساحة من المعيار الأيسر لأن هذا هو المعيار لتخطيط الإعدادات الجانبية و ثم البطانة ولكن إذا
قمنا بتغيير شيء واحد، فإن كل هذه الإعدادات من تخطيط إعدادات الطبقة الجانبية ستتغير لذا أفضل أن أقول 60 الشيء الوحيد الآن هو عندما أقوم بإنشاء حاوية جديدة وفي تلك الحاوية سأقوم بإنشاء حاوية جديدة كما ترى تلك الـ 60 بكسل هي ما هي عليه، أنا بخير مع ذلك، لذا كان هناك الكثير من المعلومات في فترة قصيرة من الوقت، حسنًا، هذا يبدو رائعًا، لا أريد تغيير أي شيء هنا باستثناء بعض الحواف المستديرة لأنني أملك ذلك هنا أيضًا كان الرقم 20 لذا هنا أريد أن يكون 20 حسنًا، الشيء التالي الذي أريد إضافة عنوان ونص ولهذ
ا السبب سأضيف حاوية وبعد ذلك في تلك الحاوية يمكنني الحصول على عنوان ونص هذه منطقة مظلمة وهذه منطقة فاتحة لذا أريد الحصول على منطقة مظلمة هنا، فهذا ليس ضروريًا ولكني أفضل القيام بذلك حتى أتمكن من الانتقال هنا إلى Stell Etc وتغيير الخلفية ولكن يمكنني أيضًا قول الماوس الأيمن انقر فوق "نسخ" بزر الماوس الأيمن ثم انقر فوق "لصق" St، الشيء الوحيد هو أنه يلتقط جميع الأنماط، لذلك هذا ما أفضّل عدم الحصول عليه، سيكون أمرًا رائعًا إذا كان بإمكانك نسخ أنماط محددة حتى أتمكن من الانتقال إلى التخطيط، ثم انتقل إل
ى خلفية النمط ثم انسخ تلك المنطقة وانسخها فقط ثم ألصقها هناك ولكن الآن يجب أن أفعل ذلك يدويًا، لا بأس، كلما فعلت ذلك أكثر، أصبحت أفضل فيه، لذلك كلما فعلت ذلك بشكل أفضل، أصبحت فيه أفضل اللون الثاني والثاني اللون الثالث آسف اللون الثالث ثم قم بتغيير هذا إلى 90 وها نحن هنا بعد ذلك أذهب إلى هنا التخطيط أريده أن يكون في الأعلى آسف اه من اليسار واليمين لذلك هنا في البداية حسنًا، ثم أريد الانتقال إلى هذه الحاوية قم بإلغاء تحديد هذا مسبقًا إنه في الأعلى إذن أريد أن أذهب إلى اللون هنا وأغيره [الموسيقى] إ
لى هذا أذهب إلى المحتوى الذي أريد أن أقول تذوقه على الويب فقط حدد نصًا رائعًا هنا أريد أن يكون النص أبيضًا حتى أتمكن من الذهاب إلى المحتوى ويمكنني إنشاء النص، وسأعود معك عندما أقوم بإنشائه، هيا بنا لنرى كيف يبدو الأمر ب حسنًا، بعض الأشياء لا تسير على ما يرام، حسنًا، دعني أوضح لك ما الذي لا يسير على هذا النحو الرائع هناك لا توجد مساحة هنا لذا ذهبت إلى القسم متقدم ثم هنا أريد أن أصبح 60 عامًا، هذا أفضل يبدو أفضل بكثير أه هنا هذه الأزرار غريبة لذا ما سأفعله هنا متقدم قلت إن هذا هو 50 بكسل ما أحتاجه
للقيام هنا بالتخطيط عندما يكون لدي حاوية بجوار عنصر ما، فأنا بحاجة إلى تغيير العرض إلى العرض الكامل، ثم أحتاج إلى تغيير هذا لنفترض أن 40 حسنًا الآن لم يكتمل، لذا أحتاج إلى المضي قدمًا مرة أخرى للقيام بذلك ينمو حتى الآن هو في الواقع 50/50 والآن إذا قمت بتقليل هذا تلقائيًا، فسيتم ضبط هذا النص وسيبقى هنا تمامًا على اليمين، الفجوة عبارة عن حاوية دعني أرى التخطيط 20 وربما بالنسبة لهذا المقسم ربما لصورة ونص صغير أقل قليلاً، ليس كثيرًا، لذلك دعونا نغيره إلى 40 حسنًا، وبعد ذلك مرة أخرى يمكنني اللعب بهذ
ه الإعدادات وأعتقد أن هذا مثالي ورائع، لذا قمنا بخدعة هنا C مع هذا اللون لذلك أريد نسخ تلك المنطقة الأولى لأن أريد تسليط الضوء على بعض الأشياء هنا أولاً، أريد أن أجعل الكلمات بولت التي أريد استخدامها، لذلك أذهب إلى amsterdan، انقر مرتين على الأمر b أو انقر هنا، وبعد ذلك في النص، كل شيء ممكن، الأمر B، التحكم b أو انقر على B هنا الآن أذهب إلى النص، الشيء الوحيد الذي يجب علي فعله بعد إلقاء نظرة قوية على هذا، ألصق هذا ويتم تمييز هذه الكلمة تلقائيًا فقط، لذا فإن نهاية القوة القوية هي أيضًا نهاية الام
تداد لذا لهذا السبب أجعلها جريئة، أريدها أن تكون جريئة ولكن الآن أصبح الأمر أسهل لذا كل ما علي فعله هو لصقها بقوة وهناك أذهب ثم أذهب إلى العناصر المرئية وحذف الإدخال والآن تبدو رائعة حتى لا يحبها الناس لفترة طويلة أحيانًا أرى نصًا على موقع ويب يشبه موقع الويب يا رجل، هناك الكثير من النصوص، وهذا هو السبب وراء رغبتي في تسليط الضوء على بعض الأشياء في أمستردام وكل شيء ممكن، وإذا كانوا يريدون قراءة المزيد، فيمكنهم القيام بذلك هنا حسنًا، فكيف يبدو على الجهاز اللوحي، ضع في اعتبارك أننا لم نغير المساحة
المتروكة، لذلك يبدو هذا رائعًا افتراضيًا، ربما أنظر إلى هذا إذا ذهبت هنا وذهبت إلى التخطيط، وقل في الأعلى أذهب إلى الجهاز اللوحي الآن وهو يعمل نعم إنه يعمل، أنا أحب نفسي، حب الذات هو شيء جديد، كما تعلم أن الأمر كله يتعلق بحب الذات هذه الأيام لا أنا أمزح فقط ولكنني قرأت شيئًا عنه اليوم وأعتقد أنه من الجيد أن تحب نفسك ولكن واجهة المستخدم تعتقد أنه ليس العلاج لكل شيء نعم، هذا مجاني عادةً، لا أقوم بتمريره ولكن في هذا البرنامج التعليمي المخصص لك، أريد مشاركة ذلك معك دون أن تطلب مني ذلك، حسنًا، لذلك ك
نت متحمسًا لأنني اكتشفت شيئًا ما أثناء البرنامج التعليمي، والآن هناك حاجة إلى شيء ما للتعديل هنا ، لذا أنقر هنا ثم أذهب إلى البكسلات وأقول 100 حسنًا، تذكر أنني قلت إنني عادةً لا أستخدمها جيدًا للهاتف المحمول، يمكننا استخدامها وما يفعله، فهو في الواقع يعكس المنطقتين الحاوية والمنطقة هنا صورة Corel، لذا إذا قمت بذلك، فيجب عكس ذلك ربما لم يكن الأمر كذلك لأنها ليست الحاوية، حسنًا، دعنا نعود لنصلحها بطريقة أخرى، انقر هنا ثم يتم الترتيب على الهاتف اثنان يصلحه على الجهاز اللوحي، هذا اليسار، هذا صحيح ول
كن على الهاتف، تم تغيير الترتيب لأنني قلت أن هذا اثنان ثم لجعله مكتملًا، يجب أن أجعل هذا واحدًا، وهذه هي الطريقة التي يمكنك من خلالها تبديلها يا رجل هل أنت متحمس، أتمنى أن تكون كذلك، أعتقد أن هذا جميل، انشر، دعنا نلقي نظرة، لنرى ما إذا كنت لا أزال أسجل لحسن الحظ، أنا بخير، هذا ما أنشأناه حتى الآن وأنا سعيد حقًا بالنتائج التي أريدها لإنشاء منطقة جديدة بالجوائز التي فزنا بها وما قمت به، قمت بتحميل بعض الصور المختلفة عن قصد بأحجام مختلفة وسأوضح لك كيف يمكنك مواءمتها وسنتحدث عنها أكثر قليلاً حول تحد
يد المواقع، وهناك ميزة أنا حقا مثل ذلك، سأتحدث عنها أكثر قليلًا أيضًا لاحقًا في البرنامج التعليمي لأنني أحب هذه الميزة وستساعدك في جعل موقع الويب الخاص بك يبدو أفضل، لذا دعنا ننشئ هذه المنطقة حسنًا، المنطقة التالية وسنعود مرة أخرى لتعلم شيء جديد، لذا فإن ما لدي أريد أن أعرض بعض الأشياء حول الجوائز التي فزت بها حتى أتمكن من النقر فوق علامة الزائد أريد الانتقال باستخدام حاوية بسيطة تنتقل من اليسار إلى اليمين لذا أريد إضافة عنوان عنوان لذلك أسحبه إلى هنا ثم أريد إضافة صورة كهذه، هيا [الموسيقى] هناك
، ثم يمكنني السحب بهذا الشكل، حسنًا، أحدد تحميل الصورة فلس، حدد فلس، أذهب إلى أمر الفوز أ وأقوم بتحميلها جميعًا الشيء المضحك هو أو ما فعلته عن قصد هو أن جميع أحجام الشعارات مختلفة الحجم لذلك سأختار النسخة الأولى مكررة حدد الثانية أو دعني أرى هذا ثم الثالث والرابع فكيف هل يمكنني تحسين هذا أولاً، فلنغير العنوان إلى "الجوائز"، لدينا واحدة حتى الآن جيدة جدًا، ألا تعتقد أنني انقر هنا وأريد الانتقال إلى "متقدم" وأريد دفع هذا إلى 100% من العرض بالكامل بواسطة قول العرض الكامل لا يحدث كثيرًا لماذا نحتاج
في الحاوية إلى تشغيل التفاف هذا، مما يعني أنه عندما تتجاوز 100٪، فإن العناصر التالية تذهب أسفل تلك المنطقة لذلك أقوم بتغليفها والآن تقول حسنًا، هذا 100٪ كما أنت انظر من خلال المخطط التفصيلي بحيث يتم دفع كل شيء آخر، لذا أنقر هنا، ثم أذهب إلى المحتوى وأحضره إلى المركز، ثم أذهب إلى Stell وأعطيه هذا اللون الجميل [الموسيقى] ثم أنقر هنا وأذهب إلى متقدم مع التخصيص ويمكنني أن أقول 25 ولكن لنفترض أنني قمت بنسخه ولصق St وألصق St وألصق St، ينتقل هذا إلى المنطقة التالية إلى المنطقة التالية أه أسفل جميع المن
اطق الأخرى لماذا لأن هؤلاء الأربعة في المجموع هم 100 % ولكن هناك أيضًا فجوات 20 بكسل 20 بكسل 20 بكسل، لذا فإن 100% في العرض بالإضافة إلى البكسلات تساوي أكثر من 100% في العرض، لذلك ينتقل إلى السطر التالي لذا ما يمكنني فعله مرة أخرى يمكنني أن أقول 20 انقر بزر الماوس الأيمن فوق نسخ حدد أمر Shift sh V انقر فوق Command Shift V Command Shift V ولكن الآن مرة أخرى لا يغطي المساحة الإضافية جيدًا تحدثنا عنها قبل أن تتمكن من النقر هنا ويمكنك تمديد كل شيء وجعله ينمو، نسخ ولصق ولصق الآن أصبح 100٪ ولكن ربما ب
عض يجب أن تكون الأشياء أصغر وبعض الأشياء يجب أن تكون أكبر حجمًا، ثم يمكنني الانتقال إلى النسبة المئوية هنا، كما تعلم ما دعنا نلقي نظرة هنا، هناك بعض الأشياء التي يمكننا القيام بها، أولاً وقبل كل شيء، أريد إحضار كل شيء إلى المركز حقًا نقرة واحدة لطيفة، كان هناك وقت فعلت فيه شيئًا كهذا، حسنًا، هنا أحتاج إلى إلغاء تحديد هذا والقيام بذلك يا رجل، أنا سعيد لأنني اكتشفت منذ شهرين أن هذه ليست الطريقة التي يجب القيام بها، فقط أمزح لفترة أطول. لكني أستمر في تعلم الأشياء، لذا مرة أخرى هذه 20 بكسل بين كل شي
ء ويمكنني الانتقال إلى المكان المناسب هنا بالبكسل ويمكنني جعله أصغر قليلاً ولكن ما أفضله وهنا في Advanced يقلل أو تمنحهم جميعًا 20 لك أعرف ما نعم 20 20 لنجعل هذا أكبر قليلاً والباقي 20 و20 ما يمكنني فعله أيضًا يمكنني النقر هنا والانتقال إلى St Pixels ثم تغييره هنا ما يمكنني فعله أيضًا انقر هنا لتقليل العرض من هذه المنطقة بأكملها هذا ما أفضله والآن أرى ذلك، فلنقل 700 الآن أرى أن هذا أصبح صغيرًا جدًا لذا أفضل هنا زيادة ذلك قليلاً ثم يمكن تقليل المساحة الأخرى قليلاً وهذه هي الطريقة التي يمكنك من خل
الها اللعب كيف يبدو على الجهاز اللوحي، أعتقد أنه يبدو مثاليًا بالفعل بسبب جميع الإعدادات الرائعة ثم على الهاتف الذكي يبدو قبيحًا ربما حسنًا، لا بأس، أنقر على هذا وأقول أنك تعرف ما يمكنك الحصول عليه 45 هنا يمكن أن تحتوي على 45، لذلك ستكون هذه أقل من 100 ولا يزال هناك بكسلات متبقية، لذا فإن 45 آمن إذا قلت 50 و50، فسينتقل هذا إلى السطر التالي لأنه بعد ذلك 100% زائد المساحة أكثر من 100% في العرض لذا فإن 45 هي نسبة مقبولة 45 ثم النسبة المئوية 45 إذا قمت بتقليل هذه النسبة فإن النسبة الأخرى تنمو لذا فأ
نا على ما يرام، يمكن أن يكون هناك مساحة أكبر وهذه هي الطريقة التي يتفكك بها ملف تعريف الارتباط، ولم يكن علي أن أفعل الكثير بشأن عرض m لذا أنا سعيد بالنتائج، فلنواصل الآن وسنركز أكثر قليلاً على التصميم بالطبع يمكنك السحب عنصر في الحاوية، ضعه في مكان ما ثم قم بتغيير اللون ولكن دعني أوضح لك بعض الطرق الأخرى حول كيفية تصميم العناصر والأقسام في موقع الويب الخاص بك بحيث تبدو أفضل، نعم، وعندما تلاحظ أنك لا تملكها للقيام بنفس الشيء تمامًا ولكن يمكنك Free Will bit، يمكنك القيام بكل ما يدور في ذهنك لموقع
الويب الخاص بك لأنه في نهاية اليوم، من الرائع معرفة كيفية عمل كل شيء ولكن بعد ذلك يكون الأمر أكثر روعة إذا تعلمت كيفية إنشاء الأشياء أو إنشائها بنفسك أو ألقِ نظرة واحصل على الإلهام من مواقع الويب الأخرى وتعلم كيفية إنشاء الأشياء التي تراها، هذا هو هدفي بالنسبة لك أن تعرف بالضبط كيفية إنشاء ما تراه على مواقع الويب الأخرى ليس لنسخها ولكن للحصول على الإلهام، لذلك إذا تعتقد أنني أريد أن أفعل هذا، فهم يعرفون كيفية القيام بذلك ولهذا السبب أنا لهذا السبب هذا البرنامج التعليمي طويل جدًا، لذلك دعونا ننشئ
منطقة جديدة ونظهر لك المزيد حول التصميم، لذلك حان الوقت لحاوية جديدة ومرة أخرى نحن سأتعلم شيئًا جديدًا لذا أنقر على علامة الزائد وأذهب إلى منطقة بسيطة تنخفض أريد أن أذهب إلى تدرج الخلفية اللون الأول هو اللون الثاني واللون الثاني هو اللون الثالث وقمت بتغييره إلى 90 درجة وهذه المرة كما فعلنا بالفعل في كثير من الأحيان، نقوم بسحب عنوان فيه ولكن هذه المرة سيكون كل شيء مختلفًا، واو، أحضره إلى المركز وأغير العنوان إلى ما يسعدنا حقًا، أذهب إلى St وأقوم بتحديد لون النص أبيض ثم أذهب إلى الطباعة أريد أن
أجعل النص أصغر قليلاً 20 ثم أذهب إلى خيارات متقدمة وأغلق هذا وأذهب إلى الخلفية يمكن أن يكون لكل عنصر خلفية أذهب إلى الكلاسيكية وأغير هذا إلى هذا اللون يذهب على كامل عرض موقع الويب، نعم لا أريد ذلك ولكن أولاً أذهب إلى التخطيط وأزيد المساحة المتروكة إلى ستة الآن أذهب إلى تخطيط The Container to [Music] هنا ثم يجب أن يكون هذا في المنتصف، نعم حسنًا ثم أرغب في الحصول على منطقة جديدة يمكنني تكرار الأشياء فيها، لذا أنقر هنا لتكرارها وتحقق منها هنا أدناه، وهذه هي الطريقة التي يمكنني بها توفير بعض الوقت
على نفسي، علي فقط تغيير النص ثم أقول إن هذا هو أفضل ما نفعله لمعرفة ذلك دون استخدام حاويات إضافية ولم أكتشف ذلك، لذا ما سأفعله هو أنني سأسقط حاوية جديدة هنا بالأسفل وفي تلك الحاوية سيكون لدي أربع حاويات إضافية واحدة أو اثنتين وثلاثة وأربعة جميعها أسفل كل منها أخرى ولكنني أريد النقر على الحاوية العلوية إذا ضللت الطريق، يمكنني النقر على الهيكل لطي الكثير من الأشياء. ما أراه لدي حاوية تحتوي على حاوية وتحتوي تلك الحاوية على أربع حاويات أخرى لذا أحتاج إلى تحديد هذه الحاوية حتى أتمكن من قول أربع خدمات
وبعد ذلك يمكنني إحضارها من اليسار إلى اليمين وهذا منطقي، أنقر هنا خيارات متقدمة وقم بإلغاء تحديد المساحة المتروكة أريد أن أفعل الشيء نفسه هنا وأنسخ أساس St وBas St هنا أريد ذلك اجعل الترتيب ينتقل من الأعلى إلى الأسفل والآن أريد إضافة بعض العناصر هنا لذا أنقر على علامة الجمع وأريد أن أبدأ بأيقونة أدناه وأريد الحصول على عنوانين أو عنوانين لذلك أقوم بتكرارها ثم أريد أن يكون لدي قائمة، قائمة أيقونات موجودة، وأقوم بسحبها هنا أدناه، لذلك دعونا نهيئها وأريد أن أوضح لك ما يمكنك فعله ثم أريد أن أوضح لك
ما يمكنك فعله أيضًا، لذا بكل بساطة أبدأ بأربعة الأرقام اسمحوا لي أولاً بالنقر هنا وأريد أن أختار أربع كلمات للخدمات، لدي الكلمة الأولى هي العلامة التجارية وتبدو وكأنها بصمة إصبع، لذلك أبحث عن إصبع ما الذي يجعلك فريدًا من نوعه في علامتك التجارية ببصمة إصبعك، ثم الكلمة الثانية حقًا 01 بسيط للخدمات، والثالث هو وضع علامة تجارية على عنوان الخدمة، ثم لدي هنا قائمة أريد النقر عليها مرة واحدة والتخلص من الرمز، ثم أريد أن أقول عندما يتعلق الأمر بالعلامة التجارية فإننا نتحدث عن فحص العلامة التجارية، وهذا
هو ما نحن بخير، والآن لدينا المحتوى في كل مكان، أريد الحصول على شيئين آخرين، أفعل الخيار الثاني هو استراتيجية العلامة التجارية والثالث هو الشعار والألوان الرائعة الآن، لنجعل هذا يبدو أفضل، انقر هنا، أذهب إلى St و أجعله أبيضًا ثم أذهب إلى العلامة التجارية، أذهب إلى St وأجعله أصفرًا، أذهب إلى الطباعة وأجعله قليلاً [موسيقى] صغيرًا 16 أو 18 ثم أذهب إلى جذر العلامة التجارية وأجعله أبيضًا ثم أذهب إلى Advanced قم بإلغاء تحديد الهامش وسأختار الرقم السالب في الأعلى لذلك أنا يمكنني تقريبه قليلاً من الرقم
ثم هنا أريد أن أجعل Stell دعنا نذهب إلى لون النص أبيض وأريد أن أجعله أكثر قليلاً من Boldt لذا الوزن دعنا نقول شبه الترباس حسنًا يمكنني محاذاة كل شيء إلى تركت حسنًا والآن يمكنني تكرار هذا عدة مرات ثم إزالة هذا بهذه الطريقة، حسنًا، هذا كيف يبدو ما الذي يمكننا فعله أيضًا، يمكنني النقر هنا أو يمكنني النقر فوق الحاوية ثم إحضار كل شيء إلى المركز بهذه الطريقة ولكن لا يزال هذا ليس في المركز لذلك أنقر هنا ثم أحضره أيضًا إلى المركز نسخة B sty Bas sty B sty نسخة Bas sty Bas sty وBa St ثم أريد الذهاب إلى ال
حاوية العلوية وإذا لم أتمكن من تحديد ذلك ثم أحتاج إلى الانتقال إلى الهيكل الذي أذهب إليه للخدمات الأربع ثم أرغب في زيادة الهامش العلوي قليلاً بمساحة أكبر قليلاً، حسنًا الآن سأقوم بتغيير جميع المعلومات بسرعة إلى الأمام [الموسيقى] لذا سأكون مرة أخرى بعد دقيقة، حسنًا، انشر كيف يبدو المظهر على جهاز مختلف جيدًا وليس جيدًا جدًا، لذا ما يمكنني فعله الآن لنتأكد من تحديد أربع خدمات يمكنني السماح لي برؤية ما سأفعله، سأذهب إلى الحاويات أولاً في الرابعة الخدمات التي أرغب في تشغيلها عند تخطيط الممثل الآن أرى
واحدًا فقط حسنًا، حسنًا ولكن ماذا عن أريد إظهار اثنتين لذلك أذهب إلى الحاوية الآن في هذه الحالة أحتاج إلى الانتقال إلى العرض الكامل والنسبة المئوية وأقول 45 نسخة ولصق لصق لصق ثم أحتاج إلى تمديده لذلك أذهب إلى النمو المتقدم ونسخ ولصق ولصق حسنًا ثم أذهب للجوال يجب أن يكون كل شيء أسفل بعضه البعض وهذا هو الحال لذلك أنا سعيد لكنني لست سعيدًا بك أعلم اليوم أنني كنت في شجار مع زوجتي الآن أنا لست سعيدًا، لا هذا ليس هو الحال، لم يكن الأمر كذلك، لم يحدث اليوم ما حدث اليوم مع زوجتي وأنت تعرف ما الذي دعونا
نتحدث عنه حول الأشياء المتعلقة بـ WordPress لذلك يبدو الأمر كذلك حسنًا، هذا النائب جيد ولكن يمكنك تحسينه طالما بقيت ضمن نمط موقع الويب الخاص بك، لذا ما يمكنني فعله يمكنني النقر هنا يمكنني الذهاب إلى الموقع يمكنني تقديم هذه الخلفية أو يمكنني الذهاب إلى الحدود لإعطائها حدود صلبة مكونة من بضع وحدات بكسل ولكن بعد ذلك أعطيها لونًا أبيض على سبيل المثال، ثم أختار نصف قطر يبلغ 20 نشرًا كهذا ولكن بعد ذلك بالطبع نحتاج إلى إلقاء نظرة على هامش المنطقة المتقدمة وزيادته بنسبة 20% في كل مكان الآن نحن نتحدث عن
النسخ واللصق واللصق ولكن هذا ليس [موسيقى] كل ما يمكنني فعله يمكنني أن أذهب إلى الخلفية وأقول أنك تعلم أنني أحصل على لون عشوائي ولكن يجب أن يكون في نمط موقعنا على الويب ما يمكنني فعله احصل على هذا التدرج هنا حتى أتمكن من الحصول على أحد الألوان ونسخه واستخدامه كخلفية أو يمكنني استخدام التدرج حتى أتمكن من استخدام اللون الداكن أيضًا استخدام درجة تغيير اللون الداكن، نسخ ولصق ولصق، أرى أنني لا أفعل ذلك. لا يعجبني ذلك، لذا أفضّل أن يكون لدي لون واحد هنا هو اللون الذي اخترته باستخدام أداة Color Picker
ثم هنا يمكنني أن أقول احصل على هذه النسخة B sty Bas St و Ba St لذا أعتقد أن هناك بعض الأشياء التي يمكنك القيام بها يبدو أفضل مما كان عليه قبل بضع دقائق ولكن الأمر متروك لك فيما تريد أن تفعله بهذا وهو [موسيقى] محسّن لجميع الأجهزة إذا كنت تريد ذلك، يمكنك زيادة التباعد هنا تريد B لذلك أذهب إلى الجهاز اللوحي شاهد اذهب إلى حاوية Forer ثم أقول فجوات 40 وللهاتف أيضًا 40 مساحة أكبر قليلاً، نشر رائع أعتقد أن الوقت قد حان لأقول إنني مندهش حقًا من كل ما قمنا به حتى الآن باستخدام سمة مجانية في صفحة مجانية ت
حتوي على نطاق مجاني وصور مجانية يمكن العثور عليها على مواقع الصور المخزنة والتي يمكن استخدامها مجانًا، لذا فأنا منبهر وآمل أن تكون كذلك في بعض الأحيان، وأعتقد أن 20 ربما لا تكون كافية وربما ينبغي أن تكون كذلك 40 في كل مكان لكنني أترك الأمر لك، هذا 40 أعتقد أن هذا يبدو أفضل، هذا 60، هذا 40، هذا قريب قليلاً من بعضهما البعض ولكن أترك الأمر لك وأيضًا شيء يمكننا القيام به هو تقليل سمك الحدود إلى [موسيقى] اثنان، دعنا نرى هل تغيرت أم لا حدود St، دعنا نرى أوه انتظر انتظر انتظر Stell border two حسنًا حسن
ًا، ما نحن جيدون حقًا في هذا هو ما نفعله أفضل تصميم ويب للعلامات التجارية وإعلانات تحسين محركات البحث أوه نعم الآن نحن ذاهبون لإنشاء منطقة بسيطة عدادًا بسيطًا حيث أريد عرض بعض الإحصائيات حول مواقع الويب الخاصة بي عدد الموظفين لدي عدد مواقع الويب التي حصلت عليها لقد حصلت على الجوائز التي فزت بها لذا دعونا نستمر في ذلك هناك خطأ صغير لقد سجلت هذا بالفعل في منطقة واحدة لدي علامة زائد قبل رقم في المنطقة الأخرى لدي بالإضافة إلى الرقم بالطبع يجب أن يكون أو يسارًا أو يمينًا ولكني أخطأت أنا آسف ولكني لا
أريد تسجيله مرة أخرى، هذا ما هو عليه أنا GNA كن حقيقيًا معك، كما تعلمون حسنًا، كان الأمر غريبًا ولم يكن هناك أي إساءة لأي شخص، كنت أفعل ذلك فحسب، حسنًا، فلننشئ تلك المنطقة، ثم أريد إظهار بعض الأرقام ويمكنني القيام بذلك عن طريق النقر على علامة الجمع الموجودة على اليسار وأريد الذهاب لعداد حسنًا، لذا البداية يمكن أن يكون الرقم صفرًا ويمكنني أن أقول عدد مواقع الويب التي أنشأناها ويمكنني الحصول على بادئة، لذا قبل ذلك يمكنني أن أقول إن هذه بادئة رقم ولكن يمكن أيضًا أن تكون شيئًا آخر لذلك أقول بالإضافة
إلى أنك ترى أكثر من 430 موقعًا تم إنشاؤها بشكل جيد مدة الرسوم المتحركة أم لنجعلها 4.3 ثانية كل ثانية 100 موقع أريد أن أحصل على ألف فاصل بينما نحن أقل من ألف لذلك ليس من الضروري وكل شيء آخر أه هذا هو عدد مواقع الويب SES التي أنشأناها ثم يمكننا الذهاب إلى Stell قم بتلوين هذا النص ثم العنوان أو الترباس الثلاثي أو شبه الترباس الأيمن بالماوس، انقر فوق نسخ ولصق حسنًا، ثم أذهب هنا إلى الحاوية يمكنني إحضارها إلى المنتصف، يمكنني الحصول على مسافة بين المساحة المحيطة التي تبدو رائعة، من الجيد إذا إنها تتم
اشى مع هذه المنطقة ويمكن أيضًا القيام بذلك يدويًا عن طريق زيادة هذا ولكن هذا ليس ما أفضل القيام به لذلك أذهب إلى [الموسيقى] مع ترك مسافة حول حسنًا الآن نحتاج إلى تغيير رقم رائع للمحتوى لذا أحتاج إلى تغيير الرقم إلى 23 ثم من الخلف يمكنني أن أقول زائد بعد ذلك ولدينا 23 لذلك دعونا نذهب لمدة 2300 مللي ثانية والثالث كم عدد الموظفين لدينا لدينا 12 لذلك دعونا نذهب مع 1200 ثم هنا لدينا 19 جائزة [موسيقى] لذلك أنا أقول الجوائز هنا أقول سنوات من الخبرة هنا أقول أن موظفي [الموسيقى] ينشرون أشياء رائعة أخرى ي
مكنك القيام بها يمكنني إحضارها إلى المركز ثم أذهب إلى كل منطقة على حدة وأقول [الموسيقى] مخصصة 20 وجعلها أكبر حجمًا Bas St B St ومن ثم يجب عليهم محاذاة بشكل أفضل، نعم إنهم محاذاة بشكل أفضل الآن، شيء أنسى الأشياء، إنها الساعة 1:00 صباحًا، لذا ربما يجب أن أذهب إلى النوم ولكني متحمس جدًا لعمل هذا البرنامج التعليمي لذلك كنت مثل مرحبًا، دعنا اذهب وافعل أشياء غريبة وانسى الأشياء لذلك أذهب إلى عرض Tempet يمكنني أن أفعل نفس ما فعلته هنا 45 حتى أتمكن من فعل الشيء نفسه هنا متقدم دعنا نرى ما إذا كنت لا أقوم
بتغييره إلى بكسل إذا كان الأمر كذلك ثم سيكون بكسل لذلك دعونا نغيرها إلى نسبة مئوية اه ولكن هذه المرة حسنًا، انتظر مندوب التخطيط نسخة B sty Bas Bas St ما الخطأ الذي يحدث هنا لماذا هو 20 قلت 45 نسخة، لصق، لصق ولصق، لذلك بالنسبة للأشياء الموجودة في المركز [ الموسيقى] رائع L حسنًا، لا يمكن أن يكونا إلا تحت بعضهما البعض، لذا هنا يمكن أن يكونا 90 نسخة قاعدة sty قاعدة sty و B حسنًا، هناك منطقة أخرى أريد إنشاؤها، دعني أحفظها، فلنستمتع بما أنشأناه حتى الآن بالفعل حسنًا، فلننشئ أحدث منطقة لدينا في هذه ال
صفحة سنقوم الآن بإنشاء عبارة تحث المستخدم على اتخاذ إجراء وهذه العبارة التي تحث المستخدم على اتخاذ إجراء أريدها أن تكون على كل صفحة في موقع الويب الخاص بي أسفل الصفحة لذلك أريد حفظها كقالب، دعني أوضح لك كيف لإنشاء منطقة CTA ثم كيفية حفظها كقالب، إنها طريقة بسيطة ولكن سأعرض لك شيئًا جديدًا لم نتحدث عنه من قبل لذلك سأقوم بإنشاء منطقة حيث يمكن للأشخاص التواصل معنا لأن الناس يجب أن يكونوا متحمسين عندما يقرؤوا كل هذا وبعد ذلك يجب أن يكونوا قادرين على التواصل معنا، يمكنهم الذهاب إلى صفحة الاتصال، انقر
فوق "تواصل معنا" أو هنا يوجد أدناه طريقة للتواصل معنا، لذلك انقر هنا على كل شيء أسفل بعضهم البعض التدرج، كما تعلم التدريبات 90 ويمكنني نسخ شيء ما ولصقه ويمكنني سحبه جيدًا ثم يمكنني النقر فوق علامة الزائد والبحث عن فاصل يمكنني جعله ثابتًا وتغيير العرض إلى بكسل لنفترض أن 600 بكسل أحضره إلى مركز انتقل إلى St قم بتغيير اللون إلى هذا وتغيير الوزن إلى اثنين ثم أذهب إلى المحتوى وأصغره مرة أخرى ثم أريد الحصول على نص صغير اجعله أبيضًا انتقل إلى المحتوى أو حتى أفضل متقدم و العرض أقوم بتغييره إلى شيء مخصص
ليس بالنسبة المئوية ولكن بالبكسل وإحضاره إلى المركز دعنا نقول 600 وبعد ذلك يمكنني أن أقول في المحتوى حسنًا، أحضره إلى المركز St Center وبعد ذلك سيكون لدي زر يمكنني تكراره واسحبه إلى الأسفل بالضغط عليه ثم السحب بالماوس حسنًا، أريد إحضاره إلى المركز ثم أقول تواصل معي وينتقل إلى صفحة الخدمة أريد أن أذهب إلى صفحة الاتصال حسنًا في نفس النافذة حتى الآن، جيد جدًا، أذهب إلى عرض الجهاز اللوحي، أذهب إلى هذا العرض، الشيء الوحيد الذي أريد تغييره هو أن يصل النص إلينا، حسنًا، ما أريد فعله، أريد عرض هذا في كل
حاوية أحدث على أي صفحة على موقع الويب الخاص بي، لذا ما يمكنني فعله بزر الماوس الأيمن، انقر بالماوس، يمكنني أن أقول حفظ كقالب، كم هو رائع أنه يمكنني الاتصال بعبارة الحث على اتخاذ إجراء، اتصل بي، احفظ هناك، الآن إذا قمت بحفظ هذا الأمر وذهبت إلى موقع الويب وانتقل إلى الصفحة "حول" وانقر فوق "تحرير الصفحة" وتحريرها باستخدام Elementor وانقر فوق أيقونة المجلد وانتقل إلى القوالب الخاصة بي وانقر فوق "إدراج" وأقول لا تنطبق لدي هذه المنطقة هنا وهي رائعة جدًا أتمنى أن تعتقد أنه رائع، أعتقد أنه رائع، إنه يو
فر الوقت، أحب توفير الوقت، أعتقد أن توفير الوقت أمر رائع، أعتقد أن الوقت قد حان بالنسبة لي للذهاب إلى السرير، لقد أنشأنا الصفحة الرئيسية، أنا متحمس جدًا لها، فهي مُحسّنة من أجل جميع الأجهزة، لذلك إذا قمت بتصغير هذا الحجم، فسيبدو رائعًا أيضًا للهاتف، ومساحة كافية في كل مكان، لذلك دعنا نذهب إلى الصفحة الثانية، الصفحة الرئيسية، لذا تبدو الصفحة الرئيسية رائعة، فهي محسنة لجميع الأجهزة الآن سنذهب إلى الصفحة "حول" وسنقوم بإنشاء قالب جديد لأنه لكل صفحة أريد أن يكون لدي منطقة عنوان ولا أريد إنشائها مرة أ
خرى طوال الوقت، لذا سأحفظها ثم لكل صفحة جديدة أستطيع استيراده وتوفير بعض الوقت يعجبني عندما أقوم بتوفير الوقت لأن لدي الوقت لأشياء أخرى للتحدث أكثر في الكاميرا مع الأشخاص الذين يشاهدون البرنامج التعليمي الخاص بي، ويمكنني أن أتحدث إليك الآن لأنني سأساعدك لتوفير الوقت حتى أشعر بمزيد من Liberty to Liberty من Paul Patrol، كلب لطيف، كما تعلم أن لدي أطفال، حسنًا، دعنا ننشئ صفحة "حول" وننشئ قالبًا، لقد قمت بالفعل بتحرير هذه الصفحة باستخدام Elementor حتى أتمكن من النقر فوق "تحرير" باستخدام Elementor إذا
كنت لا ترى ذلك، انقر فوق تحرير الصفحة ثم قم بالتحرير باستخدام Elementor، تخلصت من هذا، وسأقوم بتحرير ما أريد فعله لاحقًا، يمكنني الانتقال إلى موقع الويب، لذا دعني أنقر نقرًا مزدوجًا ثم أنقر فوق تحرير باستخدام Elementor ويمكنني النسخ هذه الحاوية بأكملها باتجاه هذه المنطقة، انقر بزر الماوس الأيمن فوق لصق رائع جيدًا، لا أستخدم نفس المعلومات حتى أتمكن من المرور هنا، قم بإزالتها وإزالتها، والآن أريد إضافة عنوان هنا، أسحب العنوان وأنا أريد أن أقول عن واو، لم تر ذلك الشخص قادمًا، أليس كذلك أحضرته إلى
المركز وأذهب إلى الجفن وأعطيه لونًا حسنًا، ما أتذكره من هذه المنطقة إذا نقرت هنا هو أن الحشو هو بعيدًا قليلاً، لذا فهو ليس في المنتصف الآن لذا أفضل أن أقول 80 80 أو حتى أفضل 120 120 لا أريد أن أشغل مساحة كبيرة أعتقد أن 100 لا بأس به ولكني أحب ذلك كبداية جيدة للباقي من الصفحة الآن انقر بزر الماوس الأيمن على حفظ القالب ويمكنني أن أطلق على هذا عنوانًا بطلًا واحدًا، احفظه جيدًا، لذلك في كل مرة أفتح فيها صفحة جديدة، يمكنني فقط استيراد هذا ثم تغييره ونشر النص وبالطبع تم تحسينه بالفعل لجميع الأجهزة، كم
هو رائع هو أنني أعتقد أن هذا شيء رائع جدًا أريد تغييره هنا إذا ذهبت إلى هذه الحاوية وذهبت إلى St وأغلقت الخلفية وأريد أن أذهب إلى مقسم الأشكال لدينا واحد بالفعل هنا واللون أبيض الآن أريد تغيير ذلك إلى هذا اللون الأصفر، ثم هنا أدناه أريد أن آخذ خطوة أخرى إلى الأمام، أريد أن أوضح لك بعض الطرق حول كيفية التعامل مع تحديد موضع العناصر والحاويات على موقع الويب الخاص بك، وما زلت أتعلم أشياء حول كيفية للقيام بالأشياء بأفضل طريقة، هناك المزيد من الطرق للقيام بالأشياء في Elementor، هناك طريقة خاطئة أخرى
أو أه ولكن هناك طريقة أفضل، هناك دائمًا أفضل طريقة وأسرع طريقة، وهي الطريقة التي تجعل مواقع الويب الخاصة بك أخف وزنًا أم هذا في رأيي ما وجدته كيفية إنشاء تصميم رائع ولكن مع الاستمرار في الحفاظ على موقع الويب الخاص بك سريعًا، لذا اسمح لي أن أوضح لك كيفية إنشاء هذه المنطقة، حسنًا، انظر إلى هذا، هذا ما سنقوم بإنشائه وإذا ألقيت نظرة على Elementor الذي لعبته مع بعض الإعدادات المختلفة وهناك طرق متعددة للقيام بالأشياء ولكن هذه الليلة كانت لدي فكرة حول كيفية القيام بذلك بشكل أفضل حتى ترى كل الأشياء هنا
وهذا ما نحن على وشك إنشائه، دعني أزيله الآن أيضًا قم بإزالة هذا هناك طرق متعددة للقيام بالأشياء في Elementor وكان لدي طريقة للتحويل واختبار الهامش لإنشاء حاويات منفصلة ووضعها فوق بعضها البعض ثم اللعب بالكثير من الأشياء ولكن هذه الليلة كانت لدي فكرة مثل مرحبًا انتظر ربما إذا فعلت ذلك بهذه الطريقة، وهذا ما يحدث، فأنا لا أزال أتعلم الأشياء بنفسي، لذا فأنا على وشك أن أوضح لك كيفية إنشاء شيء مثل هذا ولكن بعد ذلك أسهل، أول شيء سأفعله هو إنشاء حاوية جديدة تحتوي على حاويتين حسنًا، في الصورة الأولى، أنقر
على علامة الجمع، ثم أذهب للحصول على صورة، وألتقط الصورة وأين هذا لأنني انتهيت بالفعل من البرنامج التعليمي، وقد تم ذلك لاحقًا ولهذا السبب ترى كل الأشياء هنا، حدد هذه الصورة ثم أذهب إلى St أذهب إلى نصف القطر الحدودي وأقول 25 ثم أذهب إلى الجزء الخلفي من الحاوية وأغيره إلى اللون الأخضر الداكن لأنه من أجل الآن حتى نتمكن من رؤية ما يحدث لدي تلك الحواف أذهب إلى الحاوية التي تحتوي على الصورة وأذهب إلى Advan وأقول إلغاء تحديد ping ثم أذهب إلى هذا بالإضافة إلى أنني أريد أن أذهب إلى عنوان وأريد أن أذهب إل
ى نص نعم وأذهب إلى هذه الحاوية وأعطيها خلفية في St White أريد أن أذهب إلى الحدود وأيضًا على الحدود أريد أن يكون نصف قطرها 25 كما تراه هنا أريد أن أذهب إلى Advanced ولدي اختبار اتصال 40 وليس 240 ولكن 40 نعم أصنع هذا باللون البرتقالي أو أصفر وأقول عن web Divine هذا النص سنقوم بتغييره لاحقًا الآن، أقوم بنسخه ولصقه مرتين بحيث يكون لدي القليل من النص لذا ما أريد فعله أريد أن تكون هذه المنطقة في الأعلى هذه المنطقة لنسبة معينة ليست كاملة حتى أتمكن من الذهاب إلى هنا ويمكنني اللعب بالهامش والبدء في القيا
م بالكثير من الأشياء ولكن هذا يجعل الأمر معقدًا للغاية، أنا لا أقول إن ما سنفعله ليس معقدًا ولكن من الأسهل ما سأفعله بدلاً من الانتقال إلى التخطيط المتقدم، أذهب للتحويل ثم أذهب للإزاحة وأقول ناقص 100 وهناك يذهب، ثم أقوم بإحضار هذه المنطقة إلى اليمين بمقدار 100 بكسل لذلك أذهب إلى هذه الحاوية مع الصورة أذهب لتحويل الإزاحة وهذه المرة أقول زائد 100 حسنًا ولكني أريد الحصول على الصورة حول هذه المنطقة لذا ما أحتاج إلى فعله أحتاج إلى الانتقال إلى الحاوية للتخطيط وبدلاً من محاذاة العناصر بالامتداد أقول ت
وسيط هذا هو هذا ما يدور في ذهني ولكن ما يحدث هذا ليس على اليسار تمامًا هنا وهذا ليس على اليمين تمامًا لأننا استخدمنا التحويل بـ 100 بكسل إلى اليمين و100 بكسل إلى اليسار لذا كانت الفكرة التي خطرت ببالي الليلة الماضية مرحبًا ماذا لو ذهبت إلى الحاوية، قمت بتغيير العرض، العرض الإجمالي من 1120 إلى 13 20، لذلك أضفت 100 على كلا الجانبين الآن يجب أن تكون متوازية ولكنها لا تفعل ذلك، لأننا نشاهد هذا على شاشة أصغر لذلك أقول تواصل مع P وسترى أنها تصطف بشكل جيد هنا ولدي المزيد من النص لذا سأقوم بنسخ هذا ولصق
ه ونشره وهذا في الواقع ما كان يدور في ذهني، إنه Pixel Perfect الذي أحبه وأعتقد أنه حقًا طريقة رائعة لإظهار شيء ما عن شركتك وكتابة شيء عن شركتك منذ أن قمت بتسجيل من قبل في هذا التسجيل، أوضحت لك كيفية إنشاء نص معين لذلك سأذهب إلى البرنامج التعليمي القديم التسجيل القديم وأظهر لك كيفية الحصول على النص وبعد ذلك سأعود بهذا التصميم الجديد وبعد ذلك يمكنك لصقه وسيكون كل شيء على ما يرام، لذا سأذهب هنا وسألصق النص الجديد الذي ستتعلم كيفية صنعه الآن يمكنني الحصول على نص لور ipsum اسمح لي أن أعرض لك شيئًا يم
كنك القيام به إذا كان لديك دردشة GPT، يمكنك الذهاب إلى الدردشة open.com ويمكنني أن أقول اكتب لي نصًا بيانيًا ثلاثي الأبعاد حول وكالة تصميم الويب Divine في أمستردام أمستردام والتي تركز على لا أعرف إذا كانت الكلمة صحيحة في مساعدة الشركات على الحصول على المزيد من التحويلات والمزيد من الأعمال إنشاء موقع ويب جديد للعلامة التجارية SEO وعند الضغط على زر الإدخال، يصبح الأمر أقصر بثلاث مرات، حسنًا، أستخدم هذا النص، وأنشئ بضع فقرات، وما سأفعله سأستخدمه كما فعلت قبل الانتقال إلى تحرير الصفحة الرئيسية باستخ
دام Elementor وأريد أن أذهب إلى العنوان، أنسخ هذا الامتداد هنا، انسخه الأمر W أو التحكم W وأغلقه، وهنا أذهب إلى حسنًا، دعنا نقول Bas in M، نجعله كلاً من التحكم في الأوامر B و[الموسيقى] التالية مساعدة الشركات على الازدهار في المشهد الرقمي الأمر ب، حسنًا، ثم أذهب إلى علامة تبويب النص وفي كل مكان أرى هذا بقوة، ألصق النص الذي قمت بنسخه للتو ثم يفتح هنا ل/ يمتد حتى يتم إغلاقه ثم النص الثاني أين الوجه القوي، يدور حسنًا، أفتقد حرفًا واحدًا، لذلك حصلت على هذا، ألصقه هنا، حسنًا حتى الآن جيد جدًا، أعود إل
ى المرئيات لأنني أعتقد أنني فقدت فقراتي ربما إذا قمت بتحديثها الآن، فقد اختفت حسنًا، أضفها باستخدام Elementor، انقر هنا، أدخل [Music]، احذف، أدخل، احذف، بحاجة إلى مساعدة Elementor قليلاً، نشر التحديث، حسنًا، مساحة صغيرة فقط هنا إذا كنت أرغب في إصلاح ذلك، ما يمكنني فعله هنا، دعني أذهب إلى الحاوية الأولى التي تبلغ 50٪ اجعله 60 ثم الثاني أو دعني حسنًا، التخطيط الثاني 40 لنرى ما إذا كان هذا يعمل أم لا، لذا اعتمادًا على ارتفاع مقدار النص، يمكن أن يتغير التصميم قليلاً لذلك أنا سعيد بهذا ولكن كيف يبدو
على جهاز مختلف، يبدو هكذا وهذا ليس ما يدور في ذهني، يمكن أن يكون لديك شيء كهذا في ذهنك ولكن مرحبًا لا أعرف، لذا ما يمكنك فعله هنا، يمكنك النقر هنا أو يمكنك المغادرة مثل هذا أو يمكنك اللعب أكثر قليلاً مع التحويل لذلك أذهب إلى التحويل المتقدم للحاوية للكمبيوتر اللوحي، يمكنك تغيير قيمة القيمة، يمكن للرقم إحضار هذا إلى التحويل الصحيح، قل صفر، لذا بشكل افتراضي، هل هناك يمكنني حتى قل هنا تخطيطًا أو تخطيطًا بنسبة 30 أو 50 ثم أعده قليلًا متقدمًا حسنًا فلنفعل 70 ثم هذه الصورة [الموسيقى] 70 شيء من هذا الق
بيل إذا أردت أو ذهبت إلى الحاوية في الأعلى وقم بالتغيير الاتجاه إلى العمودي، أنقر على حاوية الصورة، ثم انتقل إلى إزاحة منطقة التحويل وأتلاعب بهذا، فماذا عن سالب 100 وهذه المرة هنا يمكنني أن أقول تحويل 100 حتى نحصل على نوع من نفس الشيء ربما أعتقد أنه جيد الإزاحة لقد قمنا بإحضاره وهذا مثالي وهذا ما أريده ولكن هناك شيء يحدث لماذا لأنه عندما تستخدم تحويل المكان الأصلي الأصلي فإنه يأخذ مساحة لذا إذا قلت صفر فلا يهم ما أفعله بإزاحة المساحة يبقى هنا، فبدلاً من استخدام المسافة على المحور y، يمكنني الانت
قال إلى تخطيط الهامش العلوي وتقليله ناقصًا لذلك ناقص 200 الآن كما ترى هنا أسفل المساحة تظل سليمة، لذا فهذه أيضًا طريقة رائعة لوضعها على سطح المكتب يبدو هكذا اه، لا ترى جيدًا مثل هذا على الجهاز اللوحي يبدو هكذا وعلى هاتف مثل هذا جيدًا، ما رأيك أن نصلحه هنا لذلك أذهب إلى تخطيط حاوية البنية واحد لنفترض النسبة المئوية 100 100 حسنًا ثم أذهب إلى الحاوية الثانية وأتخلص من الهامش فأقول صفر لنسبة تخطيط الهاتف 100 التي تبدو رائعة ثم أذهب إلى الحاوية التحويل المتقدم أحضر هذا إلى الصفر والحاوية الثانية التح
ويل المتقدم أحضره أيضًا إلى الصفر، ثم أذهب إلى الحاوية العلوية وأستطيع أن أقول إن الفجوات يجب أن تكون 40 لذا يبدو الأمر طبيعيًا وما يمكنك فعله إذا كنت تريد ذلك، يمكنك النقر هنا، انتقل إلى "متقدم" ثم قل الترتيب الذي أريده أسفل هذا، أولاً أدناه، أولاً النص ثم الصورة، انقر هنا، انتقل إلى إصدار سطح المكتب، انتقل إلى خلفية sty، ثم اخترت لون الخلفية الأصلي خمسة للنشر، لذا فقد تم تحسينه الآن لسطح المكتب للكمبيوتر اللوحي والهاتف الذكي أعتقد أنه رائع وآمل أن تعتقد ذلك أيضًا، أريد إنشاء منطقة أظهر فيها لأ
عضاء الفريق لدي موظفيني ولكن لا يوجد عنصر لذلك في Elementor، يمكنك الحصول على Elementor Pro الذي يحتوي عليه ولكن هناك أيضًا إضافات خارجية الجزء العلوي من Elementor Elementor هو الصفحة B المشهورة حقًا، وهي بالمناسبة أكثر المكونات الإضافية التي تم تنزيلها في WordPress بشكل رائع ولكن هناك أيضًا الكثير من المكونات الإضافية التي تم إنشاؤها فوق Elementor لأن Elementor ناجح تعتقد شركة أخرى أنني أريد البناء على هذا النجاح، لذا سأضيف إضافات إلى Elementor وهي إضافات مدفوعة وإضافات مجانية وسنستفيد من الإضا
فات المجانية حتى نتمكن من إضافة أعضاء الفريق في موقعنا على الويب، اسمح لي أوضح لك كيفية القيام بذلك، أريد إضافة عدد قليل من أعضاء الفريق إلى الصفحة التالية، لذا ما يمكنني فعله هو النقر هنا، انتقل إلى اليسار أو إلى اليمين، انتقل إلى تدرج الخلفية باللونين الأخضر والأسود، وأغير الترتيب أو الزاوية إذا ألقيت نظرة هنا وأريد إضافة عضو في الفريق، يمكنني البحث عن فريق أو ملف تعريف جيدًا، لا أرى [موسيقى] أي شيء، لماذا لا يوجد في إصدار مجاني من Elementor، لذا سأستخدمه بدلاً من ذلك مكون إضافي خارجي، مكون إض
افي مجاني يمنحني هذه الوظيفة، كم هو رائع أنه يمكنك البناء على الجزء العلوي من Elementor لذلك أذهب إلى النهاية الخلفية وأذهب إلى المكونات الإضافية الجديدة، الشيء الوحيد الذي يجب علي فعله هو البحث عن Elementor ثم أنت أرى الكثير من الإضافات وأبحث عن الإضافات الأساسية لـ Elementor أكثر من مليون عملية تثبيت، أنقر على التثبيت الآن، ثم أنقر على تفعيل، حسنًا، أذهب إلى الأساسي، أنقر على التالي، وأريد التأكد أن هناك عضوًا في الفريق هنا، كل شيء آخر على ما يرام، يمكنني النقر فوق عرض كل ما يمكنني قوله أيضًا،
أريد الإضافة، دعني أرى أنني رأيت أنه في مكان ما، ربما يمكنني استخدامه في مستقبل هذا البرنامج التعليمي وهو في الواقع ليس كذلك المستقبل إذا كنت تشاهد هذا فهو الماضي لأنني أسجله ثم ما سأسجله في المستقبل سأسجله في الماضي لأنه في هذه اللحظة من مراجعة هذا تم نشره لذا قمت بالتسجيل في الماضي على الرغم من أنني لا أزال مضطرًا إلى ذلك قم بتسجيله في المستقبل، هكذا يستمر ذهني طوال اليوم، أنقر على التالي التالي التالي ولا أريد أن يتم احتسابي بطريقة ما، فأنا بالفعل قوي وغريب، أحصل على التهنئة، كيف يعرفون أنه
عيد ميلادي، واو، كيف هل يفعلون ذلك واو حسنًا، دعنا نعود ونثبت البرنامج الإضافي ونذهب إلى تحرير الصفحة حول باستخدام Elementor والآن أيها السيدات والسادة عندما أبحث عن فريق أرى عضوًا في الفريق من Essential Adance EA إنه موجود في اللعبة، حسنًا، هناك أول واحد وما يمكنني فعله يمكنني تكراره مرتين حتى أتمكن من رؤية كيف سيبدو كما أريده لأنني أريد أن أظهر لثلاثة أشخاص على التوالي أول شيء هنا في المحتوى أريد إضافة صورة ولسوء الحظ لا أستطيع مشاركة الصور التي أنا على وشك تحميلها لأنها من IO ولدي ترخيص لذلك
ولكن يمكنك العثور على الأشخاص لفريقك أو يمكنك الذهاب إلى موقع pixabay.com والبحث عن صور الملف الشخصي ويمكنني استخدامها تلك مجانًا لذا قمت بتحديد جميع الصور، وبطريقة ما حصلت عبر الإنترنت على أسمائهم آندي دوايت وجيم كيفن ومايكل، لذلك أبدأ بنسخ قاعدة العنوان لآندي، فهي تجعلها عادة، لذلك في كل مرة تفعل ذلك وبالطبع دائمًا أعد تسمية صورك إلى الكلمات الرئيسية ذات الصلة التي تقول شيئًا ما عن الصورة، لذلك انتقل إلى المحتوى، واسمه هو آندي بيرنيت بارنيت الوحيد، وما هو، ولا أعرف منصبه الوظيفي الذي يشغله الم
بيعات ويمكنك الحصول على نص هنا جيدًا، يمكنك ملء ذلك إذا كنت تريد ذلك، سأختار نصًا وهميًا منشئ نص وهمي ما هذا، لا أريد أن أظهر تاريخي، أوه، سأعرض لك منشئ نص وهمي للتاريخ الخاص بي حسنًا، أعتقد أن الأمر كله يتعلق بـ Andy، لذا قمت بلصقه هنا بطريقة ما أصبح النص أكبر حجمًا، لماذا لأنه حسنًا، ما يمكنني فعله يمكنني لصقه هنا ونسخه مرة أخرى لذلك ألصقه بدون St حسنًا، لا شيء يتغير حسنًا، لا بأس سأفعل تخلص من القليل من النص مثل هذا، فمن الأفضل أن أذهب إلى الملفات الشخصية الاجتماعية ولأكون صادقًا، لا أريد ذلك
، لذا ألغى تحديدها الآن، يمكنني الذهاب إلى The Style لأن هناك الكثير مما يجب القيام به ويمكننا تغيير النمط العام، لذلك إذا قمت بالتمرير فوقه، يمكنك إظهار هذا، فأنا أفضل النمط البسيط إذا كنت تريد أن يكون لديك شيء آخر، فكن ضيفي، وأختار النمط البسيط ثم لون الخلفية الذي أردت أن يكون أبيضًا مثل ذلك ثم أنا اختر الفريق أو اللون والطباعة، لون اسم الفريق هو اللون الأول والحجم وكل هذه الأشياء حسنًا، المنصب الوظيفي أريد أن أكون اللون الثاني وأريد أن أكون ملولبًا وأكبر لذلك أختار الترباس وأكبر ثم هناك نص أن
ا موافق على ذلك لأنني لا أحب المساحة التي أريد الحصول على مساحة أكبر لذا دعني أرى أين يمكنني أن أفعل أعتقد أنه في مكان ما هنا يحتوي على حشوة [موسيقى] دعنا نقول 20 حسنًا، لذا ما أريد فعله إذا ذهبت إلى "الحاوية" أريد أن يتم وضعها في صندوق، فالعرض جيد من اليسار إلى اليمين، ما أريده هو أن ممثل حسنًا الآن سيتم دفع كل شيء لأسفل، لذا ما سأقوله هنا في الصورة الأولى انتقل إلى "متقدم" وقمت بتغيير العرض إلى " مخصص" وبما أنني أريد أن يكون لدي ثلاثة أشخاص والحد الأقصى هو 100% أريد أن أذهب إلى 30% ليس 33 لأنه
لا يزال هناك 20 بكسل من Gap وكما قلت من قبل في البرنامج التعليمي عندما تتجاوز إجمالي 100%، ينتقل العنصر التالي إلى السطر التالي لذلك أقول 30 وأريد أن ينمو وعندما أريد ستنمو بنسبة 100%، ولكن إذا قمت بنسخ هذه الإعدادات ولصقتها هنا، فسيكون لدي شخصان بجوار بعضهما البعض، والأفضل من ذلك، حسنًا، دعني أزيل كل هذا، أريد تكرار هذه المنطقة بأكملها بهذه الطريقة الآن إذا كنت أضف رابعًا تلقائيًا وينتقل إلى المنطقة التالية ثم مرة أخرى مثالي، هذا ما أريده، والآن يتعلق الأمر بتغيير جميع الأسماء في الصور، لذا اس
مح لي أن أفعل ذلك وأتقدم سريعًا، حسنًا، حسنًا، إذا تخلصت من هذه الصورة لأن لدي خمسة أشخاص فقط في فريقي، يحدث هذا، كيف يمكنني إصلاح ذلك عن طريق إضافة حاوية حيث توجد هنا، أحددها ثم أذهب للعرض الكامل ولسطح المكتب أذهب إلى 30٪ كما ترون هنا ولكن إنه لا يتماشى تمامًا لأنه هنا في Advanced أحتاج إلى جعله ينمو مثل كل شيء آخر والآن أصبح محاذاة تمامًا، حسنًا، ما هو عدد الأشخاص الذين أرغب في عرضهم على جهاز لوحي بجانب بعضهم البعض، ثلاثة قليلاً، لا أريد ذلك أعجبني ذلك، لذا قمت بالنقر هنا بالمناسبة، إنه آندي ب
رنارد، وأخيرًا أتذكر اللقب، لذا ما سأفعله سأذهب إليه هنا وأقول بالنسبة المئوية للكمبيوتر اللوحي فهي 45 ثم للهاتف المحمول فهي 100 حسنًا، سأذهب نسخة خلفية، لصق الجدجد، لصق الجدجد، لصق الجدجد ولصق الجدجد، أعود إلى الجهاز اللوحي حتى الآن جيد جدًا ولكن الأحدث حسنًا هنا أحتاج إلى الذهاب إلى التخطيط وأقول النسبة المئوية 45 لذلك يدفعه ثم بالنسبة للجوال [الموسيقى]، يمكنني التخلص منه بالانتقال إلى "متقدم" وإذا كنت لا أرغب في إظهار أي شيء على جهاز معين، فيمكنني الانتقال إلى " الاستجابة المتقدمة" وأقول إخفا
ءه على الهاتف المحمول وبعد ذلك لن يتم عرضه لذلك يبدو كل هذا رائعًا باستخدام الأدوات المجانية، أنا سعيد وآمل أن تكون كذلك أيضًا وهذه هي الطريقة التي تنشئ بها صفحات جميلة، ثم يمكنني النقر هنا على المجلد، القوالب الخاصة بي التي أذهب إليها للتواصل مع CTA، لا تنطبق بشكل طبيعي أفضّل عدم وجود منطقتين داكنتين أسفل بعضهما البعض حتى أتمكن من النقر فوق علامة الزائد هنا، ويمكنني الانتقال إلى منطقة جديدة بها صورة خلفية لهذه، ثم يمكنني الانتقال إلى عرض حجم الغلاف، ويمكنني الانتقال إلى التخطيط وتغييره الارتفاع
الذي يمكنني الانتقال إليه لتراكب الخلفية هو الحصول على بعض الألوان ولكني لا أرغب في استخدامها لأنني أستخدمها بالفعل، لذا دعني أرى بالمناسبة عن الخلفية التي أحب أن تكون ثابتة على هذا النحو ومن ثم يمكنني الحصول على اقتباس نحن نحبك، واو، هذا عميق، أحضره إلى المنتصف أو انقر هنا تخطيط Center Center اجعل النص باللون الأبيض ثم تعرف ما هو موجود في تراكب الخلفية، يمكنني أيضًا جعله أسودًا فقط والتلاعب بالشفافية وانقر هنا شيء من هذا القبيل أو أبيض رائع، أعتقد أنه جهاز لوحي رائع، عرض [الموسيقى] لا بأس به ع
لى الجهاز اللوحي، ولا يظهر أه، لم يتم إصلاح الخلفية، لذا من أجل إصلاح الخلفية الثابتة في هذه الحاوية، يمكننا تركيز الموضع على مركز المركز وأعتقد أن هذا يبدو أفضل وعلى الشاشة الكبيرة حسنًا وعلى الهاتف، نعم رائع، لذا فقد حان الوقت لإلقاء نظرة على الصفحة التالية ومعرفة ما يمكننا القيام به أيضًا لتسريع سير العمل الذي تعلمناه الكثير عن Elementor بالفعل، والآن أريد أن أبين لك بعض الأشياء التي لها علاقة بالإنتاجية، سأقوم بإنشاء صفحة جديدة ولكن ما سأفعله هو أنني سأقوم بنسخ ولصق الأشياء التي أنشأناها بال
فعل والتي تم تحسينها بالفعل لجميع الأجهزة لذلك نحن يمكنني أن أنقذ أنفسنا بعض الوقت، لذا دعوني أريكم ما سأفعله في هذا الجزء، سأعمل بشكل أسرع قليلاً حتى تتمكنوا من رؤية كيف أعمل بشكل طبيعي عندما أقوم بإنشاء موقع ويب، ومن ناحية أخرى، فأنا أيضًا أصبح سريعًا عندما أكون متحمسًا عندما أقوم بذلك. إنشاء موقع على شبكة الإنترنت لعميل أضع عليه بعض الموسيقى وأنا لا أحب أن أفعل ذلك بأسرع ما يمكن، فأنا أعمل بشكل طبيعي بالوتيرة التي أحبها ولكن في بعض الأحيان عندما أقوم بإعداد برامج تعليمية وأنا متحمس وأريد أن أ
وضح لك مدى سرعة إنجاز الأشياء بعد ذلك، يمكن أن تسير الأمور بسرعة قليلًا، لذا أنا آسف لذلك ولكن دعني أوضح لك كيفية إنشاء صفحة جديدة عن طريق نسخ ولصق الأشياء ثم تعديلها حتى تتمكن أيضًا من تغيير الشكل والقليل من الأشياء الأشياء التي تنسخها وتلصقها هيا بنا، لذا دعني أوضح لك مدى السرعة التي يمكننا من خلالها إنشاء صفحة جديدة، ما سأفعله سأذهب إلى الصفحة الرئيسية في علامة التبويب الجديدة ممسكًا بالأمر أو التحكم على جهاز الكمبيوتر، وانقر فوق "تحرير باستخدام Elementor" ثم أذهب إلى صفحة الخدمات أنقر على تح
رير الصفحة وتحريرها باستخدام Elementor أذهب إلى Elementor على الصفحة الرئيسية أريد نسخ شيء ما بزر الماوس الأيمن انقر فوق نسخ هنا أنقر على المجلد القوالب الخاصة بي أذهب للحصول على عنوان البطل ولا تطبق الإعدادات مرتين انقر ثلاث مرات أقول الخدمات ثم انقر بزر الماوس الأيمن على لصق، فهو كامل، لذلك ما سأفعله سأذهب إلى خيارات متقدمة لتغيير الإعداد الافتراضي إلى وحدات بكسل مخصصة دعني أرى ذلك وأحضره إلى المنتصف حسنًا، أريد الحصول على نص أدناه لذا أنقر بالإضافة إلى ذلك، أريد إنشاء نص صغير، أقوم بتغيير الخ
لية إلى اللون الأبيض ثم أذهب إلى منشئ النص الوهمي وأعتقد أن هذا نص رائع لهذه المنطقة لذا أذهب إلى المحتوى وألصقه ثم أذهب إلى خيارات متقدمة مع [موسيقى] لنفترض أنها 400 بكسل أحضرها إلى المنتصف حسنًا، هذا ما أريده أيضًا مركز نمط النص حسنًا، ثم أريد العودة إلى عدم الصفحة الرئيسية، نعم أريد الذهاب إلى الصفحة الرئيسية والاستيلاء على هذه المنطقة بأكملها هنا، انقر هنا ثم أذهب إلى الهيكل لأنني أريد الحصول على حاوية الخدمات الأربع بزر الماوس الأيمن، انقر فوق نسخ وأريد إدخال حاوية جديدة وألصقها هنا، أريد ا
لنقر هنا، انتقل إلى التغيير لون هذا هو اللون الذي أتخلص منه من هذه المنطقة وأريد محاذاة كل شيء إلى اليسار حتى أذهب إلى تخطيط كل شيء أسفل بعضه البعض لذلك أحتاج إلى الذهاب إلى البداية وهنا أضع خطًا على اليسار هذه المساحة هنا بسبب كل هذه المناطق ولكن إذا قمت بإزالة هذا وهذا وقمت بنسخ أمر sty Shift V Command Shift V Command Shift V وهنا انقر بزر الماوس الأيمن فوق نسخ رسوم Shift واحدة ولصق B Basel وBasel لذا فإن نفس المعلومات مختلفة L وF ثم أريد إنشاء منطقة جديدة، أنقر على علامة الجمع أريد أن يكون لد
ي حاويتين أو في الواقع دعنا ننتقل من اليسار إلى اليمين، ثم أريد أن أبحث عن صورة هنا، فلنضف واحدة أريد إضافة إحدى تلك الصور ثم إلى جانب أنني أريد الحصول على حاوية حسنًا، ثم دعني أنسخ هذا وألصقه انسخ هذا وألصقه انسخ هذا وألصقه ثم أذهب إلى منطقة البنية [الموسيقى] دعني أرى العنوان الذي أريده أن يكون مصفرًا ثم أذهب إلى اسمحوا لي أن أرى أين هو العنوان الآخر الذي لم أنسخه، ربما انسخ وألصق هناك، فأنا أصنع هذا اللون الأسود أو الداكن ثلاثة وأسحبه هنا، هذا العنوان أريد التخلص من الظل لذلك أنا انتقل إلى الن
ص بدون نص ظل ولكن اللون الذي أريد أن يكون داكنًا أو [موسيقى] أخضر حسنًا، ثم أذهب إلى علامة الجمع أريد الحصول على منطقة نص جديدة هنا، انسخ هذا النص حسنًا، أريد الحصول على مساحة أكبر هنا من أجل القيام بذلك أذهب إلى الحاوية أعني الحاوية هنا ثم أقول 40 ثم هنا أود أن أقول بنسبة 40 وأكثر هنا في نسبة [الموسيقى] 60 أذهب إلى الصورة ثم أذهب إلى يمكنني أن أقول أكبر حجم ممكن ولكني لا أحصل على النتيجة التي أفكر فيها، لذا ما سأفعله بدلاً من ذلك هو إزالة هذا، سأذهب إلى الحاوية لنرى كيف يمكنني سحب هذا في [الموس
يقى] حسنًا، حسنًا دعني جربه هنا حسنًا انتظر هيا يا دكتور هنا نعم هيا هذا Elementor أنا على الهواء مباشرة أنا أسجل حسنًا الآن هنا اذهب إلى الخلفية ثم التقط هذه الصورة الآن يمكنني الحصول على إعداد معين حتى أتمكن من القول غطاء حجم العرض الآن تخلصت من هذه المنطقة، لذا فهي الآن أكبر، أنقر على القسم ونسبة العرض الكاملة ما كان 45 40 ثم هذا 60 حسنًا ثم هذا 40 هذا ما أريده حسنًا ثم أريد الذهاب إلى تذهب هذه الحاوية إلى الحد St ذو البكسلتين الصلبتين ولكن فقط في الجزء العلوي، لذلك لم يترك WR السفلي أي شيء ا
للون الذي أريده أن يكون لونًا واحدًا، حسنًا، هذا هو الحال وأريد الانتقال إلى الحاوية في الأعلى متقدم ping [موسيقى] زر 20 Bing top 20 حسنًا هنا أذهب إلى St أريد أن أعطيه لونًا للخلفية فلنفعل هذا حسنًا أذهب إلى الصفحة الرئيسية اذهب إلى زر نسخ لصق تواصل معي أغير ذلك [موسيقى] للعلامة التجارية وهنا العلامة التجارية يتم فتح صفحة العلامة التجارية في علامة تبويب ليست في علامة تبويب جديدة، لذا فهذا رائع، وهي تحتوي على رسم متحرك على الأرجح أوه لا، لا بأس بما سأفعله الآن، أنا سعيد بهذا وسأكرره ثلاث مرات لأ
نني أريد عرض أربع خدمات أقدمها 1 2 ثلاثة لذلك لدي أربع منها، حاوية المنطقة الثانية، أنقر على السهم باتجاه اليسار ويقوم بتبديل الخدمة الرابعة، أفعل نفس الشيء ويتم التبديل ثم هنا أنا أرغب في الحصول على عبارة تحث المستخدم على اتخاذ إجراء، لا تقم بتطبيق الإعدادات، حسنًا، ما كان يجب علي فعله بالطبع قبل أن أقوم بتكرار هذا، ألقِ نظرة على عرض الجهاز اللوحي، عرض الجهاز اللوحي على ما يرام، الهاتف المحمول [الموسيقى] حسنًا، هل يعجبني هذا على الهاتف المحمول أو هل أفضّل الحصول على العنوان أولاً، دعني أرى التخ
طيط، يمكنني عكسه أو يمكنني الانتقال هنا إلى هذا القسم، انتقل إلى خيارات متقدمة، انتقل إلى الترتيب وقل اثنين هذا ما أفضله، لذلك انقر هنا طلب متقدم أو فقط النهاية، هذا هو نفس مبدأ [الموسيقى] إذا كان لديك قسم حاويتين فقط متقدم، لذا الآن قم بذلك أربع مرات لأنني لم أفعل هذا قبل أن أقوم بنسخ كل شيء، لذا حسنًا والآن يتعلق الأمر بتغيير المحتوى لذا سأتقدم سريعًا و سأعود معك، دعني أوضح لك كيفية القيام بذلك، حسنًا، هذه هي العلامة التجارية وهنا تصميم الويب، يجب أن أغير النص ما يمكنني فعله، نسخ، لصق، نسخ، إز
الة، إزالة هنا تصميم الويب، وهنا تصميم الويب ثم الصورة أو صورة خلفية الحاوية اختر صورة أخرى وما يمكنني فعله لم أفعل ذلك بعد قلت الغلاف لكني لم أرغب في إرفاقه أو أه يكون موضعه في وسط المركز أيضًا هنا St أو يمكنني قل بالنقر بالماوس، انسخ بعد sty أوه، الآن تم اللصق أيضًا، حسنًا، هذا ليس ما أريده، لذا انقر هنا وهكذا تسير الأمور II أرتكب أخطاء، أرتكب أخطاء بشكل طبيعي عندما أقوم بإنشاء مواقع ويب، أحب تشغيل الموسيقى والاستمتاع بوقت ممتع أستمتع بنفسي وإذا سارت الأمور على نحو خاطئ، فأنا أكتشف كيفية إصلاح
الأمر، وهذا هو ما يجعل موقع الويب يعمل على إصلاح المشكلات، ربما لا يكون الأمر كذلك، ولكن هذا جزء كبير من الصفقة، حسنًا في هذه الحالة ربما يكون من الأفضل ترك الأمر حيث هو كان الأمر كذلك، حسنًا افتراضيًا، ثم الثالثة حسنًا، دعني أعرض لك مرة أخرى [موسيقى] 03 SEO نسخ لصق نسخ لصق sty لصق [موسيقى] sty حسنًا العلامة التجارية قم بتغييرها إلى seo [موسيقى] seo ثم أقوم بتغيير الصورة، أتعلم ماذا نظرًا لأنك هنا في الانتظار، انتظر، انتظر هنا ، نسخ الإعلان ولصقه، خطوة النسخ واللصق، إزالة العلامة التجارية، تغيي
ره إلى إعلان، نسخه، لصقه، حدده بشكل رائع جدًا، هذه هي الطريقة التي أنشأنا بها صفحة في فترة زمنية قصيرة نسبيًا وتم تحسينها من أجل جميع الأجهزة شيء آخر هنا، هذا يشبه اللون الأزرق الفاتح، وهذا أيضًا كل ما أريده، أن يكون لدي خلفية زرقاء فاتحة وخلفية بيضاء، لذلك أنقر هنا وانتقل إلى Stell وقم بتغيير هذا إلى اللون الثامن نفسه مع اللون الرابع [موسيقى] لون واحد ثمانية ، وبهذه الطريقة، هناك المزيد من الاختلاف في النشر الآن، أريد إنشاء صفحات الخدمات وتوفير المزيد من الوقت، لذا لدي هنا صفحة خدماتي تبدو هكذا
وأريد حفظها كقالب لذلك أنقر على هذا السهم لأسفل احفظ كقالب وأسمي هذا صفحة الخدمات احفظه بشكل رائع أخرج إلى Wordpress أذهب إلى موقع الويب إلى العلامة التجارية لصفحة الخدمة قم بتحرير الصفحة باستخدام Elementor انقر فوق المجلد قوالبي ثم أذهب إلى صفحة الخدمات لا تنطبق وهذه الخدمة تسمى [الموسيقى] يمكن للعلامة التجارية تغيير النص أو هنا العلامة التجارية مهمة جدًا لا أعرف مجرد نص عشوائي، لقد تخلصت من هذا، هناك بعض الأشياء التي أريد الحصول عليها تخلص من هذا هنا، هذا هنا، وهذا، والمنطقة الرابعة حسنًا، أر
يد التخلص من الصور، لذا قم بإزالة نمط القسم، قم بإزالة القسم St، لذلك لدي صفحة العلامة التجارية والعلامة التجارية بها عدد قليل من الخدمات أه الخدمات الفرعية للعلامة التجارية فحص العلامة التجارية، وبعد ذلك سنقوم بتنفيذ استراتيجية العلامة التجارية والشيء الثالث الذي سنفعله هو التحدث حول الشعار والألوان ويمكنني أن أشرح أكثر قليلاً، يمكنني عرض الصور إذا أردت ذلك حتى أعرف أن هذه الصفحة قد تم تحسينها بالفعل، ثم قم بنشرها، ثم أريد حفظها مرة أخرى كصفحة خدمة واحدة، احفظها حسنًا، انقر هنا، انتقل إلى تحرير
صفحة تصميم الويب، تحرير الصفحة باستخدام Elementor، انقر فوق هذا الرمز، لا تنطبق صفحة الخدمة الفردية للقوالب الخاصة بي، انقر هنا، لنقول إن تصميم الويب، تصميم الويب مهم جدًا، والشيء الثالث في تصميم الويب هو أننا سنقوم ببعض الإطارات السلكية، ثم نحن "سنتحدث عن ux أو تصميم واجهة المستخدم، وبعد ذلك قد يفكر الأشخاص في تصميم ux ما هو ذلك وبعد ذلك يمكنني شرح ذلك هنا، ثم النشر، وانقر على أذهب إلى الخدمة الثالثة، افعل نفس الشيء، انظر إلى مدى السرعة التي يمكننا القيام بها قم بإنشاء صفحات بناءً على معلومات
إعلامية قمنا بإنشائها بالفعل والشيء الرائع هو أنه إذا بدأت في إنشاء المزيد من مواقع الويب، فيمكنك الحصول على مكتبة كاملة من الأشياء الجميلة التي قمت بإنشائها بالفعل وما عليك سوى نسخها ولصقها في مواقع الويب الجديدة الخاصة بك ووفر على نفسك الكثير من الوقت ومساعدة المزيد من العملاء في نفس القدر من الوقت، كم هو رائع أنني أعتقد أنه من الرائع حقًا أن سيو سيو مهم جدًا أول شيء مع تحسين محركات البحث هو أبحاث السوق والشيء الثاني هو تحليل تحليل الكلمات الرئيسية والشيء الثالث الذي سنفعله هو التحدث حول سرعة
الصفحة لأنه من المهم أيضًا النشر، انقر على عين النمر [الموسيقى] أعتقد أنك لم ترى الشخص القادم ولكنك ترى هذا قادمًا، نذهب إلى خدمة القوالب الفردية الخاصة بي P لا تنطبق، خمن ما هو الإعلان غير ذلك مهم فقط [موسيقى] تمزح أوه، أنت مضحك جدًا حسنًا، أول شيء يتعلق بالإعلان هو Facebook وGoogle Facebook وGoogle الشيء الثاني هو البكسلات والأهداف أو Tex Tex مجرد الحصول على Texs وليس الأهداف كيف يمكنني التوصل إلى ذلك شيء من هذا القبيل والثالث هو أننا [الموسيقى] بدأنا نصبح مجنونين بالحصول على [ __ ] من عدم الح
صول على النتائج التي تريدها من خلال إعلانات فيسبوك وجوجل ولهذا السبب يأتون إلي ثم ألغى [ __ ] ذلك حتى يتمكنوا من ذلك شاهد هذه النتائج الرائعة، نعم، لقد أنشأنا صفحة واحدة وصفحتين و3 وأربعة وخمس صفحات في فترة زمنية قصيرة نسبيًا بالطبع يعتمد ذلك على عدد الصور التي تريد إضافة المعلومات التي تحتاج إلى إضافتها وسنتحدث عن إضافة المعلومات المعلومات لاحقًا يمكنك استخدام الذكاء الاصطناعي لذلك وما لا يعجبني هنا الآن أحتاج إلى إصلاح ذلك لجميع الصفحات وهو هذا السطر على الرغم من أن هذا جيد ولكن بعد ذلك يجب أن
يكون هذا هو نفس اللون على ما أعتقد ومن ثم ربما هذا الحد العلوي يجب أن تختفي، فبدلاً من إلقاء نكت مضحكة محاولاً أن أكون مضحكة، ربما ينبغي عليّ أن أهتم أكثر بما أفعله جيدًا، قلت إنني لم أكن منتبهًا لما كنت أفعله، لذا فإن Border Zero ولكن إلى جانب الصفر أنا أيضًا أريد أن أقول لا شيء، لذلك هناك أمر سلبي مزدوج في وجود حدود في تلك المنطقة بشكل أفضل، بالطبع أحتاج إلى القيام بذلك مع الصفحات الأخرى، لذلك من الرائع أن يكون موقعنا الإلكتروني مُحسّنًا لجميع الأجهزة يبدو هكذا باستخدام أداة إنشاء صفحات مجاني
ة ذات سمات مجانية. لدينا صفحة "حول" أنشأنا بعض الأشياء الرائعة نستخدم المكونات الإضافية الخارجية مجانًا لإنشاء شيء مثل ذلك لدينا صفحة الخدمة التي أنشأناها بسرعة نسبيًا باستخدام الأشياء التي أنشأناها من قبل ثم نستخدم هذه الصفحة وقمنا بتعديلها ثم أنشأنا تلك الصفحات جميل جدًا الآن، سنقوم بتخطي صفحة المحفظة وستنتقل صفحة المدونة إلى صفحة الاتصال، دعني أوضح لك كيفية إنشاء صفحة الاتصال والاستفادة من مكون إضافي خارجي يسمى نموذج الاتصال 7 حتى يتمكن الأشخاص من إرسال رسائل إليك لأن هذا هو الهدف الذي يجب أن
يتمكن الأشخاص من التواصل معك للقيام بالأعمال التجارية، نعم، الأمر كله يتعلق بالعمل، لا الأمر كله يتعلق بالحب، الأمر كله يتعلق بالناس، الأمر كله يتعلق برجال الأعمال الذين يحبون بعضهم البعض، لا، إنه أيضًا يتعلق بما يرام، إنه يتعلق بك، فلننشئ هل يجب علينا الآن أن نذهب إلى صفحة الاتصال وسنتحدث عن صفحة المحفظة والكتلة لاحقًا أولاً سأفعل صفحة الاتصال لذلك أنقر هنا، كما تعلم، قم بتحرير الصفحة باستخدام Elementor ثم اذهب إلى المجلد لا ينطبق عنوان بطل القوالب الخاص بي وقل اتصل ثم أريد الحصول على منطقة به
ا حاويتين هنا أدناه مثل هذه والمنطقة الأولى حسنًا قبل أن أذهب إلى الخلفية أريد أن أذهب إلى اللون المزرق حسنًا و انا اذهب هنا في الجزء السفلي من مقسم الشكل أحتاج إلى التحرك بشكل أبطأ، أنا متحمس بشكل أبطأ واخترت نفس اللون وأتساءل عما إذا كان هذا هو اللون المناسب لذلك سنغيره خلال دقيقة لمعرفة ما إذا كان سيتغير في كل مكان في موقع الويب، فأنا أرغب في إنشاء منطقتين، ستكون المنطقة الأولى هنا ذات خلفية بيضاء، لذا في St انتقل إلى اللون الكلاسيكي، اختر اللون الافتراضي الثامن بحيث يكون أبيض اللون والثاني ا
للون الكلاسيكي الثاني حتى الآن ليس جيدًا لذا أقوم بالتحويم هنا انسخها وأحضرها هنا إلى اليسار، اتصل بجهة الاتصال هذه، وهذا هو الحال بالفعل، لقد قمت بتغيير لون النمط إلى اللون الثالث والآن أريد إضافة شيء جديد لذلك أنقر على "نشر" وانقر على "II" انتقل إلى النهاية الخلفية أريد إضافة نموذج اتصال لذلك أذهب إلى المكونات الإضافية في الجديد ثم أبحث عن نموذج الاتصال السابع في رأيي، أفضل نموذج اتصال بسيط موجود الآن، وبهذه الطريقة يمكن للأشخاص إرسال رسائل إلى صندوق الوارد الخاص بك، قم بالتنشيط الآن أذهب إلى
جهة الاتصال المنطقة هنا أريد تكرار هذه المنطقة أو نسخها لذا أحددها وانسخها وانتقل إلى النهاية الخلفية هنا بالإضافة إلى محرر النصوص الذي قمت بسحبه أدناه، أذهب إلى علامة تبويب النص وهناك سألصق هذا وفي البداية سترى الرمز ولكن الآن إذا نقرت على I، فسترى نموذجًا حقيقيًا لا يبدو جذابًا بعد، لذا ما سأفعله انقر هنا على الحاوية الأولى التي أذهب إليها إلى Advanced في Ping أقول 40 حسنًا ثم أذهب إلى المنطقة الثانية مرة أخرى وأريد نسخ هذه المنطقة واسحبها هنا ليس بينهما ولكن هنا حسنًا هنا أفعل نفس الحاوية Adv
anced Penning 40 وأحاذي هذا إلى اليسار وأسمي هذا الويب Divine LLC ثم أريد لوضع بعض المعلومات هنا حتى يتمكن الأشخاص هنا من التواصل معي وهنا أريد أن أضع بعض المعلومات حول شركتي لذلك أذهب إلى محرر النصوص هنا أسفل لون النص الأبيض وأذهب إلى المحتوى وأقول الشارع من تحول شركتي أدخل لذلك لا أذهب إلى فقرة جديدة ولكن إلى سطر جديد ثم السطر الثالث في هولندا، دعنا نكتبه، اكتب هولندا حسنًا، ثم أريد تكرار هذه المنطقة هنا أريد حفظ بعض الأشياء الإضافية LLC ثم قم بتغيير الرقم وأدخل معرف الطبيب البيطري ثم الرقم ثم
رقم البنك الخاص بي حسنًا، ما سأفعله سأذهب إلى الصفحة الرئيسية وقم بتحرير الصفحة باستخدام Elementor أذهب إلى هنا وأحصل على هذا الرمز انسخه ثم أكثر هنا في منطقة النص أولاً، اسمح لي بعمل هذا اه الترباس لذلك أحدد هذا الأمر للتحكم ب أو انقر هنا حدده الترباس حدده الترباس ثم أذهب إلى النص وبعد كل قوة ألصق هذا الثاني وألصقه الثالث واحد حسنًا وقبل إغلاق القوي مع هذا للشرطة المائلة أقول لخط مائل لذلك أنسخ هذا القلم وهنا قبل الإغلاق القوي وهنا قبل الإغلاق القوي حسنًا الآن أذهب إلى العناصر المرئية أريد أن
أقول التحول أدخل حذف التحول أدخل احذف حسنًا حتى الآن، أصبح الأمر أفضل، انقر على علامة الجمع أريد الذهاب إلى قائمة A وقائمة الأيقونات، أسحبها هنا بين حسنًا، أزيل الثانية والثالثة وهنا أريد الذهاب ومشاركة شيء ما حول عنوان بريدي الإلكتروني لذلك أبحث عن مظروف ثم أبحث عن النص الذي يحتوي على معلومات على موقع web dine.com، ويمكن أن يكون رابطًا ويمكن إرساله بالبريد إلى هنا ولكن دعونا لا نجعله رابطًا، فلا بأس فيما أريد أن أفعله أريد أن أذهب إلى أيقونة أيقونة St أريدها أن تكون برتقالية والنص أريدها أن تكو
ن بيضاء، أعتقد أن الأيقونة يمكن أن تكون أكبر قليلاً نعم، ثم أذهب إلى المحتوى المكرر للمحتوى الثاني https نحن web.com وأنا أعذرني، أنقر هنا وأبحث عن عنوان كهذا ثم الثالث هو رقم هاتفي بالإضافة إلى 316 ثم رقم عشوائي ثم أبحث هنا عن هاتف كهذا أو هاتف محمول، حسنًا، سأذهب إلى مسافة St بين يمكنني زيادتها إذا أردت أن يكون موقع الويب الخاص بي يمكنني محاذاته في مكان آخر يمكنني الحصول على فاصل لكنني بخير، ثم أذهب هنا للقيام بالأول أو لنقم بالحاوية الثانية أولاً أريد الحصول على بعض التقريبات ولكن لدينا حاويت
ين لذا أحتاج إلى إجراء 50% من التقريبات هنا على اليمين والـ 50% الأخرى هنا على اليسار، دعني أوضح لك تحديد الحاوية الثانية ثم أذهب إلى St I go إلى الحدود وبدلاً من أن يكون نصف قطر الحدود في كل مكان 100، ترى أنه في كل مكان الآن لا أريد أن ينتهي الأمر هنا في المنتصف لذلك قمت بإلغاء تحديد هذا ثم أعتقد أنه في الأعلى صفر وفي اليسار هو صفر لذلك تم تغيير هاتين الزاويتين فقط لذا أحضر هذا إلى 25 لذا إذا كان هذين الزاويتين في المنتصف هما 25 ثم هنا في قم بإلغاء تحديد حدود St، إنها رائعة يجب أن تكون الحدود ا
لخارجية، الأولى والأخيرة، لا تراها جيدة ولكنك تراها موجودة ثم أذهب إلى زر النشر ثم أذهب إلى إصدار الجهاز اللوحي الذي يبدو رائعًا و ثم أذهب إلى إصدار الهاتف المحمول، حسنًا ثم أرى تلك التقريبات، لذا أذهب هنا إلى الحدود لنصف القطر الحدودي للهاتف، ولم أتمكن من فعل شيئين يمكنني أن أقولهما أعلى اليمين 25 وصفر وصفر لا أستطيع التحقق من ذلك لأن هذا أمامه يبدو رائعًا ثم هنا الحدود صفر بدون تحديد 25 25، لذا الآن نعم هذا هو بالضبط ما أريده إلا إذا قمت بالنقر هنا وانتقل إلى خيارات متقدمة وقمت بإسقاط هذا أريد
أن يكون العكس إذا أريد أن أكون في الاتجاه المعاكس، ثم يمكنني الذهاب إلى St border 25 25 0 0 والاتصال بـ 0 0 25 25 كم هو رائع أن هناك شيء آخر إذا كتبت هنا ترى شيئًا ما ولكن من الصعب رؤيته، لذلك دعونا نقوم ببعض CSS انقر بزر الماوس الأيمن فوق فحص وأرى هذه المنطقة الكبيرة التي أحتاج إلى البحث عنها هنا هو اللون، دعني أرى لون الحدود ثم أرى هذا اللون إذا نقرت هنا أقوم بتغييره ويتغير هنا أيضًا، ثم أعلم أنني أنا على المسار الصحيح، فماذا سأفعل سأجعل هذا باللون الأسود ثم أمسك هذه المنطقة بأكملها، دعني أرى
التمرير قليلاً، انسخ هذا كل mon c contrl ci اذهب إلى أداة التخصيص، أذهب إلى CSS إضافي، أدخل، أدخل والصقه وبعد ذلك لدي تلك الألوان ولكني لا أحتاج إلى كل هذه الأشياء، ما أحتاج إليه هو لون الحدود فقط، لذلك لا أحتاج إلى هذه الأشياء، لذا دعني أرى أنني بحاجة إلى قصها بعد هذا الرمز ثم بعد هذه المنطقة حسنًا الآن يمكنني الحصول على لون اعتقدت أنه كان واحدًا، اثنان، اثنان، اثنان، ربما أردت أن أكون أفتح قليلاً، لذا دعني أرى ما إذا كنت سأختار ألوانًا معينة، وإذا قمت بتحديد تلك النسخة، دعني أعيد هذا الآن. [م
وسيقى] يمكن أن يكون هذا هو اللون الفاتح، ربما نعم وهذا ليس ما أريده، لذلك أريد أن يكون أغمق حتى أتمكن من الحصول على لون عشوائي أو هذا اللون ثم جعله أغمق قليلاً، ثم قم بإعادة تعيينه هنا أصبح الوضع الآن أكثر قتامة حتى يتمكن الأشخاص من معرفة المواضع التي يريدون تضمين تفاصيلهم فيها. انشر حتى يتمكن الأشخاص الآن من الاطلاع على تفاصيلهم ثم إرسال رسالة إذا كنت تريد معرفة المزيد حول كيفية إنشاء نموذج أكثر تعقيدًا أو تعمقًا باستخدام المزيد المعلومات التي يمكنك اتباعها في هذا البرنامج التعليمي [الموسيقى]،
اتصل ما هو البرنامج التعليمي لنموذج الاتصال 7، إنه ليس الأحدث ولكنه لا يزال ذا صلة 31 دقيقة 32 وأعرض لك كيفية إنشاء شيء مثل هذا باستخدام أم، الآن المعلومات أعلاه ثم هي بالداخل و هناك الكثير من الخيارات أيضًا لتجميعها حتى تتمكن من مشاهدة هذا البرنامج التعليمي وفي هذا البرنامج التعليمي أريد التركيز على إنشاء مواقع الويب حتى لا يرغب الجميع في الحصول على نموذج معقد ولا أريد أن أجعل هذا البرنامج التعليمي غير ضروري لفترة طويلة لذا إذا تريد معرفة كيفية القيام بذلك، شاهد الفيديو أو انقر هنا أو في الوصف
وستكون بخير، لقد أنشأنا رأسًا قبل استخدام السمة bloxy ومع السمة bloxy يمكننا أيضًا إنشاء f لذا فلنفعل ذلك بشكل صحيح الآن، إذا قمت بالتمرير لأسفل، يمكنني التمرير لأسفل باستخدام الماوس أو وجهي لأسفل على لوحة المفاتيح، أرى أن هناك تذييلًا صغيرًا أريد زيادته وأريد إضافة المزيد من المعلومات، كيف يمكنني أن أفعل نفس الشيء كما هو الحال مع الرأس الذي أذهب إليه أداة التخصيص لأنه تم تكوين الرأس والتذييل بواسطة السمة ونحن نستخدم السمة bloxy لذا ما يمكنني فعله يمكنني أن أذهب إلى التذييل وترى نفس البنية، صفوف
متعددة مناطق متعددة وهذه هي الطريقة التي يمكنك من خلالها إنشاء تذييل جيد بالفعل الصف السفلي مملوء بالفعل لذا أريد أن أذهب إلى تصميم الصف السفلي وأذهب إلى تصميم خلفية الصف وأضغط عليه وأريد تغييره إلى اللون الأخضر ولكن بعد ذلك أريد أن أجعله أغمق قليلاً لذلك أقوم بسحبه إلى الأسفل قليلاً ثم أريد الانتقال إلى منطقة حقوق الطبع والنشر من خلال النقر هنا أذهب إلى التصميم أريد تغيير لون الخط إلى الأبيض عندما تكون هناك روابط يمكنني جعلها بلون برتقالي معين على سبيل المثال وعندما قم بتمرير مؤشر الماوس فوق ا
لرابط، يمكنني تغيير هذا اللون مرة أخرى، ولن أستخدم رابطًا هنا ما سأفعله سأذهب إلى عام، أقوم بإزالة نص حقوق الطبع والنشر العام الحالي رائع وبعد العام الحالي أقول web Divine هذا كل شيء، ثم أقوم بالتمرير لأسفل وأحاذيه أفقيًا إلى المركز وبالنسبة لي، هذا رائع إذن أريد للانتقال إلى الصف الأوسط، لا أرى شيئًا هناك لأنه لا يوجد محتوى حتى الآن، يمكنني الحصول على عدة أعمدة، يمكنني الحصول على ثلاثة، يمكنني الحصول على أربعة وأيضًا هذه الخيارات عادةً ما تكون خيارات متميزة لموضوعات معينة ولكن هنا لا بأس، لدينا
أربعة المناطق التي نراها هنا الآن يمكنني سحب الأشياء فيها، كيف يمكنني القيام بذلك عن طريق العودة لذلك أحتاج بالفعل إلى الانتقال إلى التذييل ثم ترى كل هذه الخيارات هنا لذلك أقوم بالتمرير لأسفل ما أريد إضافته هنا في الصف الأوسط توجد منطقة عناصر واجهة المستخدم الأولى، والآن ترى شيئًا ما في منطقة عناصر واجهة المستخدم الثانية ومنطقة عناصر واجهة المستخدم ثلاثة ثم مواقع التواصل الاجتماعي، حسنًا، هذه هي الطريقة التي أود أن أفعلها، فالأمر متروك لك فيما تريد القيام به ولكني سأوضح لك كيف أفعل ذلك سأفعل ذل
ك حتى تعرف كيف يمكنك أن تفعل ما تريد أن تفعله منطقيًا وآمل أن ننتقل إلى إعدادات تصميم الصف الأوسط أريد تغيير الخلفية إلى اللون العادي الثاني ثم يمكننا ملء المحتوى خطوة بخطوة من هذه المنطقة ولكن ما أريد أيضًا أن أفعله هو تصميم الصف الأوسط، فلنرى مقسم الصف العلوي الذي أريد الحصول على فاصل هنا بلون واحد بثلاثة بكسلات ثم عرض كامل، حسنًا، هذا يخلق فصلًا لطيفًا في رأيي، فهو داخل نمط موقع الويب، لذا فأنا موافق على النقر على منطقة القطعة الأولى وأريد أن أبدأ بشعار موقع الويب الخاص بنا، لذلك أنقر على علا
مة الجمع وإذا نقرت على تصفح الكل يمكننا ملء أي شيء يمكنك إضافته إلى صفحة WordPress Brer أو المعروفة أيضًا باسم محرر Gutenberg أم، أذهب للحصول على صورة لدي هذه الصورة بالفعل، لذا أنقر على مكتبة الوسائط وأريد استخدام هذه الشبكة الإلهية الفاتحة لأنها تحتوي على خلفية داكنة هناك أدناه يمكنني الحصول على نص لذلك أنقر على "إضافة كتلة" وأريد الانتقال إلى فقرة وبعد ذلك يمكنني ملء النص أو كتابته، أذهب إلى منشئ النص الوهمي، أحصل على نص هنا يمكنك ملء أي نص بخصوص شركتك، لذلك لا أرى ذلك تقريبًا، دعنا نرى ما إذ
ا كنت أقول الأمر Z وألصقه هنا، انسخه الذي يزيل St والآن إذا بدأت في الكتابة يبدو أفضل، ثم أذهب إلى تصميم ألوان الخط أوه انتظر انتظر انتظر أنا لا "ليس من الضروري أن أفعل ذلك هنا، أريد أن أفعل ذلك في إعدادات الصف الأوسط بحيث سيتم تطبيقه على جميع عناصر واجهة المستخدم لذا أذهب لتصميم خط العنوان، لا يوجد خط عنوان حتى الآن ولكن أريد أن يكون أبيض اللون ثم عنصر واجهة المستخدم" خطوط النص باللون الأبيض والآن سيتم تغيير هذا إذا كان هناك رابط أريده أن يكون أبيض وإذا قمت بالتحويم فوق هذا الرابط أريده أن يكون
لونًا واحدًا حسنًا الآن يمكنني العودة إلى منطقة عنصر واجهة المستخدم وهذا يبدو جيدًا نحن سأجعلها تبدو أفضل في دقيقة واحدة، المنطقة الثانية أريد إضافة قائمة، لذلك اسمحوا لي أن أنقر على نشر، أعود، أعود، أقوم بالتمرير لأسفل طوال الطريق إلى القوائم، وأنشئ قائمة جديدة وأسمي هذه الخصوصية نحتاج إلى توضيح بعض الأشياء على موقعنا الإلكتروني حول كيفية تعاملنا مع المعلومات الواردة من العملاء أو الزوار على موقعنا الإلكتروني، وأضيف بعض العناصر، وهذا لكل بلد مختلف، لذا لا أستطيع أن أقدم لك حلاً يناسب الجميع، ل
ذا ابحث عن الخصوصية السياسة في بلدك ثم في بلدك أو إذا كنت تتجه إلى موقع ويب دولي للاستخدام الدولي، لذا أذهب إلى سياسة خصوصية الصفحة وفي الصفحة الثانية هي سياسة ملفات تعريف الارتباط والثالثة هي النظام العام لحماية البيانات (GDPR) للزائرين الأوروبيين هذه ليس ymj ولكن DCM أعتقد أنه بالنسبة للأشخاص من كاليفورنيا فأنا أقوم بإضافتهم فقط ولكن يمكنك استخدام القائمة التي تريد استخدامها، حسنًا، سأقوم بإنشاء قائمة جديدة من خلال الرجوع إلى إنشاء قائمة جديدة أسميها هذا العنوان قانوني بعد ذلك أضف عناصر وبعد ذ
لك أريد الحصول على الشروط والأحكام وأريد الحصول على الجراثيم وليس مجرد مزاح أه شروط الاستخدام حسنًا وإذا كنت تشعر بذلك، فلنفعل ذلك، يمكنك النقر على نشر وسوف يتم حفظه، ثم يمكننا العودة إلى التذييل أو نقوم بالتمرير هنا وانقر فوق " تحرير" ثم نذهب إلى منطقة عنصر واجهة المستخدم الثانية، وانقر فوق علامة الزائد وأبحث عن قائمة التنقل هناك، العنوان هو "الخصوصية" واختر القائمة الخصوصية هناك، ثم أذهب إلى منطقة الأداة الثالثة بالإضافة إلى قائمة التنقل، حدد قانوني والعنوان قانوني، ثم أذهب إلى مواقع التواصل ا
لاجتماعي ونحن يمكنك إضافة المزيد، ربما تريد استخدام Facebook X Instagram، ربما تريد استخدام YouTube، انقر فوق Plus أو LinkedIn، انقر فوق علامة الجمع وعدد قليل من الأشخاص الآخرين الذين يمكنك إرسال بريدك الإلكتروني عبر البريد الإلكتروني هنا فقط إذا كان ذلك ضروريًا، وإذا لم يكن الأمر كذلك، لا تستخدمه، لذا أذهب إلى البريد الإلكتروني Instagram، هذا كثير مما يجب أن أقوله لذا أتخلص من YouTube وهذا، لذا لدي هؤلاء الأربعة هنا وأريد فتحهم في علامة تبويب جديدة يمكنني تغيير الرمز الحجم اجعله أكبر أو أصغر تب
اعد الأيقونات سنتحدث عنه لاحقًا ما أريد أن أفعله لا أريدهم أن يكونوا بجوار بعضهم البعض ولكن أسفل بعضهم البعض لذلك من خلال اتجاه العناصر أذهب إلى الوضع الرأسي وأريد الحصول على الملصق بحيث يتم تشغيل رؤية الملصق بشكل رائع أريد إظهارها على جميع الأجهزة، لذا ما سأفعله سأذهب إلى تصميم لون الخط باللون الأبيض عندما يحوم الناس فوقه أريد أن أكون برتقاليًا ولأجل الأيقونة أريد أن تكون الأيقونة بيضاء ولكن عندما أقوم بالتحويم فوقها، أريد أن تظل الأيقونة بيضاء بهذا الشكل الرائع، لا أريد استخدام Capital لذا أنق
ر على ثلاث نقاط وحركها ثم دعونا نرى لنجعلها قليلاً يبدو أكبر أنه لست متأكدًا من أنه يبدو خطًا مختلفًا ربما بسبب هذا إذا قلت افتراضيًا، نعم إنه نفس الخط الذي يعجبني 16، أنت تعرف ما الذي أجعله أكثر قليلاً من Boldt لذا ريج متوسط ثم فوق ذلك هو شبه بولت، نعم حسنًا، هذا يبدو جيدًا في رأيي، فلنقم بتكوين هذا بشكل أكبر وهذه هي الطريقة التي يبدو بها وأريد أن أجعله يبدو أفضل قليلاً، فهذه مساحة كبيرة لذا ما يمكنني فعله بزر الماوس الأيمن، انقر فوق ابنتي، نعم، انقر بزر الماوس الأيمن سأقوم بفحص كيفية استخدام
القليل من CSS لأنني أريد إغلاق هذه الفجوة، لذا ما سأراه دعني أرى أوه هنا، تحتوي هذه المنطقة على معرف، لذلك عندما يكون لها معرف، يكون لها علامة تصنيف أقوم بنسخ هذا المعرف الأمر C أو التحكم ci أغلق هذا ثم أذهب إلى أداة التخصيص، ثم أقوم بالتمرير لأسفل ثم أذهب إلى CSS إضافي وأقوم بعمل علامة تصنيف ثم أقوم بفتح مسافات pi بين قوسين ثم سيقومون بإنشاء قوس إغلاق لذلك أقول أدخل أدخل من أجل تأكد من أن لدي المنطقة الصحيحة أقول دائمًا هاشتاج الخلفية 0000 z الآن أرى أن لدي المنطقة الصحيحة حسنًا وأتخلص من هذا
ثم أقول هامش لوحة القيادة 10 بكسل والآن 10 بكسل بين الشعار وهذه المنطقة II يمكنني أيضًا أن أقول خمسة وأنا موافق على ذلك، دعنا نقول ستة فقط لأن ابننا سيبلغ السادسة هذا العام، نعم هكذا أعتقد أنني أقوم بإنشاء مواقع ويب ومشاركتها مع الآخرين لتعليم الآخرين أن يضعوا أعياد ميلاد أطفالهم في الاعتبار عندما إنشاء مواقع الويب، لماذا لا يكون موقع الويب الخاص بك، إنها حياتك، لذلك أنا سعيد لأنني لست سعيدًا بهذا، فهناك مساحة كبيرة هنا، لذا مرة أخرى قد يكون فحص النقر بزر الماوس الأيمن أمرًا صعبًا لفتح هذا عندما
يكون لديك أداة التخصيص أيضًا ولكن يبدو أن الأمور على ما يرام، لذا ترى هنا عندما أقوم بالتحويم هنا يتم تغطية هذه المنطقة بأكملها ثم أرى قائمة عناصر واجهة المستخدم الخاصة بالفصل الدراسي، لذا قمت بنسخ ذلك ويبدأ الفصل الدراسي ليس بعلامة تصنيف ولكن بنقطة، لذا يتم فتح قوس الفصل وإغلاقه والآن أقول الهامش العلوي، لا شيء يحدث 16 26، لذا فهو يعمل ولكن ليس جيدًا، لذا ما أريد فعله أريد أن أذهب إلى هامش سلبي، فماذا عن 14 12 هو 14 لا بأس به معي أه أريد أن أجعل العناوين أكبر قليلاً ولكن 14 لا بأس بالنسبة لي و
لكن بعد ذلك أريد أن أفعل شيئًا آخر، ارتفاع خط Dash أريد أن أجعل 20 بكسل لأرى ما يحدث، إنها قريبة جدًا من بعضها البعض، أحب هذا أكثر، فماذا عن 30 أو 40 لا 30 حسنًا، أعلى 14، لذلك بالنسبة لكلا القائمتين لأنه فصل دراسي، أه علامة تصنيف، ليس من الضروري أن أشرح أنها ليست دورة تدريبية، يشير علامة التصنيف دائمًا إلى أأ نعم إلى قسم، لذا إلى منطقة واحدة في موقع الويب الخاص بك وفصل دراسي يمكن تطبيقه على مناطق متعددة، لذا عادةً لا أقوم بتمريره ولكن بالنسبة لك أقوم باستثناء، فهناك مساحة كبيرة هنا ولكنني لست ب
حاجة إلى استخدام CSS لذلك، ثم أعود وانقر هنا ثم اذهب لتصميم ما هو موجود هنا في وسائل التواصل الاجتماعي، نعم، تباعد الأيونات بشيء من هذا القبيل، ثم أذهب إلى الصف الأوسط لتصميم عائلة للأدوات، ماذا عن 18 ثم بالنسبة لهذا، لا بأس، إنه الحجم الصحيح لذا يبدو أفضل ولكن كيف يبدو على جهاز مختلف، إذا ذهبت إلى عرض الجهاز اللوحي، فهذا أمر كبير جدًا ولا أريده لذلك أعود إلى منطقة الأداة الأولى على شاشة سطح المكتب، انقر هنا، انقر هنا على النقاط الثلاث لإظهار المزيد من الإعدادات ثم عرض الشعار الذي أريده أن يكون
250، لذا الآن إذا ذهبت إلى الجهاز اللوحي فسيبقى 250 [موسيقى] حسنًا، ما أريد فعله، انقر فوق [موسيقى] هنا لنرى ثم انتقل إلى المحاذاة الأفقية في القطعة المركزية الثانية، أي منطقة تريد أيضًا منطقة القطعة الثالثة قد يكون من الصعب أحيانًا النقر عليها لا أعرف سبب ذلك أعتقد أنه لا ينبغي أن يصبح إنشاء مواقع الويب أمرًا سهلاً للغاية، بل يجب أن يكون هناك مستوى معين من الصعوبة، لذلك أعتقد أن هذا هو السبب وراء استخدامهم لبعض المشاكل، كما تقول، إنهم يجعلون من الصعب علينا النقر فوق هذا الأمر الذي ينبغي أن يكون
، أعتقد أن هذا حسنًا، لا تقلق بشأن هذا، سنصلحه في دقيقة واحدة، حسنًا، لدينا الهاتف المحمول هناك، لا بأس هناك شيء آخر على الجهاز اللوحي، هذا واسع جدًا حقًا، لذا إذا نقرت على فحص والآن هو الحصول على نجاح باهر، اسمحوا لي أن أسحب هذا إلى الأسفل، مما أصبح أكثر تحديًا، مرحبًا بـ Builder أوه، هذا أفضل، حسنًا، فحص Ara حسنًا، دعني أرى أنها القطعة التاسعة مرة أخرى، لذا ما يمكنني قوله ربما دعنا نرى أنني لست خبيرًا في CSS ولكن دعونا نرى ما إذا كان يمكنني إصلاح شيء ما، أذهب إلى كتلة CSS الإضافية التاسعة، الح
د الأقصى غير موجود حتى 300 بكسل، حسنًا، حسنًا لأول مرة، أعتقد أنني أستحق مليون مشترك، يجب أن تراني، يجب أن تراني الآن، أضع يدي على يدي رأس مثل واو، لقد اكتشفت شيئًا حسنًا، هذا رائع وربما هنا لا يزال يبدو رائعًا نعم ولكني لا أريد أن يكون من اليسار إلى اليمين تمامًا لذا يمكنني أيضًا محاذاته مع هذا الذي أعتقده 600 ثم على الهاتف، نعم نشر، أعود إلى سطح المكتب وأنقر هنا ثم أذهب إلى الجهاز اللوحي الآن، هذه النصوص هي G التسميات لذلك أحتاج إلى التمرير لأسفل هنا وتقول رؤية الملصق فقط على توقف سطح المكتب ل
ذلك أقوم بتشغيل الجهاز اللوحي ثم بالنسبة للهاتف الذكي، أقوم أيضًا بتشغيله، أنت [موسيقى] مرحبًا بك، لقد أصبح البرنامج التعليمي طويلًا بالفعل في رأيي، لذا لا ينبغي لي أن أفعل أشياء مثل هذه النشر وفويلا، هكذا يمكنك إنشاء تذييل في موقع الويب الخاص بك على WordPress باستخدام سمة bloxy، ربما ترغب في الحصول على محفظة في موقع الويب الخاص بك حتى تتمكن من عرض ما قمت به للعملاء جيدًا، لا أريد أن يكون هذا البرنامج التعليمي طويلًا جدًا، لذا قمت بإنشاء برنامج تعليمي منفصل لذلك قمت بتسجيله بالفعل وسأظهر لك خلال
دقيقة حيث يمكنك العثور عليه، يمكنك الانتقال إلى youtube.com والبحث عن البرنامج التعليمي لمحفظة Elementor 30 اضغط على "إدخال"، وهذا برنامج قديم منذ أربع سنوات، وهذا برنامج هولندي سيكون هناك واحدة جديدة عندما تشاهد هذا سأقوم بتحميله هذا الأسبوع وبعد ذلك يمكنني مشاهدة هذا البرنامج التعليمي والتعلم خطوة بخطوة حول كيفية إنشاء محفظة حيث يمكنك عرض عملك على موقع الويب الخاص بك باستخدام Elementor عندما أغلق الخطوة التي أذهب إليها صفحة العمل الخاصة بنا هي ما سنقوم بإنشائه، يمكنك الاطلاع على نظرة عامة على
أحدث أعمالنا، يمكننا تقسيمها حسب تصميم الويب للتصوير الفوتوغرافي للأفلام أو فئة فرعية إذا كنت تريد تصوير حفلات الزفاف فقط، لذلك إذا قمت بالنقر فوق الكل إذا ألقيت نظرة على أحد هذه العناصر، على سبيل المثال التصوير الفوتوغرافي، يمكنني النقر هنا للتنقل عبر جميع الصور حتى تتمكن من عرض عملك، ويمكنك التمرير لأسفل لرؤية الحالات ذات الصلة فقط، والتصوير الفوتوغرافي لنفس الفئة فقط، ثم يمكنني الانتقال إلى عناصر المحفظة الأخرى، وهذا هو ما سنقوم بإنشاء هذا البرنامج التعليمي، لقد اقتربنا من نهاية هذا البرنامج
التعليمي، هناك الكثير لاستكشافه. لدي دورة تدريبية مدتها 9 ساعات على الإنترنت حول كيفية إنشاء موقع ويب باللغة الهولندية، وسأقوم أيضًا بإنشاء واحد باللغة الإنجليزية، هناك الكثير مما يجب تغطيته، على سبيل المثال، ربما ترغب في الحصول على صفحة مدونة تحتوي على منشور مدونة، حسنًا، لدي برنامج تعليمي لنشر مدونة مدته ساعتان، لذا قد يستغرق تنفيذ ذلك في هذه البرامج التعليمية وقتًا طويلاً جدًا مع العلم أنه ليس الجميع يريد أن يكون لديه منشورات المدونة لماذا تريد نشر مدونة في موقع الويب الخاص بك، إنها طريقة لج
ذب زوار عضويين إلى موقع الويب الخاص بك حتى تحصل على المزيد من الحركة، المزيد من الحركة يمكن أن يعني المزيد من الأعمال، المزيد من الأعمال يعني المزيد من المال، المزيد من المال لا يعني شيئًا، الأمر لا يتعلق بالمال ولكن إذا كنت تريد معرفة كيفية كتابة مشاركة مدونة، فسأوضح لك أين يمكنك العثور على هذا البرنامج التعليمي وسأفعل ذلك أيضًا هل لدي أيضًا برنامج تعليمي حول كيفية تكوين صفحة المدونة باستخدام سمة ممتلئة حتى تتمكن من المتابعة في هذا البرنامج التعليمي، وسأوضح لك أين يمكنك العثور عليها الآن، لذلك
إذا كنت تريد معرفة كيفية كتابة منشورات المدونة، يمكنك ذلك انتقل إلى youtube.com وابحث عن "كتابة منشور مدونة" 30 اضغط على "إدخال"، لدي برنامجان تعليميان تحتاج إلى الذهاب إليهما لأطولهما، وهذا هو الأحدث وأعرض لك خطوة بخطوة كيفية كتابة منشور جماعي ولكن ليس فقط هذا أيضًا كيفية التقدم بطلب للحصول على مرتبة Google AdSense لوحدة تحكم بحث Google حتى تتمكن من تحسين موقع الويب الخاص بك، وبعد ذلك تعلمنا كيفية إنشاء منشور مدونة من البداية، يمكنك البحث عن برنامج تعليمي لموضوع مدون، ثم اضغط على "أدخل خاصتي" ا
لتي تظهر هنا باستخدام GL صغير. سأنشئ صفحة جديدة ولكنني سأتعمق بالتأكيد في كيفية إعداد صفحة مدونتك حتى تتمكن من مشاهدة ذلك، وبعد ذلك إذا ذهبت إلى موقع الويب فسيبدو شيئًا كهذا، إليك منشورك المحظور الذي قمت بتكوين الحواف عليه هنا ما يتم عرضه هنا حيث يجب أن تكون الصورة المميزة، وعندما تفتح مشاركة المدونة، سأوضح لك كيف يمكنك إنشاء شكل ومظهر هذه الصفحة، يمكننا الحصول على أشياء مثل هذه ولكن يمكنك تهيئتها وفقًا لرغباتك وأنا سوف نوضح لك كيفية القيام بذلك في هذا البرنامج التعليمي الذي عملنا فيه مع ألوان ع
لامتنا التجارية إذا كنت تريد تغييرها بطريقة أو بأخرى، فانظر إلى مدى روعة النتيجة التي يمكن أن تحصل عليها ببضع نقرات، حيث يمكنك تغيير المظهر الكامل لموقع الويب الخاص بك دون الاضطرار إلى الذهاب إلى أي مكان حيث يمكنك تغيير اللون أو تحديد اللون الذي يجب أن يكون ثم القيام بذلك يدويًا، لا يمكنك فقط تغيير بعض الألوان وبعد ذلك سيتم تغييرها في جميع الأماكن على موقع الويب الخاص بك، دعني أوضح لك كيف يتم ذلك يعمل حتى يتم الانتهاء من موقعنا على الويب، ما الذي يمكننا فعله بشكل جيد أيضًا؟ أريد أن أوضح لك شيئًا
عن الألوان التي نستخدمها الألوان من لوحة الألوان، لذا إذا كنت سأذهب إلى أداة التخصيص فسأذهب إلى الألوان، أنظر إلى هذا، هذا ما أستطيع جعل هذا اللون البرتقالي كان يجب أن أفعل ذلك من قبل لأن البرنامج التعليمي بأكمله الذي أعجبني هل هو أصفر هل هو برتقالي يمكنني تغيير هذه النظرة بحيث تتغير في جميع الأماكن في موقع الويب حتى أتمكن من جعلها زرقاء ويمكنني الذهاب إلى اللون الأخضر يمكنني أن أقرر جعله أرجوانيًا أو هكذا الآن يتغير كل شيء وفقًا لذلك وليس كل شيء لأنه تم اختيار هذا اللون خارج لوحة الألوان لذا أ
حتاج إلى القيام بذلك يدويًا ولكن كل الألوان الأخرى تنظر إلى ذلك أو تنتقل إلى لوحة ألوان أخرى حسنًا، هذا لا يعمل دائمًا، فلنجرب الألوان الداكنة، لا شكرًا لك بالطبع، نحتاج إلى تعديل بعض الأشياء ولكن ببضع نقرات خاصة عندما تنتقل إلى منصة التحميل الخاصة بك ثم تغير تلك الألوان، دعني أصنع هذا أفتح قليلاً، هذا BM الأغمق، لديك هذه هي الطريقة التي يمكنك من خلالها ضبط نمط موقع الويب الخاص بك بالطبع أحتاج إلى ضبط الشعار حتى أتمكن من الانتقال إلى Figma، دعني أذهب إلى هذه النسخة الملونة، انتقل إلى الشعارات ال
خاصة بي، أذهب إلى هذا الشعار أو حدد هذا أيضًا وقمت بتغيير هذا اللون إلى هذا الضغط، أدخل BM هناك، يمكنني تصدير هذا الاستيراد إلى موقع الويب الخاص بي كملف SVG وتغير أسلوبي بالكامل في بضع نقرات وأعتقد أن هذا أمر مذهل، أغلقه أعد كل شيء كما كان، لذلك أنا سعيد بهذه الألوان ولكن يمكنك تغييرها عند الانتهاء من موقع الويب الخاص بك، ومن المهم أن يكون لديك منطقة لإشعار ملفات تعريف الارتباط في موقع الويب الخاص بك حتى يتمكن الأشخاص من الالتزام بسياسة الخصوصية الإلزامية الخاصة بك، لذا اسمح أريكم كيف يمكنك تشغي
له في سمة bloxy أريد الانتقال إلى النهاية الخلفية لـ bloxy أذهب إلى الامتدادات أذهب للحصول على موافقة ملف تعريف الارتباط وأقوم بتشغيله يمكنني تخصيصه يبدو هكذا يمكنني تغيير النص يمكنني تغيير فترة ملف تعريف الارتباط، يمكنني تغيير شكله ، ويمكنني أن أجعل هذا رابطًا لسياسة الخصوصية، يمكنني ربطه بصفحة سياسة الخصوصية المنشورة، وهنا يمكنك القبول كما قلت من قبل، هناك الكثير مما يمكننا تغطيته يمكن أن يستغرق هذا البرنامج التعليمي 10 ساعات وما زلت أستمتع بصنعه ولكن أعتقد أنه عندما يكون البرنامج التعليمي الخ
اص بي 10 ساعات سيقل عدد الأشخاص الذين يشاهدونه ولا يرغب الجميع في تعلم كل ما أقدمه، ولهذا السبب قمت بإنشاء قائمة تشغيل تحتوي على كل هذه البرامج التعليمية سأقوم بإعداد الكثير من البرامج التعليمية القصيرة مثل كيفية تحميل خلفيات SVG، وكيفية إنشاء svgs، وكيفية إنشاء شعار SVG، وكيفية العمل باستخدام أدوات معينة، وميزات معينة داخل Elementor، لذا سأوضح لك الآن أين يمكنني العثور على هذه البرامج التعليمية، ومن أجل تعلم كل تلك المهارات الجديدة الخاصة بـ Elementor والتي لم أغطيها في هذا البرنامج التعليمي، ا
نتقل إلى youtube.com ابحث عن 30 كورًا أو انقر هنا، هناك قناتي، انقر على قناتي ثم انتقل إلى قوائم التشغيل، قم بالتمرير لأسفل وهناك ترى عنصرًا أو برامج تعليمية في الوقت الحالي، لقد قمت للتو بوضع برنامج تعليمي فيه ولكن هنا سأعرض لك الكثير من الأشياء الجديدة واو فدي تبدو رجلًا جيدًا أم نعم، هذه هي الطريقة التي يمكنك من خلالها القيام بذلك ومعرفة المزيد عن سيداتي وسادتي Elementor لقد وصلنا حقًا إلى نهاية هذا البرنامج التعليمي ولكن هناك القليل من الأشياء الأخرى التي يمكننا القيام بها، هناك الكثير من ال
أشياء التي يمكننا القيام بها، لذا دعني أعرض عليك مشاركة بعض البرامج التعليمية معك والتي يمكنك متابعتها كمتابعة لهذا برنامج تعليمي إذا كنت تريد معرفة المزيد حول موضوعات معينة، إذا كنت تريد معرفة كيفية كسب المال من خلال موقع الويب الخاص بك، لدي برنامج تعليمي عن التسويق بالعمولة 30 وهناك عدد قليل من البرامج التعليمية الأحدث عمرها شهرين الآن، لذا يمكنك أن تقول 2024 هذا جنون، هذه سبع ساعات ونصف أريكم كل ما أفعله، أقوم بإنشاء منشور مدونة وأنشئ محتوى باستخدام مقاطع الفيديو والقواعد والسراويل القصيرة، أ
ريكم خطوة بخطوة كيف أفعل ذلك وكيف أكسب أموالي وكيف يمكنني البدء في فعل الشيء نفسه، وهذا أمر رائد إذا سألتني لأنني لم أر مثل هذا البرنامج التعليمي المتعمق بعد، سأحاول فقط القيام بذلك أيضًا، فهو ليس متعمقًا مثل برنامجي 28 دقيقة 30 دقيقة 52 ساعة واحدة و20 الكثير من البرامج التعليمية القصيرة حيث يريد الأشخاص فقط كسب المال من خلال برامجهم التعليمية باستخدام عناوين وأشياء رائعة ولكني أريكم الأمر برمته، لذلك أعتقد أن هذا رائع وهذا أيضًا ما أراه في نتائج البحث أ هناك الكثير من النتائج التي يشاهدها الكثي
ر من الأشخاص، لذا فمن الرائع أنه يمكنك البدء بالتسويق بالعمولة أو يمكنك إنشاء برنامج تعليمي لموقع الويب الخاص بالدورة التدريبية F ويمكنك اكتساب المعرفة ويمكنك إنشاء محتوى حول هذا الموضوع، لذلك لدي برنامج تعليمي بالفعل 2 سنة تقريبًا 4 ساعات سأقوم بإنشاء واحدة جديدة قريبًا في الربع الأول من عام 2024 وهناك أيضًا موقع ويب للدورة التدريبية عبر الإنترنت حيث يمكن للأشخاص الآخرين استضافة الدورات التدريبية على موقع الويب الخاص بك وأنت تشارك الإيرادات ويشتري الأشخاص ذلك ويقومون بأتمتة كل هذه الأشياء ولهذا
السبب أنا سأوضح لك في هذا البرنامج التعليمي ما يمكنك تعلمه أيضًا حول كيفية التقدم بطلب للحصول على Google AdSense 30 وبعد ذلك يمكنك وضع إعلانات على موقع الويب الخاص بك وكسب المال باستخدام برنامج Google AdSense التعليمي 2023 في أقل من ساعة وإذا لم تحصل على الموافقة هناك هناك 10 طرق يمكن أن تكون خاطئة أو كيف يمكنك الحصول على الموافقة، وإذا كنت ترغب في بيع الأشياء على موقع الويب الخاص بك، يمكنك الذهاب إلى البرنامج التعليمي woocommerce 30 أعتقد أن هذا هو رقم واحد نعم نعم نعم نعم نعم يمكنك مشاهدة هذا
البرنامج التعليمي الذي أقوم بإنشاءه جديدة كل عام وأنا لا أعرف ولكني أقوم بعمل رائع حقًا مع تلك البرامج التعليمية الخاصة بـ woocommerce وأنا سعيد بذلك لأنها أيضًا أفضل البرامج التعليمية على الإنترنت عندما يتعلق الأمر بـ woocommerce في قناتي رأي أعتقد ذلك حقًا على الرغم من أنني لا أتحقق من البرامج التعليمية الخاصة بمنافسي كثيرًا لأنني أريد أن يكون لدي نكهة خاصة بي في برامجي التعليمية، لذا أترك الأمر مع ذلك، شكرًا لك على هذا البرنامج التعليمي أه لا، شكرًا لي على هذا البرنامج التعليمي، شكرًا لك لمش
اهدة هذا البرنامج التعليمي، أتمنى أن تتعلم الكثير من الأشياء، وآمل أن تكون سعيدًا حقًا، وأحاول بصدق أن أقدم لك أفضل ما لدي دون إطالة البرنامج التعليمي، لقد تعلمت الكثير من الأشياء الجديدة في العام الماضي حول Elementor وهذا ما قمت بتنفيذه في هذا البرنامج التعليمي نظرًا لوجود برنامج تعليمي حالي لبرنامج WordPress 30 وهو تقريبًا نفس الشيء ولكن تغيرت أشياء كثيرة لدرجة أنني قررت أنني سأقوم بعمل نفس البرنامج التعليمي ولكن أفضل بكثير وأمم نعم، أتمنى أن تتعلم الكثير من الأشياء و لدي موقع رائع به عمل ناجح
وحياة ناجحة أتمنى لك التوفيق وإلى اللقاء
Comments
Last year, Elementor changed, and I learned a ton of new features within Elementor that help you create websites in a better way. That is why I used the same layout as last year and added so many great features to this tutorial! Let me name a few additions: 01. Working with Elementor’s The Top Navigation Bar 02. Using Global Container Padding 03. The Grow Feature (Love it!) 04. The Wrap Feature 05. The Transform (On Hover) Feature And more! You will learn how to work faster and make lighter websites. Enjoy the tutorial, and thanks for all the support. And for the people who notice. Yes, I used the same intro as last year. That video went viral, so on the one hand, I don’t want to change the winning concept, and on the other hand, I lost my voice last week and wanted to upload the video today . Using the same intro means that the viewers will be surprised with even more great features than I showed in the intro. 😊
I have to tell you... I looked over your video because it was so long. After watching three, one and a half hour videos, I wish I would have watched this one first! You absolutely thought of every single thing that could go wrong, happen, need to be changed or added... Everything! Kudos to you for this absolutely great WordPress tutorial. I highly recommend this to everyone looking to use WordPress for the first time ! Thanks !
I watched his 2022 video on How to make a website. And trust me I learned a lot in just few days and now I can create amazing websites. I am here again to see if there is something new to learn. This guy is amazing, the way he teaches....Loved it Fr!
Awesome tutorial! 2 customers got in touch with me to redo their websites. I will definitely use what I learned to build the websites. Kudos!
The best I have ever watched!!!!! I spent alot of time just to learn on WordPress. Thank God I got worthy video. May God bless you 😊😊
Extremely helpful tutorial. All the points were laid out properly. He didn't miss any single detail. Really grateful that I found out your video.
I'm just starting learning wordPress a few days before and i found all what i need in this course, thank you so much
The tutorial is really well assembled. You definitely have gained the large amount of subscribers you have as a result the effectiveness of your content, teaching style & structure. I've (and I am) learning so much. Watched this tutorials a couple times, take notes, and immediately put into practice what I'm learning. I'm seeing a lot of progress in my ability to build websites, and I'm also now beginning to feel confident. Thank you sincerely.
Trust me guys in this tutorial you will also learn how to operate youtube....😁😁😁😁😁.......best tutorial ever...❤❤❤❤❤
Extremely Useful! I like how you explained every little detail about making the Wordpress site, its very important when you want to make it professional.
Tilting to the focuse area is the best way i have ever seen in a youtube tutorial.just perfect for me❤
Ferdy you are the BEST YouTuber on the planet 🙌🏾 much love brother, thank you!
Thank you very much, your tutorial helped me a lot to create a website for an agricultural company. I looked for many tutorials and only with yours I could finish in a professional way, thank you!
Hey Ferdy! Just want to say that I appreciate you for giving this much value and teaching us how to use Wordpress. The parts were you introduce what you will be teaching before the actual demo part is really funny and it makes the video more entertaining and genuine. I appreciate it. God bless and thanks again!
incredible broooo you helped get my first job my first website design ever and the client was so happy with . i use to know a bit but you gave a big push to get in thanks again
Thank you for this tutorial! I really appreciate that you took the time to go through each part step by step. I had previously tried to start using Elementor and got so overwhelmed that I quit--this tutorial made it so I could approach it without that happening again😅. I did appreciate the moments where the screen zoomed in at an angle--more visually interesting and a lot easier to read text at that zoom.
The time it must have taken you to compose this...OMG! Cannot wait to jump in. Thank you in advance and continued success.
A very convenient and interesting theme, I’m currently creating a website on this theme․Thanks for all Ferdy
This is the best WordPress tutorial I have ever seen! Thank you very much, Ferdy!
I was waiting behind this tuturial! Thanks a lot Fredy 👍 You are great