ربط مقال بتفاصيل مباراة
حوّل مقالاتك التحليلية والإخبارية إلى جزء من تجربة متابعة المباريات. من خلال هذه الخاصية يمكنك ربط مقال بمباراة معينة داخل جدول المباريات، بحيث يصل الزائر إلى مقالك عند اختيار المباراة، مع ظهور بيانات المباراة في أعلى المقال.
تتيح لك هذه الميزة كتابة مقال مستقل عن مباراة معينة، سواء كان تحليلاً فنياً أو تقريراً إخبارياً أو معاينة قبل المباراة. بعد ذلك تربط المقال بمعرّف المباراة الخاص بها، حتى يتمكن الزائر من الوصول إلى محتواك من خلال جدول المباريات.
إنشاء المقال الذي تريد ربطه بالمباراة
ابدأ بإنشاء مقال جديد من لوحة تحكم بلوجر، واكتب محتواه بالطريقة المعتادة. يمكنك كتابة مقال تحليلي عن أداء الفريقين، أو تقرير عن المباراة، أو معاينة تتضمن التوقعات والأخبار المتعلقة بها.
افتح لوحة تحكم بلوجر، وانتقل إلى قسم المشاركات.
أنشئ مشاركة جديدة، واكتب عنوان المقال والمحتوى الذي تريد نشره عن المباراة.
جهّز المقال بشكل طبيعي، ويمكنك إضافة الصور والعناوين والفقرات التي يحتاج إليها موضوعك.
احتفظ بالمقال مفتوحاً أو احفظه كمسودة حتى تنتهي من استخراج معرّف المباراة وإضافة كود الربط في نهايته.
استخراج رقم المباراة من جدول المباريات
بعد إنشاء المقال، افتح موقعك كزائر، وانتقل إلى جدول المباريات. ابحث عن المباراة التي كتبت المقال عنها واضغط عليها لفتح صفحة تفاصيل المباراة.
افتح موقعك في نافذة المتصفح كزائر.
انتقل إلى جدول المباريات، ثم اضغط على المباراة التي تريد ربط مقالك بها.
بعد فتح صفحة تفاصيل المباراة، انظر إلى شريط العنوان في المتصفح.
ابحث عن الجزء الذي يأتي بعد علامة = في نهاية الرابط. هذا الجزء هو معرّف المباراة ID الذي نحتاج إلى نسخه.
في المثال السابق، معرّف المباراة هو 4761484؛ لأنه الجزء الموجود بعد علامة يساوي. انسخ المعرّف الخاص بالمباراة التي اخترتها أنت، وليس الرقم الموجود في المثال.
انتبه: لا تنسخ رابط صفحة تفاصيل المباراة كاملاً. المطلوب هو نسخ قيمة الـ ID الموجودة بعد علامة يساوي فقط. ويمكن أن يكون هذا المعرّف أرقاماً أو حروفاً.
تجهيز كود ربط المقال بالمباراة
بعد نسخ معرّف المباراة، استخدم الكود البسيط التالي. ستحتاج فقط
إلى استبدال العبارة الموجودة داخل data-match-id
بالمعرّف الذي نسخته من رابط المباراة.
<div class="stk-match-embed" data-match-id="ضع id المباراة هنا"></div>
ما الذي ستعدله؟ غيّر فقط النص ضع id المباراة هنا إلى معرّف المباراة الفعلي. لا تحذف اسم الكلاس stk-match-embed ولا تغيّر اسم الخاصية data-match-id.
<div class="stk-match-embed" data-match-id="4761484"></div>
الرقم السابق للتوضيح فقط. استخدم المعرّف الذي حصلت عليه من المباراة التي تريد ربطها بمقالك.
إضافة كود الربط إلى نهاية المقال
بعد تعديل الكود ووضع معرّف المباراة الصحيح، ارجع إلى المقال الذي أنشأته في بلوجر، ثم أضف الكود في نهاية محتوى المقال.
ارجع إلى المقال من لوحة تحكم بلوجر وافتحه للتعديل.
بدّل محرر بلوجر إلى وضع «عرض HTML».
انتقل إلى نهاية المقال تماماً، بعد آخر فقرة أو عنصر موجود في محتوى المقال.
الصق كود الربط الذي عدّلته، مع التأكد من وجود المعرّف الصحيح داخل قيمة data-match-id.
اضغط على «نشر» لحفظ المقال مع كود الربط.
أصبحت الآن قد أضفت معرّف المباراة إلى المقال. لا تضع الكود في بداية المقال أو في عنوانه؛ المطلوب إضافته في نهاية محتوى المقال من وضع HTML.
النتيجة بعد إتمام الربط
عندما يفتح الزائر جدول المباريات ويضغط على المباراة التي ربطتها بالمقال، سيتم توجيهه إلى المقال المرتبط بها بدلاً من عرض صفحة تفاصيل المباراة وحدها. وسيظهر تصميم بيانات المباراة في أعلى المقال، مع عرض محتوى المقال في التبويب المخصص له.
يمكنك تكرار الخطوات نفسها مع مقالات أخرى ومباريات مختلفة. المهم أن تستخدم لكل مقال معرّف المباراة الصحيح، وأن تضع كود الربط الخاص بها داخل نهاية المقال المقابل.
