/* Widget Name: Button Description: Create a custom button with flexible styling, icon support, and click tracking functionality. Author: SiteOrigin Author URI: https://siteorigin.com Documentation: https://siteorigin.com/widgets-bundle/button-widget-documentation/ Keywords: event, icon, link */ class SiteOrigin_Widget_Button_Widget extends SiteOrigin_Widget { public function __construct() { parent::__construct( 'sow-button', __( 'SiteOrigin Button', 'so-widgets-bundle' ), array( 'description' => __( 'Create a custom button with flexible styling, icon support, and click tracking functionality.', 'so-widgets-bundle' ), 'help' => 'https://siteorigin.com/widgets-bundle/button-widget-documentation/', ), array( ), false, plugin_dir_path( __FILE__ ) ); } public function get_settings_form() { return array( 'responsive_breakpoint' => array( 'type' => 'measurement', 'label' => __( 'Responsive Breakpoint', 'so-widgets-bundle' ), 'default' => '780px', 'description' => __( 'This setting controls when the Mobile Align setting will be used. The default value is 780px.', 'so-widgets-bundle' ), ), ); } public function initialize() { $this->register_frontend_styles( array( array( 'sow-button-base', plugin_dir_url( __FILE__ ) . 'css/style.css', array(), SOW_BUNDLE_VERSION, ), ) ); } public function get_widget_form() { return array( 'text' => array( 'type' => 'text', 'label' => __( 'Button Text', 'so-widgets-bundle' ), ), 'url' => array( 'type' => 'link', 'label' => __( 'Destination URL', 'so-widgets-bundle' ), 'allow_shortcode' => true, ), 'new_window' => array( 'type' => 'checkbox', 'default' => false, 'label' => __( 'Open in a new window', 'so-widgets-bundle' ), ), 'download' => array( 'type' => 'checkbox', 'default' => false, 'label' => __( 'Download', 'so-widgets-bundle' ), 'description' => __( 'The Destination URL will be downloaded when a user clicks on the button.', 'so-widgets-bundle' ), ), 'button_icon' => array( 'type' => 'section', 'label' => __( 'Icon', 'so-widgets-bundle' ), 'fields' => array( 'icon_selected' => array( 'type' => 'icon', 'label' => __( 'Icon', 'so-widgets-bundle' ), ), 'icon_color' => array( 'type' => 'color', 'label' => __( 'Icon Color', 'so-widgets-bundle' ), ), 'icon' => array( 'type' => 'media', 'label' => __( 'Image Icon', 'so-widgets-bundle' ), 'description' => __( 'Replaces the icon with your own image icon.', 'so-widgets-bundle' ), ), 'icon_placement' => array( 'type' => 'select', 'label' => __( 'Icon Placement', 'so-widgets-bundle' ), 'default' => 'left', 'options' => array( 'top' => __( 'Top', 'so-widgets-bundle' ), 'right' => __( 'Right', 'so-widgets-bundle' ), 'bottom' => __( 'Bottom', 'so-widgets-bundle' ), 'left' => __( 'Left', 'so-widgets-bundle' ), ), ), ), ), 'design' => array( 'type' => 'section', 'label' => __( 'Design and Layout', 'so-widgets-bundle' ), 'hide' => true, 'fields' => array( 'width' => array( 'type' => 'measurement', 'label' => __( 'Width', 'so-widgets-bundle' ), 'description' => __( 'Leave blank to let the button resize according to content.', 'so-widgets-bundle' ), ), 'align' => array( 'type' => 'select', 'label' => __( 'Align', 'so-widgets-bundle' ), 'default' => 'center', 'options' => array( 'left' => __( 'Left', 'so-widgets-bundle' ), 'right' => __( 'Right', 'so-widgets-bundle' ), 'center' => __( 'Center', 'so-widgets-bundle' ), 'justify' => __( 'Full Width', 'so-widgets-bundle' ), ), ), 'mobile_align' => array( 'type' => 'select', 'label' => __( 'Mobile Align', 'so-widgets-bundle' ), 'default' => 'center', 'options' => array( 'left' => __( 'Left', 'so-widgets-bundle' ), 'right' => __( 'Right', 'so-widgets-bundle' ), 'center' => __( 'Center', 'so-widgets-bundle' ), 'justify' => __( 'Full Width', 'so-widgets-bundle' ), ), ), 'theme' => array( 'type' => 'select', 'label' => __( 'Button Theme', 'so-widgets-bundle' ), 'default' => 'flat', 'options' => array( 'atom' => __( 'Atom', 'so-widgets-bundle' ), 'flat' => __( 'Flat', 'so-widgets-bundle' ), 'wire' => __( 'Wire', 'so-widgets-bundle' ), ), ), 'button_color' => array( 'type' => 'color', 'label' => __( 'Button Color', 'so-widgets-bundle' ), ), 'text_color' => array( 'type' => 'color', 'label' => __( 'Text Color', 'so-widgets-bundle' ), ), 'hover' => array( 'type' => 'checkbox', 'default' => true, 'label' => __( 'Use hover effects', 'so-widgets-bundle' ), 'state_emitter' => array( 'callback' => 'conditional', 'args' => array( 'hover[show]: val', 'hover[hide]: ! val', ), ), ), 'hover_background_color' => array( 'type' => 'color', 'label' => __( 'Hover Background Color', 'so-widgets-bundle' ), 'state_handler' => array( 'hover[show]' => array( 'show' ), 'hover[hide]' => array( 'hide' ), ), ), 'hover_text_color' => array( 'type' => 'color', 'label' => __( 'Hover Text Color', 'so-widgets-bundle' ), 'state_handler' => array( 'hover[show]' => array( 'show' ), 'hover[hide]' => array( 'hide' ), ), ), 'font' => array( 'type' => 'font', 'label' => __( 'Font', 'so-widgets-bundle' ), 'default' => 'default', ), 'font_size' => array( 'type' => 'measurement', 'label' => __( 'Font Size', 'so-widgets-bundle' ), 'default' => '1em', ), 'icon_size' => array( 'type' => 'measurement', 'label' => __( 'Icon Size', 'so-widgets-bundle' ), 'default' => '1.3em', ), 'padding' => array( 'type' => 'measurement', 'label' => __( 'Padding', 'so-widgets-bundle' ), 'default' => '1em', ), 'rounding' => array( 'type' => 'multi-measurement', 'label' => __( 'Rounding', 'so-widgets-bundle' ), 'default' => '0.25em 0.25em 0.25em 0.25em', 'measurements' => array( 'top' => array( 'label' => __( 'Top', 'so-widgets-bundle' ), ), 'right' => array( 'label' => __( 'Right', 'so-widgets-bundle' ), ), 'bottom' => array( 'label' => __( 'Bottom', 'so-widgets-bundle' ), ), 'left' => array( 'label' => __( 'Left', 'so-widgets-bundle' ), ), ), ), ), ), 'attributes' => array( 'type' => 'section', 'label' => __( 'Other Attributes and SEO', 'so-widgets-bundle' ), 'hide' => true, 'fields' => array( 'id' => array( 'type' => 'text', 'label' => __( 'Button ID', 'so-widgets-bundle' ), 'description' => __( 'An ID attribute allows you to target this button in JavaScript.', 'so-widgets-bundle' ), ), 'classes' => array( 'type' => 'text', 'label' => __( 'Button Classes', 'so-widgets-bundle' ), 'description' => __( 'Additional CSS classes added to the button link.', 'so-widgets-bundle' ), ), 'title' => array( 'type' => 'text', 'label' => __( 'Title Attribute', 'so-widgets-bundle' ), 'description' => __( 'Adds a title attribute to the button link.', 'so-widgets-bundle' ), ), 'on_click' => array( 'type' => 'text', 'label' => __( 'Onclick', 'so-widgets-bundle' ), 'description' => __( 'Run this JavaScript when the button is clicked. Ideal for tracking.', 'so-widgets-bundle' ), 'onclick' => true, ), 'rel' => array( 'type' => 'text', 'label' => __( 'Rel Attribute', 'so-widgets-bundle' ), 'description' => __( 'Adds a rel attribute to the button link.', 'so-widgets-bundle' ), ), ), ), ); } public function get_style_name( $instance ) { if ( empty( $instance['design']['theme'] ) ) { return 'atom'; } return $instance['design']['theme']; } /** * Get the variables for the Button Widget. * * @return array */ public function get_template_variables( $instance, $args ) { $button_attributes = array(); $attributes = $instance['attributes']; $classes = ! empty( $attributes['classes'] ) ? $attributes['classes'] : ''; if ( ! empty( $classes ) ) { $classes .= ' '; } $classes .= 'sowb-button ow-icon-placement-' . $instance['button_icon']['icon_placement']; if ( ! empty( $instance['design']['hover'] ) ) { $classes .= ' ow-button-hover'; } $button_attributes['class'] = implode( ' ', array_map( 'sanitize_html_class', explode( ' ', $classes ) ) ); if ( ! empty( $instance['new_window'] ) ) { $button_attributes['target'] = '_blank'; $button_attributes['rel'] = 'noopener noreferrer'; } if ( ! empty( $instance['download'] ) ) { $button_attributes['download'] = null; } if ( ! empty( $attributes['id'] ) ) { $button_attributes['id'] = $attributes['id']; } if ( ! empty( $attributes['title'] ) ) { $button_attributes['title'] = $attributes['title']; } if ( ! empty( $attributes['rel'] ) ) { if ( isset( $button_attributes['rel'] ) ) { $button_attributes['rel'] .= " $attributes[rel]"; } else { $button_attributes['rel'] = $attributes['rel']; } } $icon_image_url = ''; if ( ! empty( $instance['button_icon']['icon'] ) ) { $attachment = wp_get_attachment_image_src( $instance['button_icon']['icon'] ); if ( ! empty( $attachment ) ) { $icon_image_url = $attachment[0]; } } return array( 'button_attributes' => apply_filters( 'siteorigin_widgets_button_attributes', $button_attributes, $instance ), 'href' => ! empty( $instance['url'] ) ? $instance['url'] : '', 'on_click' => ! empty( $attributes['on_click'] ) ? $attributes['on_click'] : '', 'align' => $instance['design']['align'], 'icon_image_url' => $icon_image_url, 'icon' => $instance['button_icon']['icon_selected'], 'icon_color' => $instance['button_icon']['icon_color'], 'text' => $instance['text'], ); } /** * Get the variables that we'll be injecting into the less stylesheet. * * @return array */ public function get_less_variables( $instance ) { if ( empty( $instance ) || empty( $instance['design'] ) ) { return array(); } $text_color = isset( $instance['design']['text_color'] ) ? $instance['design']['text_color'] : ''; $button_color = isset( $instance['design']['button_color'] ) ? $instance['design']['button_color'] : ''; $less_vars = array( 'button_width' => isset( $instance['design']['width'] ) ? $instance['design']['width'] : '', 'button_color' => $button_color, 'text_color' => $text_color, 'icon_size' => ! empty( $instance['design']['icon_size'] ) ? $instance['design']['icon_size'] : '1.3em', 'hover_text_color' => ! empty( $instance['design']['hover_text_color'] ) ? $instance['design']['hover_text_color'] : $text_color, 'hover_background_color' => ! empty( $instance['design']['hover_background_color'] ) ? $instance['design']['hover_background_color'] : $button_color, 'font_size' => isset( $instance['design']['font_size'] ) ? $instance['design']['font_size'] : '', 'rounding' => isset( $instance['design']['rounding'] ) ? $instance['design']['rounding'] : '', 'padding' => isset( $instance['design']['padding'] ) ? $instance['design']['padding'] : '', 'has_text' => empty( $instance['text'] ) ? 'false' : 'true', 'responsive_breakpoint' => $this->get_global_settings( 'responsive_breakpoint' ), 'align' => ! empty( $instance['design']['align'] ) ? $instance['design']['align'] : 'center', 'mobile_align' => ! empty( $instance['design']['mobile_align'] ) ? $instance['design']['mobile_align'] : 'center', 'has_button_icon' => empty( $instance['button_icon']['icon_selected'] ) ? 'false' : 'true', ); if ( ! empty( $instance['design']['font'] ) ) { $font = siteorigin_widget_get_font( $instance['design']['font'] ); $less_vars['button_font'] = $font['family']; if ( ! empty( $font['weight'] ) ) { $less_vars['button_font_weight'] = $font['weight_raw']; $less_vars['button_font_style'] = $font['style']; } } return $less_vars; } /** * Make sure the instance is the most up to date version. * * @return mixed */ public function modify_instance( $instance ) { if ( empty( $instance ) ) { return array(); } $migrate_props = array( 'button_icon' => array( 'icon_selected', 'icon_color', 'icon', ), 'design' => array( 'align', 'theme', 'button_color', 'text_color', 'hover', 'hover_text_color', 'hover_background_color', 'font_size', 'rounding', 'padding', ), 'attributes' => array( 'id', ), ); foreach ( $migrate_props as $prop => $sub_props ) { if ( empty( $instance[ $prop ] ) ) { $instance[ $prop ] = array(); foreach ( $sub_props as $sub_prop ) { if ( isset( $instance[ $sub_prop ] ) ) { $instance[ $prop ][ $sub_prop ] = $instance[ $sub_prop ]; unset( $instance[ $sub_prop ] ); } } } } // Migrate onclick setting to prevent Wordfence flag. if ( ! empty( $instance['attributes'] ) && ! empty( $instance['attributes']['onclick'] ) ) { $instance['attributes']['on_click'] = $instance['attributes']['onclick']; } // If the mobile_align setting isn't set, set it to the same value as the align value. if ( ! empty( $instance['design'] ) && ! empty( $instance['design']['align'] ) && empty( $instance['design']['mobile_align'] ) ) { $instance['design']['mobile_align'] = $instance['design']['align']; } // Migrate predefined settings to more customizable settings. if ( ! empty( $instance['design']['font_size'] ) && is_numeric( $instance['design']['font_size'] ) ) { $instance['design']['font_size'] .= 'em'; } if ( ! empty( $instance['design']['padding'] ) && is_numeric( $instance['design']['padding'] ) ) { $instance['design']['padding'] .= 'em'; } if ( ! empty( $instance['design']['rounding'] ) && is_numeric( $instance['design']['rounding'] ) ) { $instance['design']['rounding'] = $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em'; } if ( empty( $instance['design']['icon_size'] ) ) { $instance['design']['icon_size'] = '1.3em'; } return $instance; } public function get_form_teaser() { if ( class_exists( 'SiteOrigin_Premium' ) ) { return false; } return array( sprintf( __( 'Add a beautiful tooltip to the Button Widget with %sSiteOrigin Premium%s', 'so-widgets-bundle' ), '', '' ), ); } } siteorigin_widget_register( 'sow-button', __FILE__, 'SiteOrigin_Widget_Button_Widget' );{"id":154168,"date":"2026-06-15T03:11:14","date_gmt":"2026-06-15T03:11:14","guid":{"rendered":"https:\/\/klecet.edu.in\/alumni\/?p=154168"},"modified":"2026-06-15T03:11:14","modified_gmt":"2026-06-15T03:11:14","slug":"x3bet-casino","status":"publish","type":"post","link":"http:\/\/klecet.edu.in\/alumni\/x3bet-casino\/","title":{"rendered":"Vastuullisen pelin ty\u00f6kalut, joita saat X3bet Casinolta Suomen pelaajille"},"content":{"rendered":"
Hei! T\u00e4ss\u00e4 tekstiss\u00e4 kerron, miten X3bet Casino yll\u00e4pit\u00e4\u00e4 toimilla vastuullista pelaamista. Toimijana, joka toimii Suomea, me tunnemme, ett\u00e4 suojattu ja kontrolloitu pelikokemus on kaiken perusta. Siksi sivustoltamme on saatavilla kokoelma ty\u00f6kaluja, joiden teht\u00e4v\u00e4 on ohjata sinua pit\u00e4m\u00e4\u00e4n pelaamisesta nautinnollisen ja hallittuna olevan. N\u00e4m\u00e4 eiv\u00e4t ole ainoastaan lakis\u00e4\u00e4teisi\u00e4 vaatimuksia, vaan ne on tehty toimiviksi ja nopeasti saatavilla oleviksi jokaiselle pelaajalle. Katsomme kaikki tavat, joilla voit varjella itse\u00e4si ja rahojasi. Aluksi k\u00e4sittelemme talletus- ja pelirajoista ja eteneemme aina tilin v\u00e4liaikaiseen sulkemiseen saakka. Tarkoitukseni on, ett\u00e4 saat kaiken tiet\u00e4myksen, jotta voit tehd\u00e4 tietoisia valintoja ja iloita X3betin valikoimasta t\u00e4ysin rauhassa.<\/p>\n
Talletuslimiittien m\u00e4\u00e4ritt\u00e4minen on yksi vaikuttavimmista ja eniten k\u00e4ytetyist\u00e4 vastuullisen pelaamisen ty\u00f6kaluista. X3bet Casinolla p\u00e4\u00e4t\u00e4t itse kuinka paljon rahaa lis\u00e4\u00e4t tilillesi p\u00e4iv\u00e4kohtaisesti, viikon tai kuukauden aikana. Kun olet m\u00e4\u00e4ritt\u00e4nyt limiitin, et voi en\u00e4\u00e4 ohittaa sit\u00e4 saman jakson aikana. T\u00e4m\u00e4 on selke\u00e4 tapa hallita menoja. Olen havainnut, kuinka t\u00e4m\u00e4 selke\u00e4 mekanismi edesauttaa pelaajia v\u00e4ltt\u00e4m\u00e4\u00e4n impulsiivisia talletuksia. Kun raja on t\u00e4ysi, pelaajan on pakko odottaa seuraavaan ajanjaksoon. Asetuksiin p\u00e4\u00e4set k\u00e4siksi omasta tilisi osiosta. Voit muuttaa tai poistaa rajoja milloin tahansa, mutta muutoksen voimaantulossa saattaa olla lyhyt viive. Suosittelen aloittamaan kohtuullisella rajalla ja tutkimaan, mik\u00e4 summa tuntuu budjetiltasi sopivalta. Idea on pelata viihdytt\u00e4v\u00e4sti ilman taloudellista ahdistusta.<\/p>\n
Prosessi on yksinkertainen. Kirjaudu aluksi tilillesi ja mene \u2018Oma tili\u2019 -valikkoon. Hae sielt\u00e4 kohta \u2018Vastuullinen pelaaminen\u2019 tai \u2018Talletusrajat\u2019. Siell\u00e4 on n\u00e4ht\u00e4viss\u00e4 vaihtoehdot vuorokausi-, viikko- ja kuukausirajoille. Sy\u00f6t\u00e4 haluamasi summa kuhunkin kentt\u00e4\u00e4n. Ota huomioon, ett\u00e4 rajat kattavat kaikkia talletustapojasi summana. Kun tallennat asetukset, ne tulevat voimaan heti. Jos haluat tulevaisuudessa korottaa rajaa, se edellytt\u00e4\u00e4 yleens\u00e4 24 tunnin viiveen. T\u00e4ll\u00e4 varmistetaan, ett\u00e4 p\u00e4\u00e4t\u00f6s on harkittu. Rajan alentaminen puolestaan onnistuu v\u00e4litt\u00f6m\u00e4sti. T\u00e4m\u00e4 antaa lis\u00e4turvaa, jos haluat v\u00e4hent\u00e4\u00e4 pelaamista nopeasti.<\/p>\n
Talletusrajat ovat proaktiivisena rajoitteena liialliselle pelaamiselle. Ne muuttuvat henkil\u00f6kohtaiseksi budjetointiv\u00e4lineeksi, joka pit\u00e4\u00e4 hauskanpidon kohtuudessa. Lukuisalle pelaajalle se on selke\u00e4 muistutus siit\u00e4, ett\u00e4 rahapelaaminen on viihdett\u00e4, ei tulonl\u00e4hdett\u00e4. X3betiss\u00e4 koemme n\u00e4it\u00e4 rajoja keskeisen\u00e4 osana turvallista pelikokemustamme. Kehotan jokaista pelaajaa ottamaan ne k\u00e4ytt\u00f6\u00f6n. Ne eiv\u00e4t kavenna hauskanpitoasi, vaan varjelevat sit\u00e4. Kun pelikokemuksesi on taloudellisesti kurissa, voit keskitty\u00e4 nauttimaan pelien tarjoamasta j\u00e4nnityksest\u00e4 ilman huolta tulevaisuudesta. Se on v\u00e4h\u00e4inen askel, jolla on suuri vaikutus pelaamiseesi pitk\u00e4ll\u00e4 aikav\u00e4lill\u00e4.<\/p>\n
S\u00e4\u00e4st\u00f6rajojen lis\u00e4ksi X3bet tarjoaa tilaisuuden laatia rajoja samoin pelauksellesi. Tavoite on voitto- ja tappiorajojen m\u00e4\u00e4ritt\u00e4minen tietyille pelikerroille. Pystytt esim. p\u00e4\u00e4tt\u00e4\u00e4, ett\u00e4 ellei nostat tietyn m\u00e4\u00e4r\u00e4n yhdell\u00e4 istunnolla, pelihetkesi loppuu itsest\u00e4\u00e4n. T\u00e4ll\u00e4 tavoin kykenet nauttia voitostasi levollisesti. My\u00f6s pystytt m\u00e4\u00e4ritt\u00e4\u00e4 tappiorajan, kuka pys\u00e4ytt\u00e4\u00e4 pelin, mik\u00e4li menetykset ylt\u00e4v\u00e4t etuk\u00e4teen sovitun raham\u00e4\u00e4r\u00e4n. Seuraavat ty\u00f6kalut ovat eritt\u00e4in eritt\u00e4in tarpeellisia henkil\u00f6ille, jotka pyrkiv\u00e4t vahvistaa itsekuria ja karttaa tunnetun “tappioiden jahtaus”-ajattelutavan. Kunhan rajoitukset on asetettu, alusta tarkkailee kyseisi\u00e4 puolestasi. T\u00e4m\u00e4 asia tuo turvallisuuden tuntua ja tilaisuuden suuntautua itse pelihetkeen. Ne ovat aivan kuin n\u00e4kym\u00e4t\u00f6n kumppani, joka koskettaa hartialle ja sanoo, jotta nyt on sopiva hetki lopettaa.<\/p>\n