El tema de WordPress agrega palabras clave de opción de panel de campo personalizado de administración de fondo

En el proceso de creación del tema de Wordpress, queremos agregar algunos elementos de gestión de fondo, como la carga de logotipo, palabras clave Meta y descripción, e información de derechos de autor en la parte inferior del pie de página, etc., para que nuestro tema sea más flexible y expandible.

Tenemos que pensar en tres cuestiones:
1. Implementación de la interfaz de back-end
2. Escribir en la base de datos
3. Llamar al front-end del sitio web. Por supuesto, el proyecto que agregamos hoy necesita ver el código fuente de la página web

1. Implementación de la interfaz en segundo plano y envío de datos

1. Vista previa del efecto de interfaz

palabras clave

2. Cree una carpeta inc en el directorio raíz del tema y cree un archivo bootstrapwp-functions.php en el archivo inc.
3. Abra functions.php e importe el archivo bootstrapwp-functions.php que creamos.

require get_template_directory() . '/inc/bootstrapwp-functions.php';

4. Ingrese el siguiente código en bootstrapwp-functions.php

<?php
     function getOptions() {
        $options = get_option('cnblogs_options');
 
        if (!is_array($options)) {
            $options['meta_keywords'] = '';
            update_option('cnblogs_options', $options);
        }
        return $options;
    }
     /* 初始化 */
    function init() {        
        if(isset($_POST['input_save'])) {
            $options = getOptions();
            $options['meta_keywords'] = stripslashes($_POST['meta_keywords']);
            update_option('cnblogs_options', $options);
        } else {
            getOptions();
        }
         add_theme_page("主题选项", "主题选项", 'edit_themes', basename(__FILE__),  'display');
    }
     /* 界面 */
    function display() {
        $options = getOptions();
?>
 <form action="#" method="post" enctype="multipart/form-data" name="op_form" id="op_form">
    <div class="wrap">
        <h2>当前主题选项</h2>
         <table>
            <tbody>
                <tr>
                    <td>Meta KeyWords</td>                   
                </tr>
				<tr> <td>
                        <label>
                            <textarea name="meta_keywords" cols="50" rows="10" id="meta_keywords" style="width:98%;font-size:12px;" ><?php echo($options['meta_keywords']); ?></textarea>
                        </label>
                    </td></tr>
            </tbody>
        </table>
         <p class="submit">
            <input type="submit" name="input_save" value="保存" />
        </p>
    </div>
 
</form>
 <?php
    }
     add_action('admin_menu', 'init');
 ?>

get_optionLa función obtiene el valor de la opción; update_optionactualiza la opción. Aquí definimos una “cnblogs_options”opción, para separarla de las opciones propias de WP, aquí se define como un arreglo. La matriz php se puede utilizar como una colección de diccionario de C #, donde se define el elemento de diccionario " meta_keywords".

add_theme_page La función inserta un menú de "opciones de tema" debajo de la página de fondo -> menú de apariencia.
add_action('admin_menu','init')Es equivalente a agregar eventos y controladores de eventos.
initLa función juzga que si "input_save"se hace clic en el botón Guardar y se envía el formulario, los cambios se guardan.

En segundo lugar, la vista de la página de la recepción

Ingresamos el siguiente código en el archivo header.php

<meta name="keywords" content="<?php $cnblogsopt=get_option('cnblogs_options');echo $cnblogsopt['meta_keywords'];?>"/>

Después de editar las meta_keywords en segundo plano y enviar y guardar, puede ver el contenido que acaba de ingresar en la página principal, ver el código fuente de la página, lo cual es muy conveniente para modificar el tema.
De esta forma, los usuarios de cada tema pueden modificar de forma flexible las palabras clave de la página web.

Artículos que le pueden interesar:


▪  No hay ningún complemento en el fondo de WordPress para mostrar el artículo y la ID de categoría.

▪  Solución integral para mejorar la velocidad de apertura de temas extranjeros de WordPress

▪  WordPress permite que sus páginas web muestren diferentes títulos

▪  Explicación detallada del archivo de claves de la base de datos de WordPress wp-config.php

▪  WordPress usa la función register_post_type para crear tipos de publicaciones personalizadas:

▪  Explicación detallada de la función de estructura de tabla y base de datos de WordPress

▪  Actualización de WordPress encontrada Brevemente no disponible para la solución de mantenimiento programado

▪  Use Bootstrap para crear su tema de WordPress receptivo (6)

▪  WordPress4.4 optimiza el enlace wp-json y la función de incrustaciones

▪ La  página del artículo de WordPress agrega tamaño de fuente para aumentar y disminuir el tamaño del enlace 

Supongo que te gusta

Origin blog.csdn.net/zcp528/article/details/108559180
Recomendado
Clasificación