Como colocar una imagen en la barra lateral de WordPress a través de un widget de texto

Escrito por eco escuela 2.0 el . Posteado en Noticias

Un logotipo personalizado en la barra lateral de tu blog ayuda a dar una identidad única al mismo y ayuda a la imagen de cabecera a transmitir al visitante sensasiones que deberían proporcionarle la confianza suficiente para empezar a tener en cuenta nuestros contenidos. Pero además, por lo que sea, es posible que queramos añadir otras imágenes que, sin ser nuestro logo, queramos que se ubiquen en la zona de widget de nuestro blog (comunmente en la barra lateral – puede ser a la izquierda o a la derecha – o en el pie). pues bien, para insertar una imagen, o un logo en tu blog, en la barra lateral, que mejore tu identidad sólo debes seguir unos sencillos pasos que se detallan a continuación:

1. En tu escritorio de WordPress en el subpanel Entradas, haz clic en la opción “Añadir nueva“.

2. A continuación, subir la imagen o logo que se desea insertar en la barra lateral desde el botón “Añadir objeto”.

Al hacer clic en el botón “Añadir objeto” aparece una nueva pantalla de carga de archivos.

Arrastra los archivos (método “arrastrar y soltar” con el ratón) en el recuadro punteado desde una carpeta de tu ordenador, o haz clic en el botón “Elegir archivos” para que se te abra una ventana de búsqueda de los archivos de tu ordenador.

Es importante tener en cuenta el tamaño del ancho de la imagen que subamos, para que esta encaje visualmente en la zona de widgets a mostrar. En el caso de la barra lateral de un blog, lo más común es un máximo de 200 pixeles. Pero esto depende del tema activado para el blog.

4. Una vez terminada la carga de archivos, aparecerá una pantalla, donde debemos tener en cuenta algunos detalles.

a. En el título debes considerar que el nombre de la imagen se mostrará o no al pasar por ella el ratón, y si deseas que no se vea simplemente borrarlo.

b. Del mismo modo ten en cuenta que la imagen tendrá URL de enlace o no, igual si eliges no tener el enlace presione el botón ninguna caso contrario dejarlo tal como está.

c. En esta sección debes elegir la posición de la imagen preferiblemente según el caso elegir el centro.

d. Aquí elige el tamaño de tu imagen.

e. Ahora haz clic en insertar en la entrada.

5. Después que resulte la siguiente imagen haga clic en el botón HTML, para copiar el código HTML de la imagen en la barra lateral del sitio.

6. Ahora diríjete al subpanel “Apariencia” y selecciona la opción “widgets“. Busca el Widget “texto” y arrastra con el puntero del ratón a la zona de widget de la barra lateral de tu blog. Posteriormente, pega el código HTML, anteriormente copiado, en el recuadro. Escribe el título de la imagen, si así lo decides, si no dejarlo en blanco.

Ahora selecciona guardar, y cerrar.

Puedes deslizar la imagen de la barra para situar su ubicación  al lugar más conveniente, por ejemplo la ubicamos en la parte superior.

7. Al actualizar tu blog quedará similar a este ejemplo.

Etiquetas:, , , , , , ,

"Trackback" Enlace desde tu web.

eco escuela 2.0

eco escuela 2.0 es un entorno de trabajo cooperativo y colaborativo que reconduce los procesos tradicionales de profesorado de "Enseñar" y de "Aprender" del alumnado a un nuevo modelo en el que cambia el rol del Profesorado "enseña" y del alumnado (aprende o memoriza) a otro en el que se reinventan y RECREAN los procesos de enseñar y aprender en el que ambos APRENDEN A APRENDER.

Comentarios (20)

  • Carlos

    |

    Excelente Informacion, es lo que estaba buscando. Gracias.

    Responder

  • Margarita

    |

    Muchas gracias por la info!! Bien explicado y muy gráfico.

    Responder

  • JAVIER

    |

    Hola, quisera agregar una imagen en la cabecera de una pagina pero que cubra todo el ancho de esta, es decir por arriba de del sidebar tambien

    Responder

  • alberto

    |

    PERFECTO. Gracias por la información

    Responder

  • ramon

    |

    genial!!! mil gracias!!!

    Responder

  • johanso

    |

    Buena explicación, pero hay un plugin de wordpress que nos ayuda mucho en este tema. “Image Widget”, pruebenlo señores. saludos.

    Responder

  • ezdelbor

    |

    Gracias por el tutorial, me ha servido

    Responder

  • Eugenia

    |

    Muchas gracias por la info y genial explicado. Lo iba buscando, asi que me ha servido de mucho.

    Responder

  • Tomás

    |

    Excelente información muchas gracias

    Responder

  • Juan J

    |

    Muchas gracias. Exactamente lo que buscaba. Me ha servido muchísimo.

    Responder

  • Rosa

    |

    Excelente Información, es lo que estaba buscando. Gracias.

    Responder

  • Javier

    |

    Excelente Post! me salió de 10!

    Responder

    • maria candelaria

      |

      muy bien 🙂

      Responder

  • Sandra

    |

    Muchísimas gracias por este post! Recientemente “perdí” i widget image ( no sé cómo ) y no lo he podido recuperar ni sé cómo instalarlo de nuevo y tu post me ha ayudado que ni te lo imaginas. MIL GRACIAS!

    Responder

  • Marieta

    |

    Una información muy útil, gracias!

    Responder

  • Arantza Arruti

    |

    Creo que no he puesto mi dirección web, perdón.. reitero mi agradecimiento. Genial las explicaciones. Arantza

    Responder

  • Luis

    |

    como puedo insertar la imagen en la entrada, es decir antes de entrar a leerla completa

    Responder

Deja un comentario

Barra amarilla corporativa del Gobierno de Canarias

© Gobierno de Canarias

A %d blogueros les gusta esto: