creaciÓn y mantenimiento de un blog con wordpress (sesiÓn 2)

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



INDICE

Páginas

Enlaces

Apariencia



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



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



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




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.




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




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.



¡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



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



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



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.



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.



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>



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



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



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.



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



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.



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



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



Importar Enlaces

En la pantalla que nos aparece haremos en “Seleccionar

archivo” y después “Subir Archivo”.



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.



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



¿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



¿Cómo nos ayuda Wordpress a conseguir una buena apariencia?

¡A través del editor de Apariencia!

Veamos sus funciones



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



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

Widgets



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ú



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



¿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



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



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



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.



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ú”.



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



2 En la parte izquierda arriba “Ubicación Tema” seleccionamos el Menú que acabamos de crear y guardamos.


Seleccionamos el Menú que hemos

creado

Hacemos clic en Guardar

Importante



3 Seleccionamos en la parte de la izquierda “Páginas” las que queramos agregar a nuestro 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ú




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.





Indicamos la URL

Nombre de la Etiqueta

Hacemos clic

Nos van apareciendo en la parte derecha nuestro 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ú



6 Cuando ya lo tengamos configurado hacemos clic botón “Guardar Menú”.


Aquí tenemos nuestro Menú podemos ordenarlo, subordinarlo, eliminarlo…

Una vez comprobado todo solamente debemos “Guardar Menú” y visualizar nuestro blog.



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



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.



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.



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



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.



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



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



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.

creaciÓn y mantenimiento de un blog con wordpress (sesiÓn 2)

Documents