CREACIÓN Y MANTENIMIENTO DE UN BLOG CON WORDPRESS (SESIÓN 2)

1. “Tecnologías de la Información para la Eficiencia Local” Taller de empleo 2012-2013 CREACIÓN Y MANTENIMIENTO DE UN BLOG CON WORDPRESS(SESIÓN 2)

2. INDICE Páginas Enlaces Apariencia

3. Comparación entre las entradas y las páginas PÁGINAS Las entradas son objetos orientados en el tiempo ya que se escriben en un tiempo específico, y ese tiempo define su contexto. Las Páginas, por el contrario, se usan la mayor parte de las veces para presentar la información atemporal sobre usted o su sitio - información que siempre se puede aplicar. • Alguna de las diferencias que existen entre las entradas y las páginas, entre otras, es que las páginas: • No pueden ser clasificadas mediante categorías • Se consideran estáticas • No aparecen en la lista de entradas recientes • Las páginas no son archivos. Se almacenan en su base de datos al igual que los mensajes. • Las páginas pueden utilizarse para incluir el contenido que quieras que esté siempre disponible. Por ejemplo, se podría escribir una Entrada describiendo lo que se hizo durante una mañana particular ("El desayuno estaba bien"), pero en una Página se podría escribir algo cuyo contexto no es dependiente del tiempo ("Este sitio es sobre el desayuno"). Las Páginas son muy similares a las Entradas en tanto que ambas tienen Títulos y Contenido y pueden usar las Plantillas de Presentación de su sitio para mantener una apariencia constante en todas las partes de su sitio. Las páginas, sin embargo tienen varias distinciones clave que las hacen bastante diferentes de las Entradas.

4. Vamos Homer Abre tu Mente Yo venia Con Ilusión Comparación entre las entradas y las páginas

5. -Se puede crear una página: Vas al menú y en crear una página ve : Páginas-Añadir Funciones de la creación de una Página Web

6. Aparecen arriba unos 6 iconos donde puedes insertar una imagen, un objeto, un video, un archivo de audio, una encuesta o add custom form tanto en modo visual como en modo HTML. Arriba a la derecha está la opción de guardar la página en modo borrador y ver, con el botón de vista previa, como quedaría la página sin publicarla. También se puede mover la página a la “papelera” y justo al lado está la opción de “publicar”. En la opción de atributos se indica si la página está subordinada a otra página con jerarquía superior. Funciones de la creación de una Página Web Allí está disponible el mismo editor que se utilizar para crear las entradas. En modo visual , se procede a añadir un título y redactar el texto para la página. También se puede cambiar el orden en que aparezcan.

7. -Puedes modificar una página ya creada: Para editar las páginas se accede “Páginas-Todas las Páginas” y al poner el cursor sobre el titulo de la página: Se ven todas las páginas que hay creadas, y se puede observar que en cada página existe la opción de entrar y editar (por si queremos poner algo nuevo, etc.). También están las opciones: ver página , edición rápida y papelera. Funciones de la creación de una Página Web

8. Dependiendo del tema que uses las páginas pueden mostrarse como en el encabezado o en la barra lateral del blog. Crear páginas es tan sencillo como crear entradas y no hay límites en relación al número de páginas que puedes publicar. Para ver las páginas nos iremos al editor de Páginas Haremos clic en todas las páginas y a la derecha nos Muestra todas las páginas de nuestro blog También se puede observar que en “opciones de pantalla" se abre una ventana que te muestra lo que se quiere ver, como el autor, comentarios, fecha, etc. a la hora de publicar una página. Se ven todas las páginas que hay creadas, y se puede observar que en cada página existe la opción de entrar y editar (por si queremos poner algo nuevo, etc.). También están las opciones: ver página , edición rápida y papelera. Funciones de la creación de una Página Web

9. ¡Muy bien! Sigamos ahora Con los Enlaces…. Y recuerda que si buscas resultados distintos, no hagas siempre lo mismo ¡Hey!, flanders Ya estoy En la Blogosfera Si, ya conozco las Entradas y las Páginas Esto es cuestión de practicar, Y no parar ….Me gusta Vaya panda A estos les enseño Yo antes de acabar la clase

