WordPress للمبتدئين: الكتل والتحرير

مرحبًا، اسمي كريسي راي، وستتعلم في هذه الدروس كيفية تحرير المشاركات والصفحات التي تستخدم الكتل والمحرر الكلاسيكي. سنبدأ بتحرير الصفحة باستخدام محرر الكتلة Block Editor. وهذا هو المحرر الافتراضي لكل من المشاركات والصفحات. يمكنك أن ترى الآن أنا في صفحة وأنا في المحرر. وأسهل طريقة لإضافة كتلة، يمكنك أن ترى هنا يقول اكتب شرطة مائلة لاختيار كتلة. لذلك يمكنني فعل ذلك. يمكنني فقط كتابة شرطة مائلة في تلك المساحة. ويمكنني الاختيار من بين هذه الكتل شائعة الاستخدام. إذا لم تجد الكتلة التي تريد إضافتها من تلك القائمة، يمكنك فقط الضغط على Backspace ثم حرك الماوس فوق هنا حتى ترى علامة الجمع. ويمكنك النقر فوق علامة الجمع لإضافة كتلة. سيعطيك هذا شريط بحث حيث يمكنك البحث فيه بعد ذلك عن الكتلة التي تريد إضافتها. لذا سأقوم الآن بإضافة صورة. لذلك سأختار الصورة فقط. إذا كنت لا ترى الصورة هناك، يمكنك فقط كتابة كلمة الصورة Image وستظهر. عندما تذهب لإضافة صورة، لديك خيار تحميلها إذا كنت ترغب في ذلك. إذا قمت بتحميلها بالفعل، يمكنك الذهاب إلى مكتبة الوسائط أو يمكنك إدراجها من عنوان URL. لذلك قمت بالفعل بتحميل صورة أريد استخدامها، لذلك سأضغط على مكتبة الوسائط وسأختار الصورة التي أريدها، اتحقق من وجود نص بديل لها هناك، ثم انقر فوق تحديد. الآن بعض الإعدادات التي ستديرها من أجل كتلة ستكون في هذه اللوحة على الجانب الأيمن من الشاشة، وسيتواجد البعض منهم في الشريط الموجود فوق الكتلة Block. يمكنك أن ترى هنا، على سبيل المثال، للشريط، يمكنني استخدام المرشحات. يمكنني محاذاتها. يمكنني إضافة رابط. يمكنني القيام ببعض الأشياء الأخرى هناك. وفي اللوحة على الجانب الأيمن، يمكنني تغيير بعض الإعدادات الأخرى. لذا أريد فقط أن أشير إلى بعض الإعدادات حول الصور المهمة. رقم واحد، مرة أخرى، هذا النص البديل. أنت دائما تريد أن تتأكد أن صورك تحتوي على نص بديل. إنه مهم جدا. وإذا قمت بتغيير النص البديل على الصورة التي تم إضافتها إلى ملصق أو صفحة، لا يتم تحديث النص البديل الذي كان في مكتبة الوسائط. لذلك تريد التأكد من تغييره في مكتبة الوسائط ثم قم بإضافته إلى الصفحة إذا كنت تريده أن ينعكس في أي حالات مثيلة جديدة لتلك الصورة المعينة. لا يغير أي حالات موجودة. شيء آخر حول إعدادات الصورة هو الحجم. لذا يمكنك أن ترى الآن أنها مضبوطة على الحجم الكبير. يتم تحديد هذه الأحجام حسب الموضوع الذي أستخدمه. بعض السمات لها أحجام أكثر. بعض السمات لها أحجام أقل. لذلك يعتمد الأمر فقط على الموضوع أو السمة التي تستخدمها لموقعك على الويب. والأمر الآخر هو أبعاد الصورة هذه، عادة ما أحاول عدم تغيير هؤلاء لأنه يغير أبعاد الصورة على الشاشة، لكنه لا يغير حجم الملف فعليًا. لذلك إذا جعلت هذا مثل 50٪، لا يزال يتعين عليهم تنزيل تلك الصورة الأكبر حجمًا لعرض تلك النسخة المصغرة منها. إذا كنت بحاجة إلى استخدام حجم صورة مختلف، فأوصي بالقيام بهذا الحجم للصورة قبل تحميلها. حسنًا، هناك شيء آخر عن الصورة هو أنه يمكنك أن تعطيها تسمية توضيحية. أريد فقط إعادة تعيين ذلك وإعطائها تعليقًا. لذا سأكتب ذلك. وفي التسمية التوضيحية لديك أيضًا بعض أدوات تحرير النص. لالذلك تمامًا كما فعلت في الفقرة. الآن عندما تكون مستعدًا لإضافة كتلة جديدة، يمكنك فقط الضغط على Enter وسيمنحك ذلك كتلة جديدة. ومرة أخرى، يمكنك كتابة شرطة مائلة أو يمكنك النقر فوق علامة الجمع. إذا كنت تريد رؤية جميع الكتل المتوفرة، يمكنك النقر فوق تصفح الكل، وهذا سيُظهر لك كل الكتل المثبتة حاليًا لموقعك على الويب. يتم تثبيت العديد من هذه بشكل افتراضي. البعض منهم، إذا قمت بالتمرير لأسفل هنا، يتم تثبيتها بسبب الإضافات التي أمتلكها. لذا سأضيف كتلة أخرى التي أعتقد أنها مفيدة جدًا وواحدة يجب أن تعرفها. وستكون هذه كتلة العنوان. العناوين مهمة حقًا لتقسيم محتوى صفحتك. لكنك تريد استخدام العناوين بشكل صحيح. أحيانًا أرى أشخاصًا يستخدمون العناوين حيث يحبون الشكل التي تبدو عليه لهذا السبب يستخدمون العنوان. تريد التأكد أنك تستخدم المستوى الصحيح من العنوان. يمكنك أن ترى هنا الآن لدي H2، وهو صحيح. عنوان الصفحة سيكون عادةً عنوانًا من المستوى الأول. سيكون هذا هو العنوان الرئيسي للصفحة. يجب أن يكون لديك عادةً H1 واحد فقط أو عنوان واحد من المستوى الأول لصفحة كاملة. يجب أن تكون أي عناوين فرعية H2 أو أقل. لكنك تريد التأكد أن تنظم صفحتك بشكل صحيح. لذلك لا تستخدم H3 إلا إذا كان عنوانًا فرعيًا لـ H2. لا تستخدم H4 ما لم يكن عنوانًا فرعيًا لـ H3. لذلك لا يجب أن يكون لديك H2 متبوعًا بـ H4 لأنك بحاجة إلى H3 بينهما. لذا سأضيف عنوانًا هنا وسأكتب كعكات من جميع أنحاء العالم. يمكنك أن ترى هنا لقد تم اختيار هذا العنوان ولدي بعض الإعدادات التي يمكنني تغييرها في الشريط تمامًا كما فعلت مع الصورة. وبعد ذلك لدي بعض الإعدادات التي يمكنني تغييرها في اللوحة. ويمكنك أن ترى، أريد فقط أن أشير إلى واحدة هو أنه يمكنني تغيير الحالة. لذا، إذا كنت أريد أن يكون هذا بأحرف استهلالية كبيرة أو كل الأحرف الصغيرة أو المختلطة، يمكنني فعل ذلك. عندما جعلتها مكتوبة بأحرف كبيرة، قام بتكبير كل كلمة بحروف كبيرة. لذا إذا أردت إزالة ذلك، يمكنني فقط النقر فوق بلا أو None. كتلة أخرى أعتقد أنه من المفيد معرفتها، سأضغط فقط على Enter هنا لإضافة كتلة جديدة، ستكون كتلة الأزرار. لذا سأكتب شرطة مائلة والأزرار وسأضيف بعض الأزرار هنا. وسأقوم بكتابة كعكة 1. وسأضغط على Enter لإضافة زر آخر. هذه ستكون كعكة اثنين وأدخل لإضافة زر ثالث. كعكة رقم واحد، كعكة اثنين، كعكة ثلاثة. الآن مع هذه الأزرار، يمكنك أن ترى هنا إذا نقرت على كعكة 1، لدي بالفعل الإعدادات فقط لهذا الزر. على سبيل المثال، يمكنني تغيير لون الخلفية لهذا الزر فقط. ويمكنك أن ترى أن ذلك لم يؤثر على الآخرين. إذا قمت بتحديد زر آخر، يمكنني بعد ذلك تغيير لون النص لذلك. ويؤثر فقط على هذا الزر بالذات. إذا كنت تريد تطبيق الإعدادات على جميع الأزرار. عفوًا، دعني أغير النص مرة أخرى لشيء يمكنك رؤيته. حسنا. إذا أردت تغيير الأزرار ككل، فستختار أي زر من الأزرار وبعد ذلك يمكنك النقر فوق هذا الزر. من الصعب قول ذلك. وهذا سيعطيك الخصائص لجميع الأزرار. لكن لاحظ أنه لا يمكنك تغيير الأشياء مثل لون الخلفية. هذا لأن هذه خاصية خاصة بالزر. وما أحاول أن أريك إياه هنا هو أن كل من الكتل التي تستخدمها لها إعدادات مختلفة وستكون مسألة استخدام الكتل لمعرفة الإعدادات والحصول على بعض التدريب معهم. لذلك يمكنك أن ترى، على سبيل المثال، يمكنني محاذاة الأزرار في الوسط أو يمكنني محاذاتها لليمين. لدي بعض الخيارات هناك. أو يمكنني تغيير الاتجاه ويمكنني أن ألعب بهذا. كتلة أخرى أريد أن أريك إياها، لذا سأضغط على علامة الجمع، وستكون هذه قائمة. لذا فإن القائمة ستكون بشكل افتراضي قائمة غير مرتبة أو ذات تعداد نقطي. هذه قائمة. ويمكنك أن ترى عندما أضغط على Enter فإنه يضيف عناصر إليه. إذا كنت تريد أن تكون القائمة بأكملها قائمة ذات تعداد رقمي، تحتاج إلى تحديد القائمة بأكملها. لذا يمكنك أن ترى الآن لدي عنصر قائمة كالكتلة المحددة حاليًا. إذا أردت تحديد كافة عناصر القائمة، أحتاج إلى النقر فوق زر قائمة التحديد هذا. ويمكنك أن ترى هناك، يمكنني تغييره إلى قائمة ذات تعداد رقمي أو قائمة نقطية. هذه غير مرتبة أو مرتبة. يمكنك أيضًا النقر فوق عنصر قائمة فردي ويمكنك تحريكه لمستوى أدنى، مما يجعله قائمة فرعية، أو يمكنك بعد ذلك تحريكه لمستوى أعلى إذا احتجت إلى ذلك. لذلك بمجرد إجراء أي تغييرات على صفحتك أو منشورك والكتل التي أعرضها لك متوفرة في كل من المنشورات والصفحات. لذلك أي شيء تراه هنا، يمكنك أيضًا القيام به في المنشورات أيضًا. ولكن بمجرد الانتهاء من ذلك، ستضغط فقط على تحديث لصفحتك وسيقوم ذلك بتحديثها. لذا هناك شيء آخر أريد أن أريك إياه بشأن هذه الكتل وهذا شيء أحبه حقًا في الكتل. إذا كنت بحاجة إلى تغيير ترتيب الكتل الخاصة بك، يمكنك فقط تحديد كتلة وبعد ذلك يمكنك إما السحب، باستخدام أيقونة السحب الصغيرة هذه هنا لسحبها لأعلى أو لأسفل. لذا يمكنني تحريك ذلك. أو إذا كان هذا صعبًا جدًا عليك، يمكنك النقر فوق السهم لتحريكه لأعلى أو لأسفل داخل الصفحة. لديك أيضًا لكل من هذه الكتل هذه النقاط الثلاث على اليمين. هذه خيارات، ويمكنك استخدام ذلك لنسخ أو تكرار كتلة. يمكنك إدراج الكتل. وإذا كنت تحب HTML فأنت مبرمج، يمكنك أيضًا تعديلها بتنسيق HTML. إذا دخلت هناك، يمكنك بعد ذلك تحريرها بصريًا لتغييرها. ويمكنك أن ترى أن لديك بعض الميزات الإضافية هنا. إحدى الميزات التي أستخدمها كثيرًا هي ميزة الإزالة. لذلك إذا أضفت كتلة ثم قررت أنك لست بحاجة إليها، يمكنك تحديد الكتلة ثم اضغط على إزالة الصورة لإزالتها. هذا عن الأمر بالنسبة للكتل الآن. شكرا للمشاهدة. ترقب الدرس التالي حيث سأوضح لك كيفية إضافة كتل جديدة باستخدام المكونات الإضافية.