JSON API ile Entegrasyon
Subdomainde bir API dosyası oluştur.
Blog sistemin PHP ise, yazıların özetini JSON olarak dönen bir PHP dosyası oluştur



// blog.seninsite.com/api/posts.php

header('Content-Type: application/json');

$posts = [
[
"title" => "En İyi 10 Araba Modeli",
"excerpt" => "2025 yılında en çok tercih edilen arabalar...",
"image" => "https://blog.seninsite.com/images/yazi1.jpg",
"url" => "https://blog.seninsite.com/yazi1.php"
],
[
"title" => "En Hızlı Elektrikli Arabalar",
"excerpt" => "Performans canavarı elektrikli araçlar listesi...",
"image" => "https://blog.seninsite.com/images/yazi2.jpg",
"url" => "https://blog.seninsite.com/yazi2.php"
]
];

echo json_encode($posts);



Ana sitede (www.seninsite.com) bu JSON’u çekip kartları oluştur.
Ana sitenin HTML + JavaScript kısmında (slider veya liste içinde) şöyle kullanırsın



<div id="blog-slider" class="slider-container"></div>

<script>
fetch('https://blog.seninsite.com/api/posts.php')
.then(res => res.json())
.then(data => {
const container = document.getElementById('blog-slider');
data.forEach(post => {
container.innerHTML += `
<div class="blog-card">
<img src="${post.image}" alt="${post.title}" />
<h3>${post.title}</h3>
<p>${post.excerpt}</p>
<a href="${post.url}" target="_blank">Devamını Oku</a>
</div>
`;
});
});
</script>



İstersen bu kartları bir slider eklentisi (örneğin Swiper.js, Slick Carousel) ile kaydırılabilir yapabilirsin.