^^&&^^

Edit File: sayac-sidebar.php

<?php

if( class_exists( 'CSF' ) ) {

CSF::createWidget( 'orun_widget_sayac_modulu_sidebar', array(

'title'       => esc_html__( 'Oruno - Sayaç Modülü - Sidebar', 'orun' ),

'class'       => 'orun-widget-fields',

'classname'   => 'orun-widget-post-module-5',

'description' => esc_html__( 'Sınavlara kalan zaman sayaçlarını sidebarda yansıtan modülümüz.', 'orun' ),

'fields'      => array(

array(

'id' => 'gunbgrenk',

'type' => 'color',

'title' => esc_html__('Arkaplan Rengi:', 'orun'),

'subtitle' => esc_html__('Arkaplan rengini seçiniz', 'orun'),

'default' => '#C70039',

array(

'id' => 'saatbgrenk',

'type' => 'color',

'title' => esc_html__('Arkaplan Rengi:', 'orun'),

'subtitle' => esc_html__('Arkaplan rengini seçiniz', 'orun'),

'default' => '#C70039',

array(

'id' => 'dakikabgrenk',

'type' => 'color',

'title' => esc_html__('Arkaplan Rengi:', 'orun'),

'subtitle' => esc_html__('Arkaplan rengini seçiniz', 'orun'),

'default' => '#900C3F',

array(

'id' => 'saniyebgrenk',

'type' => 'color',

'title' => esc_html__('Arkaplan Rengi:', 'orun'),

'subtitle' => esc_html__('Arkaplan rengini seçiniz', 'orun'),

'default' => '#581845',

array(

'id' => 'affi1active',

'type' => 'switcher',

'title' => esc_html__('YKS Sayacı aktifleşsin mi? ', 'orun'),

'subtitle' => esc_html__('Bileşenin gözükmesini istemiyorsanız aktifliği kapatınız.', 'orun'),

'default' => false,

array(

'id'    => 'title',

'type'  => 'text',

'title' => esc_html__( 'Başlık:', 'orun' ),

'subtitle' => esc_html__( 'Yks sayacının başlığını girin.', 'orun' ),

'help' => esc_html__( 'Yks sayacının başlığını girin. Boş bırakırsanız modülün başlığı görünmez.', 'orun' ),

'default' => 'YKS\'ye kaç gün kaldı? '

array(

'id' => 'affi2active',

'type' => 'switcher',

'title' => esc_html__('KPSS Sayacı aktifleşsin mi? ', 'orun'),

'subtitle' => esc_html__('Bileşenin gözükmesini istemiyorsanız aktifliği kapatınız.', 'orun'),

'default' => false,

array(

'id'    => 'title2',

'type'  => 'text',

'title' => esc_html__( 'Başlık:', 'orun' ),

'subtitle' => esc_html__( 'KPSS sayacının başlığını girin.', 'orun' ),

'help' => esc_html__( 'KPSS sayacının başlığını girin. Boş bırakırsanız modülün başlığı görünmez.', 'orun' ),

'default' => 'KPSS\'ye kaç gün kaldı? '

array(

'id' => 'affi3active',

'type' => 'switcher',

'title' => esc_html__('LGS Sayacı aktifleşsin mi? ', 'orun'),

'subtitle' => esc_html__('Bileşenin gözükmesini istemiyorsanız aktifliği kapatınız.', 'orun'),

'default' => false,

array(

'id'    => 'title3',

'type'  => 'text',

'title' => esc_html__( 'Başlık:', 'orun' ),

'subtitle' => esc_html__( 'LGS sayacının başlığını girin.', 'orun' ),

'help' => esc_html__( 'LGS sayacının başlığını girin. Boş bırakırsanız modülün başlığı görünmez.', 'orun' ),

'default' => 'LGS\'ye kaç gün kaldı? '

)

) );

if( ! function_exists( 'orun_widget_sayac_modulu_sidebar' ) ) {

function orun_widget_sayac_modulu_sidebar( $args, $instance ) {

$gun_bg_rengi = esc_attr($instance['gunbgrenk']);

$saat_bg_rengi = esc_attr($instance['saatbgrenk']);

$dakika_bg_rengi = esc_attr($instance['dakikabgrenk']);

$saniye_bg_rengi = esc_attr($instance['saniyebgrenk']);

if (!empty($instance['affi1active'])) {

if ( ! empty( $instance['title'] ) ) {

echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ) . $args['after_title'];

}

<style>

.time_circles {

display: flex;

justify-content: center;

align-items: center;

flex-wrap: wrap;

}

.textDiv {

margin: 0 27px;

text-align: center;

flex-basis: calc(20% - 10px);

margin-bottom: 20px !important;

}

.textDiv div {

border-radius: 50%;

display: flex;

justify-content: center;

align-items: center;

width: 150px;

height: 150px;

}

.textDiv span, .textDiv span {

color: #000;

font-size: 23px;

line-height: 12px;

margin: 0;

}

@media screen and (min-width: 768px) {

.textDiv {

flex-basis: auto;

margin-bottom: 0;

}

</style>

<div>

</div>

<div>

</div>

<span style="margin-bottom:18px;">Dakika</span>

<div>

</div>

<span style="margin-bottom:18px;">Saniye</span>

<div>

</div>

<?php

}

if (!empty($instance['affi2active'])) {

if ( ! empty( $instance['title2'] ) ) {

echo $args['before_title'] . apply_filters( 'widget_title', $instance['title2'] ) . $args['after_title'];

}

<div>

</div>

<div>

</div>

<span style="margin-bottom:18px;">Dakika</span>

<div>

</div>

<span style="margin-bottom:18px;">Saniye</span>

<div>

</div>

<?php

}

if (!empty($instance['affi3active'])) {

if ( ! empty( $instance['title3'] ) ) {

echo $args['before_title'] . apply_filters( 'widget_title', $instance['title3'] ) . $args['after_title'];

}

<div>

</div>

<div>

</div>

<span style="margin-bottom:18px;">Dakika</span>

<div>

</div>

<span style="margin-bottom:18px;">Saniye</span>

<div>

</div>

<?php

}

// YKS için geri sayım

var targetDate_YKS = new Date('2024-06-08T00:00:00').getTime(); // Hedef tarih: 8 Haziran 2024 00:00:00

// Her 1 saniyede bir güncelleme yap

var countdown_YKS = setInterval(function() {

var now = new Date().getTime();

var distance = targetDate_YKS - now;

// Gün, saat, dakika ve saniye hesaplama

var days = Math.floor(distance / (1000 * 60 * 60 * 24));

var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

var seconds = Math.floor((distance % (1000 * 60)) / 1000);

// HTML elementlerini güncelle

document.getElementById('days').innerText = days;

document.getElementById('hours').innerText = hours;

document.getElementById('minutes').innerText = minutes;

document.getElementById('seconds').innerText = seconds;

// Eğer hedef tarih geçildiyse, countdown'ı durdur

if (distance < 0) {

clearInterval(countdown_YKS);

document.getElementById('days').innerText = '0';

document.getElementById('hours').innerText = '0';

document.getElementById('minutes').innerText = '0';

document.getElementById('seconds').innerText = '0';

}

}, 1000);

</script>

// KPSS için geri sayım

var targetDate_KPSS = new Date('2024-07-14T00:00:00Z').getTime(); // Hedef tarih: 14 Temmuz 2024 00:00:00

// Her 1 saniyede bir güncelleme yap

var countdown_KPSS = setInterval(function() {

var now = new Date().getTime(); // Şu anki zamanı al

// Hedef tarihten bugüne kadar kalan zamanı hesapla

var distance = targetDate_KPSS - now;

// Gün, saat, dakika ve saniye hesaplamaları

var days = Math.floor(distance / (1000 * 60 * 60 * 24));

var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

var seconds = Math.floor((distance % (1000 * 60)) / 1000);

// HTML'de ilgili yerlere değerleri yerleştir

document.getElementById("dayskpss").innerHTML = days;

document.getElementById("hourskpss").innerHTML = hours;

document.getElementById("minuteskpss").innerHTML = minutes;

document.getElementById("secondskpss").innerHTML = seconds;

// Eğer hedef tarih geçmişse, zamanlayıcıyı durdur

if (distance < 0) {

clearInterval(countdown_KPSS);

document.getElementById("dayskpss").innerHTML = 0;

document.getElementById("hourskpss").innerHTML = 0;

document.getElementById("minuteskpss").innerHTML = 0;

document.getElementById("secondskpss").innerHTML = 0;

}

}, 1000); // 1 saniyede bir güncelle

</script>

// KPSS için geri sayım

var targetDate_lgs = new Date('2024-06-02T00:00:00Z').getTime(); // Hedef tarih: 2 Haziran 2024 00:00:00

// Her 1 saniyede bir güncelleme yap

var countdown_lgs = setInterval(function() {

var now = new Date().getTime(); // Şu anki zamanı al

// Hedef tarihten bugüne kadar kalan zamanı hesapla

var distance = targetDate_lgs - now;

// Gün, saat, dakika ve saniye hesaplamaları

var days = Math.floor(distance / (1000 * 60 * 60 * 24));

var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

var seconds = Math.floor((distance % (1000 * 60)) / 1000);

// HTML'de ilgili yerlere değerleri yerleştir

document.getElementById("dayslgs").innerHTML = days;

document.getElementById("hourslgs").innerHTML = hours;

document.getElementById("minuteslgs").innerHTML = minutes;

document.getElementById("secondslgs").innerHTML = seconds;

// Eğer hedef tarih geçmişse, zamanlayıcıyı durdur

if (distance < 0) {

clearInterval(countdown_lgs);

document.getElementById("dayslgs").innerHTML = 0;

document.getElementById("hourslgs").innerHTML = 0;

document.getElementById("minuteslgs").innerHTML = 0;

document.getElementById("secondslgs").innerHTML = 0;

}

}, 1000); // 1 saniyede bir güncelle

</script>

<?php

}