WordPress İleri Doğru Zaman Sayacı Lazım - Yardım Talebi

Question

Arkadaşlar hepimiz şu geri sayım sayaçlarını biliriz hani 10 gün 2 saat 5 dakika 30 saniye sonra site açılacak gibisinden vs.. Bana bunun tam tersi lazım ama bulamadım bir türlü.. ChatGPT'ye yazdırayım dedim oda yazdı ama bir taraftan yapıyor sitedeki başka bir yeri bozuyor oda işe yaramadı.. Bana belirttiğim tarihten itibaren ileri doğru sayacak bir gerçek zamanlı sayaç gerekli.. Yani 1 gün 2 saat 15 dakia 32 saniye önce sitemiz açıldı gibisinden ileri doğru sayacak zamanı ve saniye dahil tüm verilenc anlı olarak ileri gitmeye devam edecek sadece sayfaya ilk girince yada yenileyince değil.. Bunu yapan bir eklenti vs bilen var mı ben bulamadımda hepsi geri sayım şeklinde çalışıyor

Şurada doğru dürüst çalışan bir tane buldum ama wp'de istediğim yerde shortcode ile kullanılır şekle nasıl getirilir bilemiyorum..

https://codepen.io/AdrenalineTR/pen/pbXxej

iskendercnr · Accepted Answer

