Share
El panel de administración de WordPress está bastante abierto para modificaciones y los desarrolladores web lo han aprovechado al máximo. Estas modificaciones son más comunes en los temas debido al nivel extendido de funcionalidad, pero también puede encontrar un conjunto completo de marcos de opciones en algunos complementos prominentes. Revisemos qué podemos hacer dentro del panel de administración cuando se trata de crear opciones con Titan Framework.
Titan, al ser un marco de opciones, ayuda a agregar paneles de administración para su proyecto de desarrollo escribiendo solo unas pocas líneas de código. Hoy, explicaré cómo puede crear paneles de administración en Titan Framework. No solo esto, también recuperaré los valores guardados en el front-end. Vamos a empezar!
En este punto, asumo que ha configurado lo siguiente:
Accentsconagua
titan-framework-checker.php archivo incluido en su proyecto, ya sea un complemento o un temaEn primer lugar, crearé un panel de administración simple, le agregaré opciones y obtendré sus valores en la parte frontal. Aquí está el código para ello..
createAdminPanel (array ('name' => 'Neat Options' // Nombra el menú de opciones.)); / ** * Crea las opciones. * / $ aa_panel-> createOption (array ('id' => 'aa_txt', // El ID que se usará para obtener el valor de esta opción. 'type' => 'text', // Type of option we están creando. 'nombre' => 'Mi opción de texto', // Nombre de la opción que se mostrará en el panel de administración. 'desc' => 'Esta es nuestra opción' // Descripción de la opción que se mostrará en el panel de administración.)); / ** * Guardar botón para opciones. * / $ aa_panel-> createOption (array ('type' => 'save')); Esta es la configuración básica de Titán que ya he cubierto en mis artículos anteriores, por lo que definitivamente debería leerlos. Aquí en el código he agregado mi función como una acción a un gancho llamado tf_create_options. Entonces he registrado una instancia a través del obtener Instancia() función que inicializa una instancia única de Titan con su tema / complemento / nombre del paquete. En mi caso le doy un parámetro único. 'ordenado'. Se necesita una instancia única en el inicio de nuestra función para crear un contexto donde se crearán las opciones.
Este código agrega un nuevo panel de administración en el panel de WordPress. los createAdminPanel () La función crea un nuevo panel en Titan Framework. Entonces, creé un panel de administración, es decir. $ aa_panel. Aparecerá contra el nombre. 'Opciones aseadas' en el salpicadero.
La captura de pantalla de arriba muestra el resultado de este código..
Ahora agregué opciones dentro del panel de administración $ aa_panel. La línea 23 tiene la createOption () Función que se utiliza para crear opciones dentro del panel de administración. $ aa_panel. Por ahora, estoy agregando solo una opción que es un campo de texto llamado 'Mi opción de texto'. los createOption () La función es una matriz y lleva varios parámetros como nombre, ID, tipo, etc..
El parámetro más importante es el 'carné de identidad' , que es básicamente el nombre de nuestra opción y nuestra única forma de hacer referencia cuando necesitamos usarla. Asegúrese de que todos los identificadores que agregue sean únicos, ya que no hay dos identificadores iguales, lo que puede generar un error grave de PHP.
La captura de pantalla de arriba muestra el 'Mi opción de texto campo que he creado. Eso es fácil: unas pocas líneas de código, así que no juegues con HMTL.
Ahora es dentro de este campo de texto donde voy a ingresar mi valor. Entonces, necesitaré un "Salvar"aquí, ya que no hay otra forma de guardar las opciones. Por lo tanto, estas líneas de código agregarán un Salvar y un Reiniciar botón en las opciones de mi panel de administración.
Este es el aspecto final de mi desarrollo hasta ahora, donde puede encontrar un panel de administración Opciones aseadas y Mi opción de texto en eso.
He discutido este proceso de obtener los valores de las opciones guardadas anteriormente en detalle. Asegúrate de leer la serie. Por lo tanto, estoy escribiendo directamente las líneas de código que recuperarán los valores. Puede agregar estas líneas en cualquier archivo de su proyecto de desarrollo web.
Le recomendaré que cree una nueva plantilla de página y agregue el código dentro de ella, de modo que pueda ver a ciencia cierta si todo funciona como debería.
getOption ('aa_txt'); // Imprime el valor de nuestra opción de texto. echo $ aa_txt_val;En primer lugar, obtenemos una instancia específica de Titán. Entonces he usado el getOption () función que obtendrá el valor guardado de la aa_txt, dónde aa_txt es el ID de la opción que creé dentro de mi panel de administración.
Tenga en cuenta de nuevo que necesita dar una ID única para cada opción porque no es la 'nombre' pero el 'carné de identidad' que distingue una opción de otra. Al final usé el eco comando para imprimir el valor guardado en el aa_txt opción.
Por ejemplo, entré Opción de texto AA y guardó el resultado. Averigüemos qué aparece en el front-end..
La captura de pantalla de arriba muestra el resultado. Puedes encontrar Opción de texto AA mostrándose en el área resaltada en rojo.
Ahora, ¿qué pasa con un caso más complejo? En esta sección, crearé un nuevo panel de administración dentro del cual habrá pestañas y opciones de administración. ¿Emocionado? Empecemos!
En primer lugar he creado un panel de administración. Anteriormente, creé un panel llamado 'Opciones aseadas', así que estoy nombrando este nuevo panel'Opciones aseadas 2'. Aquí está su código:
createAdminPanel (array ('name' => 'Neat Options 2' // Nombra el menú de opciones.));En primer lugar, registré una instancia única de Titan y luego creé un panel de administración $ aa_panel2 mediante el createAdminPanel () función. Aparecerá contra el nombre. Opciones aseadas 2 en el panel de WordPress.
La captura de pantalla de arriba muestra el resultado. También muestra el primer panel de administración (es decir, Neat Options) que creé en el artículo anterior..
Cuando haces clic Opciones aseadas 2, estará vacío Ahora hay dos enfoques: puede crear opciones directamente en él o crear pestañas de administración para una funcionalidad extendida y luego crear opciones dentro de las pestañas. El primero ya ha sido discutido. Entonces, veamos el último caso.
Las pestañas son una de las mejores formas de organizar la configuración u opciones del panel de administración. Para los temas de WordPress que contienen muchas opciones, las pestañas facilitan enormemente la experiencia del usuario. Por lo tanto, el hecho de que Titan sea un marco de opciones ayuda a crear configuraciones de pestañas en WordPress. Vamos a descubrir cómo.
createTab (array ('name' => 'Tab 1' // Nombre de la pestaña. No use otra cosa que no sea el nombre alfanumérico sin espacio en el que aparecen los caracteres.));Hice uso de la createTab () Funciona en Titan Framework para crear pestañas de administrador. En el código mencionado anteriormente, creé una pestaña de administrador llamada $ aa_tab1. Si observa la línea 1 de este código, puede ver que se está creando una nueva pestaña dentro del $ aa_panel2 panel. Esta pestaña se llama 'Pestaña 1'. Cuando estás creando una pestaña a través de createTab (), Es muy importante señalar en qué panel lo está creando. Puedes ver la pestaña 1 en la captura de pantalla de abajo.
Vamos a crear una opción dentro de Pestaña 1.
createOption (array ('id' => 'aa_txt_in_tab1_panel2', 'type' => 'text', // Tipo de opción que estamos creando. 'name' => 'My Text Option', // Nombre de la opción que se mostrará en el panel de administración. 'desc' => 'Esta es nuestra opción' // Descripción de la opción que se mostrará en el panel de administración.)); / ** * Guardar botón para opciones. * / $ aa_panel2-> createOption (array ('type' => 'save'));los createOption () función agrega una nueva opción dentro $ aa_tab1. Nuevamente, tenga en cuenta que las ID siempre deben ser únicas. El ID se utilizará para obtener el valor de esta opción. En este caso, el ID de la opción que creamos es $ aa_txt_in_tab1_panel2. Las últimas líneas del código crean un Salvar botón (hemos visto eso antes).
La captura de pantalla muestra un campo de texto, es decir, 'Mi opción de texto', que se añade dentro Pestaña 1. También puedes encontrar el Salvar y el Reiniciar botón.
Estoy seguro de que las cosas explicadas hasta ahora son bastante claras. ¿Qué tal crear otra pestaña??
Dentro del mismo panel de administración, estoy creando otra pestaña llamada 'Tab 2 ' de la misma manera. Pero esta vez voy a añadir un area de texto opción en ella.
createTab (array ('name' => 'Tab 2' // Denomine la pestaña.)); // Crear opciones dentro de tab2. $ aa_tab2-> createOption (array ('id' => 'aa_txtarea_in_tab2_panel2', // Las identificaciones siempre deben ser únicas. Esta identificación se usará para obtener el valor de esta opción. 'type' => 'textarea', // Type de la opción que estamos creando. 'nombre' => 'Mi área de texto', // Nombre de la opción que se mostrará en el panel de administración. 'desc' => 'Esta es nuestra opción' // Descripción de la opción que se mostrará en el panel de administración.)); / ** * Guardar botón para opciones. * / $ aa_panel2-> createOption (array ('type' => 'save')); En las líneas 1-12 del código escrito anteriormente, he creado una nueva pestaña, es decir,. Pestaña 2, que se guarda en la variable $ aa_tab2 dentro del panel de administración $ aa_panel2 usando el mismo createTab () función. Entonces creé un textarea opción de tipo dentro de la pestaña 2 con ID aa_txtarea_in_tab2_panel2 (líneas 12-17). Y finalmente un Salvar y un Reiniciar botón en el final.
Aquí está el resultado:
Para resumir, creé un nuevo panel de administración Neat Options 2, y luego agregué dos pestañas llamadas Tab 1 y Tab 2. Luego coloqué type texto opciones en la pestaña 1 y un tipo textarea opción en la pestaña 2.
La imagen de arriba muestra los resultados hasta ahora. Ahora saltemos a la cosa real, es decir, obteniendo los valores de las opciones guardadas.
Las siguientes líneas de código se utilizarán para recuperar los valores guardados de las dos opciones que creamos. los getOption () La función se usa en las líneas 11 y 14, que está recuperando los valores de $ aa_txt_in_tab1_panel2 y $ aa_txt_in_tab2_panel2 Opciones en el nuevo panel de administración. Guardé los valores en dos variables, es decir. $ aa_txt_in_tab1_panel2_val y $ aa_txt_in_tab2_panel2_val.
Luego creé dos párrafos (líneas 23 y 24), uno para cada pestaña, y luego usando el eco comando Voy a imprimir la salida en la parte delantera.
Todo este código va en una nueva página personalizada modelo (para el procedimiento detallado de obtención de valores guardados, consulte mis artículos anteriores).
getOption ('aa_txt_in_tab1_panel2'); // Valor de la segunda pestaña textarea. $ aa_txtarea_in_tab2_panel2_val = $ titan-> getOption ('aa_txtarea_in_tab2_panel2'); / ** * Opciones del segundo panel de administración. * / // ¿Vamos a usar este valor en HTML?> El valor del cuadro de texto de la primera pestaña es:
El valor de la segunda pestaña de texto es:
Ahora supongamos que entré Opción de texto AA en el campo de texto de Pestaña 1 y algún texto ficticio en el área de texto de Pestaña 2.
Guardé la configuración final y obtuve una vista previa del resultado después de publicar una página con mi plantilla de página personalizada.
La salida de los valores guardados se puede observar claramente..
Eso es todo lo que hay sobre la creación de paneles de administración con Titan Framework. Estoy seguro de que el proceso completo le resulta bastante simple, y ahora puede hacer paneles de administración con pestañas con bastante facilidad.
Quiero que lo pruebes ya que en los artículos sobre opciones asumiré el hecho de que sabes cómo crear paneles de administración. Un paso vital para que entiendas lo que sigue..
En el siguiente artículo, discutiré cómo crear un meta box con Titan Framework. Hasta entonces, en caso de que tenga alguna duda, comente a continuación o comuníquese conmigo en Twitter.
