استيراد أخبار المدرسة في موقع آخر
ثلاث طرق، من الأسهل إلى الأكثر مرونة. كل الطرق مجانية ومفتوحة ولا تحتاج مفتاحًا أو تسجيلًا، وتعرض الأخبار المنشورة فقط، وتتحدّث تلقائيًا كلما نُشر خبر جديد هنا.
الفكرة
الموقع الآخر لا يعرض الخبر كاملًا: يعرض الصورة والعنوان والسطر الأول فقط، ومعها رابط «اقرأ المزيد» ينقل الزائر إلى هذا الموقع لقراءة الخبر كاملًا. الخبر يُكتب هنا مرة واحدة، ويظهر مختصرًا هناك تلقائيًا.
١ إطار جاهز (iframe) — الأسهل
ألصق هذا السطر في أي مكان من صفحة الموقع الآخر:
<iframe src="https://news.abouhourairaschool.com/embed/news/?limit=5&title=أخبار المدرسة"
style="width:100%;height:420px;border:0" loading="lazy"
title="أخبار المدرسة"></iframe>
الخيارات تُضاف إلى الرابط:
| الخيار | القيم | المعنى |
|---|---|---|
limit | 1 – 20 | عدد الأخبار |
layout | list / grid | قائمة أو شبكة بطاقات |
theme | light / dark | خلفية فاتحة أو داكنة |
category | رابط التصنيف | أخبار تصنيف واحد فقط |
images | 0 | إخفاء الصور |
excerpt | 0 | إخفاء السطر الأول والاكتفاء بالعنوان |
more | نص | نص رابط القراءة، الافتراضي «اقرأ المزيد ←» |
title | نص | عنوان فوق القائمة |
معاينة مباشرة
٢ سكربت يندمج مع تصميم الموقع الآخر
يضع الأخبار داخل عنصر من صفحتكم، فترث عرض القالب ولا تظهر داخل إطار:
<div class="ahs-news" data-limit="5" data-layout="grid" data-title="أخبار المدرسة"></div>
<script src="https://news.abouhourairaschool.com/embed/news.js" async></script>
| الخاصية | المعنى |
|---|---|
data-limit | عدد الأخبار (الافتراضي ٥) |
data-layout | list أو grid |
data-category | الرابط المختصر للتصنيف |
data-featured | 1 للأخبار الرئيسية فقط |
data-images | 0 لإخفاء الصور |
data-excerpt | 0 لإخفاء السطر الأول |
data-more | نص رابط القراءة، الافتراضي «اقرأ المزيد ←» |
data-theme | dark للخلفيات الداكنة |
data-title | عنوان فوق القائمة |
يمكن وضع أكثر من عنصر في الصفحة نفسها بإعدادات مختلفة، والسكربت يملؤها كلها.
٣ واجهة JSON — للمواقع التي ترسم الأخبار بنفسها
عنوان الواجهة: https://news.abouhourairaschool.com/api/news/
— وللاطلاع على كل المسارات: https://news.abouhourairaschool.com/api/
{
"count": 12,
"results": [
{
"title": "انطلاق التسجيلات للموسم الدراسي الجديد",
"url": "https://news.abouhourairaschool.com/news/…/",
"image": "https://news.abouhourairaschool.com/media/news/…jpg",
"category": "أخبار المدرسة",
"published_at": "2026-08-10T17:00:00+01:00"
}
]
}
| المعامل | المعنى |
|---|---|
limit | عدد الأخبار (الأقصى ٥٠) |
page | رقم الصفحة |
category / tag | تصفية بالتصنيف أو الوسم |
q | بحث نصي |
since | الأخبار بعد تاريخ، مثل 2026-01-01 — للمزامنة الدورية |
featured | 1 للأخبار الرئيسية |
full | 1 لإرجاع نص الخبر كاملًا والوسوم والمصدر |
callback | JSONP للمواقع القديمة التي لا تدعم CORS |
المسارات الأخرى: /api/events/ الفعاليات ·
/api/categories/ التصنيفات ·
/api/apps/ التطبيقات ·
/api/websites/ المواقع ·
/api/social/ حسابات التواصل.
مثال بلغة PHP لموقع يريد عرض آخر خمسة أخبار:
<?php
$json = file_get_contents("https://news.abouhourairaschool.com/api/news/?limit=5");
$news = json_decode($json, true);
foreach ($news["results"] as $item) {
echo '<a href="' . htmlspecialchars($item["url"]) . '">'
. htmlspecialchars($item["title"]) . '</a>';
}
٤ خلاصة RSS
للقارئات وبرامج التجميع الكلاسيكية:
https://news.abouhourairaschool.com/news/rss/
ملاحظات
- 🔓 الواجهة للقراءة فقط، ولا تُرجع إلا الأخبار المنشورة — حذف خبر من لوحة التحكم يزيله من كل المواقع المستوردة.
- 🌍 الطلبات مسموحة من أي نطاق (CORS مفعّل)، فلا حاجة لإعداد على الخادم الآخر.
- ⏱ النتائج قابلة للتخزين المؤقت بضع دقائق، فلا تُثقل الخادم إن زار الموقعَ الآخر عدد كبير.
- 🖼 روابط الصور مطلقة وجاهزة للاستعمال مباشرة في الموقع الآخر.