TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

3

En nuestro artículo anterior, explicamos la forma manual de crear un tema hijo en WordPress. Si se siente agotado con todos esos pasos manuales, no se preocupe, no está solo. Especialmente personalizar el tema principal descubriendo clases de CSS individuales de style.css principal es más técnico para un principiante de WordPress. Afortunadamente, existen muchos complementos útiles para facilitar todo el proceso y al mismo tiempo permitirle personalizar aún más. Child Theme Configurator es uno de esos complementos que ayuda a crear y personalizar temas secundarios en WordPress. En este artículo analizaremos paso a paso el proceso de uso del complemento Child Theme Configurator.

¿Por qué el complemento Child Theme Configurator?

Probamos varios complementos para crear un tema secundario y recomendamos el Configurador de temas secundarios por las siguientes razones:

  • El complemento se actualiza y admite continuamente.
  • Buenas reseñas de usuarios con más de 70.000 instalaciones activas.
  • Interfaz muy fácil de usar.
  • Buena documentación disponible dentro del panel de administración.
  • Creación de un tema hijo con un clic.
  • Fácil de personalizar CSS y modificar archivos de plantilla.

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Complemento de WordPress para Configurador de Temas Infantiles

¡¡¡Finalmente es gratis con todas estas opciones !!! Hay extensiones premium disponibles, pero creemos que para un principiante, la versión gratuita es suficiente para crear y personalizar un tema infantil.

¿Cómo crear un tema infantil con este complemento?

Vaya a "Complementos> Agregar nuevo" y busque "Tema secundario" para encontrar el complemento "Configurador de temas secundarios". Instale y active el complemento; agregará un menú de administración "Herramientas> Temas secundarios" en el panel de administración de WordPress. Al hacer clic en el menú "Temas secundarios" le mostrará las siguientes opciones:

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Analizando el tema principal

De forma predeterminada, inicialmente solo habrá una acción "Crear un nuevo tema secundario" y el tema activo de su sitio se seleccionará como tema principal. Puede elegir el tema principal (en nuestro ejemplo usamos veinte dieciséis) del menú desplegable y hacer clic en el botón "Analizar" para obtener las dependencias y otros problemas.

Se le mostrará un mensaje de éxito junto con más opciones (de 4 a 9) cargadas que se pueden personalizar según sus necesidades.

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Elección del nombre y la hoja de estilo del directorio del tema secundario

Nombre el directorio de temas nuevos

El complemento creará automáticamente el nombre del directorio del tema secundario agregando "-child" al nombre del tema principal. En nuestro ejemplo, es “veintiséis hijos" y lo dejamos como está. Puede dar cualquier nombre si desea cambiar el nombre del directorio de su tema hijo. Tenga en cuenta que este no es el nombre del tema hijo; este es el directorio en el que se almacenará el tema hijo. El complemento creará este directorio en la carpeta "wp-content" como "/ wp-content / twentysixteen-child /".

Seleccione dónde guardar nuevos estilos

El complemento ofrece dos opciones para guardar la hoja de estilo del tema hijo. Si no tiene un tema hijo existente, elija la opción de hoja de estilo principal para crear un archivo style.css en el directorio de su tema hijo. En caso de que tenga un directorio de temas secundarios existente, el complemento reemplazará el archivo style.css existente con el nuevo style.css generado.

En caso de que no desee sobreescribir los estilos de tema hijo existentes, elija la opción de hoja de estilo separada para usar esta hoja de estilo además de la hoja de estilo del tema hijo existente.

Seleccionar el manejo de la hoja de estilo del tema principal

El método recomendado es elegir la opción "usar la cola de estilo de WordPress " para usar el archivo functions.php de su tema hijo para poner en cola el estilo del tema principal al tema hijo. También puede usar la opción "Usar @import" para importar el style.css del tema principal al style.css del tema secundario (esto no se recomienda).

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Tema principal de puesta en cola

En caso de que no desee utilizar el estilo del tema principal, elija la opción "no agregar ningún manejo de hoja de estilo principal". Si está utilizando un marco temático como Genesis, elija la opción "Ignorar hojas de estilo del tema principal".

Personalice el nombre del tema del niño, la descripción, el autor, la versión, etc.

En esta sección, defina los detalles requeridos, como el nombre del tema de su hijo, la descripción, el nombre del autor, etc.

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Personalización de los detalles del tema secundario

Este es el lugar donde puede proporcionar el nombre real del tema hijo que aparecerá en "Apariencia> Temas" para activarlo más tarde.

Oferta de SEO: Optimice su sitio con la prueba gratuita especial de 14 días de Semrush Pro.

Copie menús, widgets y otras configuraciones del personalizador del tema principal al tema secundario:

Uno de los problemas reales al crear un tema secundario manual es que los elementos específicos del tema principal, como menús, widgets, opciones, fondo, etc., desaparecerán en el tema secundario. El complemento Child Theme Configurator ayuda a superar este problema de manera inteligente al permitir copiar esos elementos del tema principal. Marque esta opción para conservar los menús, los widgets y la configuración del tema de su tema principal en el tema secundario también.

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Creación de un nuevo tema infantil en WordPress con complemento

