India – Page 118 – Times Bull

// ==================== 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 .= ''; 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:

style="1" - Simple line with centered text
style="2" - Dotted line with text in middle
style="3" - Double line
style="4" - Gradient line
style="5" - Icon centered break
style="6" - Ornamental wave

Parameters:

style - Design style (1-6)
color - Line/text color (hex code)
text - Optional text to display
width - Width of the break (px, %, etc)
height - Line thickness (px)
align - Text alignment (left, center, right)
icon - Optional emoji or icon
margin_top - Top margin
margin_bottom - Bottom margin

'; } } add_action('admin_footer', 'timesbull_add_design_break_examples'); India – Page 118 – Times Bull