SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress




  ESCRIBIR UNA
   ENTRADA EN
   WORDPRESS
               Optimizado para WordPress 3.5.1

                  es.WordPress.com
                        .:: Febrero de 2013            ::.



         Álvaro Castillo
         Twitter: @alvarocastill

         eMail: alvaro.musicamaestro@gmail.com

         Blog personal: www.alvarodelcastillo.com/blog

         Blog de aula: www.cuchuflete.es




  Tutorial publicado bajo licencia Creative Commons:

           Reconocimiento
           No Comercial
           Compartir Igual 3.0 Unported License.



                                                                                  1
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress




ÍNDICE



                                                                                 Página   .

        Modo Visual y modo Texto (HTML)                                           3
        La barra de herramientas superior                                         3
        Botones de la barra de herramientas en modo visual                        4
        Botones de la barra de herramientas en modo texto (HTML)                  7
        Atajos de teclado en WordPress                                            8
        Añadir archivos multimedia                                                9
        Publicar la entrada                                                       10
        Más opciones para publicar la entrada                                     13
        Dónde alojar archivos multimedia en servicios externos a WordPress        13




                                                                                              2
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress


Para crear una nueva entrada en WordPress debemos ir, en el menú de la izquierda, a:

    . Entradas/Añadir nueva .

Nos aparece una página nueva con el texto “Añadir nueva entrada” y con dos campos te texto:
uno arriba para poner el título de la entrada, y otro más grande debajo para escribir el
contenido de la misma.

►Escribimos el título en la barra de texto donde pone “Introduce el título aquí”.



MODO VISUAL Y MODO TEXTO (HTML)

Lo primero de todo, debemos comprobar si estamos en modo
VISUAL o en modo TEXTO (HTML). En principio siempre editaremos
en modo visual, y el modo texto únicamente lo utilizaremos para
copiar los códigos HTML que nos proporcionan las herramientas Web 2.0 para insertar
contenido en nuestro blog (p. ej.: un vídeo de YouTube, una presentación de SlideShare…).



LA BARRA DE HERRAMIENTAS SUPERIOR

Antes de comenzar a escribir el contenido de la entrada, vamos a conocer la barra de
herramientas de edición, que nos va a ayudar a dar forma al contenido de nuestra entrada.

La barra de herramientas cambiará, dependiendo de si estamos en modo VISUAL o HTML.

    *Si dejamos el puntero del ratón encima de cada icono, nos indica cuál es su función.

    MODO VISUAL .




                                     Si pinchamos en este icono, aparecen más botones…




    MODO HTML .




                                                                                              3
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress


BOTONES DE LA BARRA DE HERRAMIENTAS EN MODO VISUAL



             B (Negrita), I (Cursiva) y ABC (Texto tachado).



             Lista sin ordenar (con puntos). Crea una lista de palabras o frases.



             Lista ordenada (numerada). Crea una lista numerada de palabras o frases.



             Cita (Quotes). El texto seleccionado aparece con los márgenes más estrechos
             en ambos lados. *Dependiendo de la plantilla del blog puede aparecer con
             otros formatos distintos como fondo coloreado o un borde alrededor.

             Justificado. Justifica el texto a la izquierda, centrado o a la derecha.



             Insertar o editar enlace. Se abre una ventana en la que deberemos indicar la
             URL (dirección electrónica del enlace), el título (texto que aparecerá al pasar el
             ratón por encima del enlace), y deberemos indicar si queremos que el enlace
             se abra en una nueva ventana o pestaña (lo recomiendo para casi todos los
             enlaces) o no (el enlace se abre en la misma página o pestaña en la que
             estamos navegando). *También se muestra debajo una lista con las entradas
             del blog para que puedas enlazar con ellas directamente.

             Desvincular. Elimina o quita el enlace seleccionado.



             Insertar etiqueta more. Cuando insertamos una etiqueta more (más), en la
             página principal del blog no se mostrará toda la entrada, sino que se mostrará
             solamente hasta donde hayamos insertado la etiqueta more. Ahí nos
             aparecerá un enlace con el texto “Continuar leyendo…” y al pinchar sobre él
             nos aparecerá el artículo completo. *Esto se suele utilizar para acortar la
             presentación de las entradas demasiado largas y, si alguien quiere ver el resto
             de la entrada solo tiene que pinchar en el enlace “Continuar leyendo…”.



             Activar o desactivar el corrector ortográfico. Pinchando sobre el triángulo que
             aparece a la derecha se puede seleccionar el idioma del diccionario. *Las
             palabras que el diccionario de WordPress considera que están mal escritas se
             subrayan de color rojo.




                                                                                                  4
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress


               Modo de escritura sin distracciones. Lo que hace es mostrar la ventana de
               edición de entradas a pantalla completa, sin ningún otro menú.

               Mostrar o quitar opciones avanazadas. Muestra o esconde la barra de
               botones inferior.

               Insertar vídeo desde YouTube. *Este botón y los demás que aparecen a
               continuación para insertar vídeos desde otras plataformas, únicamente
               aparecen si está instalado el plugin correspondiente para insertar contenidos
               utilizando el código corto (shortcode) especial para WordpPress.

               Insertar vídeo desde Google Video.



               Insertar vídeo desde DailyMotion.



               Insertar vídeo desde Vimeo.



               Insertar vídeo desde Veoh.



               Insertar vídeo desde Blip.TV.



               Insertar vídeo desde QuickTime.



               Insertar un archivo de vídeo genérico.




