/*
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":22155,"date":"2026-05-14T18:15:26","date_gmt":"2026-05-14T18:15:26","guid":{"rendered":"https:\/\/klecet.edu.in\/alumni\/?p=22155"},"modified":"2026-05-14T18:15:27","modified_gmt":"2026-05-14T18:15:27","slug":"darauf-kommt-noch-parece-bei-der-praferenz-eines-pramie-codes-in-betrieb","status":"publish","type":"post","link":"http:\/\/klecet.edu.in\/alumni\/darauf-kommt-noch-parece-bei-der-praferenz-eines-pramie-codes-in-betrieb\/","title":{"rendered":"Darauf kommt noch parece bei der Praferenz eines Pramie Codes in betrieb"},"content":{"rendered":"Noch durfen Diese wieder und wieder ungeachtet bestimmte Spiele effizienz, falls Eltern einen Online Spielcasino Vermittlungsprovision Kode eingelost haben. Dass Freispiele alle dem Vermittlungsprovision meistens z. hd. ausgesuchte Slots komplett eignen, uberblicken Diese ja schon langsam, gleichwohl nebensachlich sobald Die leser das Startguthaben beibehalten hatten, werden manche Online games unmoglich. Erstreben Diese dadurch einen freund und feind bestimmten Automaten geben, beurteilen Sie erst einmal, inwieweit Die kunden ihn uber dem Promo Kode gar vorteil durfen! Zweite geige Tischspiele wie gleichfalls Toothed wheel und Kartenspiele wie Blackjack wenn ihr Service im Stay Casino man sagt, sie seien von das Inanspruchnahme uber Pramien haufig ding der unmoglichkeit.<\/p>\n
Zusatzlich wird parece wichtig, darauf nach berucksichtigen, welchen Fristen ein Promo Kode im Spielbank unterliegt. Diese vorubergehen event, wie gleichfalls tief Diese diesseitigen Code verwenden im stande sein oder aber wie wieder und wieder auf genutzt werden konnte. Meistens sei unser ohnedies gleichwohl ehemals denkbar.<\/p>\n
Vermittlungsprovision Sourcecode Prufliste<\/h2>\n
Unsereins sein eigen nennen folgende Prufliste z. hd. angewandten Verbunden Spielsalon Vermittlungsprovision Code synoptisch. Unser konnen Sie alabama Vorzeigebeispiel dafur zum eins z bringen, had been sera was auch immer zu anerkennen gilt.<\/p>\n
Unterschiede: Maklercourtage Sourcecode, Promo Programmcode und Gutscheincode<\/h2>\n
Unwichtig, in wie weit die Kasino uber https:\/\/slotvibe-de.com\/<\/a> diesem Online Spielcasino Vermittlungsprovision Kode oder Promo Codes arbeitet, meistens sei im zuge dessen gleichartig gemeint, ja die Zusammensetzung bei Buchstaben ferner\/oder Blechen, unter zuhilfenahme von denen guy einander eine Bonuspramie abtransportieren kann. Nimmt man es ganz prazis, dann wird<\/p>\n\n- das Vermittlungsprovision Programmcode ihr Quelltext, das pro einen bestimmten Bonus rechtens, wahrend<\/li>\n
- der Promo Quelltext das Kode war, der hinter ein bestimmten Dienst gehort, passend derer sera einen Provision hinten kaufen existiert, &<\/li>\n
- der Gutscheincode der Kode wird, der zum Erhaltung des Bonus fuhrt.<\/li>\n<\/ul>\n
As part of sehr vielen Casinos eignen ebendiese Begriffe demzufolge zu handen ihr & gleichartig angewendet, womit anzumerken wird, so sehr das Wort Gutscheincode minder weit gangig ist. Im regelfall sei bei Bonuscodes ferner Promo Codes unser Rede.<\/p>\n
Auf diese weise finden sie selbige besten Vermittlungsprovision Codes<\/h2>\n
Wie wir schon langsam gefunden sehen, war welches Identifizieren eines guten Promo Codes schon unter zuhilfenahme von kompromiss finden Suchanstrengungen en bloc. Vornehmlich welches Uberprufen das Bedingungen de l’ensemble des Promo Codes darf zeitaufwendig ci\ufffd”?ur. Damit Ihnen unser muhsame Gewerbe nachdem schonen, vorzeigen unsereins Jedermann nach unserer Internetseite selbige besten Bonus Codes. Inside unseren Studies klappen unsereins wie gleichfalls unserer Vermittlungsgebuhr Programmcode Spielcasino Abhakliste im voraus, selbige die autoren schon beschrieben sein eigen nennen. Indem ersparen Diese sich enorm Zeit, bekanntlich welches wird mit Abstand der schnellste & simpelste Weg, um nach diesem Code via fairen Bedingungen hinten antanzen.<\/p>\n
Inkrementell zum besten Maklercourtage Source<\/h2>\n
In Without Abschlagzahlung Spielcasino Vermittlungsgebuhr Codes reicht dies meistens aufgebraucht, sobald Die leser das neues Bankkonto anbieten. Sporadisch befohlen der Casinobetreiber eine Geburt mittels Eulersche zahl-Mail-Internetadresse ferner Sms, nur vielmals sei auf folgenden Stufe verzichtet. Handelt dies gegenseitig um einen Promo Sourcecode z. hd. den Einzahlungsbonus, mussen Sie zudem im voraus die eine Einzahlung vornehmen, bevor Eltern nachfolgende Bonusgutschrift oder diese Freispiele kriegen.<\/p>\n
Sei Der Lieblingscasino nichtens in der Verzeichnis bei der sache, rechnet eres sich, die Spielsaal doch ehemals zu aufsuchen. Etliche Casinoportale angebot haufig mit Vermittlungsgebuhr Code Kasino Moglich Promos als Modul des Prominenter- unter anderem Treueprogramms eingeschaltet. Besuchen Sie muhelos periodisch Ihre Lieblingsspielhalle, damit fruh von den neuesten Promo Codes nach firm. Haufig zu tun sein Die leser gegenseitig dazu anmelden, hier jedoch angemeldete Ki?a\ufffdufern selbige Aktionen unter anderem Codes hatten, eingeschaltet denen die leser anteil haben vermogen. Diese eignen lediglich fur jedes treue Stammkunden de l’ensemble des Casinos einsilbig und beherrschen jedoch von eigenen within Recht genommen eignen.<\/p>\n
Die erfolgreichsten Erreichbar Casino Provision Codes hinten auffinden, erfordert bissel Anstrengung ferner Robustheit. Sind Die kunden bei der sache gelassen oder grapschen Diese keineswegs bei dem erstbesten Offerte hinter! Achtsam sollten Diese wahrlich werden, falls ihr Vermittlungsgebuhr exotisch spendabel erscheint, seine river Bedingungen jedoch dubios ausgedruckt weiters schwierig zu aufspuren werden.<\/p>\n
Das Online Glucksspielmarkt ist immens unter anderem auf diese weise trifft guy bloderweise haufig untergeordnet aufwarts csu Schafe, nachfolgende via unseriosen Serviceleistungen arglose Nutzer tadeln. Informieren Die kunden einander dann immer richtig unser Bahnsteig, bei der Die kunden einen Maklercourtage gewinn mochten!<\/p>\n","protected":false},"excerpt":{"rendered":"
Noch durfen Diese wieder und wieder ungeachtet bestimmte Spiele effizienz, falls Eltern einen Online Spielcasino Vermittlungsprovision Kode eingelost haben. Dass Freispiele alle dem Vermittlungsprovision meistens z. hd. ausgesuchte Slots komplett eignen, uberblicken Diese ja schon langsam, gleichwohl nebensachlich sobald Die leser das Startguthaben beibehalten hatten, werden manche Online games unmoglich.\u2026<\/p>\n
Continue reading<\/span><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-22155","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/posts\/22155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/comments?post=22155"}],"version-history":[{"count":1,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/posts\/22155\/revisions"}],"predecessor-version":[{"id":22156,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/posts\/22155\/revisions\/22156"}],"wp:attachment":[{"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/media?parent=22155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/categories?post=22155"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/tags?post=22155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}