// ==================== 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');
Ather 450X; Amazing features, powerful engine and affordable 2024 – Times BullAther 450X: Ather Energy has updated its electric scooters 450X and 450S.Â
Both scooters will now come with belt cover and new Ather logo at the rear.Â
The company has used belt cover so that it remains safe from dirt and mud during rainy season.Â
Also, it will protect the belt from getting damaged. Customers will not have to worry about servicing.Â
The company has also made changes in its logo. The new logo comes with chrome finish.Â
Whereas earlier a plastic logo was used. Lets know in details about this amazing scooter.
Talking about safety features, then it gets a Combined Braking System (CBS).Â
the starting ex-showroom price of Ather 450S is Rs 1.27 lakhÂ
Learn more