Este documento proporciona un tutorial en 5 pasos para agregar nuevas notas al sitio web de la Revista DT. Los pasos incluyen ingresar al sitio web, iniciar sesión, hacer clic en "Añadir Nueva" para subir una nota, escribir y formatear la nota, agregar multimedia como imágenes y videos, y guardar el borrador para revisión antes de la publicación.

1. 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.

2. Tutorial para la Web de 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.

3. Tutorial para la Web de 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

4. Tutorial para la Web de DT
Ver vista previa
5º Paso: Ingresarán a Guardar en borrador a la
espera de ser editada.
de cómo se
vería
está página donde publicada..
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 nota Herramienta para crear enlaces
Subir/Incertar
multimedia (Foto, Una vez
video, audio, objeto) finalizado,
Publicar.
Herramientas de
texto. Negrita, Visual/HTML: Corresponden a
cursiva, subrayado, dos formas de ver y publicar la
nota. (Ver paso siguiente)
párrafo, etc.
Cuerpo de la nota
Categorías: Sección donde
será publicada la nota. En caso que no
exista todavía,
Cantidad de palabras agregarla de
aquí.

5. Tutorial para la Web de 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.

6. Tutorial para la Web de 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…”.

7. Tutorial para la Web de 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.

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

9. Tutorial para la Web de 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.

10. Tutorial para la Web de 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.

11. Tutorial para la Web de 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.

12. Tutorial para la Web de 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.

13. Tutorial para la Web de 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.

14. Tutorial para la Web de 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.

15. Tutorial para la Web de 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.
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”.

16. 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.

17. Tutorial para la Web de 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.

18. Tutorial para la Web de 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.

19. Tutorial elaborado por Santiago Gómez para la
Revista DT.
Córdoba, Marzo 2012