في هذا الدرس، سنلقي نظرة فاحصة على كيفية تعديل طريقة عرض المقالات الفردية. وسنستكشف تصميمين ونتعلم كيفية إعادة هيكلة أنواع مختلفة من الكتل وتداخلها.
نتائج التعلم
- الوصول إلى محرر الموقع وقالب المقالة.
- التعرّف على التخطيط الافتراضي لقالب المقالة في قالبك.
- تحديد مجموعة متنوعة من كتل القالب المستخدمة لإنشاء تخطيط لمقالة فردية.
- تعديل قالب المقالة ليتوافق مع متطلباتك.
- نقل أنواع مختلفة من الكتل وتداخلها.
أسئلة الفهم
- كيف تود عرض محتوى مقالتك؟
- ما كتل القالب الأكثر استخدامًا؟
النص المفرغ
مرحبًا وأهلًا بكم في Learn WordPress. في جلسة اليوم، سنلقي نظرة على تخصيص تخطيط محتوى مقالتك. يأتي كل قالب مبني على الكتل مع قالب المقالة الفردية الذي يوفر البنية أو التصميم لكيفية عرض مقالة فردية. وبالطبع، لديك القدرة على تعديل ذلك بما يلبي احتياجاتك.
حاليًا، لدي قالب Twenty Twenty-Two مثبتًا، وهذه هي الطريقة التي تُنظَّم بها المقالة افتراضيًا عند تحرير قالب في محرر الموقع. لننقر على عرض القائمة حتى نتمكن من رؤية بنية الصفحة بشكل أفضل، وستلاحظ الآن أن لدينا كتلة عنوان المقالة، وكتلة الصورة البارزة للمقالة، وكتلة محتوى المقالة، وفي الأسفل تمامًا كتلة تاريخ المقالة، وكتلة كاتب المقالة، وكتلة تصنيفات المقالة، وكتلة وسوم المقالة. يُرجى ملاحظة أن هذا التخطيط الافتراضي سيختلف حسب القالب الذي تستخدمه. لنرَ كيف يبدو ذلك في الواجهة الأمامية لموقعك. ستلاحظ أن لدينا عنوان المقالة، والصورة البارزة للمقالة، ومحتوى المقالة، وتاريخ المقالة، وكاتب المقالة، ثم وسمًا أو تصنيفًا.
دعوني أوضح لك كيف يمكنك تغيير هذا التصميم الافتراضي بطريقتين مختلفتين. في المثال الأول، ستلاحظ أنني غيّرت محاذاة عنوان الموقع ونقلت كتلتي تاريخ المقالة وكاتب المقالة وكتلة التصنيفات إلى أسفل عنوان الموقع وفوق الصورة البارزة للمقالة. وأبقيت كتلة الصورة البارزة للمقالة وكتلة محتوى المقالة في المكان نفسه.
في المثال الثاني، أنشأت رأسًا مخصصًا للمقالة، واستخدمت كتلة غلاف ووضعت بداخلها قائمة التنقل، والصورة البارزة، وكتلة عنوان المقالة، ثم كتلة تاريخ المقالة وكاتب المقالة أيضًا.
هيا بنا نرى كيف يمكنك تخصيص قالب مقالتك وإعادة إنشاء هذه الأمثلة. لتحقيق التخطيط الذي رأيناه في المثال الأول، انقر على المظهر ثم المحرر. انقر على أيقونة WordPress أو أيقونة الموقع، وانتقل إلى القوالب، ثم اختر قالب المقالة الفردية. انقر على عرض القائمة للحصول على رؤية أفضل لبنية الصفحة، وبعد ذلك سنبدأ بتغيير محاذاة عنوان المقالة إلى الوسط. ثم مرّر لأسفل وابحث عن كتل القالب الأخرى، وحدد كتلة الصف الرئيسية. سنسحب الآن كتلة الصف إلى أسفل كتلة عنوان المقالة في عرض القائمة، ثم نغيّر المحاذاة إلى الوسط، وبمجرد الانتهاء، انقر على حفظ. يمكننا الآن العودة إلى الواجهة الأمامية لموقعنا لنرى كيف سيبدو الأمر لشخص يزور موقعك. وها قد تم الأمر.
لإعادة إنشاء المثال الثاني، نحن نعود إلى محرر الموقع وسننتقل إلى القوالب، ثم نختار قالب المقالة الفردية مرة أخرى. أول شيء سنفعله هو إزالة الترويسة، وكتلة عنوان المقالة، وكتلة الصورة البارزة للمقالة، بالإضافة إلى جميع كتل القالب الأخرى. والآن سنضيف كتلة غلاف إلى أعلى صفحتنا. يوجد في شريط أدوات الكتلة خيار لإضافة وسائط، وعلى اليسار خيار لاستخدام الصورة البارزة. انقر على استخدام الصورة البارزة، ثم اختر لون تراكب. حدد كتلة الغلاف، ثم غيّر التعتيم إلى 80، وبمجرد الانتهاء، انقر على أداة الإدراج وأضف كتلة صف، ثم سنضيف داخل كتلة الصف شعار الموقع، ثم عنوان الموقع، ثم كتلة التنقل. وسأختار إحدى القوائم التي أنشأتها مسبقًا. بعد ذلك، حدد كتلتي شعار الموقع وعنوان الموقع، ثم اجمعهما معًا في صف.
بعد ذلك، حدد كتلة الصف الرئيسية مرة أخرى، وبجوار خيار التبرير، اختر توزيع المسافة بين العناصر. وأخيرًا، حدد كتلة التنقل وتأكد من تعطيل خيار السماح بالالتفاف إلى عدة أسطر، ثم سنحدد الكتلة ونرسلها إلى أعلى كتلة الغلاف. بعد ذلك، سأضيف كتلة عنوان المقالة وأحاذيها إلى الوسط. والآن سأضيف كتلة صف أخرى لتجميع تاريخ المقالة وكاتب المقالة معًا. أولًا، سأضيف كتلة تاريخ المقالة، ثم كتلة كاتب المقالة. سأحدد الكتلة الرئيسية مرة أخرى وأغيّر التبرير إلى الوسط. ثم سنضيف فقرة بينهما ونضيف نقطة ونجعلها عريضة. بعد ذلك، سأتأكد من تحديد الكتلة الرئيسية مرة أخرى، وسأستخدم إعدادات الشريط الجانبي لتغيير تباعد الكتلة إلى 10 بكسلات لتقريب العناصر من بعضها. ثم سأغلق إعدادات الشريط الجانبي وعرض القائمة، وأتأكد من زيادة حجم كتلة الغلاف، وأخيرًا، قد تقرر أيضًا إزالة كتلة الفاصل الموجودة أسفل كتلة الغلاف مباشرةً. وبعد ذلك يمكنك العودة إلى الواجهة الأمامية للموقع لرؤية تغييراتك قيد التنفيذ.
إذا كنت قد عدّلت قالبًا، فستلاحظ وجود نقطة صغيرة فوق الصورة بجوار اسم قالبك. وإذا لم تكن راضيًا عن تغييراتك، فانقر على النقاط الرأسية الثلاث واختر مسح التخصيصات، والآن عاد القالب إلى حالته الأصلية. وهنا نصل إلى نهاية هذا الدرس.
أتمنى لك كل التوفيق في تخصيص قالب مقالتك، وزُر Learn WordPress للاطلاع على المزيد من الدروس والمواد التدريبية.