10. Sigo leyendo….. Definición y tipos de Enlaces ENLACES • Un enlace es un hipervínculo que abre una página de otro blog o web, una página de nuestro mismo blog o nos lleva a otra parte dentro de la misma página. • Hay tres tipos de enlaces: • Enlaces a un sitio externo. • Enlaces a una página interna. • Enlaces a partes de una misma página.

11. Y le damos Actualizar Nos vamos a Entradas -> Seleccionamos Todas las entradas y en la parte central Ponemos el cursor en una Entrada y editar Seleccionamos el texto, imagen, etc. al que queremos añadir el enlace y pinchamos en el icono “cadena” de la barra superior. Añadir Enlaces a un sitio Externo

12. Añadir Enlaces a un sitio Externo En la nueva ventana pegamos la URL de destino, le ponemos un título y marcamos “Abrir enlace en una nueva ventana/pestaña” si queremos que el enlace se abra en otra ventana. Luego pinchamos en el botón “Añadir enlace” y a continuación en el botón “Actualizar” de la pantalla anterior para que se guarden los cambios. El texto con el enlace quedará subrayado y en otro color.

13. Añadir Enlaces a una Página Interna Los enlaces a páginas de nuestro sitio se hacen de igual forma, sólo que en este caso podemos eliminar la URL de nuestro dominio.

14. Para añadir enlaces que nos lleven a distintas partes del mismo documento o entrada, tenemos que definir o marcar los destinos a los que vamos a enlazar, asignándoles un nombre e incluyendo el código que lo etiqueta desde HTML y situándolo antes del texto-destino que se vaya a enlazar: La Etiqueta a utilizar: <a name=“nombre _de_marca”></a> Definimos la marca en nuestro caso Con: <a name=“cap1”></a> Añadir Enlaces a partes de una misma Página

15. Añadir Enlaces a partes de una misma Página #Nombre de la marca en nuestro caso: #cap1 Le damos el nombre del lugar que queremos ir

16. Editar y Eliminar Enlaces Para editar un enlace, lo seleccionamos, pinchamos en el icono de crear enlace y en la ventana que nos abre con las características del enlace, modificamos lo que sea necesario y actualizamos para que nos guarde los cambios. Para eliminar un enlace, lo seleccionamos y pulsamos en el icono Quitar enlace y actualizamos para guardar los cambios. Para Eliminar Para Editar

17. Categorías de Enlaces Podemos crear categorías de enlaces dándoles un nombre y descripción e ir añadiendo todos los enlaces que queramos y encajen o pertenezcan a esa categoría. Tendremos así los enlaces ordenados según criterios.

18. Creo que me he quedado en las Entradas Podríamos Repetir Si Homer Te lo repetiré pero, al final de la clase A este Ya le Gano

19. Blogroll: Menú de Enlaces Sirve para administrar un conjunto de enlaces. Para que se muestren hay que añadir el widget Enlaces desde el menú situado a la izquierda, Apariencia -> Widgets y arrastrarlo al panel lateral.

20. Blogroll: Menú de Enlaces Es el que veremos en el enlace. Dirección web completa del enlace. En la ventana que aparece rellenamos los datos: Aparece al situar el puntero sobre el enlace. En el menú de edición de WordPress desplegamos “Enlaces” y pinchamos en “Añadir nuevo”. Marcamos la/s categoría/s en la/s que se encuentre el enlace. Y Añadir Enlace Podemos elegir si queremos que aparezca en una ventana o pestaña nueva o en la misma.

21. Importar y Exportar Enlaces Vamos hacer clic en Worpress Accedemos al panel de administración del blog y seleccionamos: Herramientas -> Importar. Podemos importar enlaces desde distintos blogs.

22. Importar Enlaces En la pantalla que nos aparece haremos en “Seleccionar archivo” y después “Subir Archivo”.

23. Exportar Enlaces Crearíamos un archivo XML que contiene los mensajes y comentarios para poderlos guardar o importar a otro blog de WordPress. Desde el menú Herramientas -> Exportar

24. Apariencia La Apariencia en Wordpress es algo así como nuestro estilo. Algo que va a identificarnos durante la existencia de nuestro blog en Internet, es nuestra marca de identidad, nuestro sello personal, es tan importante, que hace que este gestor tenga una papel muy destacado dentro de nuestro Blog, y por lo tanto deberemos ser muy meticulosos con nuestra apariencia. ¿Qué es la Apariencia en un blog?

