¿Cómo se pueden añadir imágenes?

Para añadir imágenes puede utilizar la etiqueta img de HTML. Para que se vean enteras tiene que vincular el tamaño de la imagen. En general, no pueden ser más grandes de 160 píxeles de ancho.

“<img src=”URL donde se encuentra la imagen” />”

Existen varias formas para subir la imagen:

  • Subir en el espacio de su blog.
  1. Para hacerlo, tiene que ir a la pestaña de Entrades -> Afegeix.
  2. Sobre el recuadro donde puede escribir una entrada, clique sobre el botón “Penja/insereix” para añadir un soporte:
  3. En el formulario que se le mostrará, arrastre el fichero o clique en el botón Selecciona:
  4. En la nueva ventana que le aparecerá (si ha escogido “Selecciona” en el punto 3), navegue en su PC y seleccione las imágenes que quiera insertar.
  5. A continuación, clique en el botón Mostra de una de las imágenes:
  6. En el formulario, puede elegir entre varias opciones. Cambiar el Títol, alinear la imagen, indicar el tamaño,…
  7. A continuación, clique en el botón Insereix en l’entrada.
  8. Como resultado tendrá la imagen insertada en la entrada:
  9. Si quiere poner otra imagen de las que haya subido, vuelva a clicar el Penja/insereix. En este caso, en la ventana clique en la pestaña Galeria. Allá encontrará con todas las imágenes subidas, sólo faltará que clique en el botón Mostra de la imagen que quiera insertar y que repita los pasos 5 al 8.
  • Subirlo en un servidor de hosting de imágenes gratuito. Uno de los hostings que puede utilizar es https://imageshack.us/. Si utiliza este hosting, el método es el siguiente. Ir a la página https://imageshack.us/:
  1. Seleccione la imagen que quiera utilizar con el botón Browse. Posteriormente, clique el botón Cargar ahora!
    – menú para buscar la imagen que se quiere incluir:

    07-06-10-imatge15.JPG

    El proceso puede tardar dependiendo del tamaño de la imagen y de la conexión.

  2. Finalmente puede seleccionar la URL directa a la imagen e incluirla en el código HTML anterior dentro del widget
    de texto. El resultado será parecido a este:
    – Ejemplo de una entrada con una imagen (logo de la UAB) incluida en un widget de texto:

    07-06-10-imatge16.JPG

Com es poden incloure imatges?

Per incloure imatges podeu utilitzar l’etiqueta img de HTML. Per a que es vegin senceres heu d’anar amb compte amb la mida d’elles. En general, no poden ser més grans de 160 píxels d’amplada.

“<img src=”URL on es troba la imatge” />”

Per pujar la imatge existeixen diverses maneres:

  • Pujar‐la a l’espai del vostre blog.
  1. Per fer això heu anar a la pestanya d’Entrades -> Afegeix.
  2. Sobre el requadre on podeu escriure una entrada, cliqueu al botó “Penja/insereix” per afegir un suport:
  3. En el formulari que us trobareu, arrossegueu el fitxer o cliqueu sobre el botó Selecciona:
  4. A la nova finestra que us apareixerà (si heu escollit “Selecciona” a l’apartat anterior ), navegueu per el vostre PC i seleccioneu les imatges que vulgueu insertar.
  5. Una vegada pujades, cliqueu sobre el botó Mostra d’una de les images:
  6. Dins el formulari, podeu escollir diverses opcions. Canviar el Títol,  aliniar la imatge, indicar-li la mida,…
  7. Una vegada heu posat les opcions que us convinguin, cliqueu sbore el botó Insereix en l’entrada.
  8. Com a resultat tindreu la imatge insertada a l’entrada:
  9. Si voleu posar una altra imatge de les que heu pujat, torneu a clicar el Penja/insereix. En aquest cas, a la finestra cliqueu en la pestanya Galeria. Aquí us trobareu amb totes les imatges penjades, només cal que cliqueu en el botó Mostra de la imatge que vulgueu inserir i repetiu els pasos 5 al 8.
  • Pujar‐ho a un servidor de hosting d’imatges gratuït. Un dels hostings que podeu fer servir és https://imageshack.us/. Si empreu aquest hosting, el mètode és el següent. En anar a la pàgina https://imageshack.us/:
  1. Seleccioneu la imatge que vulgueu utilitzar amb el botó Browse. Posteriorment, cliqueu al botó Cargar ahora!
    – menú per cercar la imatge que es vol incloure:

    07-06-10-imatge15.JPG

    El procés pot trigar una mica depenent de la mida de la imatge i de la connexió.

  2. Finalment heu de seleccionar la URL directa a la imatge i incloure‐la al codi HTML anterior dins del widget
    de text. El resultat serà semblant a aquest:
    – Exemple d’una entrada amb una imatge (logo de la UAB) inclosa en un widget de text:

    07-06-10-imatge16.JPG

Como puedo añadir widgets?

Los widgets son aplicaciones que permiten personalizar las barras del blog (tanto las laterales como las inferiores).

Para utilizarlos, tiene que hacer lo siguiente:

  1. Entre en la Administración del blog.
  2. Seleccione la pestaña Aparença.
  3. Dentro de esta pestaña, haga clic en Ginys.
  4. Haga clic en Afegir del widget que desee activar.
  5. Aparecerá una ventana para escoger las opciones del widget, seleccione a cual de las barras tiene que ir  y en que posición de la misma se muestre.
  6. Si no lo hace así, se mostrará únicamente los que estén por defecto en el estilo seleccionado.

