homefinance blog
¿Sabes cómo hacer un tema para los niños de WordPress? Por supuesto, su tema se verá adecuado para su sitio, pero a veces, tendrá que editarlos. Cambiar el tema infantil es una opción preferible para editar su sitio. También aprender sobre el tema del niño es una de las cosas básicas de WordPress que debe conocer. Puede comenzar a aprender sobre WordPress aquí. Pasemos por el proceso de crear un tema infantil de WordPress. ¿Por qué debería usar la tarea de los niños para WordPress?
En WordPress, un tema infantil adquiere todas las características, funcionalidades y otras de los padres. Por otro lado, es posible editar el tema del niño sin cambiar el padre. Acortará el tiempo y el esfuerzo para editar el sitio para usted. Además, sus actualizaciones de WordPress siguen siendo más seguras y estables. Al personalizar el del niño, todos los cambios y personalizaciones para los padres seguirán siendo los mismos. Los usuarios pueden usar este tema infantil en otros sitios web de WordPress.
Notificaciones Antes de crear un tema para niños para crear un tema de WordPress para niños, se requieren habilidades de codificación porque trabajará con HTML y CSS. Es muy importante saber qué cambiar. Además, necesitará conocimientos básicos sobre PHP, al menos fragmentos de código de copia/pegado de otras fuentes. Honestamente, le recomendamos que practique en el entorno de desarrollo. Este es un lugar donde puedes hacer esto sin asustar a destruir tu sitio principal. Es como si mataras 2 pájaros en un solo golpe: un movimiento en el campo de prueba y uno se usa como desarrollo del tema.
Una cosa más, el tema principal debería coincidir con la apariencia y las funcionalidades de sus objetivos. Cuanto menos cambios hagas, mejor será tu sitio. En las partes a continuación, utilizaremos el tema LearnPress como ejemplo para una mejor ilustración de WordPress Create Child. La construcción del tema del primer niño tiene 2 opciones al crear niños de WordPress. Puede usar el modo manual para familiarizarse con todos los archivos. De lo contrario, la aplicación de un complemento funcionará con archivos y carpetas complicadas. Ahora, comenzaremos a la personalización. Usando el código para iniciar, abrirá/WP-Content/Themes/en la instalación de WordPress y creará una nueva carpeta para el tema del niño. Nómbralo como quieras. Luego tienes que crear los primeros 2 archivos para el tema de tu hijo. Abra un editor de texto e inserte el siguiente código en el documento vacío: 1 Nombre del tema: WPB Child Theme 2 Tema URI: https://www.wpbeginner.com/ 3 Descripción: A LearnPress Child Theme 4 Autor: Thimpress 5 Autor: Https: : //thimpress.com 6 Plantillas: LearnPress 7 Versión: 1.0.0 8 Dominio de texto: LearnPresschild Puede cambiar la información mientras planea y guardar este archivo en el archivo style.css de la carpeta de temas secundarios recientes. Bueno, acabas de crear la hoja de estilo principal del tema del niño.
Luego creará un segundo archivo para importar las hojas de estilo del padre. Cree un nuevo documento en el editor de texto y copie este código: 1 / * Enqueue scripts and Style a partir del tema * / 2 3 function LearnPress_styles () {4 wp_enqueue_style (‘Child -style’, get_stylesheet (), 5 matriz (‘Learn – -Learn – press-style ‘), wp_get_theme ()-& gt; get (‘ versión ‘)); 6:. Después de estos pasos, tendrá un tema básico para el niño. En “apariencia”, elija “temas” y “activar”. Por lo tanto, su sitio comenzará a usar el tema infantil. Si tiene que personalizar, vaya a La siguiente parte. Usando complementos, le sugerimos que use el complemento del configurador del tema infantil. Debido a que no requiere codificación, puede realizar fácilmente cambios y personalizaciones.
Primero, instale el complemento en su sitio para obtener múltiples guías al instalar el complemento, haga clic aquí. Cuando se activa, vaya a “Herramientas” -> “Temas de niños” y elija LearnPress en la ventana pop -up que requiera el tema principal. Elija “Analizar” para verificar la compatibilidad para ser padre. A continuación, deberá nombrar la carpeta del tema infantil para guardar los archivos y dónde guardarlos. En la configuración predeterminada, elija “Haga clic para editar los atributos del tema infantil”. Luego completará la información del tema del niño.
Cuando crea manualmente un tema infantil, el tema infantil no heredará los menús y las herramientas en los padres. Para resolverlo, use el configurador infantil para niños. Finalmente, elija “Crear nuevo niño temático” para completar. En este paso, el tema de su hijo tendrá las funciones.php y style.css para un mayor desarrollo. Aparentemente, no olvide obtener una vista previa del complemento para el niño. Después de eso, seleccione “Habilitar y publicar” para publicar el tema del niño. Ahora, comenzaremos a personalizar el tema de su hijo. Personalizar el tema de WordPress para los niños, crearemos el tema de WordPress infantil en lugar del tema principal, agregando código al archivo “style.css”. Copie el código en Firefox/Chrome Inspector Puede usar los widgets del inspector Ale Chrome y Firefox para descubrir el código CSS necesario. Además, puede usar estas herramientas para acceder a los elementos CSS y HTML de todos los sitios. Para ver un archivo CSS de una publicación o sitio, haga clic en el derecho y elija “Inspeccionar”. Su pantalla se dividirá en dos mitades y puede ver el CSS y la página HTML. Cuando mueve el mouse sobre las líneas HTML, la herramienta de inspección le mostrará en la ventana superior. También sigue las reglas de CSS.
Habrá un cambio de color temporal en la parte posterior. Para hacerlo de forma permanente, copie esta línea como regla CSS e inserte en el archivo style.css del niño:
1 cuerpo {2 color de fondo: #fdf8ef; 3) Guarde los cambios y presente la vista previa del sitio. Además, puede relanzar esto para cualquier elemento en la hoja de estilo. Bueno, le ofrecemos una hoja de estilo completo para un tema infantil: 1 Nombre del tema: WPB Child Theme 2 Tema URI: https://www.thimpress.com 3 Descripción: A LearnPress Child Theme 4 Autor: Thimpress 5 Autor Uri: Https: Https : //www.thimpress.com 6 Plantillas: LearnPress 7 Versión: 1.0.0 8 Dominio de texto: LearnPresschild 9 */10 11. Site-Title {12 Color: #7D7B77; 13) 14. Descripción del sitio {15 color: #ABA8A2; 16) 17 Cuerpo {18 Color de fondo: #FDF8EF; 19 Color: #7D7B77; 20) 21.-Footer {22 Color: #ABA8A2; 23) 24 .Etry-Title {25 Color: #ABA8A2; 26 Font-Weight: Bold; 27) 28 .Widget-Rea {29 Color: #7D7B77; 30) Copie el código del archivo style.css del tema principal, como puede ver, es posible copiar del archivo femenino theme’style.css y pegarlo en el niño y personalizarlo.
Por ejemplo, el código para el color de fondo de la página es: 1 color de fondo: lima (-global-color-background); “-Global-color-background” es una variable utilizada en los diferentes lugares del tema. Deberá cambiar el valor de la variable si necesita cambiar el color en esos lugares al mismo tiempo. Muévase a/WP-Content/Themes/LearnPress a la carpeta de instalación de WordPress y abra el archivo style.css al editor de texto para buscar el –global-color-background. Esta variable se puede cambiar a otra variable. Puede encontrar muchas variables de color en el archivo style.css del tema principal. Después de seleccionar las opciones de color correctas, copie y pegue esa línea de código en el archivo style.css del tema infantil y reemplace las antiguas con las nuevas elegidas para su tendencia de color. Luego, los colores se dividirán de acuerdo con los esquemas de color planificados. Este proceso hará que sus esquemas de colores consistentes y se editen rápidamente.
Personalización de archivos de plantilla En un tema, las áreas de administración de archivos en un sitio web se llaman plantillas. Los modelos generalmente llevan el nombre de la sección que manejan. Por lo tanto, algunas secciones importantes son administradas por varios archivos o plantillas de contenido. Para personalizar una plantilla, encuentre ese archivo en el padre y copie en el segundo tema. Luego ábralo en el editor de texto y comience a cambiarlo. Le mostraremos un tutorial para este proceso con el archivo Footer.php. Copiéelo a la carpeta de temas infantiles y ábralo a un editor de texto simple. Por ejemplo, eliminemos el enlace “orgullosamente impulsado por WordPress” en el sótano y agregamos una notificación de derechos de autor. Para comenzar, elimine todas las etiquetas
. 1
2 <? Php 3 printf (4 / * traductores: %s: wordpress. * / 5 esc_html __ ('orgullosamente impulsado por %s.', 'LearnPress'), 6 ' WordPress ‘8); 9?>
Entonces se adhirirá al código que encuentre a continuación esas etiquetas en el siguiente ejemplo. 1
2
y copiar; Copyright . Todos los derechos reservados.
3
Elija “Guardar los cambios” y cuando regrese al sitio, verá la nueva notificación de copyright. Agregando características a su hijo su WordPress para cambiar o agregar una función en su sitio, deberá buscar el archivo Functions.php. Este archivo utiliza el código PHP para que este proceso se ejecute. Por lo general, se guía a copiar y pegar fragmentos de código al archivo Function.php, pero se eliminarán cuando actualice PHP o tema. Por lo tanto, le sugerimos que use un tema infantil para agregar los fragmentos de código. Bueno, pasemos al proceso de agregar widgets. Agregue el fragmento de código al archivo Functions.php del tema infantil. 1 ‘personalizado, 8’ descripción ‘=> __ (‘ un área de widget personalizada ‘,’ text_domain ‘) , 9 ‘antes_itle’ => ‘
‘, 10 ‘after_title =>’
‘, 11’ antes_widget ‘=>’ ‘, 12’ After_widget ‘=>’ , 13); 14 Registro_sideBar ($ args); 15 16) 17 add_action (‘widgets_init’, ‘custom_sideBars’); 18?> Guardar y navegar “apariencia” ->