شرح اضافة ترتيب الفرق و هدافين كل الدوريات تلقائى بتقنية API للووردبريس

 

السلام عليكم موضوعنا اليوم عن شرح اضافة مميزة مواقع اخبار الكورة و هي اضافة تستطيع وضعها علي موقعك بلوجر او وورد بريس او برمجة خاصة و من خلال اكواد بسيطة , يتم تحديث معلومات الترتيب تلقائي كل دقيقة

تفعيل الاضافة :-

بعد شرائك الاضافة و تقوم بتركيبها سوف تظهر رسالة مفادها ان الاضافة ليست مفعلة , فكيف تفعل الاضافة ؟ تذهب الي لوحة حسابك في لوحة التفعيلات ثم تضع رابط موقعك مثل www.anubis-web.com .

الدوريات المتوفرة :-

التركيب :-

تركيب الاضافة بسيط جدا و سوف اشرح في فيديو و لكن حاليا لنشرح كتابا , اول شىء هو ان كل دوري يكون فى صفحة بمعنى لا تضع دوريين في صفحة واحدة , و بعد ما قمت بوضع كل الدوريات في الصفحات يجب ربط كل الدوريات في صفحة واحدة لاظهار لزائر كل الدوريات المتوفرة و هنا يوجد شكلين لاظهار صفحة التجميع .

صفحةة التجميع :-

الشكل الاول:  

<style>.tourItem a{color: initial;text-decoration: none;}.tourItem h2{border:0;display:inline-block;line-height:2.4;font-size:16px;background:#f0f2f5;padding:0 10px;margin:10px 0;border-radius:5px}.tourItem .item{margin-bottom:10px;padding:10px;overflow:hidden;background:#f0f2f5;border-radius:5px}.tourItem .item .dtls{float:right;display:inline-block}.tourItem .tourImg{float:right;margin-left:10px;display:inline-block;position:relative;width:auto;height:40px}.tourItem .tourImg img{width:40px;height:100%;background:#fff;border-radius:100%;}.tourItem .item h2{background:initial;margin:0;box-shadow:initial}.tourItem .links a{float:left;display:inline-block;line-height:2.4;font-size:16px;background:#931800;padding:0 10px;margin-right:10px;border-radius:5px;color:#fff;}.tourItem h2.fh2{margin-top:0;}.tourItem .item .links a, .tourItem .item .links a:hover {color: #fff;}.tourItem .item .dtls a strong {color: #333; }@media screen and (max-width: 992px){.links {float: left;}.tourItem .links a {float: none;display: table;margin: 4px 0 0 0;width: 100%;text-align: center;}}</style> <div class="tourItem"> <div class="item"><div class="dtls"><a href="#####################" class="tourImg"><img alt="الدوري الأسباني" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ptRDQqnaMILGdXtqWVGgEKC7TUFfw0LffkehDsB9ROTgiXBdRyKrthXXTNlzY6GH4BvjLSpC6Q8hsfxgAnlKhY34zZxYHq868bUjzabm0XE9uvyzmtsYVgDKIcl5peIaT6vH5ww7FU0/s1600/LaLiga.png"></a><h2><a href="!!!!!!"><strong>الدوري الأسباني</strong></a></h2></div><div class="links"><a href="!!!!!!">أخبار</a><a href="$$$$$$$$$$">الترتيب</a></div></div> </div>

طريقة التعديل عليها : 

اضافة الترتيب في الشريط الجانبي :-

<style>.TSD_image img {height: 50px;width: 65px!important;} .TSD_image {display: flex;justify-content: center;align-items: center;text-align: center;border-left: 2px solid #ddd;padding: 5px;} .TSD_title {display: flex;justify-content: center;text-align: center;width: 100%;height: 100%;} .TSD_title h2 {font-size: 18px;font-weight: 700;} .TSD_cover a{width: 100%;overflow: hidden;border-bottom: 1px solid rgba(0,0,0,.1);border: 1px solid rgba(0,0,0,.1);background-color: #f5f5f5;border-radius: 5px;display: flex;justify-content: space-between;align-items: center;}.TSD_cover{margin-bottom:10px;} body.Dark .TSD_cover a {background-color: #40526b;} body.Dark .TSD_title h2 {color: #fff;} body.Dark .TSD_image {border-left: 2px solid #1c2739;}</style> <div class="TSD_cover"><a href="https://goal-arab.com/%d8%a7%d9%84%d8%af%d9%88%d8%b1%d9%8a-%d8%a7%d9%84%d8%a7%d9%84%d9%85%d8%a7%d9%86%d9%8a/"> <div class="TSD_image"><img src="https://upload.wikimedia.org/wikipedia/ar/f/f9/Bundesliga_logo_%282017%29.png" title="الدوري الالماني"></div> <div class="TSD_title"><h2> الدوري الالماني </h2></div></a> </div>

تركيب صفحة اي دوري و اظهار الترتيب :-

[TSD num="1"] // الدوري الانجليزي [TSD num="2"] // الدوري الاسباني

بمعنى ان عند اضافة  [TSD num="1"]  سوف يظهر ترتيب الهدافين و الفرق الدوري الانجليزي

بمعنى ان عند اضافة  [TSD num="2"]  سوف يظهر ترتيب الهدافين و الفرق الدوري الاسبانى

و الباقي نفس الطريقة