Edit File: guzellik.php
<?php if (class_exists('CSF')) { CSF::createWidget('cta_cosmetic_widget', array( 'title' => esc_html__('Oruno - CTA Banner Modülü', 'oruno'), 'class' => 'orun-widget-fields', 'description' => esc_html__('Call to Action amaçlı oluşturacağınız tek ürün banner modülümüz.', 'oruno'), 'fields' => array( array( 'id' => 'imagefield', 'type' => 'media', 'title' => esc_html__('1.Görseli Seçin:', 'oruno'), 'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'oruno'), 'default' => esc_url('https://orunotema.com.tr/kozmetik-kadin/wp-content/uploads/2024/03/Parralax.jpg') ), array( 'id' => 'birinci_baslik', 'type' => 'text', 'title' => esc_html__('Banner Birinci Başlığı Giriniz:', 'oruno'), 'subtitle' => esc_html__('Affiliate alanının başlığını giriniz.', 'oruno'), 'default' => 'Be perfect in', ), array( 'id' => 'ikinci_alt_baslik', 'type' => 'text', 'title' => esc_html__('Banner İkinci Başlığı Giriniz:', 'oruno'), 'subtitle' => esc_html__('Affiliate alanının ikinci başlığını giriniz.', 'oruno'), 'default' => 'the world of beauty', ), array( 'id' => 'banner_aciklamasi', 'type' => 'textarea', 'title' => esc_html__('Banner İçin Açıklama Alanını Giriniz:', 'oruno'), 'subtitle' => esc_html__('Affiliate alanının açıklamasını giriniz.', 'oruno'), 'default' => 'Regardless of What They are doing at the gym, most guys just work out…', ), array( 'id' => 'buton_yazisi_banner', 'type' => 'text', 'title' => esc_html__('Banner için İnce Başlığı Giriniz:', 'oruno'), 'subtitle' => esc_html__('Affiliate alanının başlığını giriniz.', 'oruno'), 'default' => 'the world of beauty', ), array( 'id' => 'buton_yazisi_renk', 'type' => 'color', 'title' => esc_html__('Buton Yazı Rengini Seçiniz:', 'oruno'), 'subtitle' => esc_html__('Buton yazı rengini seçiniz.', 'oruno'), 'default' => '#0B3D91', ), array( 'id' => 'buton_yazisi_arkaplan', 'type' => 'color', 'title' => esc_html__('Arkaplan Rengini Seçiniz:', 'oruno'), 'subtitle' => esc_html__('Arkaplan rengini seçiniz.', 'oruno'), 'default' => '#d726d9', ), ) )); // Bileşenin içeriğini gösteren fonksiyon if (!function_exists('cta_cosmetic_widget')) { function cta_cosmetic_widget($args, $instance) { ?> <style> .section-container { display: flex; background-size: cover; height:470px; background-color: rgba(0, 0, 0, 0.5); } .left-column { flex: 1; } .right-column { flex: 1; color: white; display: flex; flex-direction: column; justify-content: center; text-align:left; padding-left: 12%; padding-right: 6%; } @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @media(max-width:568px){ .left-column { flex:0; } .cosmetic_baslik { font-size: 17px !important; font-weight:600 ; font-family:'Poppins', sans-serif ; color:#000; } .cosmetic_altbaslik { font-size: 17px !important; margin-top:7px !important; font-weight:400 !important; font-family:'Poppins', sans-serif ; color:#000; } .cosmetic_aciklama { font-size: 12px; font-family:'Poppins', sans-serif; line-height: 32px; letter-spacing: 0.32px; color: #000 !important; font-weight: 400; display: inline-block; padding: 45px 0 60px ; } } @media(min-width:992px){ .cosmetic_baslik { font-size: 50px !important; font-weight:600 ; font-family:'Poppins', sans-serif ; color:#000; } .cosmetic_altbaslik { font-size: 50px ; font-weight:100 ; margin-top:-12px; font-family:'Poppins', sans-serif ; color:#000; } .cosmetic_aciklama { font-size: 16px; font-family:'Poppins', sans-serif; line-height: 32px; letter-spacing: 0.32px; color: #999; font-weight: 300; display: inline-block; padding: 45px 0 60px ; } } .cta_oruno_butonu { font-size: 12px ; line-height: 32px; font-family:'Poppins',sans-serif; letter-spacing: 0.24px; color: #fff; font-weight: 600; padding:4px 8px; width:100px; background-color: #EF3153; border: none; font-size: 14px; cursor: pointer; } .cta_oruno_butonu:hover { background-color: #000; } </style> <?php if (!empty($instance['imagefield']['url'])) { $image_url = esc_url($instance['imagefield']['url']); } ?> <div class="section-container" style="background-image:url('<?php echo $image_url; ?>')"> <div class="left-column"></div> <div class="right-column"> <h2 class="cosmetic_baslik"><?php if (!empty($instance['birinci_baslik'])) { echo wp_kses_post($instance['birinci_baslik']); } ?></h2> <h3 class="cosmetic_altbaslik"><?php if (!empty($instance['ikinci_alt_baslik'])) { echo wp_kses_post($instance['ikinci_alt_baslik']); } ?></h3> <p class="cosmetic_aciklama"><?php if (!empty($instance['banner_aciklamasi'])) { echo wp_kses_post($instance['banner_aciklamasi']); } ?></p> <?php $buton_yazisi_renk = esc_html($instance['buton_yazisi_renk']); $buton_yazisi_arkaplan = esc_url($instance['buton_yazisi_arkaplan']); ?> <button style="color:<?php echo $buton_yazisi_renk ?>;background-color:<?php echo $buton_yazisi_arkaplan ?>" class="cta_oruno_butonu"><?php if (!empty($instance['buton_yazisi_banner'])) { echo wp_kses_post($instance['buton_yazisi_banner']); } ?></button> </div> </div> <?php } } } ?>