options.php

<?php

/**
 * Create A Simple Theme Options Panel
 * https://www.wpexplorer.com/wordpress-theme-options/
 */

// Exit if accessed directly
if (!defined('ABSPATH')) {
    exit;
}

// Start Class
if (!class_exists('UCLA_Theme_Options')) {
    class UCLA_Theme_Options
    {
        /**
         * Start things up
         *
         * @since 1.0.0
         */
        public function __construct()
        {

            // We only need to register the admin panel on the back-end
            if (is_admin()) {
                add_action('admin_menu', array('UCLA_Theme_Options', 'add_admin_menu'));
                add_action('admin_init', array('UCLA_Theme_Options', 'register_settings'));
            }
        }

        /**
         * Returns all theme options
         *
         * @since 1.0.0
         */
        public static function get_theme_options()
        {
            return get_option('theme_options');
        }

        /**
         * Returns single theme option
         *
         */
        public static function get_theme_option($id)
        {
            $options = self::get_theme_options();
            if (isset($options[$id])) {
                return $options[$id];
            }
        }

        /**
         * Add sub menu page
         *
         * @since 1.0.0
         */
        public static function add_admin_menu()
        {
            add_menu_page(
                esc_html__('Theme Settings', 'text-domain'),
                esc_html__('Theme Settings', 'text-domain'),
                'manage_options',
                'theme-settings',
                array('UCLA_Theme_Options', 'create_admin_page')
            );
        }

        /**
         * Register a setting and its sanitization callback.
         *
         * We are only registering 1 setting so we can store all options in a single option as
         * an array. You could, however, register a new setting for each option
         *
         * @since 1.0.0
         */
        public static function register_settings()
        {
            register_setting('theme_options', 'theme_options', array('UCLA_Theme_Options', 'sanitize'));
        }

        /**
         * Sanitization callback
         *
         * @since 1.0.0
         */
        public static function sanitize($options)
        {

            // If we have options lets sanitize them
            if ($options) {

            // Address Line One
                if (!empty($options['address_heading'])) {
                    $options['address_heading'] = sanitize_textarea_field($options['address_heading']);
                } else {
                    unset($options['address_heading']); // Remove from options if empty
                }

                // Address Line One
                if (!empty($options['address_input_one'])) {
                    $options['address_input_one'] = sanitize_textarea_field($options['address_input_one']);
                } else {
                    unset($options['address_input_one']); // Remove from options if empty
                }

                // Address Line Two
                if (!empty($options['address_input_two'])) {
                    $options['address_input_two'] = sanitize_textarea_field($options['address_input_two']);
                } else {
                    unset($options['address_input_two']); // Remove from options if empty
                }

                // Phone line
                if (!empty($options['phone_input'])) {
                    $options['phone_input'] = sanitize_textarea_field($options['phone_input']);
                } else {
                    unset($options['phone_input']); // Remove from options if empty
                }

                // Email line
                if (!empty($options['email_input'])) {
                    $options['email_input'] = sanitize_textarea_field($options['email_input']);
                } else {
                    unset($options['email_input']); // Remove from options if empty
                }

                // GTM Tag
                if (!empty($options['gtm_input'])) {
                    $options['gtm_input'] = sanitize_textarea_field($options['gtm_input']);
                } else {
                    unset($options['gtm_input']); // Remove from options if empty
                }

                // Social links
                if (!empty($options['facebook_input'])) {
                    $options['facebook_input'] = sanitize_textarea_field($options['facebook_input']);
                } else {
                    unset($options['facebook_input']); // Remove from options if empty
                }
                if (!empty($options['twitter_input'])) {
                    $options['twitter_input'] = sanitize_textarea_field($options['twitter_input']);
                } else {
                    unset($options['twitter_input']); // Remove from options if empty
                }
                if (!empty($options['instagram_input'])) {
                    $options['instagram_input'] = sanitize_textarea_field($options['instagram_input']);
                } else {
                    unset($options['instagram_input']); // Remove from options if empty
                }
                
                if (!empty($options['linkedin_input'])) {
                    $options['linkedin_input'] = sanitize_textarea_field($options['linkedin_input']);
                } else {
                    unset($options['linkedin_input']); // Remove from options if empty
                }
                if (!empty($options['youtube_input'])) {
                    $options['youtube_input'] = sanitize_textarea_field($options['youtube_input']);
                } else {
                    unset($options['youtube_input']); // Remove from options if empty
                }
                if (!empty($options['tiktok_input'])) {
                    $options['tiktok_input'] = sanitize_textarea_field($options['tiktok_input']);
                } else {
                    unset($options['tiktok_input']); // Remove from options if empty
                }
            }

            // Return sanitized options
            return $options;
        }


        /**
         * Settings page output
         *
         * @since 1.0.0
         */
        public static function create_admin_page()
        { ?>

<div class="wrap">

    <h1><?php esc_html_e('Theme Options', 'text-domain'); ?></h1>

    <form method="post" action="options.php">

        <?php settings_fields('theme_options'); ?>

        <table class="form-table UCLA-custom-admin-login-table">
            <?php // Text input example
                        ?>
            <tr valign="top">
                <th scope="row"><?php esc_html_e('Footer Name', 'text-domain'); ?></th>
                <td>
                    <?php $address_heading = self::get_theme_option('address_heading'); ?>
                    <input type="text" name="theme_options[address_heading]" placeholder="Add name of academic unit" value="<?php echo esc_attr($address_heading); ?>" />
                </td>
            </tr>
            <tr valign="top">
                <th scope="row"><?php esc_html_e('Footer Address', 'text-domain'); ?></th>
                <td>
                    <?php $address_one = self::get_theme_option('address_input_one'); ?>
                    <input type="text" name="theme_options[address_input_one]" placeholder="Add address" value="<?php echo esc_attr($address_one); ?>" />
                    <br />
                    <?php $address_two = self::get_theme_option('address_input_two'); ?>
                    <input type="text" name="theme_options[address_input_two]" placeholder="Los Angeles, CA 90024" value="<?php echo esc_attr($address_two); ?>" />
                </td>
            </tr>
            <tr valign="top">
                <th scope="row"><?php esc_html_e('Footer Phone', 'text-domain'); ?></th>
                <td>
                    <?php $phone = self::get_theme_option('phone_input'); ?>
                    <input type="text" name="theme_options[phone_input]" placeholder="123-45-678" value="<?php echo esc_attr($phone); ?>" />
                </td>
            </tr>
            <tr valign="top">
                <th scope="row"><?php esc_html_e('Footer Email', 'text-domain'); ?></th>
                <td>
                    <?php $email = self::get_theme_option('email_input'); ?>
                    <input type="text" name="theme_options[email_input]" placeholder="youremail@ucla.edu" value="<?php echo esc_attr($email); ?>" />
                </td>
            </tr>

            <tr valign="top">
                <th scope="row"><?php esc_html_e('GTM Tag ID', 'text-domain'); ?></th>
                <td>
                    <?php $gtm = self::get_theme_option('gtm_input'); ?>
                    <input type="text" name="theme_options[gtm_input]" placeholder="id" value="<?php echo esc_attr($gtm); ?>" />
                </td>
            </tr>

            <!-- Social Links -->
            <tr valign="top">
                <th scope="row"><?php esc_html_e('Footer Facebook Link', 'text-domain'); ?></th>
                <td>
                    <?php $facebook = self::get_theme_option('facebook_input'); ?>
                    <input type="text" name="theme_options[facebook_input]" placeholder="facebook.com/" value="<?php echo esc_attr($facebook); ?>" />
                </td>
            </tr>
            <tr valign="top">
                <th scope="row"><?php esc_html_e('Footer Instagram Link', 'text-domain'); ?></th>
                <td>
                    <?php $instagram = self::get_theme_option('instagram_input'); ?>
                    <input type="text" name="theme_options[instagram_input]" placeholder="instagram.com/" value="<?php echo esc_attr($instagram); ?>" />
                </td>
            </tr>
            <tr valign="top">
                <th scope="row"><?php esc_html_e('Footer Twitter Link', 'text-domain'); ?></th>
                <td>
                    <?php $twitter = self::get_theme_option('twitter_input'); ?>
                    <input type="text" name="theme_options[twitter_input]" placeholder="twitter.com/" value="<?php echo esc_attr($twitter); ?>" />
                </td>
            </tr>
            
            <tr valign="top">
                <th scope="row"><?php esc_html_e('Footer Linkedin Link', 'text-domain'); ?></th>
                <td>
                    <?php $linkedin = self::get_theme_option('linkedin_input'); ?>
                    <input type="text" name="theme_options[linkedin_input]" placeholder="linkedin.com/" value="<?php echo esc_attr($linkedin); ?>" />
                </td>
            </tr>
            <tr valign="top">
                <th scope="row"><?php esc_html_e('Footer Youtube Link', 'text-domain'); ?></th>
                <td>
                    <?php $youtube = self::get_theme_option('youtube_input'); ?>
                    <input type="text" name="theme_options[youtube_input]" placeholder="youtube.com/" value="<?php echo esc_attr($youtube); ?>" />
                </td>
            </tr>
            <tr valign="top">
                <th scope="row"><?php esc_html_e('Footer Tiktok Link', 'text-domain'); ?></th>
                <td>
                    <?php $tiktok = self::get_theme_option('tiktok_input'); ?>
                    <input type="text" name="theme_options[tiktok_input]" placeholder="tiktok.com/" value="<?php echo esc_attr($tiktok); ?>" />
                </td>
            </tr>
        </table>

        <?php submit_button(); ?>

    </form>

</div><!-- .wrap -->
<?php }
    }
}
new UCLA_Theme_Options();

// Helper function to use in your theme to return a theme option value
function myprefix_get_theme_option($id = '')
{
    return UCLA_Theme_Options::get_theme_option($id);
}