WordPress: How to Create a Theme Option Page Quickly

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.

Generador de página de opciones de WordPress

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:

Titel und Position der Optionen-Seite festlegenRellenado:

opción-tema-1

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.

Die einzelnen Felder für die Optionen festlegenCompletado, puede verse así, por ejemplo:

Hier legst du deine Theme-Optionen fest

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:

Den PHP-Code generieren

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 código generierteEl índice principal del tema:

Das Theme-Hauptverzeichnis

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:

Die Erweiterung in der functions.php Datei

El resultado: la página de opciones de tema

Opciones de veintidós temas

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.

Optionen ins Tema übertragen

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.

Diesen Text im Footer anzeigen lassen

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:

Die Optionen im Theme anzeigen lassen

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:

Das Endergebnis

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

(dpe)

#WordPress #Cómo #crear #una #página #opciones #tema #rápidamente

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *