Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
CREACIÓN Y MANTENIMIENTO DE UN BLOG CON WORDPRESS
(SESIÓN 2)
“Tecnologías de la Información para la Eficiencia Local”
Taller de empleo 2012-2013
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
INDICE
Páginas
Enlaces
Apariencia
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Comparación entre las entradas y las páginasComparación entre las entradas y las páginas
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.
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.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.
PÁGINASPÁGINAS
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Comparación entre las entradas y las páginasComparación entre las entradas y las páginas
Yo venia Con Ilusión
Vamos HomerAbre tu Mente
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Funciones de la creación de una Página Web
-Se puede crear una página:Vas al menú y en crear una página ve : Páginas-Añadir
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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.
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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Funciones de la creación de una Página Web
-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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Funciones de la creación de una Página Web
Para ver las páginas nos iremos al editor de PáginasHaremos clic en todas las páginas y a la derecha nos
Muestra todas las páginas de nuestro blog
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.
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.
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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
¡Hey!, flanders Ya estoy
En la Blogosfera
Esto es cuestión de practicar,
Y no parar ….Me gusta
Si, ya conozco las Entradas y las Páginas
Vaya pandaA estos les enseño Yo antes de acabar
la clase
¡Muy bien! Sigamos ahora Con los Enlaces….
Y recuerda que si buscas resultados distintos, no hagas siempre lo mismo
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Definición y tipos de 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.
Sigo leyendo…..
ENLACES
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Añadir Enlaces a un sitio Externo
Nos vamos a Entradas -> SeleccionamosTodas 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. Y le damos
Actualizar
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Añadir Enlaces a partes de una misma Página
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>
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Editar y Eliminar Enlaces
Para eliminar un enlace, lo seleccionamos y pulsamos en el icono Quitar enlace y actualizamos para guardar los cambios.
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 Editar
Para Eliminar
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Creo que me he quedado
en las Entradas
Podríamos Repetir
A esteYa le Gano
Si HomerTe lo repetiré
pero, al final de la clase
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Blogroll: Menú de EnlacesSirve 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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Blogroll: Menú de Enlaces
En el menú de edición de WordPress desplegamos “Enlaces” y pinchamos
en “Añadir nuevo”.
En la ventana que aparece rellenamos los datos:
Es el que veremos en el enlace.
Dirección web completa del enlace.
Aparece al situar el puntero sobre el enlace.
Marcamos la/s categoría/s en la/s que se encuentre el enlace.
Podemos elegir si queremos que aparezca en una ventana o pestaña nueva o en la misma.
YAñadir Enlace
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Importar y Exportar Enlaces
Accedemos al panel de administración del blog y seleccionamos: Herramientas ->
Importar.Podemos importar enlaces desde
distintos blogs.
Vamos hacer clic en
Worpress
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Importar Enlaces
En la pantalla que nos aparece haremos en “Seleccionar
archivo” y después “Subir Archivo”.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Exportar Enlaces
Desde el menú Herramientas -> ExportarCrearíamos un archivo XML que contiene los mensajes y comentarios para poderlos guardar o importar a otro blog de WordPress.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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?AparienciaApariencia
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
¿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
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
¿Cómo nos ayuda Wordpress a conseguir una buena apariencia?
¡A través del editor de Apariencia!
Veamos sus funciones
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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
Temas
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Un Widgets es un programita muy útil que te da acceso a funciones que usas frecuentemente.
Widgets
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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ú?
Preparativos Pasos para crear un Menú
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
¡Pero esto que es!Tranquilo nuestra misión es enseñarte todo lo referente al editor de Menús en Wordpress
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
¿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.
Podemos no tener menúMe gustaLa última
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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”.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Pasos para crear un MenúYo esto ya
lo voy pillando…Flanders
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ú.
Vamos a ver los pasos luego realizaremos un ejercicio
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Repaso de los Pasos para crear un Menú
1 A la derecha creamos el nombre de nuestro Menú
2 En la parte izquierda arriba “Ubicación Tema” seleccionamos el Menú que acabamos de crear y guardamos.
3 Seleccionamos en la parte de la izquierda “Páginas” las que queramos agregar a nuestro Menú.
4 Ordenamos y establecemos las jerarquías arrastrando y soltando o moviéndolas un poquitín a la derecha.
5 Hacemos los mismos pasos 3 y 4 con las categorías y enlaces que deseemos agregar al Menú. Se encuentran columna izquierda.
6 Cuando ya lo tengamos configurado hacemos clic botón “Guardar Menú”.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Veamos la creación de Menús con imágenes
1 A la derecha creamos el nombre de nuestro Menú
Nombre de nuestro Menú
Hacemos clic
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
2 En la parte izquierda arriba “Ubicación Tema” seleccionamos el Menú que acabamos de crear y guardamos.
Repaso de los Pasos para crear un Menú
Seleccionamos el Menú que hemos
creado
Hacemos clic en Guardar
Importante
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
3 Seleccionamos en la parte de la izquierda “Páginas” las que queramos agregar a nuestro Menú.
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.Seleccionamos
las páginas
Clic en Añadir al Menú
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Repaso de los Pasos para crear un Menú
4 Ordenamos y establecemos las jerarquías arrastrando y soltando o moviéndolas un poquitín a la derecha.
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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Repaso de los Pasos para crear un Menú
5 Hacemos los mismos pasos 3 y 4 con las categorías y enlaces que deseemos agregar al Menú. Se encuentran columna izquierda.
Indicamos la URL
Nombre de la Etiqueta
Hacemos clic
Nos van apareciendo en la parte derecha nuestro Menú
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
Repaso de los Pasos para crear un Menú
5 Hacemos los mismos pasos 3 y 4 con las categorías y enlaces que deseemos agregar al Menú. Se encuentran columna izquierda.
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ú
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
6 Cuando ya lo tengamos configurado hacemos clic botón “Guardar Menú”.
Repaso de los Pasos para crear un Menú
Aquí tenemos nuestro Menú podemos ordenarlo, subordinarlo, eliminarlo…
Una vez comprobado todo solamente debemos “Guardar Menú” y visualizar nuestro blog.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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ú.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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.
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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.…
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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
Taller de Empleo “Tecnologías de la Información para la Eficiencia Municipal”
Páginas Enlaces Apariencia Feedback
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.