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

Escrito por ATE [ecoescuela] el . Posteado en Tema 5: Cambiar el aspecto del blog

Para insertar una imagen, o un logo en tu blog solo debes seguir los pasos sencillos que se detallan a continuación:

  • En tu escritorio de WordPress en el panel Entradas, haz clic en la opción “Añadir nueva“.
    12-03-2014 10-32-17
  • A continuación, subir la imagen o logo que se desea insertar en la barra lateral desde el botón “Añadir objeto” en la parte superior del editor de texto o del área de edición de la entrada.
  • Al seleccionar la opción de “Subir archivos” se abrirá un menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Una vez se arrastra la imagen se comienza a subir de forma automática.27-02-2014 14-32-05
  • WordPress también nos permite utilizar la función de “Elegir archivos” y explorar de forma normal en búsqueda de la imagen que está guardada en el propio equipo. En este caso, cuando se tenga la imagen seleccionada se debe hacer clic sobre Subir.27-02-2014 14-30-01
  • Una vez se haya subido la imagen en la galería multimedia se cargará de forma automática el menú con las opciones de la imagen que hemos subido.
  • Rellenaremos aquella información asociada a la propia imagen. Pondremos el título de la imagen, el texto alternativo y una breve descripción. Estos datos no son imprescindibles pero facilitan la accesibilidad de nuestro sitio.
  • Si escribimos algún texto en la opción “Leyenda” aparecerá publicado como texto explicativo de la imagen.
    Observaremos el apartado de URL del enlace, es la dirección que WordPress le ha dado a esta imagen y siempre o archivo y siempre que la escribamos veremos la imagen.
  • Decidiremos la alineación donde nos gustaría que aparezca la imagen en nuestra entrada.
  • Podremos modificar el Tamaño de la imagen seleccionando entre Miniatura y Tamaño completo. Tendremos que tener en cuenta como es la plantilla que estamos utilizando para que la imagen se adapte al espacio que tenemos asignado para las entradas.
    27-02-2014 14-35-31
  • Cuando tenemos completados los datos del menú pulsaremos sobre Insertar en la entraday regresaremos al editor de la nueva entrada.
  • 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.

  • Ahora dirígete 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.

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

 

Etiquetas:,

"Trackback" Enlace desde tu web.

ATE [ecoescuela]

ecoescuela 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 (1)

  • Stacy

    |

    Guardado como favorito , Me encanta tu web

    Responder

Deja un comentario