[Solved] You want to create a shortcode [highlight color="yellow"]Text[/highlight] that wraps the content in a span with the specified color. Which function correctly implements this? | Wordpress

Wordpress - Shortcodes and Blocks

You want to create a shortcode [highlight color="yellow"]Text[/highlight] that wraps the content in a span with the specified color. Which function correctly implements this?

A

function highlight_shortcode() {
  return '<span style="color:yellow">Text</span>';
}
add_shortcode('highlight', 'highlight_shortcode');

B

function highlight_shortcode($atts) {
  return '<span style="color:' . $atts['color'] . '">' . $content . '</span>';
}
add_shortcode('highlight', 'highlight_shortcode');

C

function highlight_shortcode($content) {
  return '<span style="color:yellow">' . $content . '</span>';
}
add_shortcode('highlight', 'highlight_shortcode');

D

function highlight_shortcode($atts, $content = null) {
  $atts = shortcode_atts(['color' => 'red'], $atts);
  return '<span style="color:' . esc_attr($atts['color']) . '">' . do_shortcode($content) . '</span>';
}
add_shortcode('highlight', 'highlight_shortcode');

Step-by-Step Solution

Solution:

Step 1: Check function parameters
Shortcode functions that wrap content must accept $atts and $content = null.
Step 2: Use shortcode_atts for defaults
Defaults are set with shortcode_atts to handle missing attributes.
Step 3: Sanitize attributes
Use esc_attr() to safely output attribute values.
Step 4: Process nested shortcodes
Use do_shortcode() on content to allow nested shortcodes.
Step 5: Return the wrapped content
Return the span with inline style and processed content.
Final Answer:
function highlight_shortcode($atts, $content = null) { $atts = shortcode_atts(['color' => 'red'], $atts); return '' . do_shortcode($content) . ''; } add_shortcode('highlight', 'highlight_shortcode'); correctly implements all these steps.
Quick Check:
Use shortcode_atts, esc_attr, and do_shortcode for safe, nested content [OK]

Quick Trick: Use shortcode_atts, esc_attr, and do_shortcode for safe output [OK]

Common Mistakes:

Not accepting $content parameter
Not sanitizing attributes
Not processing nested shortcodes

Master "Shortcodes and Blocks" in Wordpress

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Wordpress Quizzes

You want to create a shortcode [highlight color="yellow"]Text[/highlight] that wraps the content in a span with the specified color. Which function correctly implements this?

Step 1: Check function parameters

Step 2: Use shortcode_atts for defaults

Step 3: Sanitize attributes

Step 4: Process nested shortcodes

Step 5: Return the wrapped content

Final Answer:

Quick Check:

Want More Practice?