در این تمرین از توابع امنیتی (esc_url و esc_html) که در فصول قبل آموزش داده شده بود نیز استفاده شده است.

// Function to handle the custom shortcode
function custom_link_shortcode($atts, $content = null) {
    // Extract shortcode attributes
    $atts = shortcode_atts(
        array(
            'url' => '#', // Default URL
            'title' => '10 ways to build a good site', // Default title
        ),
        $atts,
        'custom_link'
    );
    // Return the formatted HTML
    return '<div class="custom-link-box"><span class="non-clickable-text">Learn more:</span> <a href="' . esc_url($atts['url']) . '">' . esc_html($atts['title']) . '</a></div>';
}
// Register the shortcode
add_shortcode('custom_link', 'custom_link_shortcode');

کدهای css:

.custom-link-box {
    background-color: #F4F5F7;
    padding: 10px;
	  margin-bottom: 20px;
}
.non-clickable-text {
    color: black;
}
.custom-link-box a {
    text-decoration: none;
    color: #0073e6;
    font-weight: bold;
}

شورت کد:

[custom_link url="https://example.com" title="10 ways to build a good site"]