-
Cómo crear una plantilla de página 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 crear un sitio web completo, la creación de plantillas de página hace que el sitio más flexible, lo que permite múltiples diseños para el contenido. Para crear una plantilla de página de ancho completo, es necesario crear un nuevo archivo de plantilla con una línea especial de código de comentario en la parte superior. Usted puede obtener un comienzo rápido crear la plantilla mediante el uso de código ya está presente en el archivo de plantilla de página "page.php", y luego habrá que editar el archivo mediante la adopción de las barras laterales.Instrucciones
1 Crear un nuevo archivo en blanco en el texto o en el editor de código de su elección. Abra su archivo "page.php" desde la ubicación siguiente:
/ Yoursite / wp-content / themes / Nombre-del-tema /
"Yoursite" es el directorio donde se ha instalado WordPress, y "el tema nombre-de-" es el nombre del tema que desea editar. Copiar el contenido de "page.php," y pegarlo en el archivo en blanco. Guarde el archivo en blanco como "su-plantilla-name.php", donde "tu-nombre-plantilla" es el nombre que desea dar al archivo.
2 Agregue la siguiente línea de código a la parte superior de su nuevo archivo de plantilla:
<? php /
Nombre de la plantilla:? Su nombre aquí />
WordPress lee el código, y cuando ve "Nombre de la plantilla," sabe que "su nombre aquí" es una plantilla que debe ofrecer al crear la página en el tablero de instrumentos. Darle un nombre descriptivo, como "Página de ancho completo." Guarde el archivo.
3 Lea el archivo PHP que acaba de crear, y buscar la entrada de código:
<? Php get_sidebar (); ?>En el caso de múltiples barras laterales, es posible que vea el código para las otras barras laterales similares a los siguientes:
<? Php include TEMPLATEPATH. '/sidebar2.php'; ?>
Retire los códigos de barras laterales donde se les ve. Guarde el archivo de nuevo.
4 Abra su archivo "header.php", y verificar que la etiqueta <body> incluye la siguiente línea de código:
<? Php body_class (); ?>
Si no lo ve allí, añadir que la etiqueta dentro de la etiqueta <body>. Guarde el archivo "header.php". Ahora vuelve a su archivo de plantilla de ancho completo, y asegúrese de que el <div> o <sección> etiqueta que se envuelve alrededor de su contenido de la página se ha fijado su clase con el <? Php post_class (?); ?> De este modo:
< "<? Php post_class (?);>" Div class =>
5 Abra su archivo "style.css", y añade lo siguiente:
.página-plantilla-layout-full-ancho-php .página {
width: 100%;
}
Cambio ".página-plantilla-layout-full-ancho-php" para reflejar el nombre que asignó el archivo de su plantilla. Un archivo llamado "mi-new-page.php" será ".página-template-my-new-page-php". Este código CSS asegura que cualquier página configurado para utilizar la plantilla de ancho completo se mostrará su contenido en todo el ancho de la pantalla.
6 Iniciar sesión en el panel de WordPress, y crear una nueva página. Después de añadir su contenido al editor, encontrar el desplegable que aparece en la plantilla en el cuadro Página Atributos 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
- Al codificar su propio tema de WordPress, utilizar un marco CSS como 960.gs o CSS Blueprint. A continuación, en lugar de modificar el ancho de una columna en CSS, puede agregar clases de las columnas para sus etiquetas HTML para definir la anchura.
- No nombre de su archivo de plantilla "home.php" o "front-page.php," porque WordPress trata estos archivos como alternativas para "index.php".