Los widgets tienen un botón  Editar a la derecha, cuando están activados en alguna de les barras laterales.  Sirve para activar (o desactivar) opciones, así como para poder escribir el título, código, etc.

¿Es posible seleccionar temas?

Por defecto, cuando se crea un blog, el estilo asignado es el correspondiente al tema Blogs de la UAB (Azul). Sin embargo, existen varios temas creados que se pueden seleccionar, permitiendo la personalización del blog.

Cada uno tiene diferentes características a nivel visual. Algunos temas, además, admiten modificaciones del usuario, con uso de widgets, de texto o no, o la modificación de la imagen de la cabecera (sólo es posible con el tema Seashore), para personalizarlos.

Sin embargo, aunque los temas Azul y Crema permiten una personalización de la cabecera, a la práctica no es posible.

¿Qué widgets son compatibles con Blogs de la UAB?

Los widgets compatibles son los siguientes:

  • Enllaços. Listado de enlaces. Por defecto son enlaces a WordPress.com y WordPress.org. Se pueden modificar accediendo en el contenido de la pestaña de Enllaços.
    – Gestión de enlaces:

  • Akismet. Esta opción permite activar el filtro de spam para los comentarios. Mostrará el número de comentarios que se han marcado como spam.
  • Meta. Muestra varios enlaces: al RSS de las entradas, al RSS de los comentarios, enlace a WordPress.org. Además, si está identificado, muestra un enlace en la herramienta de Administració y un enlace para no estar identificado. Si no lo está, muestra un enlace para identificarse.
  • Núvol d’etiquetes. Muestra las etiquetas que se han añadido (es opcional) al crear una entrada. Cuantas más entradas tengan la misma etiqueta, más grande se verá respecto el resto.
    – Ejemplo de nube de etiquetas, donde la etiqueta profesoradotiene más entradas que el resto:

  • Arxius. Retiene todas las entradas por meses. Si clica sobre un mes en concreto, se mostraran todas las entradas de ese mes. Hay dos opciones:
    • a) Que se muestren todos los meses,
    • b) Que se visualicen los meses en un desplegable. Además, en todos los casos puede aparecer el número de entradas de cada mes entre paréntesis.

    – Formato de enlace:

    – Formado desplegable:

    Para seleccionar una opción u otra clique Aparença->Ginys y después clique sobre el botón Afegeix del widget Arxius (si no lo tiene activo) o clique en el botón Edita del widget Arxius (si lo tiene activo). Aparecerá una página como la siguiente, que da opción a escoger la visualización que prefiera :

    – Menú para escoger el tipo de vista de los archivos:

    A continuación guarde los cambios.

  • Categories. Muestra las categorías (creadas previamente) y, si selecciona la opción, las entradas que contiene cada una (entre paréntesis). Clique sobre cualquiera de ellas, se mostrarán todas las entradas que estén marcadas con esta categoría.
    – Vista de las Categorias:

    07-06-10-imatge5.JPG

    De manera similar a Arxius, añadiendo el widget Categories, aparecerán las posibles opciones de configuración de este widget.

  • RSS. Aquí puede introducir la URL del feed de RSS que se mostrará en formato de enlace.
  • Entrades recents. Muestra los enlaces de las entradas recientes. Se puede modificar el número de comentarios a mostrar, clicando sobre el botón afegir del widget o (si ya está añadido en la barra) en el botón Edita del widget .
    – Personalización del widget de Entrades:

    – Vista de las Entrades recents:

    07-06-10-imatge6.JPG

  • Calendari. Muestra un calendario donde se marcan los días donde se han añadido entradas. Clicando sobre el día se muestran las entradas correspondientes.
    – Vista del calendario, donde los días marcados tienen entradas:

  • Pàgines. Este widget permite mostrar los enlaces de las páginas que hemos creado (a parte de la principal). Estas páginas se pueden crear con un clic sobre la pestaña Pàgines, y dentro de ésta, Pàgines.
    – Dirección para crear páginas:

    Con un clic sobre el botón editar que contiene el widget, aparece un menú para personalizarlo. Éste permite la ordenación de las páginas según varios criterios, así como la exclusión de la lista de algunas de ellas.
    – Menú para personalizar el widget Pàgines:

  • Comentaris recents. Permite ver los comentarios recientes de cualquier entrada. Se puede modificar el número de comentarios a mostrar, clicando en el botón Afegeix del widget (de manera similar a las Entradas recientes).
    – Personalización del widget de Comentarios recientes:

  • Text. En este widget puede incluir texto, imágenes, aplicaciones javascript, animaciones en flash, etc. Sólo se necesita el código que implemente lo que queremos.

¿Cómo se pueden añadir vídeos en flash?

Puede incrustar vídeos en flash dentro del widget de texto, siempre que en la página donde está le proporcione el código necesario.
Por ejemplo, si quiere añadir un vídeo de https://es.youtube.com/ sólo tiene que copiar el código que aparece debajo de Embed (o Insertar), a la derecha del vídeo. A continuación se muestra un ejemplo de código:

<object width=”425″ height=”344″><param name=”
movie” value=”https://www.youtube.com/v/7ImdoClMVA&
hl=en”></param><embed
src=”https://www.youtube.com/v/7I-mdoClMVA&hl=en
type=”application/x-shockwave-flash” width=”425″
height=”344″></embed></object>

Tiene que vigilar con el tamaño del vídeo, ya que puede ser demasiado grande. Si le sucede esto puede redimensionarlo modificando los valores de las variables width y height. Unos valores de 160 y 129, respectivamente, son aceptables.

A continuación sólo tiene que copiar el código dentro del widget de texto.