Cómo crear un mejor panel de opciones de WordPress

Ahora, lo más importante es que la codificación de esto no se debe hacer manualmente, debemos usar la flexibilidad de PHP tanto como sea posible. Eso significa eficiencia: no codifique manualmente cuando tenga bucles para usted!

Paso 3

Comience abriendo functions.php en su editor de código favorito (yo uso Notepad ++). Ingrese el siguiente código:

  
Las dos variables de PHP contienen el nombre de su tema (Nettuts en nuestro caso) y un nombre corto que ha definido (nt en nuestro caso). El nombre corto se usa para prefijar todos los nombres de nuestras opciones de tema, y ​​generalmente es único para un tema en particular. A continuación, escribiremos un código para generar automáticamente una lista de categorías de WordPress, en lugar de que los usuarios escriban números de identificación. Ingrese el código debajo del código ya escrito:
 
 $ categories = get_categories ('hide_empty = 0 & orderby = name'); $ wp_cats = array (); foreach ($ categories como $ category_list) $ wp_cats [$ category_list-> cat_ID] = $ category_list-> cat_name;  array_unshift ($ wp_cats, "Elija una categoría");
 
Este fragmento de código utiliza la función incorporada get_categories de WordPress para obtener todas las categorías, y luego usa un bucle foreach para almacenarlas en la variable $ wp_cats. Las opciones "Elegir una categoría" se agregan a la parte superior de la matriz
 
Etapa 4
 
Ahora comenzamos a ingresar una lista de opciones para el tema. Vea a continuación, y péguelo en su archivo functions.php:
 
 $ options = array (array ("name" => $ themename. "Options", "type" => "title"), array ("name" => "General", "type" => "section"), array ("type" => "open"), array ("name" => "Color Scheme", "desc" => "Seleccione el esquema de color para el tema", "id" => $ shortname. "_ color_scheme" , "type" => "select", "options" => array ("blue", "red", "green"), "std" => "blue"), array ("name" => "Logo URL "," desc "=>" Introduzca el enlace a su imagen de logotipo "," id "=> $ shortname." _ logo "," escriba "=>" texto "," std "=>" "), matriz (" nombre "=>" CSS personalizado "," desc "=>" ¿Desea agregar cualquier código CSS personalizado? Ponga aquí, y el resto se encargará. Esto anula cualquier otra hoja de estilo, por ejemplo: a.button color: green  "," id "=> $ shortname." _ custom_css "," type "=>" textarea "," std "=>" "), array (" type "=>" close "), array (" name " => "Página de inicio", "tipo" => "sección"), array ("type" => "open"), array ("name" => "Imagen del encabezado de página de inicio", "desc" => "Ingrese el enlace a una imagen utilizada para el encabezado de la página de inicio. "," id "=> $ shortname." _ header_img ", "escriba" => "texto", "std" => ""), array ("nombre" => "Categoría destacada de la página principal", "desc" => "Elija una categoría de la cual se dibujan las publicaciones destacadas", "id "=> $ shortname." _ feat_cat "," type "=>" select "," options "=> $ wp_cats," std "=>" Choose a category "), array (" type "=>" close ") , array ("name" => "Footer", "type" => "section"), array ("type" => "open"), array ("name" => "Footer copyright text", "desc" => "Introduzca el texto utilizado en el lado derecho del pie de página. Puede ser HTML "," id "=> $ shortname." _ Footer_text "," type "=>" text "," std "=>" "), array (" name "=>" Google Analytics Code "," desc "=>" Puede pegar su Google Analytics u otro código de seguimiento en este cuadro. Esto se agregará automáticamente al pie de página. "," id "=> $ shortname." _ ga_code "," type "=>" textarea " , "std" => ""), array ("name" => "Custom Favicon", "desc" => "Un favicon es un icono de 16x16 píxeles que representa su sitio; pegue la URL en una imagen .ico que desea utilizar como imagen "," id "=> $ shortname." _ favicon "," type "=>" text "," std "=> get_bloginfo ('url')." / favicon.ico "), array ("name" => "Feedburner URL", "desc" => "Feedburner es un servicio de Google que se ocupa de su fuente RSS. Pegue su URL de Feedburner aquí para que los lectores puedan verlo en su sitio web", "id" => $ shortname. "_ feedburner", "type" => "text", "std" => get_bloginfo ('rss2_url')), array ("type" => "close"));
 