Después de elegir todas las personalizaciones necesarias, haga clic en el botón "Crear nuevo tema secundario". Verá un mensaje de éxito como se muestra a continuación con muchas otras pestañas adicionales.

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Opciones del configurador de temas secundarios

Style.css es el único archivo requerido para su tema hijo cuando ha elegido el método @import. Si ha elegido el método de puesta en cola recomendado, habrá dos archivos style.css y functions.php. De manera similar a las modificaciones manuales, se pueden hacer muchas cosas con el complemento Configurador de temas secundarios.

Editar archivos de plantilla

Todos los archivos de plantilla modificables se enumerarán en la pestaña "Archivos". Si bien el archivo functions.php estará disponible en los archivos de temas secundarios de forma predeterminada, puede copiar otros archivos de plantilla en el tema secundario para modificarlos. Algunos de los archivos de plantilla disponibles que se pueden modificar son 404.php, archive.php, page.php, single.php, header.php, etc.

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Copia de archivos de plantilla de tema principal para el tema secundario

Seleccione el archivo en la sección "Archivos de temas secundarios" y edítelo con el editor de temas predeterminado de WordPress. También tiene las siguientes opciones en la pestaña "Archivos":

  • Sube imágenes de temas personalizados para usar en la hoja de estilo. Las imágenes cargadas se enumerarán en la misma página que se puede seleccionar y eliminar.

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Cargar imágenes de temas infantiles personalizados

Las imágenes del tema se almacenan en la carpeta “/ twentysixteen-child / images /” y solo se pueden usar dentro de la hoja de estilo del tema secundario. Todas las demás imágenes cargadas en la publicación / página estarán disponibles en la biblioteca de medios.

  • Sube una captura de pantalla personalizada para el tema hijo que se puede ver en "Apariencia> Temas".
  • Exportar archivo zip del tema hijo completo para almacenamiento local.

Uno de los errores que cometen los usuarios durante el proceso de creación manual de un tema hijo es no cuidar la estructura del directorio. El complemento hace un muy buen trabajo al hacer esto automáticamente al copiar archivos como “/template-parts/content.php”. Crea automáticamente la misma estructura bajo el tema hijo como "twentysixteen-child / template-parts / content.php" y asegura el funcionamiento de esa plantilla desde el tema hijo.

Personalización de CSS

Encontrar la propiedad y el selector de CSS es un problema principal cuando se utilizan temas secundarios manuales y el complemento Configurador de temas secundarios ayuda a superar este problema fácilmente. Hay dos pestañas "Consulta / Selector" y "Propiedad / Valor" que se pueden usar para identificar el estilo requerido del tema principal y modificarlo.

La pestaña "Consulta / Selector" ayuda a encontrar un selector específico para cualquier consulta de @media y modificarlo. Por ejemplo, si desea cambiar el color de fondo del cuerpo de su tema principal, deje el campo "@media Query" ya que es como "base" e ingrese "cuerpo" para el selector. Verá todos los valores de propiedad para el cuerpo y haga clic en el cuerpo para ver la pantalla como se muestra a continuación:

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Modificar CSS basado en Media Query y Selector

Aquí puede modificar el color de fondo (y cualquier otro valor como margen, relleno, etc.) y guardarlo como valores de tema secundario.

Al igual que en "Consulta / Selector", puede utilizar "Propiedad / Valor" para modificar el CSS principal. Por ejemplo, ingrese "fondo" en el valor de la propiedad y elija "color de fondo" en el menú desplegable para modificar el color de fondo del sitio completo.

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Personalización de CSS del tema principal con propiedad / valor

Visualización de hojas de estilo del tema principal / secundario

Las pestañas "Estilos básicos" y "Estilos secundarios" muestran las hojas de estilo correspondientes de los temas principal y secundario, respectivamente.

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Hoja de estilo de tema infantil

Importación de fuentes personalizadas

Puede importar cualquier fuente web como fuentes de Google en la pestaña "Fuentes web" con la consulta @import.

Finalmente, puede eliminar, duplicar y analizar el tema secundario en la pestaña "Padre / Hijo". Estas opciones solo se mostrarán una vez que haya creado un tema hijo válido con este complemento.

Activando Tema Infantil

El tema hijo recién creado se puede ver en el panel de administración de WordPress en "Apariencia> Temas". Se recomienda obtener una vista previa del sitio con el tema secundario antes de activarlo para comprobar que todo está bien como esperaba.

¿Cómo utilizar el complemento configurador de temas infantiles de WordPress?

Activando Tema Infantil en WordPress

La opción "Depurar" disponible en la esquina superior derecha cuando está habilitada muestra las actividades en la parte inferior de la página. Esto se puede usar para solucionar problemas en caso de que tenga algún problema al crear el tema secundario. Haga clic en el botón "Ayuda" para ver documentación extremadamente útil directamente desde el panel de administración.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More