WordPress: Cómo crear una página de opciones de tema rápidamente
Muchos amigos de WordPress intentarán crear su propio tema en algún momento. En muchos casos, se renuncia a una página de opciones de tema dedicada en el backend. Por supuesto, incluso su primer hecho a sí mismo tema debe tener una página de opciones de tema para poder cambiar la configuración rápidamente. Hasta ahora, la creación de esta página era muy complicada y necesitaba mucho código. También vino con canas gratis ya que no todo funcionó al instante. Sin embargo, esto se acabó ahora, ya que hay un buen generador para la creación de páginas de opciones de temas.
Opciones de tema: cree una página personalizada o use el personalizador
Hay dos formas de ofrecer opciones de tema. Puede usar una página personalizada o puede usar el personalizador de temas al que se puede acceder a través de »Diseño => Personalizar«. Ambos métodos son útiles, pero trabajar con el personalizador se vuelve bastante confuso cuando se agregan muchas opciones. Es por eso que queremos tratar con una página de opciones personalizadas en este artículo. Vamos a ir al final de las opciones del personalizador en un artículo separado.
El »generador de páginas de opciones de WordPress«
Este generador hace un buen trabajo y te ahorra mucho tiempo en el desarrollo de temas. Además, ofrece relativamente muchas opciones y funciona según lo prometido, lo cual no se puede decir sobre su rival. La competencia tampoco ofrece tantas funciones y se debe editar mucho código en el producto final. Mi recomendación: ¡Manténgase alejado del Generador de configuración de WP!
El generador de páginas de opciones de WordPress
En este artículo, estamos hablando de la «Generador de página de opciones de WordPress«, que ofrece muchas opciones y funciona perfectamente bien, como pude comprobar al probarlo en diferentes temas.
Crear una página de opciones de tema con el generador: así de fácil
1 – Nómbrelo y decida una posición de la página
Primero, debe nombrar la página para las opciones de tema. Debajo del campo de nombre, puede agregar un texto breve para una descripción o algo similar en el cuadro «Texto». A la derecha, elija dónde debe aparecer la página de opciones. Para una página de opción de tema, «Sin padre (nivel superior)» o, como se ve en la captura de pantalla, «Tema (apariencia)» son adecuados. Luego, la página aparece bajo «Diseño». Esta es la configuración recomendada. Además, se debe decir que el generador también puede crear páginas de opciones de complementos.
Vacío:
Rellenado:
2 – Establezca los campos necesarios y decida las funciones
Puede elegir entre «Texto, Área de texto, Seleccionar, Casilla de verificación y Radio» para la configuración. Dependiendo de qué tipo de opciones quieras definir para tu tema, deberás hacer uso de las diferentes posibilidades. Se puede usar un cuadro de texto en el pie de página, por ejemplo, un área de texto para el código de Google Analytics, una casilla de verificación para mostrar ciertos aspectos, etc. Después de elegir una opción, simplemente haga clic en el botón más. Esto le permite definir más opciones.
Completado, puede verse así, por ejemplo:
3 – Generación del Código Requerido
Después de haber revisado minuciosamente las opciones, ahora puede generar el código responsable de la creación y visualización de la página de opciones de su tema. Esto se hace en este punto:
Colocación de la página de opciones de tema utilizando el código generado
Después de hacer clic en el botón »Generar PHP«, se genera el código PHP requerido para su página de opciones. Ahora, use el Editor de Windows de Text Edit de Apple, por ejemplo, para crear un archivo llamado tema-opcionen.php, copie el código del generador en el archivo PHP y guárdelo. Ahora mueva el nuevo archivo PHP al índice principal de su tema de WordPress. Puede nombrar el .php como desee, solo asegúrese de que tenga sentido y recuerde agregarlo a functions.php en el siguiente paso.
El código generado:
El índice principal del tema:
Ajuste de functions.php para que se muestre la página de opciones de tema
Un pequeño ajuste en el funciones.php del tema es necesario para que se muestre la página de opciones de tema. Abra el archivo en un editor de texto puro o, mejor aún, en un editor de HTML. Ya hemos presentado muchos buenos editores de HTML:
- Los nueve mejores editores HTML gratuitos para desarrolladores web (Windows Edition)
- Los cinco mejores editores HTML gratuitos para desarrolladores web (Edición Mac)
Después de abrir functions.php en un editor HTML, pegue lo siguiente al final del archivo:
El resultado: la página de opciones de tema
Ahora hemos creado una página de opciones de temas atractiva y funcional con relativamente poco tiempo y de una manera sencilla. Ahora, todo lo que se necesita es el código que le permite integrar y mostrar las opciones en los archivos del tema también. El generador también ayuda con eso, ya que, al final de la página de opciones del tema, hay instrucciones sobre cómo transferir las opciones al tema.
En profundidad: transfiera opciones al tema fácilmente
Se deben cumplir dos requisitos para poder mostrar las opciones. En el encabezado del archivo del tema, se deben invocar las opciones. Otra pieza de código es responsable de la visualización en el tema. Esto solo funciona cuando ambas piezas están en el archivo de tema respectivo. En el siguiente ejemplo, queremos agregar texto adicional al pie de página del tema.
Para poder mostrar texto adicional en el pie de página, el pie de página.php necesita ser editado. Las siguientes dos líneas de código deben agregarse en el pie de página.php:
El código superior le permite al archivo del tema saber que hay opciones adicionales. No funciona sin esta línea. La segunda línea de código toma la configuración que eligió y la muestra en el tema. Esta segunda línea debe colocarse donde desea que esté el texto.
Así es como se verá en su sitio web:
Conclusión
El »Generador de páginas de opciones de WordPress« es una manera excelente y rápida de crear una página de opciones de temas sin conocimientos avanzados de PHP. Además, el código generado es compatible con WordPress y utiliza la API de configuración para generar el código PHP. Los usuarios avanzados también deben ajustar las ID generadas, ya que son muy largas y no muy prácticas.
enlaces relacionados
- Codex de WordPress: desarrollo de temas
- Generador de página de opciones de WordPress
- Códice de WordPress: API de configuración
- Estándares de codificación de WordPress
(dpe)
#WordPress #Cómo #crear #una #página #opciones #tema #rápidamente