Cómo añadir nuevos archivos de plantilla a un tema de wordpress niño

Video: Curso Prestashop 1.6 #14 Instalación de plantilla

Un tema de WordPress niño puede anular los archivos de plantilla de padres existentes, pero también puede suministrar archivos de plantilla que no existen en la matriz. Aunque puede que nunca necesidad temas a su hijo a ello, esta opción puede abrir posibilidades para sus diseños.

Por ejemplo, esta técnica resulta más valiosa con plantillas de página. El tema veinte once tiene una plantilla de página por defecto llamado page.php. Esta plantilla de página quita la barra lateral y centra el contenido de la página.

Tener el contenido centrado en el estilo no es un defecto de diseño. El diseño fue creado intencionalmente de esta manera a mejorar la legibilidad.

Sin embargo, algunas personas les gusta tener una opción de diseño de ancho completo que abarca toda la anchura de la carrocería del sitio para que puedan integrar un vídeo, añadir un foro, o añadir otros contenidos que funciona bien con ancho completo. Para agregar la función de diseño de ancho completo a su tema niño, sólo tiene que añadir una nueva plantilla de página y el estilo necesario para la style.css archivo.

Una buena manera de crear una nueva plantilla de página del tema es copiar uno ya existente y modificarlo según sea necesario. En este caso, la copia de la page.php archivo de la matriz veinte once tema a un nuevo archivo, llamado fullwidth-page.php, es un buen comienzo. Después de unos personalizaciones, el fullwidth-page.php archivo es el siguiente:

? Lt; php / *** Nombre de la plantilla:? De ancho total, sin barra lateral * / get_header () - gt;
? Lt; php the_post () - gt;?? Lt; php get_template_part ( `contenido`, `página`) - gt;?? Lt; php comments_template ( ``, true) - gt?;

El cambio de estilo para hacer este trabajo es rápido y fácil. Basta con añadir las siguientes líneas después de la @importar gobernar en el tema del niño style.css archivo:

# Content.full-anchura {margin: 0-width: 100% -} # content.full-anchura .entry-header, # content.full-anchura .entry-contenido, # content.full-anchura .footer.entry- meta, # content.full de ancho # comments-título {margin: 0 auto-width: 95% -}

El cambio a la nueva plantilla de página de ancho completo produce este diseño.

Video: Aulas Virtuales moodle 3: Cambiar apariencia, instalar nuevo tema en moodle

Artículos Relacionados