Publicaciones etiquetadas ‘Widget’

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.

 

Widgets

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

Los Widgets son secciones independientes de contenido que pueden ser colocados en cualquier parte de tu tema que esté preparado para ello (comúnmente en la barra lateral y en el pie de página). Puedes configurar widgets en la barra lateral por medio del subpanel Apariencia Widgets.

Widgets ‹ WordPress- creación, administración y dinamización de un blog en ecoescuela 2.0 — WordPress

Panel de administración de widgets

Muchos temas muestran varios widgets de barra lateral por defecto hasta que editas tus barras laterales, pero no se muestran automáticamente en tu herramienta de gestión de barras laterales. Una vez hagas tú primer cambio en un widget puedes volver a añadirlo desde el área de widgets disponibles.

Configuración de Widgets:

Para colocar en tus áreas de widgets, algunos widgets de forma individual, arrastra y suelta la barra del título del widget al área deseada. Por defecto, sólo la primera área está desplegada. Para poner widgets en otras aéreas haz clic en el barra del título para desplegarlas.

12-03-2014 13-51-21

La sección de widgets disponibles contiene todos los widgets que puedes elegir. Cuando arrastres el widget al lateral, se abrirá para que puedas configurar sus opciones. Cuando las tengas a tu gusto, haz clic en botón de guardar y el widget se pondrá a funcionar en tu sitio. Si pulsas borrar, se quitará el widget.

Quitar un Widget:

Si quieres quitar el widget, pero también guardar los ajustes por si los necesitaras en el futuro, simplemente arrástralo al área de widgets inactivos. Puedes añadirlos de nuevo en cualquier otro momento desde ahí. Esto es especialmente útil cuando cambias a un tema con pocas o distintas áreas de widgets.

Los widgets pueden usarse varias veces. Puedes proporcionar a cada widget un título para ser mostrado en tu sitio, pero no es necesario.

Activar el modo de accesibilidad:

La pestaña de “Opciones de Pantalla“, te permite usar los botones de Añadir y Editar
en vez de arrastrar y soltar.

14-03-2014 11-47-08