Cómo poner un banner en WordPress

Una de las formas más sencillas de poner un banner en WordPress es mediante el código del mismo banner. Sin embargo, puedes aplicar otras técnicas muy útiles para obtener el mismo resultado. Y hoy te mostraremos paso a paso dos formas comunes de poner un banner al editor de textos.

Añade un banner a WordPress por códigos

Si quieres colocar un banner en tu página o en la mayoría de tus posts, tan solo debes utilizar el código de este archivo en single.php o page.php. Cada uno de ellos tiene el contenido similar, pero se puede manejar de forma diferente desde la web en los posts (single.php) y las páginas (page.php).

Para editar estos archivos debes acceder al área de administrador y hacer clic en “Apariencia” en “Editor”. Así podrás modificarlos a tu gusto. Si deseas colocar un banner sobre tus posts y páginas ubica el siguiente código:

<?php while ( have_posts() ) : the_post(); ?>

Después de esto agrega el banner y saldrá sobre todo los títulos de páginas correspondientes. Además, es importante que agregues el estilo CSS para que se adapte a tu gusto.

Ubicación de un banner en la página de WordPress

Para saber cómo poner un banner en WordPress también hay que identificar la posición donde queremos que se encuentre. Puede ser al pie de página o en el encabezado, para ello debes añadir widgets en la zona donde lo requieres o también de forma lateral.

Si por alguna razón tu área no tiene para agregar widgets y con ello un banner, entonces puedes hacerlo de forma manual. Para esto debes iniciar como administrador en WordPress y dirigirte a “Apariencia” en “Editor”.

Para agregar el banner en el encabezado de la página, haz clic en header.php en la lista disponible para la edición. Recuerda que este código de archivo debe ser diferente a la función del tema y todo esto tiene que ver con conocimientos básicos de HTML que te ayudarán a agregar un banner fácilmente a WordPress.

Cómo poner banners en la web con WordPress

Seguidamente tenemos la opción de colocación en la web. Para este tienes que encontrar la apertura de la etiqueta del cuerpo y seleccionar el tema de aspecto por defecto: WordPress twenty-twelve

Añadir lo siguiente: <body <?php body_class(); ?>>

Y luego agregar un código como:

<div class=”headerbanner”><a href=”BANNERLINK” target=”_blank”><img src=”LINKTOIMAGE” width=”200″ height=”50″ /></a></div>

Consejos finales para WordPress

En la colocación del banner para tu web con WordPress, se debe sustituir BANNERLINK y LINKTOIMAGE por la URL a la cual que deseas enlazar el banner y también con el enlace de la  imagen del banner.

Coloca los parámetros de las medidas, las cuales se refieren al ancho y alto tal cual como las dimensiones reales donde se apreciará en la web. Termina estos ajustes y así tendrás tu banner en la parte superior del sitio, aunque la posición también dependerá del tema que estés usando en WordPress.

Finalmente, podemos afirmar que existen otras formas diferentes de poner un banner en WordPress pero todo se ajustará a tus necesidades para que finalmente tengas un buen resultado.

¿Te ha gustado el artículo? Descubre también Ezoic que es.

Artículos Relacionados

Author Details
Me llamo Marco Fontana y hace tiempo que colaboro con KPublicidad. Mi experiencia con este sitio comenzó en 2020, con un pequeño proyecto. Ahora trato con un pequeño grupo de colaboradores, revisando y probando las mejores herramientas de publicidad online, centrándome en las que ofrecen la mejor remuneración.

Deja un comentario