kodu aşağıdaki gibi güncelleyin. ayrıca kısa koda 2023-12-01T11:00:00 şeklinde ekleyin (yıl-ay-günTsaat:dakika:saniye) function ileri_sayici_shortcode($atts) { ob_start(); ?>

REEGAZ · Answer

zekikaynak adlı üyeden alıntı: mesajı görüntüle

teşekkür ederim hocam sonunda çalışan bir kod

arkadaş bir benim mi ihtiyacım oldu buna bir tane bu işi yapan eklenti yok milyon tane geri sayım eklentisi var şekilli mekilli neyse biz düz yazıya talim buna da şükür en azından işi yapıyor

inline veya css ile görsellik katabilirsin.
Örneğin koddaki bu kısımları bulup yenisi ile değiştirin

document.getElementById('sayacSonuc').innerHTML = `
                  <div style="background-color:black;color:white;font-size:18px">Geçen Süre:<br></div>
                  Yıl: ${gecenYil}<br>
                  Ay: ${gecenAy}<br>
                  Gün: <span style=color:red;">${gecenGun}</span><br>
                  Saat: ${gecenSaat}<br>
                  Dakika: ${gecenDakika}<br>
                  Saniye: ${gecenSaniye}<br>
                `

Şunu deneyin bakalım çalışacak mı:

functions.php dosyasına şu fonksiyonu ekleyin:
function site_age(){
    $start_date = strtotime("2023-12-02"); // Sitenizin oluşturulma tarihini girin
    $current_date = time();
    $difference = $current_date - $start_date;
    $years = floor($difference / (365 * 60 * 60 * 24));
    $months = floor(($difference - $years * 365 * 60 * 60 * 24) / (30 * 60 * 60 * 24));
    $days = floor(($difference - $years * 365 * 60 * 60 * 24 - $months * 30 * 60 * 60 * 24) / (60 * 60 * 24));

echo "Sitemiz " . $years . " yıl, " . $months . " ay, " . $days . " gün yayında.";
}
Tema dosyanızda her hangi bir yere bunu ekleyin:
<?php site_age(); ?>

MevLut · Answer

Hem geri sayım hem timer olarak kullanabileceğiniz "Counter Box" eklentisini tavsiye ederim.

btnaslan · Answer

Şu eklentiye göz atabilir misiniz? Kronometre görevi görmektedir. Geriye değil ileriye dönük.
https://wordpress.com/plugins/simple-stopwatch

zekikaynak · Answer

Misafir adlı üyeden alıntı:						mesajı görüntüle									Merhaba

Şunu deneyin bakalım çalışacak mı:

functions.php dosyasına şu fonksiyonu ekleyin:
function site_age(){
    $start_date = strtotime("2023-12-02"); // Sitenizin oluşturulma tarihini girin
    $current_date = time();
    $difference = $current_date - $start_date;
    $years = floor($difference / (365 * 60 * 60 * 24));
    $months = floor(($difference - $years * 365 * 60 * 60 * 24) / (30 * 60 * 60 * 24));
    $days = floor(($difference - $years * 365 * 60 * 60 * 24 - $months * 30 * 60 * 60 * 24) / (60 * 60 * 24));

echo "Sitemiz " . $years . " yıl, " . $months . " ay, " . $days . " gün yayında.";
}Tema dosyanızda her hangi bir yere bunu ekleyin:
<?php site_age(); ?> 		Maalesef hocam çalışmadı..

MevLut adlı üyeden alıntı:						mesajı görüntüle									Hem geri sayım hem timer olarak kullanabileceğiniz "Counter Box" eklentisini tavsiye ederim. 		Onu zaten denedim hocam ileri doğru saymıyor..

btnaslan adlı üyeden alıntı:						mesajı görüntüle									Şu eklentiye göz atabilir misiniz? Kronometre görevi görmektedir. Geriye değil ileriye dönük.
https://wordpress.com/plugins/simple-stopwatch 		Bu kronometre hocam sadece start stop tuşu çıkıyor starta basınca saniye işlemeye başlıyor stop edince duruyor..

iskendercnr · Answer

functions.php ye aşağıdaki kodu ekleyin function ileri_sayici_shortcode($atts) { ob_start(); ?>

zekikaynak · Answer

iskendercnr adlı üyeden alıntı: mesajı görüntüle functions.php ye aşağıdaki kodu ekleyin function ileri_sayici_shortcode($atts) { ob_start(); ?>

zekikaynak · Answer

iskendercnr adlı üyeden alıntı: mesajı görüntüle kodu aşağıdaki gibi güncelleyin. ayrıca kısa koda 2023-12-01T11:00:00 şeklinde ekleyin (yıl-ay-günTsaat:dakika:saniye) function ileri_sayici_shortcode($atts) { ob_start(); ?>

iskendercnr · Answer

[sayac baslangic_tarih="2023-12-01T11:00:00"]

zekikaynak · Answer

iskendercnr adlı üyeden alıntı:						mesajı görüntüle									[sayac baslangic_tarih="2023-12-01T11:00:00"] 		teşekkür ederim hocam sonunda çalışan bir kod  arkadaş bir benim mi ihtiyacım oldu buna bir tane bu işi yapan eklenti yok milyon tane geri sayım eklentisi var şekilli mekilli neyse biz düz yazıya talim buna da şükür en azından işi yapıyor

iskendercnr · Answer

zekikaynak adlı üyeden alıntı: mesajı görüntüle

teşekkür ederim hocam sonunda çalışan bir kod

arkadaş bir benim mi ihtiyacım oldu buna bir tane bu işi yapan eklenti yok milyon tane geri sayım eklentisi var şekilli mekilli neyse biz düz yazıya talim buna da şükür en azından işi yapıyor

inline veya css ile görsellik katabilirsin.
Örneğin koddaki bu kısımları bulup yenisi ile değiştirin

document.getElementById('sayacSonuc').innerHTML = `
                  <div style="background-color:black;color:white;font-size:18px">Geçen Süre:<br></div>
                  Yıl: ${gecenYil}<br>
                  Ay: ${gecenAy}<br>
                  Gün: <span style=color:red;">${gecenGun}</span><br>
                  Saat: ${gecenSaat}<br>
                  Dakika: ${gecenDakika}<br>
                  Saniye: ${gecenSaniye}<br>
                `

Geçen Süre:

Yıl: ${gecenYil}
Ay: ${gecenAy}
Gün: ${gecenGun}
Saat: ${gecenSaat}
Dakika: ${gecenDakika}
Saniye: ${gecenSaniye}
`