Instalar un plugin en nuestro sitio wordpress para mostrar banners está muy bien pero dependiendo de la situación podría resultar poco eficiente y como “matar una mosca a cañonazos” el instalar un plugin para mostrar un banner.
Así pues en esta entrada te voy a mostrar como crear un banner publicitario o no, para tu sitio web con el CMS de WordPress.
Lo primero que tenemos que hacer es irnos entre las opciones que tenemos a la izquierda de nuestro escritorio y pinchar la opción “appearance” o “apariencia” según tu wordpress esté instalado en castellano o inglés.
Y dentro de ahí seleccionamos la opción “widgets”. Como se muestra en la captura de abajo.
Una vez ahí nos aparecerá lo siguiente:
Ahora buscamos el widget que pone “Text”, para texto arbitrario en HTML. Lo pinchamos con el ratón y lo arrastramos a alguna de las casillas que tenemos que tener en la parte de la derecha, que dependen del tema que usemos en nuestro wordpress pero normalmente se llamarán el “footer”, “header”, “right sidebar” y el “left sidebar”. Y listo. Una vez arratrado el widget a la zona dónde queremos que se muestre en nuestro wordpress ya solo tendremos que pinchar de nuevo en el widget y escribir el código para mostrar el banner.
Para ello necesitaremos una fotografía que va a ser nuestro banner. La imagen la subimos a nuestro hosting, en mi caso voy a utilizar el logo de Google de la propia web de google, ya que nuestro banner mostrará la imagen que enlacemos, no importa que la imagen esté en nuestra web o en otra web, en este caso google.
Simplemente escribiremos este código:
‘<img src=”URL de la imagen”>’, en mi caso:
<img src=”https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png”>.
Se vería así:
Como veís tengo un banner en el sidebar derecho con la imagen de Google.
Si habeís subido vuestra imagen a vuestra web podreís obtener la URL accediendo a “Media” entre las opciones que teneís en el panel izquierdo de vuestro wordpress.
Ahora por último si quereís podeís poner un enlace añadiendo código. Quedaría así:
<a href=”URL”> <img src=”https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png”> </a>
Dónde pone URL poneís la dirección a la que quereís que redirija cuando la gente haga click. Lo que crea el enlace es la <a href=”URL”></a>
Lo que pongaís dentro de las “a” será dónde esté el enlace para hacer click, ya sea una foto, un botón hecho en HTML o texto.
Hasta aquí el artículo de hoy. Nada más que añadir excepto que he explicado cómo hacer un banner propio ara wordpress, bueno como colocarlo en él. Pero si trabajamos con una publicitaria no tendremos más que copiar el código y pegarlo en el widget.
|
|
Acepto donaciones de BAT's mediante el navegador Brave 🙂 |