ubiquitour.com

Cómo crear una plantilla de página de ancho completo para WordPress

Cómo crear una plantilla de página de ancho completo para WordPress

Aunque WordPress es ante todo una plataforma de blogs, muchas personas lo utilizan como un sistema de gestión de contenidos (CMS). Al usar WordPress para construir una sitio web completa, creación de plantillas de página hace el sitio más flexible, que permite múltiples diseños de contenido. Para crear una plantilla de página de ancho completo, necesitará crear un nuevo archivo de plantilla con una línea especial de código de comentario en la parte superior. Usted puede conseguir un comienzo rápido de la creación de la plantilla mediante código ya está presente en el archivo de plantilla de página "page.php", y luego debe editar ese archivo sacando las barras laterales.

Instrucciones

1 Crear un nuevo archivo en blanco en el texto o código de editor de su elección. Abrir el archivo "page.php" desde la siguiente ubicación:

/yoursite/wp-content/themes/Name-of-Theme /

"Susitio" es el directorio donde instalaste WordPress, y "nombre del tema" es el nombre del tema que desea editar. Copiar el contenido de "page.php" y péguelo en el archivo en blanco. Guardar el archivo en blanco como "su-plantilla-name.php," donde "su plantilla-nombre" es cualquier nombre que desea dar al archivo.

2 Añadir la siguiente línea de código a la parte superior de tu nuevo archivo de plantilla:

<? php / nombre: su nombre aquí /? >

WordPress Lee este código, y cuando ve a "Nombre de plantilla", sabe que "Su nombre aquí" es una plantilla que debería ofrecer al crear páginas en la consola central. Darle un nombre descriptivo, como "Todo el ancho de página". Guarde el archivo.

3 Lea el archivo PHP que acaba de crear y buscar esta entrada de código:

<? php get_sidebar();? >

En el caso de múltiples barras laterales, podría ver código para las otras barras laterales similares al siguiente:

<? php incluyen TEMPLATEPATH. ' / sidebar2.php';? >

Quitar los códigos de barras laterales donde verlas. Guarde el archivo nuevo.

4 Abrir el archivo "header.php" y compruebe que la etiqueta < body > incluye la siguiente línea de código:

<? php body_class();? >

Si usted no ve allí, agrega eso etiqueta dentro de la etiqueta < body >. Guarde el archivo "header.php". Ahora vuelve a su archivo de plantilla de tamaño completo y asegúrese de que el < div > o < sección > etiqueta que envuelve el contenido de la página tiene su clase a <? php post_class();? > como tal:

< div clase = "<? php post_class();? >" >

5 Abrir el archivo "style.css" y agregar lo siguiente:

{} .page-template-layout-full-width-php 000P

anchura: 100%;

}

Cambiar ".page-template-layout-full-width-php" para reflejar el nombre que dio el archivo de la plantilla. Un archivo denominado "mi-nueva-page.php" será ".page-template-my-new-page-php". Este código CSS garantiza que cualquier página configurado para utilizar la plantilla de tamaño completo mostrará su contenido a través del ancho completo de la pantalla.

6 Inicie sesión en el dashboard de WordPress y crear una nueva página. Después de agregar su contenido al editor, encontrar el menú desplegable en plantilla en el cuadro de atributos de la página a la derecha de la pantalla. Haga clic en el menú desplegable y seleccione la nueva plantilla. Haga clic en el botón azul de actualización en el cuadro de arriba para publicar la página.

Consejos y advertencias

  • Cuando programando tu propio tema de WordPress, utilizar un framework CSS como 960. gs o Blueprint CSS. En lugar de editar el ancho de una columna en CSS, puede Agregar clases de columna para las etiquetas HTML para definir la anchura.
  • No nombre su archivo de plantilla "home.php" o "front-page.php," porque WordPress trata estos archivos como alternativas para el "index.php".