Esa fue una gran parte del código, que seguramente merece alguna explicación. Así que, aquí vamos: 
 
 
La variable PHP $ options almacena la lista completa de opciones para el tema.
 
Se compone de una serie de matrices, cada una con una tecla de "tipo" para indicar cómo se mostrará y qué hace..
 
Comenzamos con una matriz "tipo" => "título": se usará para mostrar el nombre del tema y un título en la parte superior de la página
 
Cada sección (General, Página de inicio y Pie de página) tiene una lista separada de opciones.
 
Comenzamos una nueva sección cerrando cualquier sección anterior, declarando una nueva sección usando array ("name" => "Footer",
"tipo" => "sección") y abriendo una nueva seccion.
 
Cada opción puede tener las opciones especificadas a continuación:
nombre: El nombre del campo de entrada..
desc: Una breve descripción explicando qué es para el usuario..
carné de identidad: el id del campo, prefijado por el nombre corto Se utilizará tanto para almacenar como para acceder a las opciones..
tipo: el tipo de entrada - seleccionar, texto o área de texto
opciones: se utiliza para declarar una matriz de opciones para una entrada de tipo de selección.
std el valor de entrada predeterminado, utilizado si no se proporciona ninguna otra entrada. 
 
 
Paso 5
 
Intenta navegar a WordPress. Verás que no hay opción en ningún lugar para realmente ver la página del panel de administración; Entonces, ¿cómo podemos verlo? Agregue las siguientes piezas de código al archivo functions.php:
 
 function mytheme_add_admin () global $ themename, $ shortname, $ options; if ($ _GET ['page'] == basename (__ FILE__)) if ('save' == $ _REQUEST ['action']) foreach ($ options as $ value) update_option ($ value ['id' ], $ _REQUEST [$ value ['id']]);  foreach ($ opciones como $ valor) if (isset ($ _REQUEST [$ valor ['id']])) update_option ($ valor ['id'], $ _REQUEST [$ valor ['id']]) ;  else delete_option ($ value ['id']);  encabezado ("Ubicación: admin.php? page = functions.php & saved = true"); morir;  else if ('reset' == $ _REQUEST ['action']) foreach ($ options como $ value) delete_option ($ value ['id']);  header ("Ubicación: admin.php? page = functions.php & reset = true"); morir;  add_menu_page ($ themename, $ themename, 'administrator', basename (__ FILE__), 'mytheme_admin');  función mytheme_add_init () 
 
Esta función está diseñada para actualizar las opciones, así como para agregar una página de menú. Si las opciones se guardan (indicadas por una variable oculta guardada), entonces todas las opciones se actualizan con sus nuevos valores. Si las opciones se están restableciendo (indicadas por otra variable oculta con un valor de restablecimiento), entonces todas las opciones se eliminan. La última línea agrega una página de menú: los parámetros son, respectivamente, nombre y título, el nivel de autorización del usuario requerido para ver la página, la página de guardar y la función utilizada para mostrar / guardar (llamada mytheme_admin en nuestro caso). ¿Ves el mytheme_add_init, una función en blanco? Que así sea, ya llegaremos más tarde..
 
Paso 6
 
Todavía no hay página de opciones de tema, ¿verdad? Bueno, recuerda el mytheme_admim ¿De qué función habíamos hablado hace unas pocas líneas? Todavía no hemos escrito esa función. Entonces use el código de los pasos 6, 7 y 8 para escribir esa función. Comenzando: 
 
 function mytheme_admin () global $ themename, $ shortname, $ options; $ i = 0; if ($ _REQUEST ['guardado']) echo '
'. $ nombre del tema'. Se guardó la configuración.
'; if ($ _REQUEST ['reset']) echo '
'. $ nombre del tema'. reiniciar la configuracion.
'; ?> 
 
 Ajustes
 
 
 
Bastante simple, ¿verdad? Si las opciones se han guardado, escriba un mensaje que lo indique. Igualmente para reinicios. Notará que - WordPress se desvanecerá automáticamente en algunas secciones. Nifty, ¿verdad? Continuando, comenzamos el div "rm_wrap". 
 
Paso 7
 
Continuando desde arriba, pegue el siguiente código: