ile değiştirir. */
/* AdSlot artık ui.jsx'te global tanımlı (tüm sayfalarda kullanılır). */
/* ----------------------------- LIST ----------------------------- */
function BlogList() {
const published = BLOG_POSTS.filter(p => p.status === "published");
const cats = getCats().filter(c => published.some(p => p.category === c.name));
const [page, setPage] = useState(1);
const PER = 9;
const featured = published[0];
const pool = published.slice(1);
const pageCount = Math.max(1, Math.ceil(pool.length / PER));
const cur = Math.min(page, pageCount);
const pageItems = pool.slice((cur - 1) * PER, cur * PER);
return (
{Ic.file({ s: 14 })} {t("nav.blog")}
{t("blogui.heroTitle")}
{t("blogui.heroSub")}
{/* öne çıkan (yalnız 1. sayfa) */}
{cur === 1 && featured && (
{featured.category}
{featured.title}
{featured.excerpt}
)}
{/* kategori çipleri — ayrı SEO sayfalarına LINK (crawlable; her dil kendi slug'ı: /blog/{localized}) */}
{/* reklam — liste üstü */}
{/* pagination */}
{pageCount > 1 && (
cur > 1 && setPage(cur - 1)}>‹
{Array.from({ length: pageCount }, (_, i) => i + 1).map(n => (
setPage(n)}>{n}
))}
= pageCount ? "default" : "pointer", opacity: cur >= pageCount ? 0.4 : 1, border: "1px solid var(--border-2)" }} onClick={() => cur < pageCount && setPage(cur + 1)}>›
)}
{/* reklam — liste altı */}
);
}
/* ----------------------------- CATEGORY ARCHIVE ----------------------------- */
function BlogCategory({ slug }) {
const cat = catBySlug(slug);
if (!cat) return ;
const posts = BLOG_POSTS.filter(p => p.status === "published" && p.category === cat.name);
const others = getCats().filter(c => c.slug !== cat.slug);
useEffect(() => { document.title = (cat.title || `${cat.name} — 90 Day Free SSL`); }, []);
return (
{Ic.layers({ s: 14 })} {t("blogui.category")}
{cat.name}
{cat.intro &&
{cat.intro}
}
{posts.length} {t("blogui.postsWord")}
{posts.length === 0
?
{t("blogui.emptyCategory")}
:
}
{t("blogui.otherCategories")}
);
}
/* ----------------------------- ARTICLE BODY ----------------------------- */
function CtaBox() {
return (
{Ic.shield({ s: 22 })}
{t("blogui.ctaTitle")}
{t("blogui.ctaSub")}
goView("wizard")} iconRight={Ic.arrow({ s: 16 })}>{t("blogui.ctaBtn")}
);
}
function CpanelGuide() {
return (
<>
Sitenizi HTTPS'e taşımak için pahalı bir sertifika satın almanıza gerek yok. Bu rehberde, ücretsiz aldığınız SSL dosyalarını cPanel'in SSL/TLS yöneticisine adım adım nasıl yükleyeceğinizi göstereceğiz.
Başlamadan önce neye ihtiyacınız var?
İndirdiğiniz ZIP paketinin içinde üç dosya bulunur. cPanel kurulumu için bunların üçü de gereklidir:
certificate.crt — sunucu sertifikanızprivate.key — özel anahtarınız (kimseyle paylaşmayın)ca_bundle.crt — ara sertifika zinciri
İpucu: Dosyaları bir metin düzenleyiciyle açıp içeriğini kopyalayabilirsiniz. -----BEGIN ve -----END satırları dahil tüm içeriği almayı unutmayın.
Adım adım kurulum
1. SSL/TLS yöneticisini açın
cPanel ana ekranında Güvenlik → SSL/TLS bölümüne girin ve "Sertifikaları Yönet (CRT)" yerine "SSL Sitelerini Yönet" seçeneğine tıklayın.
2. Alan adınızı seçin
Açılan listeden sertifikayı kuracağınız alan adını seçin. Form otomatik olarak ilgili alanları doldurmaya çalışır.
3. Dosyaları yapıştırın
# Sertifika (CRT) alanına:
certificate.crt içeriği
# Özel Anahtar (KEY) alanına:
private.key içeriği
# Sertifika Yetkilisi Paketi (CABUNDLE) alanına:
ca_bundle.crt içeriği
Her dosyanın içeriğini ilgili kutuya yapıştırdıktan sonra "Sertifikayı Yükle" butonuna basın.
Kurulumu doğrulayın
Tarayıcınızda sitenizi https:// ile açın ve adres çubuğunda kilit simgesini görüp görmediğinizi kontrol edin. Sertifikanın doğru kurulduğunu kesinleştirmek için bir SSL test aracı da kullanabilirsiniz.
"Karışık içerik" uyarısı alıyorsanız
Sayfanız HTTPS üzerinden açılsa bile, içindeki bazı görsel veya script'ler hâlâ http:// ile çağrılıyorsa tarayıcı uyarı verir. Tema veya içerik ayarlarınızdan tüm bağlantıları https:// olacak şekilde güncelleyin.
Yenilemeyi unutmayın
Ücretsiz sertifikalar 90 gün geçerlidir. Süre dolmadan yenilemek için aynı adımları tekrarlamanız yeterli. E-posta hatırlatmalarını açık tutarsanız, süre dolmadan sizi önceden uyarırız.
);
}
function GenericGuide({ post }) {
return (
<>
{post.excerpt}
Neden önemli?
HTTPS, ziyaretçilerinizle sunucunuz arasındaki trafiği şifreler; hem kullanıcı güvenini hem de arama motoru sıralamanızı olumlu etkiler. Bu rehberde konuyu pratik adımlarla ele alıyoruz.
Adımlar
- Gerekli sertifika dosyalarını hazır bulundurun.
- Sunucu veya kontrol panelinizdeki SSL bölümüne girin.
- Sertifika, özel anahtar ve zincir dosyalarını tanımlayın.
- Servisi yeniden başlatın ve bağlantıyı doğrulayın.
Takıldığınız noktada, ilgili platform için ayrıntılı rehberlerimize blog ana sayfasından ulaşabilirsiniz.
Doğrulama
Kurulumdan sonra sitenizi https:// ile açıp adres çubuğundaki kilit simgesini kontrol edin. Her şey yolundaysa siteniz artık güvenli bağlantı üzerinden yayında demektir.
);
}
/* ----------------------------- ARTICLE PAGE ----------------------------- */
function BlogArticle({ slug }) {
// Gerçek (DB) makale sunucudan __BOOT__.post ile gelir (içerik + meta, slug'a göre tek-post).
// Demo/mock modunda liste verisinden (getPost) beslenir, içerik yoksa guide gösterilir.
const bootPost = (typeof window !== "undefined" && window.__BOOT__ && window.__BOOT__.post) || null;
const post = bootPost ? {
id: bootPost.id, status: bootPost.status, category: bootPost.category, title: bootPost.title,
slug: bootPost.slug, author: bootPost.author || "", date: new Date(bootPost.date),
readMins: bootPost.readMins || 0, tags: bootPost.tags || [], excerpt: bootPost.excerpt || "",
cover: bootPost.cover || "",
} : getPost(slug);
const html = bootPost ? bootPost.content : null;
const related = BLOG_POSTS.filter(p => p.status === "published" && p.id !== post.id).slice(0, 3);
return (
{post.title}
{Ic.user({ s: 19 })}
{post.author}
{fmtDateLong(post.date)} · {post.readMins} {t("blogui.readMins")}
{html
?
: (post.slug === "cpanel-ucretsiz-ssl-kurulumu" ? : )}
{post.tags.map(t => #{t})}
);
}
Object.assign(window, { BlogList, BlogArticle, BlogCategory, AdSlot, getPost });