Example WP Shortcodes

Callout.php

//
// Callout Shortcode
//
function callout_shortcode ($atts, $content = null) {
    extract(shortcode_atts(array(
        'title'     => 'Product / Callout',
        'subtitle'  => '',
        'text'      => 'lorem content',
        'image'     => 'http://path/to/logo',
        'align'     => 'left',
        'parallax'  => true,
    ), $atts));
    $returnContent = '';
    
    ob_start();
    ?>
    <div class="callout-container callout-<?php echo esc_attr( $align ); ?>" data-parallax="<?php echo esc_attr( $parallax ); ?>">
      <div class="callout-content">
        <h3 class="callout-header">
          <?php echo esc_html( $title ); ?>
          <?php if ( ! empty( $subtitle ) : ?>
           <small><php echo esc_html( $subtitle ); ?></small>
          <?php endif; ?>
        </h3>
        <p class="callout-content"><?php echo esc_html( $text ); ?></p>
      </div>
      <div class="callout-image">
        <img src="<? echo esc_attr( $image ); ?>" alt="<?= $title ?>">
      </div>
    </div>

    <?php
    $returnContent = ob_get_clean();
    return $returnContent;
}
add_shortcode("callout", "callout_shortcode");