Tutoriales III - Creando una entrada de blog con imagen

Imagen de admin

Una vez se ha conseguido un par de veces, resulta sencillo hacerlo. Pero reconozco que las primeras veces se presta a confusión.

Veamoslo paso a paso:

Lo primero es ir al bloque de navegación de la izquierda donde debajo de nuestro nombre veremos "crear contenido nuevo" y en la pantalla que se abre, elegiremos "entrada de blog":

03-0103-01













Se nos abre una nueva pantalla con los siguientes campos:

03-0203-02













  • Título: Que será el título que demos a esta entrada.
  • Cuerpo: Donde escribiremos el texto de esta entrada de blog y donde se insertará el código que muestre la imagen que queramos adjuntar. Esta imagen se sube al servidor y se genera el códgo automáticamente mediante el asistente que se lanza con el icono que hay a continuación.
  • Icono del asistente de imagen: Al hacer clic en él, se abre el asistente que tiene dos pasos:
    • Subida de la foto al servidor

      03-0303-03













      La primera pantalla que se nos abre nos mostrará todas las fotos que anteriormente hemos subido al servidor (con la posibilidad de ver todas las que se han subido por otros miembros eligiéndolo en el cuadro de selección brownse images. A la derecha de ese cuadro, tenemos el botón de Upload para subir una nueva foto y el de Cancelar para terminar el proceso sin hacer nada.

      Al darle a Upload se abre una nueva pantalla, que no es más que la pantalla de entrar contenido nuevo > imagen:

      03-0403-04













      con tres opciones importantes:

      Título: Que será, en este caso, el título de la imagen que vamos a subir.
      Categorías > Image Galleries: donde es imprescindible elegir la última opción del menú desplegable: Otras Imágenes. De lo contrario, mezclaremos nuestra imagen con las de los premios, la liguilla o las revistas.
      Imagen:Con el botón de la derecha, llamado "Examinar", abriremos el explorador de nuestro ordenador para poder buscar y elegir la foto que pretendemos subir.

      El resto de las opciones que aparecen más abajo no hay que tocarlas (sirven para subir una imagen con su texto, que es una forma de entrar contenido diferente de la que tratamos en este tutorial).

      En la parte inferior de esta pantalla, encontramos el botón Enviar que es el que debemos accionar para subir la imagen al servidor de la Agrupació.

    • Generador de código: Nada más enviada la imagen al servidor (tarda unos segundos en subir), nos aparecerá una nueva pantalla que genera automáticamente el código que hace posible que se visualice junto con nuestro mensaje:

      03-0503-05













      donde, a pesar de haber algunas opciones, lo más recomendable es clicar sólo en el botón Insert. Esto producirá la inserción de unas líneas de código en la posición donde estaba el cursor en nuestro texto (por lo que es bueno controlar antes de iniciar el asistente que se encuentra donde queremos que aparezca la imagen). La opción más conveniente es que el código se inserte en la primera posición, con el texto escrito justo a continuación del mismo.

      Sin duda genera el mensaje más claro y ordenado, aunque pueden experimentarse otras opciones.

      Una vez recompuesto el texto, las opciones que van a continuación, desde Formato de entrada hasta Opciones de menú pueden dejarse tal y como están, ya que se han preconfigurado para un rendimiento óptimo. Le damos a Vista previa para comprobar el resultado o a Enviar cuando lo tengamos a nuestro gusto, apareciéndonos una pantalla con la entrada de blog terminada:

      03-0603-06













      Esta entrada se colocará automáticamente encima de las otras que tengamos en nuestro blog personal y aparecerá cronológicamente ordenara entre la de todos los demás en la vista general bitácoras que se encuentra en el menú de navegación del bloque de la izquierda.

Comentarios

Imagen de Carlos Bravo

.

Fantasticos todos los tutoriales.
Son de gran ayuda y voto por ponerlos de manera fija y facilmente localizables, por ejemplo en el menú de la izquierda, una sección llamada "TUTORIALES".
Creo que sería una buena opción.

Saludos.

Imagen de Arturo González

.

Gracias Carlos. Me parece una buena idea.

Saludos,
Arturo

Imagen de alexis64

tutorial para subir desde youtube

colegas y amigos a la distancia como se hace para subir un video de youtube a la bitacora , vi que xavier lo hizo y Yo no puedo encontrar el camino . agradecere la informacion

Imagen de Xavier Ferrer

despues de colgarlo en

despues de colgarlo en yOUTUBE, solo tienes que poner la direccion de youtube