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', ['UCLA_Theme_Options', 'add_admin_menu']);
                add_action('admin_init', ['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', ['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', ['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 Heading/Unit Name
                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['snapchat_input'])) {
                    $options['snapchat_input'] = sanitize_textarea_field($options['snapchat_input']);
                } else {
                    unset($options['snapchat_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('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>
                        <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="1602 Molecular Science Building" 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="contact@ucla.edu" value="<?php echo esc_attr($email); ?>" />
                            </td>
                        </tr>


                    </table>
                        <!-- Social Links -->
                    <h2><?php esc_html_e('Department or Initiative Specific Footer Social Links', 'text-domain'); ?></h2>
                    <p><?php esc_html_e('(Leave blank if you do not have your own department or function specific social profile)', 'text-domain'); ?></p>
                    <table class="form-table UCLA-custom-admin-login-table">
                        <tr valign="top">
                            <th scope="row"><?php esc_html_e('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('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('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('Snapchat Link', 'text-domain'); ?></th>
                            <td>
            <?php $snapchat = self::get_theme_option('snapchat_input'); ?>
                                <input type="text" name="theme_options[snapchat_input]" placeholder="snapchat.com/" value="<?php echo esc_attr($snapchat); ?>" />
                            </td>
                        </tr>
                        <tr valign="top">
                            <th scope="row"><?php esc_html_e('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('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('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);
}