►Botones que aparecen en la segunda línea al pulsar el botón          :



               Este menú desplegable nos permite seleccionar un formato predefinido de
               texto o un tamaño de texto para títulos de entre los seis disponibles en HTML.

          Párrafo. Es el formato de texto normal. El que aparece por defecto en todas las
           entradas.
          Dirección. Se emplea para indicar que un texto representa una dirección o una
           firma mostrándolo, generalmente, en letra cursiva. Es muy utilizado para indicar
           toda la información respecto al autor del documento (dirección, teléfono, e-
           mail,...).



                                                                                                5
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress


     Preformateado. El texto será representado tal y como lo escribamos, respetando
      los espacios múltiples y los saltos de línea (por defecto en el lenguaje HTML
      elimina los espacios entre palabras y los saltos de línea cuando hay más de uno).
     Titulares. En principio sirven para encabezar párrafos, a modo de título. Hay seis
      tamaños predeterminados. También los podemos utilizar para agrandar o
      empequeñecer el tamaño de una determinada palabra o frase. Por ejemplo, le
      damos la propiedad Título 1 al texto “Felices vacaciones” para que aparezca en un
      tamaño muy grande.
          o Título 1. Es el tamaño de texto más grande. *En principio estos tamaños
              de letra son así, salvo que el programador del tema visual que usa nuestro
              blog los haya cambiado en la hoja de estilos en cascada (CSS).
          o Título 2. Es un tamaño de letra grande.
          o Título 3. Es un tamañp de letra mediano.
          o Título 4. Es un tamaño de letra mediano.
          o Título 5. Es un tamaño de letra pequeño.
          o Título 6. Es un tamaño de letra muy pequeño.



         Subrayado. El texto que seleccionemos aparecerá subrayado.



         Justificado completo. Se justificarán todas las líneas del párrafo a izquierda y
         derecha.



         Elegir color de texto. Pinchando en el triángulo de la derecha, nos muestra una
         ventana donde podemos elegir el color del texto seleccionado. Pinchando en el
         botón “Más colores” podremos elegir el color pinchando en una paleta con
         todos los colores posibles, introducir el color en formato HTML (por ejemplo
         #4fb064), seleccionarlo de entre una paleta de colores predefinida o elegirlo
         por su nombre de color (salmón, azul celeste…).



         Pegar como texto plano. Nos pega el texto que hemos copiado anteriormente
         en el portapapeles, sin respetar el formato que tenía previamente (tipo de
         fuente, tamaño, enlaces, color…).



         Pegar desde Word. Pega el texto que hemos copiado desde un archivo de
         Microsoft Word, respetando las propiedades de dicho texto (color, tamaño,
         fuente, negrita, cursiva, subrayado, tachado, enlaces…).



         Eliminar formato. Elimina todos los cambios que hemos hecho en el texto
         seleccionado (color, negrita, cursiva, tachado, justificación, tamaño de texto…).



                                                                                             6
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress




                Insertar carácter especial. Abre una ventana con 200 caracteres especiales
                para poder insertar con solo pinchar sobre ellos.



                Disminuir margen.



                Aumentar margen.



                Deshacer. Deshace las acciones en orden inverso a como se hicieron.



                Rehacer. Vuelve a hacer las acciones que se han deshecho anteriormente.



                Ayuda. Con este botón se accede a un menú de ayuda y sugerencias.



BOTONES DE LA BARRA DE HERRAMIENTAS EN MODO TEXTO (HTML)

Aunque, en principio, no vamos a editar el contenido de la entrada desde la pestaña de modo
Texto, conviene tener una pequeña referencia de para qé sirve cada botón que aparece en la
misma:

b               Formato de texto en negrita.

i               Formato de texto en cursiva.

link            Insertar un enlace.

b-quote         Blockquote. Cita. El texto seleccionado aparece con los márgenes más
                estrechos en ambos lados.

del | ins       Los elemento del e ins contienen texto que ha sido eliminado (del) o insertado
                (ins) en el documento en posteriores revisiones del mismo. *Es útil cuando los
                autores necesitan mostrar que partes del contenido han sido eliminadas o
                agregadas durante una actualización del documento.

img             Permite indicar la URL de una imagen para que aparezca en la entrada, sin
                ofrecer ninguna otra opción de alineación, título…

ul              Crea una lista de elementos sin ordenar.

ol              Crea una lista de elementos ordenada y numerada.

li              Separa cada uno de los elementos que pertenecen a las listas anteriores.



                                                                                                 7
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress


Code            El elemento HTML “code” inserta texto que representa código de
                computadora. *Puede ser útil para mostrar funciones, código de programación
                o variables.

More            Inserta la etiqueta “more” (ver página 4 de este manual).

Buscar          Permite buscar una palabra dentro del diccionario online alojado en
                www.answers.com

Cerrar etiquetas        Cierra todas las etiquetas de código HTML que nos hayamos podido
                        dejar de cerrar manualmente.



ATAJOS DE TECLADO EN WORDPRESS

►En lugar de mover el ratón para hacer clic en la barra de herramientas, usa estas teclas de
acceso rápido. En Windows y Linux usa Ctrl+letra. En Macintosh usa Comando+letra.

Letra | Acción                          Letra | Acción
  c Copiar                               v Pegar
  a Seleccionar todos                    x Cortar
  z Deshacer                             y Rehacer
  b Negrita                               i Cursiva
  u Subrayado                            1 Título 1
  2 Título 2                             3 Título 3
  4 Título 4                             5 Título 5
  6 Título 6                             9 Dirección

►Los siguientes atajos utilizan claves de acceso diferentes: Alt + Shift + letra.

Letra | Acción                                           Letra | Acción
  n Comprobar ortografía                                   l Alinear a la izquierda
  j Justificar texto                                       c Alinear al centro
  d Tachado                                                r Alinear a la derecha
  u • Lista sin ordenar                                    a Insertar enlace
  o 1. Lista ordenada                                      s Borrar enlace
  q Cita                                                  m Insertar imagen
  w Modo de escritura sin distracciones                   t Insertar etiqueta Más
  p Insertar etiqueta de salto de página                  h Ayuda

►Anchura del editor en el modo de escritura sin distracciones:

Alt + Más ancho         Alt - Más estrecho
Alt 0 Ancho por defecto




                                                                                               8
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress


AÑADIR ARCHIVOS MULTIMEDIA (AÑADIR OBJETOS)

En versiones anteriores de WordPress aparecían encima de la barra de herramientas del editor
visual cuatro botones para añadir diferentes objetos multimedia (imágenes, vídeos, audios y
otros objetos). Desde la versión 3.5.1 de WordPress, estos botones se han unificado en uno
solo llamado “Añadir objeto”.




Al pinchar sobre este botón, accedemos a una ventana en la que nos aparece un menú a al
izquierda con varias opciones:

►Insertar objeto. Se nos ofrece la posibilidad de subir archivos desde nuestro ordenador, o
insertarlos directamente desde nuestra galería multimedia, si es que los hemos añadido
previamente. Se nos muestra nuestra galería principal, con todos los objetos multimedia que
hemos ido utilizando previamente en nuestro blog. Podemos buscar dentro de esta galería
escribiendo el nombre del objeto o, para facilitar la búsqueda, podemos filtrarlos según las
siguientes opciones:

         Todos los elementos multimedia. Muestra todos los elementos de la galería.
         Subidos a esta entrada. Muestra únicamente los elementos que hemos utilizado en
          esta entrada.
         Imágenes. Muestra únicamente las imágenes.
         Audio. Muestra únicamente los archivos de audio.
         Vídeo. Muestra únicamente los archivos de vídeo.

Cuando seleccionamos uno de los objetos de la
galería, en la zona derecha de la pantalla se muestra
su previsualización, una serie de datos sobre el
mismo y la posibilidad de eliminarlo de la galería.

Si el archivo es una imagen, WordPress permite
editarla directamente para recortarla, girarla o
voltearla.

Debajo de los detalles de adjuntos, nos permite editar el título del archivo, la leyenda (es el
texto que aparece debajo de la imagen o del archivo, el texto alternativo (si por algún error el
navegador no puede mostrar la imagen o el archivo, se muestra este texto alternativo) y la
descripción del archivo.

Debajo de estos detalles del archivo se nos muestran las opciones de Ajustes de la pantalla de
adjuntos, que nos permiten seleccionar cómo se mostrará el archivo en la entrada y añadir un
enlace al mismo:

         Alineación del archivo. Seleccionamos si la alineación respecto al texto será centrada,
          izquierda, derecha o ninguna.
         Enlazado a. Nos permite añadir un enlace al archivo. Por ejemplo, si añadimos un
          enlace a una imagen, al pinchar sobre ella nos llevará a ese enlace. Hay varias
          posibilidades:


                                                                                                    9
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress


             o   URL personalizada. Enlace a una dirección de internet como por ejemplo
                 www.alvarodelcastillo.com/blog.
             o Archivo multimedia. Enlaza directamente al propio archivo para poder
                 descargarlo.
             o Página de adjuntos. Crea una página estática dentro de nuestro blog en la que
                 se muestra el archivo y todos los datos del mismo (dimensiones, título,
                 leyenda…)
             o Ninguna. El archivo no contiene ningún enlace.
        Tamaño. Nos permite seleccionar el tamaño con el que se mostrará la imagen o el
         archivo multimedia en nuestra entrada. *En el editor visual podemos pinchar sobre el
         archivo multimedia y cambiar su tamaño arrastrándolo de las esquinas.
         Los tamaños que nos permite seleccionar son:
             o Miniatura. Imagen de 150x150 píxeles.
             o Pequeño. Tamaño pequeño.
             o Grande. Tamaño grande.
             o Tamaño completo. Se muestra la imagen a tamaño completo.



►Crear galería. Nos permite crear una nueva galería multimedia y añadir en la misma
únicamente los archivos que deseemos, ordenarlos a nuestro gusto, elegir en cuántas
columnas se mostrarán... *Puede ser una buena opción para tener a mano los archivos que
más utilizamos habitualmente.

►Fijar la imagen destacada. Permite seleccionar qué imagen se mostrará en otras redes
sociales asociada a esta entrada. *Cuando compartimos una entrada de nuestro blog en otras
redes sociales, como por ejemplo Facebook, a veces se muestra junto al enlace una imagen
que no pertenece a nuestra entrada, sino que pertenece a otra parte de nuestro blog, o dentro
de las imágenes de nuestra entrada se muestra alguna que no es la que representa el
contenido de nuestra entrada. Con esta función, podemos decidir de antemano qué imagen se
mostrará junto al enlace a nuestra entrada.

►Insertar desde URL. Cuando queremos insertar una imagen o archivo que ya está alojado en
algún otro sitio de internet, basta con que escribamos (o copiemos y peguemos) la dirección
URL del mismo y se mostrará en nuestra entrada. En función del tipo de archivo que queramos
enlazar (imagen audio, vídeo, documento PDF…) nos mostrará unas opciones u otras para
decidir cómo se mostrará dentro de la entrada (título, descripción, alineación…).




PUBLICAR LA ENTRADA

Una vez hemos comenzado a escribir nuestra entrada, podemos guardarla como borrador para
no perder los cambios o si queremos guardarla para continuar editándola más adelante.

Todo esto lo haremos desde el menú Publicar que aparece a la derecha de la ventana de
edición de entradas.




                                                                                                10
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress


PUBLICAR

        Guardar borrador: Guarda el trabajo para
         continuar más adelante.
        Vista previa: Abre una ventana nueva con la
         vista previa de cómo está quedando nuestra
         entrada.
        Estado:
              Borrador: el artículo está sin publicar.
              Pendiente de revisión: indica que una
                  entrada ya está terminada y que
                  queremos dejarla en la “cola de publicación” para cuando decidamos que ha
                  llegado el momento de publicarla.
        Visibilidad:
              Público: cualquiera puede ver esta entrada una vez que la publiquemos.
                  Si seleccionamos “Fijar esta entrada en la página principal” nos aparecerá
                  siempre en primer lugar en la portada del blog (“sticky notes”),
                  independientemente de su fecha de publicación. Si creamos otra entrada con
                  la misma característica, nos aparecerá debajo de ésta. *Es muy útil, por
                  ejemplo, si queremos mostrar siempre en primer lugar una entrada con las
                  normas de funcionamiento de nuestro blog, o una tarea que deben hacer
                  durante los próximos días y así la van a encontrar mucho más fácilmente.
              Protegida con contraseña: para poder verla el visitante debe escribir la
                  contraseña asignada a dicha entrada. *Por ejemplo podemos proteger
                  entradas con materiales que no deseamos compartir y darles la contraseña a
                  nuestros alumnos.
              Privada: Solo podrán ver estas entradas aquellos usuarios que sean miembros
                  del blog o aquellos que tengan los permisos suficientes para verlo. *Si hemos
                  creado una cuenta de usuario para nuestros alumnos (las hay con distintos
                  perfiles y niveles de acceso al blog), cuando nuestros alumnos se identifican
                  como usuarios al visitar el blog, pueden ver todas las entradas que hemos
                  seleccionando como privadas y que ningún otro visitante sin identificar puede
                  ver.
        Publicar:
              Inmediatamente: al pinchar en el botón “Publicar” el artículo aparece
                  publicado en nuestro blog.
              Programar: Podemos seleccionar una fecha de publicación distinta a la actual.
                  Si la fecha es anterior, el artículo estará publicado y aparecerá ordenado
                  cronológicamente con los demás. Si la fecha es posterior nos aparecerá el
                  botón “Programar” y al pulsarlo el artículo estará ya publicado pero no será
                  visible hasta la fecha indicada. *Podemos utilizar esta fucnión para programar
                  la publicación de una tarea o un examen online en una fecha y hora
                  determinadas, o las felicitaciones de cumpleaños para nuestros alumnos, y
                  olvidarnos de tener que publicarlas manualmente cuando llegue la fecha.
        Mover a la papelera: eliminamos la entrada y la enviamos a la papelera. Si lo
         deseamos, después podremos restaurarla.




                                                                                                   11
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress


FORMATO

Son tipos de presentación del contenido que se utilizan para disponer los artículos con arreglo
a un formato predeterminado. Por ejemplo, el tema por defecto de WordPress (TwentyTen),
ofrece tres tipos de formato diferenciados, denominados “estándar”, “minientrada” y
“galería”, cada uno de los cuales presenta la información de una forma diferente. Debe
tenerse en cuenta que hay temas que no incorporan esta característica, y que no todos
contemplan todos los formatos, por lo que las posibilidades de uso de esta nueva característica
dependerán del tema escogido para el blog.



CATEGORÍAS

Las categorías nos ayudan a organizar el contenido de nuestro blog. Podemos, por ejemplo,
definir una categoría “matemáticas” para que al pinchar sobre ella en el menú lateral de
nuestro blog únicamente se muestren las entradas que hemos incluido en esa categoría. Otras
categorías pueden ser: Lengua, nuestros vídeos, curiosidades, vídeos, material de repaso,
noticias del aula… *De este modo nuestro alumnos, cuando visitan el blog, pueden filtrar qué
tipo de entradas quieren visitar. Si solo quieren las de matemáticas, o las de lengua, o las de
repaso, o las de noticias del aula…

         Todas. Muestra todas las categorías de nuestro blog.
         Más utilizadas. Muestra las categorías más utilizadas. Es muy útil si tenemos muchas
          categorías en el blog, ara encontrar las más utilizadas fácilmente.
         + Añadir nueva categoría. Podemos añadir en cualquier momento una nueva
          categoría. Una categoría puede tener otra superior, de modo que dentro de la
          categoría superior se muestren sus categorías inferiores. *Por ejemplo, podemos
          definir una categoría “Sexto curso” y que dentro de la misma aparezcan las categorías
          “Matemáticas”, “Lengua” y “Conocimiento”. **Cuando creamos una nueva categoría,
          no se muestra en el menú lateral de nuestro blog hasta que no se publique una
          entrada asociada a esa categoría.



ETIQUETAS

Las etiquetas nos ayudan a que posteriormente podamos encontrar más fácilmente nuestras
entradas publicadas. Si escribimos una entrada sobre la nutrición, podemos asignarle las
etiquetas “nutrición”, “cuerpo humano”, “digestión”, “alimentos”… De este modo, cuando
deseemos buscar entre nuestra entradas basándonos en las etiquetas, podremos seleccionar
una de ellas y se mostrarán únicamente las entradas que hayamos indicado con esa etiqueta.
*Este tipo de etiquetado es muy subjetivo y yo, personalmente, no lo recomiendo para los
blogs de aula. Es mucho más claro filtrar el contenido por categorías.



IMAGEN DESTACADA

*Ver el apartado “Fijar imagen destacada” en la página 10 de este manual.




                                                                                                  12
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress


MÁS OPCIONES PARA PUBLICAR LA ENTRADA

Debajo de la ventana de edición de la entrada nos aparecen varias opciones, algunas de las
cuales son para usuarios avanzados o no tienen mucho sentido para un blog de aula, por lo
que únicamente vamos a ver las que nos interesan:

         Comentarios:
              o Permitir comentarios. Podemos decidir si los visitantes del blog podrán hacer
                  comentarios en esta entrada o no. Esta decisión es válida únicamente para
                  esta entrada en concreto. *Si queremos aplicar este permiso para todas las
                  entradas de nuestro blog, deberemos ir al menú izquierdo Ajustes /
                  Cometarios / Ajustes por defecto de las entradas / Permite que se publiquen
                  comentarios en los artículos nuevos.
              o Permitir trackbacks y pingbacks en esta página. Cuando alguien enlaza a una
                  de nuestras entradas desde otro blog, se nos envía un trackack o pingback
                  para avisarnos y se muestra como un comentario en la entrada
                  correspondiente.
         Autor. Permite indicar quién de los autores de este blog (para blogs colaborativos
          como puede ser un blog de Centro o un blog de aula) es el autor de esta entrada.
          *Solamente se puede indicar un autor por entrada.
         Revisiones. WordPress va guardando automáticamente copias de seguridad mientras
          vamos escribiendo y editando cada una de las entradas. Si deseamos volver a restaurar
          nuestra entrada a un estado anterior, basta con seleccionar el que deseamos. Cada
          una de las copias se guarda con su fecha , hora y autor correspondiente:

                  14 febrero, 2013 @ 16:42 por Álvaro



DÓNDE ALOJAR ARCHIVOS MULTIMEDIA EN SERVICIOS EXTERNOS A WORDPRESS

Para no llenar nuestro alojamiento con archivos que ocupan espacio y tasa de transferencia, o
no vernos limitados porque hay un límite de tamaño para los archivos que alojamos en nuestro
blog de WordPress, recomiendo alojar los archivos multimedia en páginas o servicios externos.
De este modo, ni ocuparán sitio en nuestros servidores, ni gastarán tasa de transferencia de
datos.

Aquí indico unos cuantos servicios para alojar distintos tipos de archivos:

IMÁGENES

         Imageshack (http://www.imageshack.com)
          Es el más rápido y sencillo. No ha ce falta registrarse, aunque si te registras te guarda
          todas tus fotos subidas y te ofrece más posibilidades de enlace. Ideal para subir
          imágenes sueltas que vayamos a utilizar en una entrada.

         Flickr (http://www.flickr.com)
          Para registrarse hace falta tener una cuenta de Yahoo. Está más orientado a compartir
          fotos profesionales o semi-profesionales.




                                                                                                      13
Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress



        Picasa (http://picasa.google.com/)
         Para registrarse hace falta tener una cuenta de Gmail. Es perfecto para compartir
         álbumes de fotos (excursiones, carnaval, etc.). Tiene varias herramientas que nos
         permiten insertar presentaciones en el blog.

VÍDEOS

        YouTube (http://www.youtube.com)
         No necesita presentación. Debemos tener cuidado si nuestros vídeos tienen una banda
         sonora con copyright ya que pueden eliminar el audio del vídeo o el vídeo
         directamente por una reclamación de derechos de la empresa propietaria. Ídem si
         subimos un fragmento de alguna película.

        Vimeo (http://www.vimeo.com)
         No son tan estrictos con los copyright de los vídeos subidos. La interfaz del vídeo es
         más limpia que la de YouTube ya que (de momento) no tienen publicidad.

AUDIOS

        Dropbox (http://www.dropbox.com)
         Es válido para alojar cualquier tipo de archivo, aunque no ofrece reproductor (ni de
         vídeo ni de audio). Debemos alojar los archivos dentro de la carpeta pública de
         Dropbox para poder enlazarlos desde nuestro blog, copiando el enlace público del
         archivo en cuestión.


ARCHIVOS

        Dropbox (http://www.dropbox.com)
         Es válido para subir cualquier tipo de archivo y después enlazarlo desde nuestro blog
         para que se los descarguen los usuarios (PDF, DOC, PPS, ZIP, etc.). Debemos alojar los
         archivos dentro de la carpeta pública de Dropbox para poder enlazarlos desde nuestro
         blog, copiando el enlace público del archivo en cuestión.




                                                                                                  14

Más contenido relacionado

La actualidad más candente (18)

Manual de html
Manual de htmlManual de html
Manual de html
 
Guía rápida de comandos html
Guía rápida de comandos htmlGuía rápida de comandos html
Guía rápida de comandos html
 
Procesador de word 2007
Procesador de word 2007Procesador de word 2007
Procesador de word 2007
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Ejercicios Basicos HTML
Ejercicios Basicos HTMLEjercicios Basicos HTML
Ejercicios Basicos HTML
 
Dwj
DwjDwj
Dwj
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Dw
DwDw
Dw
 
Dw
DwDw
Dw
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Resumen dreamweaver 8
Resumen dreamweaver 8Resumen dreamweaver 8
Resumen dreamweaver 8
 
Dwj
DwjDwj
Dwj
 
html
htmlhtml
html
 
Clase de Word 2010 capacitación
Clase de Word 2010 capacitación Clase de Word 2010 capacitación
Clase de Word 2010 capacitación
 
Dwj
DwjDwj
Dwj
 
Html
HtmlHtml
Html
 
Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 

Similar a Escribir una entrada en wordpress

Creación de un blog mediante blogger
Creación de un blog mediante bloggerCreación de un blog mediante blogger
Creación de un blog mediante bloggermariahbd
 
Creación de un blog mediante blogger
Creación de un blog mediante bloggerCreación de un blog mediante blogger
Creación de un blog mediante bloggermariahbd
 
Creación de un blog mediante blogger
Creación de un blog mediante bloggerCreación de un blog mediante blogger
Creación de un blog mediante bloggermariahbd
 
Weblog tutoral (1)
Weblog tutoral (1)Weblog tutoral (1)
Weblog tutoral (1)raquezurita
 
Manual Cuadro Google Reader
Manual Cuadro Google ReaderManual Cuadro Google Reader
Manual Cuadro Google Readerblogosferagorria
 
Tutorial: Creación de una bitácora electrónica
Tutorial: Creación de una bitácora electrónicaTutorial: Creación de una bitácora electrónica
Tutorial: Creación de una bitácora electrónicaAngélica Carrillo Toste
 
Manual Usuario Wordpress (Administracion Basico)
Manual Usuario Wordpress (Administracion Basico)Manual Usuario Wordpress (Administracion Basico)
Manual Usuario Wordpress (Administracion Basico)Dolors Reig (el caparazón)
 
Taller de blogs (2da.parte)
Taller de blogs (2da.parte)Taller de blogs (2da.parte)
Taller de blogs (2da.parte)Victor Camacho
 
Daniela andrea muñoz chavarriaga
Daniela andrea muñoz chavarriagaDaniela andrea muñoz chavarriaga
Daniela andrea muñoz chavarriagameli11539
 
Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodoMacepla822
 
Tutorial sobre Blog
Tutorial sobre BlogTutorial sobre Blog
Tutorial sobre BlogMTL6
 

Similar a Escribir una entrada en wordpress (20)

Creación de un blog mediante blogger
Creación de un blog mediante bloggerCreación de un blog mediante blogger
Creación de un blog mediante blogger
 
Creación de un blog mediante blogger
Creación de un blog mediante bloggerCreación de un blog mediante blogger
Creación de un blog mediante blogger
 
Creación de un blog mediante blogger
Creación de un blog mediante bloggerCreación de un blog mediante blogger
Creación de un blog mediante blogger
 
Weblog 1
Weblog 1Weblog 1
Weblog 1
 
Weblog tutoral (1)
Weblog tutoral (1)Weblog tutoral (1)
Weblog tutoral (1)
 
Weblog tutoral (1)
Weblog tutoral (1)Weblog tutoral (1)
Weblog tutoral (1)
 
Manual Cuadro Google Reader
Manual Cuadro Google ReaderManual Cuadro Google Reader
Manual Cuadro Google Reader
 
Weblog tutoral (1)
Weblog tutoral (1)Weblog tutoral (1)
Weblog tutoral (1)
 
Tutorial: Creación de una bitácora electrónica
Tutorial: Creación de una bitácora electrónicaTutorial: Creación de una bitácora electrónica
Tutorial: Creación de una bitácora electrónica
 
Manual de Wordpress
Manual de WordpressManual de Wordpress
Manual de Wordpress
 
Manual Usuario Wordpress
Manual Usuario WordpressManual Usuario Wordpress
Manual Usuario Wordpress
 
Manual Usuario Wordpress (Administracion Basico)
Manual Usuario Wordpress (Administracion Basico)Manual Usuario Wordpress (Administracion Basico)
Manual Usuario Wordpress (Administracion Basico)
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 
7 crear contenidos- el editor de moodle
7   crear contenidos- el editor de moodle7   crear contenidos- el editor de moodle
7 crear contenidos- el editor de moodle
 
Taller de blogs (2da.parte)
Taller de blogs (2da.parte)Taller de blogs (2da.parte)
Taller de blogs (2da.parte)
 
De blogger a wordpress
De blogger a wordpressDe blogger a wordpress
De blogger a wordpress
 
Daniela andrea muñoz chavarriaga
Daniela andrea muñoz chavarriagaDaniela andrea muñoz chavarriaga
Daniela andrea muñoz chavarriaga
 
T4 wiki
T4 wikiT4 wiki
T4 wiki
 
Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodo
 
Tutorial sobre Blog
Tutorial sobre BlogTutorial sobre Blog
Tutorial sobre Blog
 

Más de Álvaro Castillo (20)

2018 Pamplona 02
 2018 Pamplona 02 2018 Pamplona 02
2018 Pamplona 02
 
2018 Pamplona 01
2018 Pamplona 012018 Pamplona 01
2018 Pamplona 01
 
Inicio Curso 2015
Inicio Curso 2015Inicio Curso 2015
Inicio Curso 2015
 
Cuadrados mágicos durero
Cuadrados mágicos dureroCuadrados mágicos durero
Cuadrados mágicos durero
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Trabajo sobre Beethoven
Trabajo sobre BeethovenTrabajo sobre Beethoven
Trabajo sobre Beethoven
 
Rubricas tonematrix
Rubricas tonematrixRubricas tonematrix
Rubricas tonematrix
 

Último

BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfNataliaMalky1
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfCarol Andrea Eraso Guerrero
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 

Último (20)

BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 

Escribir una entrada en wordpress

  • 1. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress ESCRIBIR UNA ENTRADA EN WORDPRESS Optimizado para WordPress 3.5.1 es.WordPress.com .:: Febrero de 2013 ::. Álvaro Castillo Twitter: @alvarocastill eMail: alvaro.musicamaestro@gmail.com Blog personal: www.alvarodelcastillo.com/blog Blog de aula: www.cuchuflete.es Tutorial publicado bajo licencia Creative Commons:  Reconocimiento  No Comercial  Compartir Igual 3.0 Unported License. 1
  • 2. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress ÍNDICE Página .  Modo Visual y modo Texto (HTML) 3  La barra de herramientas superior 3  Botones de la barra de herramientas en modo visual 4  Botones de la barra de herramientas en modo texto (HTML) 7  Atajos de teclado en WordPress 8  Añadir archivos multimedia 9  Publicar la entrada 10  Más opciones para publicar la entrada 13  Dónde alojar archivos multimedia en servicios externos a WordPress 13 2
  • 3. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress Para crear una nueva entrada en WordPress debemos ir, en el menú de la izquierda, a: . Entradas/Añadir nueva . Nos aparece una página nueva con el texto “Añadir nueva entrada” y con dos campos te texto: uno arriba para poner el título de la entrada, y otro más grande debajo para escribir el contenido de la misma. ►Escribimos el título en la barra de texto donde pone “Introduce el título aquí”. MODO VISUAL Y MODO TEXTO (HTML) Lo primero de todo, debemos comprobar si estamos en modo VISUAL o en modo TEXTO (HTML). En principio siempre editaremos en modo visual, y el modo texto únicamente lo utilizaremos para copiar los códigos HTML que nos proporcionan las herramientas Web 2.0 para insertar contenido en nuestro blog (p. ej.: un vídeo de YouTube, una presentación de SlideShare…). LA BARRA DE HERRAMIENTAS SUPERIOR Antes de comenzar a escribir el contenido de la entrada, vamos a conocer la barra de herramientas de edición, que nos va a ayudar a dar forma al contenido de nuestra entrada. La barra de herramientas cambiará, dependiendo de si estamos en modo VISUAL o HTML. *Si dejamos el puntero del ratón encima de cada icono, nos indica cuál es su función.  MODO VISUAL . Si pinchamos en este icono, aparecen más botones…  MODO HTML . 3
  • 4. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress BOTONES DE LA BARRA DE HERRAMIENTAS EN MODO VISUAL B (Negrita), I (Cursiva) y ABC (Texto tachado). Lista sin ordenar (con puntos). Crea una lista de palabras o frases. Lista ordenada (numerada). Crea una lista numerada de palabras o frases. Cita (Quotes). El texto seleccionado aparece con los márgenes más estrechos en ambos lados. *Dependiendo de la plantilla del blog puede aparecer con otros formatos distintos como fondo coloreado o un borde alrededor. Justificado. Justifica el texto a la izquierda, centrado o a la derecha. Insertar o editar enlace. Se abre una ventana en la que deberemos indicar la URL (dirección electrónica del enlace), el título (texto que aparecerá al pasar el ratón por encima del enlace), y deberemos indicar si queremos que el enlace se abra en una nueva ventana o pestaña (lo recomiendo para casi todos los enlaces) o no (el enlace se abre en la misma página o pestaña en la que estamos navegando). *También se muestra debajo una lista con las entradas del blog para que puedas enlazar con ellas directamente. Desvincular. Elimina o quita el enlace seleccionado. Insertar etiqueta more. Cuando insertamos una etiqueta more (más), en la página principal del blog no se mostrará toda la entrada, sino que se mostrará solamente hasta donde hayamos insertado la etiqueta more. Ahí nos aparecerá un enlace con el texto “Continuar leyendo…” y al pinchar sobre él nos aparecerá el artículo completo. *Esto se suele utilizar para acortar la presentación de las entradas demasiado largas y, si alguien quiere ver el resto de la entrada solo tiene que pinchar en el enlace “Continuar leyendo…”. Activar o desactivar el corrector ortográfico. Pinchando sobre el triángulo que aparece a la derecha se puede seleccionar el idioma del diccionario. *Las palabras que el diccionario de WordPress considera que están mal escritas se subrayan de color rojo. 4
  • 5. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress Modo de escritura sin distracciones. Lo que hace es mostrar la ventana de edición de entradas a pantalla completa, sin ningún otro menú. Mostrar o quitar opciones avanazadas. Muestra o esconde la barra de botones inferior. Insertar vídeo desde YouTube. *Este botón y los demás que aparecen a continuación para insertar vídeos desde otras plataformas, únicamente aparecen si está instalado el plugin correspondiente para insertar contenidos utilizando el código corto (shortcode) especial para WordpPress. Insertar vídeo desde Google Video. Insertar vídeo desde DailyMotion. Insertar vídeo desde Vimeo. Insertar vídeo desde Veoh. Insertar vídeo desde Blip.TV. Insertar vídeo desde QuickTime. Insertar un archivo de vídeo genérico. ►Botones que aparecen en la segunda línea al pulsar el botón : Este menú desplegable nos permite seleccionar un formato predefinido de texto o un tamaño de texto para títulos de entre los seis disponibles en HTML.  Párrafo. Es el formato de texto normal. El que aparece por defecto en todas las entradas.  Dirección. Se emplea para indicar que un texto representa una dirección o una firma mostrándolo, generalmente, en letra cursiva. Es muy utilizado para indicar toda la información respecto al autor del documento (dirección, teléfono, e- mail,...). 5
  • 6. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress  Preformateado. El texto será representado tal y como lo escribamos, respetando los espacios múltiples y los saltos de línea (por defecto en el lenguaje HTML elimina los espacios entre palabras y los saltos de línea cuando hay más de uno).  Titulares. En principio sirven para encabezar párrafos, a modo de título. Hay seis tamaños predeterminados. También los podemos utilizar para agrandar o empequeñecer el tamaño de una determinada palabra o frase. Por ejemplo, le damos la propiedad Título 1 al texto “Felices vacaciones” para que aparezca en un tamaño muy grande. o Título 1. Es el tamaño de texto más grande. *En principio estos tamaños de letra son así, salvo que el programador del tema visual que usa nuestro blog los haya cambiado en la hoja de estilos en cascada (CSS). o Título 2. Es un tamaño de letra grande. o Título 3. Es un tamañp de letra mediano. o Título 4. Es un tamaño de letra mediano. o Título 5. Es un tamaño de letra pequeño. o Título 6. Es un tamaño de letra muy pequeño. Subrayado. El texto que seleccionemos aparecerá subrayado. Justificado completo. Se justificarán todas las líneas del párrafo a izquierda y derecha. Elegir color de texto. Pinchando en el triángulo de la derecha, nos muestra una ventana donde podemos elegir el color del texto seleccionado. Pinchando en el botón “Más colores” podremos elegir el color pinchando en una paleta con todos los colores posibles, introducir el color en formato HTML (por ejemplo #4fb064), seleccionarlo de entre una paleta de colores predefinida o elegirlo por su nombre de color (salmón, azul celeste…). Pegar como texto plano. Nos pega el texto que hemos copiado anteriormente en el portapapeles, sin respetar el formato que tenía previamente (tipo de fuente, tamaño, enlaces, color…). Pegar desde Word. Pega el texto que hemos copiado desde un archivo de Microsoft Word, respetando las propiedades de dicho texto (color, tamaño, fuente, negrita, cursiva, subrayado, tachado, enlaces…). Eliminar formato. Elimina todos los cambios que hemos hecho en el texto seleccionado (color, negrita, cursiva, tachado, justificación, tamaño de texto…). 6
  • 7. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress Insertar carácter especial. Abre una ventana con 200 caracteres especiales para poder insertar con solo pinchar sobre ellos. Disminuir margen. Aumentar margen. Deshacer. Deshace las acciones en orden inverso a como se hicieron. Rehacer. Vuelve a hacer las acciones que se han deshecho anteriormente. Ayuda. Con este botón se accede a un menú de ayuda y sugerencias. BOTONES DE LA BARRA DE HERRAMIENTAS EN MODO TEXTO (HTML) Aunque, en principio, no vamos a editar el contenido de la entrada desde la pestaña de modo Texto, conviene tener una pequeña referencia de para qé sirve cada botón que aparece en la misma: b Formato de texto en negrita. i Formato de texto en cursiva. link Insertar un enlace. b-quote Blockquote. Cita. El texto seleccionado aparece con los márgenes más estrechos en ambos lados. del | ins Los elemento del e ins contienen texto que ha sido eliminado (del) o insertado (ins) en el documento en posteriores revisiones del mismo. *Es útil cuando los autores necesitan mostrar que partes del contenido han sido eliminadas o agregadas durante una actualización del documento. img Permite indicar la URL de una imagen para que aparezca en la entrada, sin ofrecer ninguna otra opción de alineación, título… ul Crea una lista de elementos sin ordenar. ol Crea una lista de elementos ordenada y numerada. li Separa cada uno de los elementos que pertenecen a las listas anteriores. 7
  • 8. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress Code El elemento HTML “code” inserta texto que representa código de computadora. *Puede ser útil para mostrar funciones, código de programación o variables. More Inserta la etiqueta “more” (ver página 4 de este manual). Buscar Permite buscar una palabra dentro del diccionario online alojado en www.answers.com Cerrar etiquetas Cierra todas las etiquetas de código HTML que nos hayamos podido dejar de cerrar manualmente. ATAJOS DE TECLADO EN WORDPRESS ►En lugar de mover el ratón para hacer clic en la barra de herramientas, usa estas teclas de acceso rápido. En Windows y Linux usa Ctrl+letra. En Macintosh usa Comando+letra. Letra | Acción Letra | Acción c Copiar v Pegar a Seleccionar todos x Cortar z Deshacer y Rehacer b Negrita i Cursiva u Subrayado 1 Título 1 2 Título 2 3 Título 3 4 Título 4 5 Título 5 6 Título 6 9 Dirección ►Los siguientes atajos utilizan claves de acceso diferentes: Alt + Shift + letra. Letra | Acción Letra | Acción n Comprobar ortografía l Alinear a la izquierda j Justificar texto c Alinear al centro d Tachado r Alinear a la derecha u • Lista sin ordenar a Insertar enlace o 1. Lista ordenada s Borrar enlace q Cita m Insertar imagen w Modo de escritura sin distracciones t Insertar etiqueta Más p Insertar etiqueta de salto de página h Ayuda ►Anchura del editor en el modo de escritura sin distracciones: Alt + Más ancho Alt - Más estrecho Alt 0 Ancho por defecto 8
  • 9. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress AÑADIR ARCHIVOS MULTIMEDIA (AÑADIR OBJETOS) En versiones anteriores de WordPress aparecían encima de la barra de herramientas del editor visual cuatro botones para añadir diferentes objetos multimedia (imágenes, vídeos, audios y otros objetos). Desde la versión 3.5.1 de WordPress, estos botones se han unificado en uno solo llamado “Añadir objeto”. Al pinchar sobre este botón, accedemos a una ventana en la que nos aparece un menú a al izquierda con varias opciones: ►Insertar objeto. Se nos ofrece la posibilidad de subir archivos desde nuestro ordenador, o insertarlos directamente desde nuestra galería multimedia, si es que los hemos añadido previamente. Se nos muestra nuestra galería principal, con todos los objetos multimedia que hemos ido utilizando previamente en nuestro blog. Podemos buscar dentro de esta galería escribiendo el nombre del objeto o, para facilitar la búsqueda, podemos filtrarlos según las siguientes opciones:  Todos los elementos multimedia. Muestra todos los elementos de la galería.  Subidos a esta entrada. Muestra únicamente los elementos que hemos utilizado en esta entrada.  Imágenes. Muestra únicamente las imágenes.  Audio. Muestra únicamente los archivos de audio.  Vídeo. Muestra únicamente los archivos de vídeo. Cuando seleccionamos uno de los objetos de la galería, en la zona derecha de la pantalla se muestra su previsualización, una serie de datos sobre el mismo y la posibilidad de eliminarlo de la galería. Si el archivo es una imagen, WordPress permite editarla directamente para recortarla, girarla o voltearla. Debajo de los detalles de adjuntos, nos permite editar el título del archivo, la leyenda (es el texto que aparece debajo de la imagen o del archivo, el texto alternativo (si por algún error el navegador no puede mostrar la imagen o el archivo, se muestra este texto alternativo) y la descripción del archivo. Debajo de estos detalles del archivo se nos muestran las opciones de Ajustes de la pantalla de adjuntos, que nos permiten seleccionar cómo se mostrará el archivo en la entrada y añadir un enlace al mismo:  Alineación del archivo. Seleccionamos si la alineación respecto al texto será centrada, izquierda, derecha o ninguna.  Enlazado a. Nos permite añadir un enlace al archivo. Por ejemplo, si añadimos un enlace a una imagen, al pinchar sobre ella nos llevará a ese enlace. Hay varias posibilidades: 9
  • 10. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress o URL personalizada. Enlace a una dirección de internet como por ejemplo www.alvarodelcastillo.com/blog. o Archivo multimedia. Enlaza directamente al propio archivo para poder descargarlo. o Página de adjuntos. Crea una página estática dentro de nuestro blog en la que se muestra el archivo y todos los datos del mismo (dimensiones, título, leyenda…) o Ninguna. El archivo no contiene ningún enlace.  Tamaño. Nos permite seleccionar el tamaño con el que se mostrará la imagen o el archivo multimedia en nuestra entrada. *En el editor visual podemos pinchar sobre el archivo multimedia y cambiar su tamaño arrastrándolo de las esquinas. Los tamaños que nos permite seleccionar son: o Miniatura. Imagen de 150x150 píxeles. o Pequeño. Tamaño pequeño. o Grande. Tamaño grande. o Tamaño completo. Se muestra la imagen a tamaño completo. ►Crear galería. Nos permite crear una nueva galería multimedia y añadir en la misma únicamente los archivos que deseemos, ordenarlos a nuestro gusto, elegir en cuántas columnas se mostrarán... *Puede ser una buena opción para tener a mano los archivos que más utilizamos habitualmente. ►Fijar la imagen destacada. Permite seleccionar qué imagen se mostrará en otras redes sociales asociada a esta entrada. *Cuando compartimos una entrada de nuestro blog en otras redes sociales, como por ejemplo Facebook, a veces se muestra junto al enlace una imagen que no pertenece a nuestra entrada, sino que pertenece a otra parte de nuestro blog, o dentro de las imágenes de nuestra entrada se muestra alguna que no es la que representa el contenido de nuestra entrada. Con esta función, podemos decidir de antemano qué imagen se mostrará junto al enlace a nuestra entrada. ►Insertar desde URL. Cuando queremos insertar una imagen o archivo que ya está alojado en algún otro sitio de internet, basta con que escribamos (o copiemos y peguemos) la dirección URL del mismo y se mostrará en nuestra entrada. En función del tipo de archivo que queramos enlazar (imagen audio, vídeo, documento PDF…) nos mostrará unas opciones u otras para decidir cómo se mostrará dentro de la entrada (título, descripción, alineación…). PUBLICAR LA ENTRADA Una vez hemos comenzado a escribir nuestra entrada, podemos guardarla como borrador para no perder los cambios o si queremos guardarla para continuar editándola más adelante. Todo esto lo haremos desde el menú Publicar que aparece a la derecha de la ventana de edición de entradas. 10
  • 11. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress PUBLICAR  Guardar borrador: Guarda el trabajo para continuar más adelante.  Vista previa: Abre una ventana nueva con la vista previa de cómo está quedando nuestra entrada.  Estado:  Borrador: el artículo está sin publicar.  Pendiente de revisión: indica que una entrada ya está terminada y que queremos dejarla en la “cola de publicación” para cuando decidamos que ha llegado el momento de publicarla.  Visibilidad:  Público: cualquiera puede ver esta entrada una vez que la publiquemos. Si seleccionamos “Fijar esta entrada en la página principal” nos aparecerá siempre en primer lugar en la portada del blog (“sticky notes”), independientemente de su fecha de publicación. Si creamos otra entrada con la misma característica, nos aparecerá debajo de ésta. *Es muy útil, por ejemplo, si queremos mostrar siempre en primer lugar una entrada con las normas de funcionamiento de nuestro blog, o una tarea que deben hacer durante los próximos días y así la van a encontrar mucho más fácilmente.  Protegida con contraseña: para poder verla el visitante debe escribir la contraseña asignada a dicha entrada. *Por ejemplo podemos proteger entradas con materiales que no deseamos compartir y darles la contraseña a nuestros alumnos.  Privada: Solo podrán ver estas entradas aquellos usuarios que sean miembros del blog o aquellos que tengan los permisos suficientes para verlo. *Si hemos creado una cuenta de usuario para nuestros alumnos (las hay con distintos perfiles y niveles de acceso al blog), cuando nuestros alumnos se identifican como usuarios al visitar el blog, pueden ver todas las entradas que hemos seleccionando como privadas y que ningún otro visitante sin identificar puede ver.  Publicar:  Inmediatamente: al pinchar en el botón “Publicar” el artículo aparece publicado en nuestro blog.  Programar: Podemos seleccionar una fecha de publicación distinta a la actual. Si la fecha es anterior, el artículo estará publicado y aparecerá ordenado cronológicamente con los demás. Si la fecha es posterior nos aparecerá el botón “Programar” y al pulsarlo el artículo estará ya publicado pero no será visible hasta la fecha indicada. *Podemos utilizar esta fucnión para programar la publicación de una tarea o un examen online en una fecha y hora determinadas, o las felicitaciones de cumpleaños para nuestros alumnos, y olvidarnos de tener que publicarlas manualmente cuando llegue la fecha.  Mover a la papelera: eliminamos la entrada y la enviamos a la papelera. Si lo deseamos, después podremos restaurarla. 11
  • 12. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress FORMATO Son tipos de presentación del contenido que se utilizan para disponer los artículos con arreglo a un formato predeterminado. Por ejemplo, el tema por defecto de WordPress (TwentyTen), ofrece tres tipos de formato diferenciados, denominados “estándar”, “minientrada” y “galería”, cada uno de los cuales presenta la información de una forma diferente. Debe tenerse en cuenta que hay temas que no incorporan esta característica, y que no todos contemplan todos los formatos, por lo que las posibilidades de uso de esta nueva característica dependerán del tema escogido para el blog. CATEGORÍAS Las categorías nos ayudan a organizar el contenido de nuestro blog. Podemos, por ejemplo, definir una categoría “matemáticas” para que al pinchar sobre ella en el menú lateral de nuestro blog únicamente se muestren las entradas que hemos incluido en esa categoría. Otras categorías pueden ser: Lengua, nuestros vídeos, curiosidades, vídeos, material de repaso, noticias del aula… *De este modo nuestro alumnos, cuando visitan el blog, pueden filtrar qué tipo de entradas quieren visitar. Si solo quieren las de matemáticas, o las de lengua, o las de repaso, o las de noticias del aula…  Todas. Muestra todas las categorías de nuestro blog.  Más utilizadas. Muestra las categorías más utilizadas. Es muy útil si tenemos muchas categorías en el blog, ara encontrar las más utilizadas fácilmente.  + Añadir nueva categoría. Podemos añadir en cualquier momento una nueva categoría. Una categoría puede tener otra superior, de modo que dentro de la categoría superior se muestren sus categorías inferiores. *Por ejemplo, podemos definir una categoría “Sexto curso” y que dentro de la misma aparezcan las categorías “Matemáticas”, “Lengua” y “Conocimiento”. **Cuando creamos una nueva categoría, no se muestra en el menú lateral de nuestro blog hasta que no se publique una entrada asociada a esa categoría. ETIQUETAS Las etiquetas nos ayudan a que posteriormente podamos encontrar más fácilmente nuestras entradas publicadas. Si escribimos una entrada sobre la nutrición, podemos asignarle las etiquetas “nutrición”, “cuerpo humano”, “digestión”, “alimentos”… De este modo, cuando deseemos buscar entre nuestra entradas basándonos en las etiquetas, podremos seleccionar una de ellas y se mostrarán únicamente las entradas que hayamos indicado con esa etiqueta. *Este tipo de etiquetado es muy subjetivo y yo, personalmente, no lo recomiendo para los blogs de aula. Es mucho más claro filtrar el contenido por categorías. IMAGEN DESTACADA *Ver el apartado “Fijar imagen destacada” en la página 10 de este manual. 12
  • 13. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress MÁS OPCIONES PARA PUBLICAR LA ENTRADA Debajo de la ventana de edición de la entrada nos aparecen varias opciones, algunas de las cuales son para usuarios avanzados o no tienen mucho sentido para un blog de aula, por lo que únicamente vamos a ver las que nos interesan:  Comentarios: o Permitir comentarios. Podemos decidir si los visitantes del blog podrán hacer comentarios en esta entrada o no. Esta decisión es válida únicamente para esta entrada en concreto. *Si queremos aplicar este permiso para todas las entradas de nuestro blog, deberemos ir al menú izquierdo Ajustes / Cometarios / Ajustes por defecto de las entradas / Permite que se publiquen comentarios en los artículos nuevos. o Permitir trackbacks y pingbacks en esta página. Cuando alguien enlaza a una de nuestras entradas desde otro blog, se nos envía un trackack o pingback para avisarnos y se muestra como un comentario en la entrada correspondiente.  Autor. Permite indicar quién de los autores de este blog (para blogs colaborativos como puede ser un blog de Centro o un blog de aula) es el autor de esta entrada. *Solamente se puede indicar un autor por entrada.  Revisiones. WordPress va guardando automáticamente copias de seguridad mientras vamos escribiendo y editando cada una de las entradas. Si deseamos volver a restaurar nuestra entrada a un estado anterior, basta con seleccionar el que deseamos. Cada una de las copias se guarda con su fecha , hora y autor correspondiente: 14 febrero, 2013 @ 16:42 por Álvaro DÓNDE ALOJAR ARCHIVOS MULTIMEDIA EN SERVICIOS EXTERNOS A WORDPRESS Para no llenar nuestro alojamiento con archivos que ocupan espacio y tasa de transferencia, o no vernos limitados porque hay un límite de tamaño para los archivos que alojamos en nuestro blog de WordPress, recomiendo alojar los archivos multimedia en páginas o servicios externos. De este modo, ni ocuparán sitio en nuestros servidores, ni gastarán tasa de transferencia de datos. Aquí indico unos cuantos servicios para alojar distintos tipos de archivos: IMÁGENES  Imageshack (http://www.imageshack.com) Es el más rápido y sencillo. No ha ce falta registrarse, aunque si te registras te guarda todas tus fotos subidas y te ofrece más posibilidades de enlace. Ideal para subir imágenes sueltas que vayamos a utilizar en una entrada.  Flickr (http://www.flickr.com) Para registrarse hace falta tener una cuenta de Yahoo. Está más orientado a compartir fotos profesionales o semi-profesionales. 13
  • 14. Álvaro Castillo | www.alvarodelcastillo.com | Escribir una entrada en WordPress  Picasa (http://picasa.google.com/) Para registrarse hace falta tener una cuenta de Gmail. Es perfecto para compartir álbumes de fotos (excursiones, carnaval, etc.). Tiene varias herramientas que nos permiten insertar presentaciones en el blog. VÍDEOS  YouTube (http://www.youtube.com) No necesita presentación. Debemos tener cuidado si nuestros vídeos tienen una banda sonora con copyright ya que pueden eliminar el audio del vídeo o el vídeo directamente por una reclamación de derechos de la empresa propietaria. Ídem si subimos un fragmento de alguna película.  Vimeo (http://www.vimeo.com) No son tan estrictos con los copyright de los vídeos subidos. La interfaz del vídeo es más limpia que la de YouTube ya que (de momento) no tienen publicidad. AUDIOS  Dropbox (http://www.dropbox.com) Es válido para alojar cualquier tipo de archivo, aunque no ofrece reproductor (ni de vídeo ni de audio). Debemos alojar los archivos dentro de la carpeta pública de Dropbox para poder enlazarlos desde nuestro blog, copiando el enlace público del archivo en cuestión. ARCHIVOS  Dropbox (http://www.dropbox.com) Es válido para subir cualquier tipo de archivo y después enlazarlo desde nuestro blog para que se los descarguen los usuarios (PDF, DOC, PPS, ZIP, etc.). Debemos alojar los archivos dentro de la carpeta pública de Dropbox para poder enlazarlos desde nuestro blog, copiando el enlace público del archivo en cuestión. 14