Site Smart – Yapım Aşamasında Sayfası

Site Smart web sitenizi henüz yayına hazır değilken ziyaretçilerinizin karşısına “Yapım Aşamasında” sayfası gösterebilirsiniz. Bunun için Site Smart yönetim panelinden ilgili ayarları yapmanız yeterlidir.

1. Site Smart paketine erişin

Ana panel üzerinden Hazır Web Sitesi bölümüne giriş yapınız.

İlgili Site Smart hizmetinin karşısında bulunan Yönet butonuna tıklayarak Site Smart yönetim ekranına giriş yapınız.

2. Site Smart panelini açın

Yönetim ekranında, ilgili Site Smart paketinin karşısında bulunan Yönetim butonuna tıklayınız.

3. Yapım Aşamasında sayfasını etkinleştirin

Site Smart yönetim panelinde Ayarlar seçeneğine tıklayınız.

Açılan pencerede Web Sitesi Ayarları kısmına tıklayarak aşağıdaki kodu kopyalayarak 2 numaralı Web Sitesi Üst Bilgisi Html Kodu alanına yapıştırınız.

<script> 

document.addEventListener("DOMContentLoaded", function () { 

    document.documentElement.innerHTML = ` 

<!DOCTYPE html> 

<html lang="tr"> 

<head> 

<meta charset="UTF-8"> 

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

<title>Yapım Aşamasında</title> 

 

<style> 

*{ 

    margin:0; 

    padding:0; 

    box-sizing:border-box; 

    font-family:Arial, Helvetica, sans-serif; 

} 

 

body{ 

    background:linear-gradient(135deg,#0f172a,#1e293b,#334155); 

    color:#fff; 

    height:100vh; 

    display:flex; 

    justify-content:center; 

    align-items:center; 

    text-align:center; 

    overflow:hidden; 

} 

 

.container{ 

    max-width:650px; 

    padding:40px; 

} 

 

h1{ 

    font-size:60px; 

    margin-bottom:15px; 

} 

 

h2{ 

    font-size:30px; 

    color:#60a5fa; 

    margin-bottom:20px; 

} 

 

p{ 

    color:#d1d5db; 

    font-size:18px; 

    line-height:1.7; 

} 

 

.loader{ 

    width:70px; 

    height:70px; 

    margin:35px auto; 

    border:6px solid rgba(255,255,255,.2); 

    border-top:6px solid #60a5fa; 

    border-radius:50%; 

    animation:spin 1s linear infinite; 

} 

 

.footer{ 

    margin-top:30px; 

    color:#94a3b8; 

    font-size:14px; 

} 

 

@keyframes spin{ 

    to{ 

        transform:rotate(360deg); 

    } 

} 

</style> 

</head> 

 

<body> 

 

<div class="container"> 

<h1>🚧</h1> 

<h2>Web Sitemiz Yapım Aşamasındadır</h2> 

 

<p> 

Daha iyi bir deneyim sunabilmek için web sitemizde bakım ve geliştirme çalışmaları gerçekleştiriyoruz. 

En kısa sürede yeniden yayında olacağız. 

</p> 

 

<div class="loader"></div> 

 

<div class="footer"> 

Anlayışınız için teşekkür ederiz. 

</div> 

 

</div> 

 

</body> 

</html> 

`; 

}); 

 

</script>

Ardından Kaydet butonuna tıklayınız.

Kod:

4. Değişiklikleri yayınlayın

Yaptığınız ayarların aktif olması için sağ üst köşede bulunan Yayınla butonuna tıklayınız.

İşlem tamamlandıktan sonra web sitenizi ziyaret eden kullanıcılar, sitenizin mevcut içerikleri yerine Yapım Aşamasında sayfasını görecektir.

Not: Web sitenizi tekrar normal şekilde ziyaretçilere açmak istediğinizde aynı ayar üzerinden eklediğiniz kodu kaldırıp değişiklikleri yeniden yayınlamanız gerekmektedir.