Settings API in Wordpress - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

What is the output of this WordPress Settings API code?

Consider this code snippet that registers a setting and adds a settings field. What will be displayed on the settings page for the field?

Wordpress

<?php
function myplugin_settings_init() {
  register_setting('myplugin_options_group', 'myplugin_option_name');
  add_settings_section('myplugin_section', 'My Plugin Settings', null, 'myplugin');
  add_settings_field('myplugin_field', 'My Option', function() {
    $value = get_option('myplugin_option_name', 'default');
    echo '<input type="text" name="myplugin_option_name" value="' . esc_attr($value) . '" />';
  }, 'myplugin', 'myplugin_section');
}
add_action('admin_init', 'myplugin_settings_init');

A A text input box with the saved option value or 'default' if none saved

B A checkbox input that is always unchecked

C A dropdown select with no options

D An error message saying 'Invalid setting field'

💡 Hint

Look at how the input field is generated and what value it uses.

The code registers a setting and adds a text input field that shows the saved option value or 'default' if none exists. So the output is a text input box with that value.

❓ state_output

intermediate

What is the value of the option after this code runs?

Given this code that updates an option using the Settings API, what will be the value stored in the database for 'myplugin_option_name'?

Wordpress

<?php
update_option('myplugin_option_name', 'new_value');
$value = get_option('myplugin_option_name');

A null

B 'new_value'

C false

D 'default'

💡 Hint

What does update_option do to the stored value?

update_option sets the option value in the database. So get_option returns the updated value 'new_value'.

📝 Syntax

advanced

Which option causes a syntax error in this Settings API code?

Which of these code snippets will cause a syntax error when registering a setting in WordPress?

A register_setting('myplugin_options_group', 'myplugin_option_name', ['sanitize_callback' => 'sanitize_text_field']);

B register_setting('myplugin_options_group', 'myplugin_option_name');

C register_setting('myplugin_options_group', 'myplugin_option_name', array('type' => 'string'));

D register_setting('myplugin_options_group' 'myplugin_option_name');

💡 Hint

Check the syntax of function arguments and commas.

Option D is missing a comma between the two string arguments, causing a syntax error.

🔧 Debug

advanced

Why does this Settings API field not save the input value?

This code adds a settings field but the input value is not saved after submitting the form. What is the likely cause?

Wordpress

<?php
function myplugin_settings_init() {
  register_setting('myplugin_options_group', 'myplugin_option_name');
  add_settings_section('myplugin_section', 'My Plugin Settings', null, 'myplugin');
  add_settings_field('myplugin_field', 'My Option', function() {
    $value = get_option('myplugin_option_name', '');
    echo '<input type="text" name="myplugin_option_name" value="' . esc_attr($value) . '" />';
  }, 'myplugin', 'myplugin_section');
}
add_action('admin_init', 'myplugin_settings_init');

A The input field name does not match the registered option name

B The register_setting function is missing the sanitize callback

C The settings section callback is missing

D The add_settings_section function is missing a title

💡 Hint

Check the name attribute of the input field and the option name registered.

The input field's name attribute is 'myplugin_option_name' and it matches the registered option name. The original issue was that it did not match, so this corrected code fixes that.

🧠 Conceptual

expert

Which statement best describes the role of the Settings API in WordPress?

Choose the statement that correctly explains what the WordPress Settings API does.

A It handles user authentication and permission checks for admin pages

B It automatically creates database tables for plugin data storage

C It provides a standardized way to create, display, and save settings fields and sections in the WordPress admin area

D It is a theme framework for styling WordPress admin pages

💡 Hint

Think about what the Settings API helps developers do with plugin options.

The Settings API standardizes how to add settings sections, fields, and save options in the admin area. It does not create tables or handle authentication.