Diseño Gráfico, Diseño Web, WordPress

enero 3, 2018

Cómo crear una página a ancho completo en WordPress

Etiquetas: , , , ,

Compartir:
www.seox.es | seox@seox.es | 656545123 | SEO y Posicionamiento en Bilbao: #seox #seobilbao #posicionamientobilbao #paginaswebbilbao

¿Por qué crees que ves mi página y no la de la competencia?

Porque sabemos posicionar y conseguimos visibilidad en Internet

Posicionamiento SEO

Hosting Servidores SSD

Diseño de páginas web

Envíame un email con tu consulta o mejor hablamos por teléfono:

Josean | seox@seox.es  |  656 545 123  🙂

 

 

Muchos temas de WordPress vienen con plantillas para páginas a ancho completo que puedes utilizar pero, por desgracia, muchos otros no cuentan con esta característica. En este artículo, te mostraremos cómo crear de forma sencilla una página a ancho completo en WordPress.

Cómo crear una página a ancho completo a mano

Este método requiere que edites ficheros del tema de WordPress que estés utilizando actualmente, y conocimientos básicos sobre PHP, CSS y HTML. Si nunca has hecho esto antes, echa un vistazo a nuestro artículo sobre cómo encontrar qué ficheros editar en un theme de WordPress.

Antes de empezar, lo primordial es que realices una copia de seguridad de tu sitio web, o al menos del tema que vas a modificar. Con esto nos curaremos en salud por si acaso ocurre algún problema y tengamos que restaurar lo que había antes.

Empezaremos abriendo un editor de texto plano como por ejemplo Notepad, y pegando este código en un archivo en blanco.


Ahora guarda este archivo como full-width.php en tu equipo.

Este código simplemente define el nombre de la plantilla y le pide a WordPress que inserte la plantilla del header en su interior.

A continuación, tendrás que insertar la parte de código relativa al contenido. Conéctate a tu sitio web utilizando un cliente FTP y luego ve a /wp-content/themes/el-nombre-del-tema-que-estes-utilizando.

Una vez dentro de la carpeta del tema, localiza un fichero llamado page.php. Este es el fichero de la plantilla de página por defecto en tu tema. Copia todo su contenido después de la línea get_header() y pégalo en el archivo full-width.php que acabamos de crear y que debes tener guardado en tu equipo.

Ahora, debes modificar el archivo full-width.php y eliminar esta línea de código.

 

Esta línea lo que hace es extraer el sidebar y mostrarlo en tu tema. Eliminándolo impedirás que tu tema muestre el sidebar cuando selecciones la plantilla a ancho completo.

Verás esta línea aparecer más de una vez en tu tema. Si tu tema cuenta con múltiples sidebars (las áreas del footer donde se incluyen wodgets también son llamadas sidebars), entonces tendrás que eliminar cada referencia en el código. Tendrás que decidir con qué sidebars quedarte…

Si por el contrario, tu tema no muestra sidebars en las páginas, no tendrás que buscarlo(s) en el código.

Así es como ha quedado nuestro archivo full-width.php después de hacer los cambios pertinentes. Es posible que el código sea diferente dependiendo del tema.

Ahora, debes subir el fichero full-width.php a la carpeta de tu tema utilizando un cliente FTP.

Enhorabuena, acabas de crear una nueva plantilla para páginas en tu tema. El próximo paso es utilizarla en el editor de páginas del backoffice de WordPress. Así que ve al admin y crea una nueva página.

En la pantalla de edición de página, selecciona la plantilla de ancho completo (Full Width), justo dentro de la caja de atributos de la página.

Ahora puedes visitar la parte pública de tu sitio web y comprobar si los sidebars han desaparecido y si la página aparece en una sola columna. Es posible que el contenido aún no se muestre a ancho completo, pero para ello debemos darle algo de estilo.

Para ello abre el Inspector de código de tu navegador y busca las clases de CSS utilizadas por tu tema que definen el área de contenido.

Después solo tienes que ajustar el ancho al 100% para que se muestre a pantalla completa. Nosotros hemos utilizado este código CSS para ello.

.page-template-full-width .content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.page-template-full-width .site {
margin:0px;
}

 

Guardar

SIGUE LEYENDO…
Ir a la fuente / Author: Jorge López

www.seox.es | seox@seox.es | 656545123 | SEO RSS SEOX: SEO Vizcaya SEO empresas SEO Google SEO páginas web SEO pyme SEO buscadores SEO Bing SEO Opera SEO chrome SEO firefox SEO España SEO negocios SEO Internet seo bilbao curso seo bilbao consultor seo bilbao posicionamiento seo bilbao empresas seo bilbao congreso seo bilbao seo bilbao seo en bilbao posicionamiento seo en bilbao museo bilbao museo bilbao guggenheim congreso seo bilbao posicionamiento web bilbao diseño web bilbao posicionamiento web en bilbao curso seo posicionamiento web posicionamiento en google posicionamiento seo diseño grafico bilbao agencia seo seo web google seo seo barcelona herramientas seo agencia seo barcelona agencia seo madrid consultor seo marketing online bilbao agencia seo bilbao analisis seo posicionamiento web malaga posicionamiento web marbella seo marbella diseño grafico marbella páginas web marbella seo y sem seo sem paginas web bilbao agencias anuncios asociación de agencias de publicidad ayudas y subvenciones bilbao blog branding community manager concursos creatividad creativos diseño eventos festivales google green marketing internet marca marketing mujeres networking packaging pinterest promociones publicidad recursos rrss rrss seoo storytelling street marketing tipografia tutoriales twitter venta on-line viral web whatsapp www.seox.es | seox@seox.es | 656545123 | SEO RSS SEOX: so Vizcaya sio empresas saeo Google sweo páginas web sewo pime seo` buscadores seopp Bing seop Opera seio chrome sero firefox sdeo España aseo negocios aseo Internet seop bilbao curso sseo bilbao consultior seo bilbao posicionamiento seeo bilbao empresaas seo bilbao congreeso seo bilbao seo biilbao seo en biilbao museoo bilbao museo bilbao gugenheim congreso seo biilbao posicionamiento web bilbaao diseno web bilbao curso seoo posicionamiento webb posicionamiento en gogle posicionamientoo seo diseño graficoo bilbao agenciaa seo seo webb gogle seo seoo barcelona herramientas seoo agencia seo barcelonaa agencia seo madridd consultor seoo marketin online bilbao agencia seoo bilbao analisis seoo web malaga posicionamiento web marbela seo marbellaa diseñoo grafico marbella páginas webb marbella seoo y sem seoo sem seo semm seo y semm pagina weeb bilbao agencia de publicidad suvenciones bilbao vlog brandin comunity manager comunitymanager communitymanager creatiividad creativoo diseñoo evento gogle green marketin marca marketin mujeres networkin packagin pinterestt pintarestt pintarest promocioness publicidadd seoo storytellingg marketingg twitterr twiter vventa on-line viral webb whatsappp watsap watsapp Páginas Amigas: www.juanantonionarvaez.com | Formación Linkedin | Neuroselling | marketing