tutorial wordpress revista dt

19
Tutorial para la Web de DT 1º Paso: Ingresar a www.revistadt.com.ar/wp-admin/edit.php 2º Paso: Ingresar nombre de usuario y contraseña. Esta información está en el mail que recibieron.

Upload: santi-gomez

Post on 29-Jan-2018

377 views

Category:

Sports


0 download

TRANSCRIPT

Page 2: Tutorial wordpress revista dt

3º Paso: La página a la que deben acceder es la que figura abajo. En caso de ingresar a la portada del sitio, reescribir la dirección www.revistadt.com.ar/wp-admin/edit.php y serán redirigidos.

Tutorial para la Web de DT

Page 3: Tutorial wordpress revista dt

4º Paso: Sobre el costado izquierdo aparece una columna de herramientas. La primera pestaña es “Entradas” y debajo está Añadir Nueva, hacer click ahí para subir una nota.

Añadir Nueva

Tutorial para la Web de DT

Page 4: Tutorial wordpress revista dt

5º Paso: Ingresarán a está página donde podrán escribir la nota.

Se recomienda escribir sobre la misma página y no en word y después “copiar y pegar” ya que puede contener códigos que alteran la escritura.

Título de la notaSubir/Incertar multimedia (Foto, video, audio, objeto)

Herramientas de texto. Negrita, cursiva, subrayado, párrafo, etc.

Cuerpo de la nota

Cantidad de palabras

Categorías: Sección donde será publicada la nota. En caso que no

exista todavía, agregarla de aquí.

Una vez finalizado, Publicar.

Guardar en borrador a la espera de ser editada.

Ver vista previa de cómo se vería publicada..

Visual/HTML: Corresponden a dos formas de ver y publicar la nota. (Ver paso siguiente)

Tutorial para la Web de DT

Herramienta para crear enlaces

Page 5: Tutorial wordpress revista dt

Visual:Permite escribir la nota sin observar los códigos de programación. De lectura más simple y prolija, es la forma recomendada para que el redactor suba su nota. Además, permite observar los videos y fotos tal cual van a salir publicados. Siempre asegurarse que se está escribiendo en versión “Visual”.

HTML:Código de programación. De lectura menos amigable, suele generar ruidos al albergar los códigos. Recomendable para el redactor sólo en casos de embeber videos o imágenes.

Tutorial para la Web de DT

Page 6: Tutorial wordpress revista dt

Ejemplo:

Para generar la línea que separa la bajada del cuerpo apretar ALT + SHIFT + T y aparecerá una línea de puntos con la leyenda “More…”.

Tutorial para la Web de DT

Page 7: Tutorial wordpress revista dt

En caso de haber escrito la nota en word, se debe seleccionar, copiar y pegar en un bloc de notas para eliminar cualquier código.

Tutorial para la Web de DT

Page 8: Tutorial wordpress revista dt

Así debería quedar la nota. Ahora sólo resta agregar una imagen o alguno de los recursos multimedia.

Tutorial para la Web de DT

Page 9: Tutorial wordpress revista dt

En Subir/Insertar tenemos fotos, videos, audios y objetos.

Click en Imagen y se abrirá una ventana.

Seleccionar en la opción Desde el ordenador. Luego Elegir archivos y seleccionar la foto.

Tutorial para la Web de DT

Page 10: Tutorial wordpress revista dt

Una vez cargada la foto aparecerá está ventana donde se colocará el Título de la foto y el epígrafe.

Se elige la alineación y el tamaño (se recomienda utilizar siempre la opción Tamaño Completo)

Luego seleccionar la opción Usar como imagen destacada.

Finalmente clickear en Insertar en la entrada.

Tutorial para la Web de DT

Page 11: Tutorial wordpress revista dt

En el caso que la imagen se haya colocado en un lugar que no queremos debemos primero ir a Guardar borrador y después seleccionar la pestaña HTML. Una vez allí observarán un código entre corchetes. Seleccionen de principio a fin, corten y después peguen donde crean conveniente. En este caso será debajo de la firma.

Acomoden el texto para que no queden espacios en blanco. Vuelvan a oprimir Guardar borrador y vuelvan a la pestaña Visual.

Tutorial para la Web de DT

Page 12: Tutorial wordpress revista dt

Ahora observarán en Visual que la imagen ya está acomodada a donde queremos. En caso de querer modificar el epígrafe podemos hacerlo debajo de la imagen.

IMPORTANTE: Siempre presionar Guardar borrador antes de cambiar de Visual a HTML o visceversa, ya que posiblemente pierdan los cambios realizados.

Tutorial para la Web de DT

Page 13: Tutorial wordpress revista dt

Para embeber un video debemos abrir una nueva pestaña en el navegador y entrar a youtube.com. Una vez allí, seleccionamos el video y lo abrimos.

Hacemos click en la opción Compartir y se nos abrirá una pequeña ventana

De allí seleccionamos Insertar y aparecerá un código HTML para copiar. Luego seleccionamos el tamaño 640 x 480 que es el apropiado para Wordpress.

Tutorial para la Web de DT

Page 14: Tutorial wordpress revista dt

Vuelvan a la página de DT y opriman la pestaña HTML. Peguen el código entre signos < > donde crean conveniente (en este caso será al final de la nota).

Oprimar Guardar borrador y vuelvan a Visual. Ahora observarán que ya está embebido el video.

IMPORTANTE: Siempre presionar Guardar borrador antes de cambiar de Visual a HTML o visceversa, ya que posiblemente pierdan los cambios realizados.

Tutorial para la Web de DT

Page 15: Tutorial wordpress revista dt

Para crear un enlace se debe seleccionar la palabra o frase que haga alusión a lo que se quiere enlazar y luego ir a la herramienta para crear el link.

Tutorial para la Web de DT

Copiar la URL que se quiera enlazar, oprimir la herramienta. Se abrirá una ventana y donde dice URL copian la dirección.

Importante: Siempre seleccionar la opción “Abrir enlace en una nueva ventana/pestaña”.

Page 16: Tutorial wordpress revista dt

Tutorial para la Web de DT

En enlace debe ir en negrita. Una vez creado, aparecerá subrayado y de un color distinto al resto del texto.

Page 17: Tutorial wordpress revista dt

Para ir finalizando, recuerden elegir la categoría donde será publicada la nota. En este caso será en Exclusivo DT web.

Luego escriban las etiquetas de la entrada, estas son palabras claves que permiten a los motores de búsqueda encontrar la nota.

Presionen nuevamente Guardar borrador y vayan a la Vista previa.

Tutorial para la Web de DT

Page 18: Tutorial wordpress revista dt

Se les abrirá una nueva pestaña en el navegador y allí podrán observar cómo quedó la nota lista para publicarse.

Importante: Las notas no pueden ser publicadas antes que los editores la corrijan.

Tutorial para la Web de DT

Page 19: Tutorial wordpress revista dt

Tutorial elaborado por Santiago Gómez para la Revista DT.

Córdoba, Marzo 2012