fbpx

Cómo crear una página en BLANCO

Te voy a mostrar PASO a PASO como crear una página en blanco para una landing page en WordPress, sin menú ni pie de página sin saber NADA de programación, ni html, css o php, sin comprometer el SEO de tu sitio web en el camino..

SOLUCIÓN para apurados click aquí 👇🏾

DISPLAY NONE

Es una de las opciones más fáciles de eliminar algo que no queremos que se vea es con display:none; , como en éste caso la cabecera y pie, pero tiene un problema ¡oculto! Google habló de esto en unos vídeos que dejaré más abajo, están PENALIZANDO a las páginas que ocultar contenido, fuese lo que FUESE! Porque ese contenido se indexa en Google y podemos encontrar su página por cosas que no están 🤥.

Me ha pasado que he OCULTADO con display: none; exactamente el encabezado y pie, lo que pasó es que bajé de puesto en Google, de estar subiendo continuamente en el primer mes de mi página a no existir.

Entonces ahora les enseñaré como ELIMINAR el header y footer para crear landing pages rápidas y posicionables 🥳

CREAR TU PROPIA PLANTILLA en blanco sin cabecera ni pie.

Así mismo como leíste, vamos a tocar un poquitito de php, pero no te preocupes que sólo necesitas copiar el código que te voy a dejar 🙂

⛔️Primero antes de empezar y que vayas corriendo 🏃🏽‍♂️ a hacer esto, ¡Hace una copia de seguridad!

1️⃣ INGRESA a tu Cpanel ir a administrador de archivos >> public_html >> themes >> tutema

Imagen de cpanel administrador de archivos

2️⃣ En tutema, vamos a ir pages_templets (puede tener otro nombre dependiendo del tema) .

Plantillas prediseñadas de tema illdy

Dentro de ésta carpeta debemos subir la nueva plantilla que vamos a crear. La forma más fácil de hacerlo es con el botón de cargar en el Cpanel dentro de ese directorio. A continuación te dejo diferentes códigos de plantillas según que quieras eliminar.

3⃣ Elegir plantillas a usar, dependiendo si sólo quieres deshacerte del encabezado o pie, o ambos.

Eliminar encabezado

Para eliminar el encabezado sólo debemos crear una nueva plantilla puedes llamarla cómo quieras, en mi caso será sincabeza.php. El código que necesitas para ella es:

<?php
/**
 *  Template name: Página sin cabecera
 *
 *  The template for displaying Custom Page Template: Página en blanco, sin distracciones.
 *
 *  @package WordPress
 *  @subpackage illdy
 */
?>
<?php wp_head(); ?>
<div class="container">
	<div class="row">
		<div class="col-sm-12">
			<section id="blog">
				<?php
				if ( have_posts() ) :
					while ( have_posts() ) :
						the_post();
						get_template_part( 'template-parts/content', 'page' );
					endwhile;
				endif;
				?>
			</section><!--/#blog-->
		</div><!--/.col-sm-12-->
	</div><!--/.row-->
</div><!--/.container-->
<?php get_footer(); ?>

En ésta plantilla ya no vas a tener encabezado ni menú, etc. Sólo el pie de página.

Sólo debes crear un documento nuevo en tu escritorio, copiarlo y ponerle en nombre que quieras, pero con la extensión .php

ELiminar pie de página

Para tener una plantilla sin pie de página pero con cabecera sólo debes crear una nueva plantilla, la mía se llamará sinpie.php. Sólo debes copiar éste código y crear un nuevo archivo en tu computadora con la extensión .php

<?php
/**
 *  Template name: Página sin pie
 *
 *  The template for displaying Custom Page Template: Página en blanco, sin distracciones.
 *
 *  @package WordPress
 *  @subpackage illdy
 */
?>
<?php get_header(); ?>
<div class="container">
	<div class="row">
		<div class="col-sm-12">
			<section id="blog">
				<?php
				if ( have_posts() ) :
					while ( have_posts() ) :
						the_post();
						get_template_part( 'template-parts/content', 'page' );
					endwhile;
				endif;
				?>
			</section><!--/#blog-->
		</div><!--/.col-sm-12-->
	</div><!--/.row-->
</div><!--/.container-->
<?php wp_footer(); ?>

Eliminar CABECERA y pie de página

Para eso sólo debemos usar éste código y crear un nuevo archivo o documento en tu computadora con el nombre que quieras pero con la extensión .php

<?php
/**
 *  Template name: Página en blanco
 *
 *  The template for displaying Custom Page Template: Página en blanco, sin distracciones.
 *
 *  @package WordPress
 *  @subpackage illdy
 */
?>
<?php wp_head(); ?>
<div class="container">
	<div class="row">
		<div class="col-sm-12">
			<section id="blog">
				<?php
				if ( have_posts() ) :
					while ( have_posts() ) :
						the_post();
						get_template_part( 'template-parts/content', 'page' );
					endwhile;
				endif;
				?>
			</section><!--/#blog-->
		</div><!--/.col-sm-12-->
	</div><!--/.row-->
</div><!--/.container-->
<?php wp_footer(); ?>

 4⃣ Pega el código que elegiste en un nuevo documento o nota en tu computadora, al guardar ponle un nombre con la extensión .php

 5⃣ Sube el archivo desde el Cpanel en el directorio page_templates. Sólo debes subirlo dando click al botón Cargar en el Cpanel.

 6⃣ En la plataforma de WordPress en páginas>> La página que quieras eliminar cabecea o pie, dentro de ella en documentos>>plantillas vas a cambiar de plantilla por la que acabas de crear.

Acá vas a encontrar la nueva plantilla, en mi caso voy a usar Página en Blanco 😀

Página en blanco elegir

 7⃣  Seleccionamos y guardamos.

Así se ve mi página ahora, ya tenes una plantilla sin menú ni pie para nuestras landing page en WordPress 🙂

Cómo crear landing page o página en blanco
Ver el resultado

Si tienes alguna pregunta puedes dejarme en los comentarios. Me encanta responder dudas y aprender con la comunidad.

Estaremos más en contacto, ¡Suscríbete!

Recibe notificaciones sobre nuevos artículos + contenido especial


Estos son los vídeos donde San Google habla sobre esconder contenido.

Si lo haz intentando y tienes algún problema, no dudes comentar y te ayudaré lo antes posible!

[Total: 1   Promedio: 5/5]
¡Comparte esto!

Deja un comentario

Compartir
Compartir