25. ¿Cómo conseguir una buena Apariencia en nuestro blog? • Que sea fácil de exploración • Fondo profesional • Gráficos apropiados • Diseño de éxito

26. ¿Cómo nos ayuda Wordpress a conseguir una buena apariencia? ¡A través del editor de Apariencia! Veamos sus funciones

27. Temas Un tema para WordPress es una colección de archivos que trabajan juntos para producir una interfaz gráfica con un diseño subyacente, que unifica en un blog WordPress.com. Actualmente hay una colección de más de 100 temas

28. Widgets Un Widgets es un programita muy útil que te da acceso a funciones que usas frecuentemente.

29. Pasos para crear un Menú Preparativos Es una función muy útil para los bloggers que tienen una gran variedad de platos para servir en su blog. El menú le dice a tus lectores qué tienes tu blog para ofrecerles y a dónde ir. Vamos a detenernos en el editor de Menús. ¿Dónde se coloca el Menú?

30. Tranquilo nuestra misión es enseñarte todo lo referente al editor de Menús en Wordpress ¡Pero esto que es!

31. ¿Dónde se coloca el Menú? Dependiendo de la plantilla podemos: Puedes colocar tu barra de Menús en el encabezado de tu blog. La mayoría de las plantillas que permiten una imagen personalizada de cabecera tiene esta opción. Puedes colocarla en tu barra de navegación (Sidebar). La mayoría de las plantillas tienen esta opción disponible, sea que permitan imagen de cabecera o no. Me gusta La última Podemos no tener menú

32. Preparativos Debemos tener diseñado nuestro Menú mínimamente. Qué colocaremos en el, en qué orden y, si nuestro Menú será desplegable, cuales ítems se subordinarán a cuales otros. Si vamos a incluir páginas, debemos crearlas antes de armar nuestro Menú. Lo mismo sucede con las categorías. En los Menús horizontales (los que van en el encabezado), el espacio es limitado. Deberemos tener en cuenta si nuestra plantilla acepta Menús, para saberlo desde Escritorio -> Apariencia y en el tercer lugar, debe aparecer la opción “Menús”.

33. Yo esto ya lo voy pillando… Flanders Pasos para crear un Menú Vamos a ver los pasos luego realizaremos un ejercicio 1. Nos dirigimos a Escritorio -> Apariencia -> Menús, allí a nuestra derecha le ponemos un nombre a nuestro Menú y hacemos clic en el botón “Crear Menú”. Ahora estamos en el editor de Menús. A la izquierda nos aparece una columna los items que podemos agregar a nuestro Menú: Enlaces, páginas y categorías. A la derecha la columna donde construyes y editas tu Menú. 2. Para colocar nuestro Menú en nuestro blog en la parte de la izquierda arriba, en el apartado “Ubicación del Tema”, seleccionamos el Menú que acabamos de crear y hacemos clic en el botón “Guardar”. Esto es fundamental para crear nuestro Menú.

34. Pasos para crear un Menú 3. Comenzamos con las páginas que vamos agregar a nuestro Menú. Seleccionamos en la parte izquierda en el apartado “Páginas” y hacemos clic en el botón “Añadir Menú”. 4. Ya tenemos nuestras páginas en la columna de la derecha, ahora podemos ordenarlas y establecer jerarquías arrastrando y soltando los ítems. Si alguna de las páginas va a subordinarse a otras, arrastramos un poquito hacia la derecha. 5. Repetimos los pasos 3 y 4 con las categorías y enlaces que deseemos agregar a nuestro Menú. Los encontraremos en la columna de la izquierda. 6. Cuando creamos que ya tenemos nuestro Menú configurado hacemos clic en el botón “Guardar Menú”. Debemos tener en cuenta si nuestra plantilla soporta Menús.

35. 1 A la derecha creamos el nombre de nuestro Menú En la parte izquierda arriba “Ubicación Tema” seleccionamos el Menú que acabamos de crear y guardamos. 2 Seleccionamos en la parte de la izquierda “Páginas” las que queramos agregar a nuestro Menú. 3 Ordenamos y establecemos las jerarquías arrastrando y soltando o moviéndolas un poquitín a la derecha. 4 Hacemos los mismos pasos 3 y 4 con las categorías y enlaces que deseemos agregar al Menú. Se encuentran columna izquierda. 5 Cuando ya lo tengamos configurado hacemos clic botón “Guardar Menú”. 6 Repaso de los Pasos para crear un Menú

