[Solved] You want to create a shortcode [highlight color="yellow"]text[/highlight] that wraps the content in a span with the specified background... Which handler correctly processes parameters and content? | 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 background color. Which handler correctly processes parameters and content?

A

function highlight_shortcode() {
  return "<span>Highlight</span>";
}

B

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

C

function highlight_shortcode($atts) {
  return "<span style='background-color:{$atts['color']}'>Content</span>";
}

D

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

Step-by-Step Solution

Solution:

Step 1: Check parameters and content
The handler must accept $atts and $content parameters.
Step 2: Use shortcode_atts for defaults
Defaults ensure 'color' is set if not provided.
Step 3: Return wrapped content
Content is wrapped in a span with inline style using the color.
Final Answer:
function highlight_shortcode($atts, $content = null) { $atts = shortcode_atts(['color' => 'yellow'], $atts); return "" . do_shortcode($content) . ""; } correctly handles parameters and content.
Quick Check:
Use $atts, $content, and shortcode_atts [OK]

Quick Trick: Use $atts and $content with shortcode_atts [OK]

Common Mistakes:

Ignoring $content parameter
Not setting default attributes
Hardcoding styles without parameters

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

Which handler correctly processes parameters and content?

Step 1: Check parameters and content

Step 2: Use shortcode_atts for defaults

Step 3: Return wrapped content

Final Answer:

Quick Check:

Want More Practice?