WP - Banner Shortcode

WP - Banner Shortcode

// Add Shortcode
function akea_banner_shortcode( $atts ) {

    // Attributes
    $atts = shortcode_atts(
        array(
            'img' => 'https://dummyimage.com/1920x200/ccc/fff.jpg',
            'alt' => '',
            'url' => '',
            'target' => '_self',
            'width' => '100%',
            'height' => 'auto',
        ),
        $atts,
        'banner'
    );

    $alt = ($atts['alt'] != '') ? ' alt="' . $atts['alt'] . '"' : ' alt=""';
    $urlStyles = ' style="display: block;"';
    $blockStyles = ' style="margin-bottom: 30px;"';

    $output = '<div class="akea-banner-shortcode"' . $blockStyles . '>';
    if ($atts['url'] != '') {
        $output .= '<a ' . $urlStyles . ' href="' . $atts['url'] . '" target="' . $atts['target'] . '">';
    }
    $output .= '<img src="' . $atts['img'] . '"' . $alt . ' width="' . $atts['width'] . '"' . ' height="' . $atts['height'] . '">';
    if ($atts['url'] != '') {
        $output .= '</a>';
    }
    $output .= '</div>';

    // Return code
    return $output;

}
add_shortcode( 'banner', 'akea_banner_shortcode' );