// ==================== DESIGN BREAK SECTION ==================== /** * Design Break Shortcode * Adds stylish visual dividers between sections * * Usage: [timesbull_design_break style="1" color="#e31837" text="Section Title"] */ function timesbull_design_break_shortcode($atts) { $defaults = array( 'style' => '1', 'color' => get_option('timesbull_primary_color', '#e31837'), 'text' => '', 'width' => '100%', 'height' => '2px', 'align' => 'center', 'icon' => '', 'margin_top' => '40px', 'margin_bottom' => '40px' ); $atts = shortcode_atts($defaults, $atts, 'timesbull_design_break'); // Sanitize inputs $style = intval($atts['style']); $color = sanitize_hex_color($atts['color']); $text = sanitize_text_field($atts['text']); $width = esc_attr($atts['width']); $height = esc_attr($atts['height']); $align = in_array($atts['align'], array('left', 'center', 'right')) ? $atts['align'] : 'center'; $icon = esc_attr($atts['icon']); $margin_top = esc_attr($atts['margin_top']); $margin_bottom = esc_attr($atts['margin_bottom']); // Start output $output = '
'; switch($style) { case 1: // Simple line with optional text if ($text) { $output .= '
'; $output .= ''; if ($icon) { $output .= '' . $icon . ' '; } $output .= '' . $text . ''; $output .= '
'; $output .= '
'; } else { $output .= '
'; } break; case 2: // Dotted line if ($text) { $output .= '
'; $output .= ''; $output .= ''; if ($icon) { $output .= '' . $icon . ' '; } $output .= $text . ''; $output .= ''; $output .= '
'; } else { $output .= '
'; } break; case 3: // Double line $output .= '
'; $output .= '
'; $output .= '
'; if ($text) { $output .= '
'; if ($icon) { $output .= '' . $icon . ' '; } $output .= $text . '
'; } $output .= '
'; break; case 4: // Gradient line $output .= '
'; if ($text) { $output .= '
'; if ($icon) { $output .= '' . $icon . ' '; } $output .= $text . '
'; } break; case 5: // Icon centered break $output .= '
'; $output .= ''; if ($icon) { $output .= '' . $icon . ''; } if ($text) { $output .= '' . $text . ''; } $output .= ''; $output .= '
'; break; case 6: // Ornamental break $output .= '
'; $output .= ''; $output .= ''; $output .= ''; if ($text) { $output .= '
'; if ($icon) { $output .= '' . $icon . ' '; } $output .= $text . '
'; } $output .= '
'; break; default: // Default simple line $output .= '
'; } $output .= '
'; return $output; } add_shortcode('timesbull_design_break', 'timesbull_design_break_shortcode'); /** * Add Design Break CSS */ function timesbull_add_design_break_css() { $css = ' '; echo $css; } add_action('wp_head', 'timesbull_add_design_break_css'); /** * Example usage in settings page */ function timesbull_add_design_break_examples() { if (isset($_GET['page']) && $_GET['page'] === 'timesbull-settings') { echo '

Design Break Shortcode

Add stylish visual dividers between content sections.

Basic Usage:

[timesbull_design_break]

With Text:

[timesbull_design_break style="1" text="Featured Posts"]

Different Styles:

[timesbull_design_break style="2" color="#0073aa"]

[timesbull_design_break style="3" text="Trending" icon="ЁЯФе"]

[timesbull_design_break style="4" width="80%" height="3px"]

[timesbull_design_break style="5" text="Continue Reading" icon="тЖУ"]

Full Example:

[timesbull_design_break style="2" text="Related Content" color="#e31837" width="90%" icon="ЁЯУЪ" margin_top="50px" margin_bottom="50px"]

Style Options:

Parameters:

'; } } add_action('admin_footer', 'timesbull_add_design_break_examples'); Times Bull – Page 2141 – Timesbull