36. 1 A la derecha creamos el nombre de nuestro Menú Veamos la creación de Menús con imágenes Hacemos clic Nombre de nuestro Menú

37. En la parte izquierda arriba “Ubicación Tema” seleccionamos el Menú que acabamos de crear y guardamos. 2 Repaso de los Pasos para crear un Menú Seleccionamos el Menú que hemos creado Hacemos clic en Guardar Importante

38. Seleccionamos en la parte de la izquierda “Páginas” las que queramos agregar a nuestro Menú. 3 Seleccionamos las páginas Repaso de los Pasos para crear un Menú Nos permite ver las páginas más recientes. Nos permite ver todas las páginas. Nos permite buscar una página. Clic en Añadir al Menú

39. Ordenamos y establecemos las jerarquías arrastrando y soltando o moviéndolas un poquitín a la derecha. 4 Repaso de los Pasos para crear un Menú Ahora ordenamos seleccionamos y luego arrastramos o bien, hacia arriba o hacia abajo. Si las páginas van subordinadas a otras arrastra un poquitín hacia la derecha.

40. Nos van apareciendo en la parte derecha nuestro Menú Hacemos los mismos pasos 3 y 4 con las categorías y enlaces que deseemos agregar al Menú. Se encuentran columna izquierda. 5 Repaso de los Pasos para crear un Menú Indicamos la URL Nombre de la Etiqueta Hacemos clic

41. Hacemos los mismos pasos 3 y 4 con las categorías y enlaces que deseemos agregar al Menú. Se encuentran columna izquierda. 5 Repaso de los Pasos para crear un Menú Al igual que ocurría en las páginas nos aparecen las pestañas. Seleccionamos la categoría y le damos Añadir al Menú

42. Una vez comprobado todo solamente debemos “Guardar Menú” y visualizar nuestro blog. Cuando ya lo tengamos configurado hacemos clic botón “Guardar Menú”. 6 Repaso de los Pasos para crear un Menú Aquí tenemos nuestro Menú podemos ordenarlo, subordinarlo, eliminarlo…

43. Como podemos observar existe una gran relación entre Menú, Páginas y Enlaces. Si nos damos cuenta estas tres partes debemos crear antes las Páginas que los Menús y como ya he comentado antes debemos tener bien planificado nuestro Menú.

44. Nos permite colocar fondos en nuestro Blog es importante saber si el tema elegido puede tener esta opción. Existen una gran variedad de fondos para Wordpress en Internet, simplemente deberemos subir la imagen de fondo y elegir color si queremos. Luego Guardar cambios.

45. La cabecera de nuestro blog podemos modificarla en este editor, subir una imagen dándote la opción WordPress de recortarla. Podremos cambiar el color del texto, visualizarlo.

46. Mostrar un enlace a su página principal en el menú de navegaciónMostrar enlace a su feed RSS en el menú de navegaciónSeleccionar un esquema de color alternativo

47. Este editor nos ofrece la libertad de un diseño personalizado con lo que podemos hacer que nuestro blog sea de la forma que nosotros queramos. Podemos personalizar las fuentes en el tema elegido con facilidad, utilizar CSS para hacer todos los cambios en la presentación que deseemos. Tener un control total sobre el tema de presentación.

48. Desde aquí también puedo acceder a WrodPress….. Hoy sin ir a trabajar Existe la posibilidad de utilizar WordPress desde Iphone, Ipaq, Ipod Touch, Android, Blackberry, Windows Phone, etc.…

49. Otra de las posibilidades es poder configurar el acceso mediante un Ipad, nos ofrece la configuración para cuando accedamos mediante este dispositivo. Tapa de la pantalla. Cubrir Logo. Lanzamiento de la imagen de la pantalla. Visualización de fuentes. Acentuar el color

50. Feebacks • El término Feedback significa, repuesta, y se refiere a la comunicación mediante algún formulario para ponerse en contacto con el autor o administrador del sitio web o blog. • Se puede decir Feedback también a las respuestas en el Foro o cuando contestas a un comentario en tu blog, incluso a las suscripciones y en las redes sociales.