wordpress · páginas: añadir una imagen a una página 1. añadir una imagen en la página: pulso...
TRANSCRIPT
wordpress.notebook
1
February 10, 2014
WordpressTema 4
Sonia Lafuente Martínez
wordpress.notebook
2
February 10, 2014
Acceder a Wordpress: http://es.wordpress.com/
Pulsa sobre Acceder para registrarte como usuario nuevo.
Como somos nuevos usuarios > Pulsa sobre Registrarse
1. Introducción a Wordpress
wordpress.notebook
3
February 10, 2014
Introducir vuestro correo electrónico correctamente porque lo necesitaremos para activar el blog.
Servirán de login y password para acceder a nuestro blog.
Será nuestra dirección al blog.
Seleccionamos la versión gratuita
1. Introducción a Wordpress
wordpress.notebook
4
February 10, 2014
Entrar en vuestros emails y abrir el email que os acaba de enviar wordpress.
Pulsar sobre Activar Blog
¿Cómo accedo a mi página web para visualizarla?
https://informaticaabece.wordpress.com Donde pone "informaticaabece " teneis que poner vuestro login
¿Cómo configuro mi página web?
https://informaticaabece.wordpress.com/wp-admin/
1. Introducción a Wordpress
wordpress.notebook
5
February 10, 2014
El menú lo tenemos a mano izquierda. Cada una de las acciones despliega submenús.
En la zona central tenemos acceso directo a acciones habituales: entradas, páginas, comentarios, categorías. Además tenemos la publicación rápida de entradas.
1. Introducción a Wordpress
wordpress.notebook
6
February 10, 2014
2. Páginas vs Entradas
Diferencias:
• Las páginas son contenido de interés siempre en cambio las entradas son temporales.
• Las páginas queremos que sean fáciles de encontrar sin tener que navegar mucho por el historial del blog.
Similitudes:
Son iguales que las entradas en cuanto a formato, imágenes, comentarios.
wordpress.notebook
7
February 10, 2014
3. Páginas: Menú
Pincha aquí para añadir una página
Tiene un listado de las páginas creadas con varios campos
wordpress.notebook
8
February 10, 2014
3. Páginas: Añadir una página
Título de la página. Será el nombre que aparecerá como pestaña en el menú
Página padre para establecer jerarquías (opcional)El orden servirá para indicar el orden.
wordpress.notebook
9
February 10, 2014
Páginas: Ejemplo
Creo una página con título Tema 4.
Pulso Publicar para crear la página.
wordpress.notebook
10
February 10, 2014
Páginas: Comprobamos el resultado
La nueva página aparece en el menú de páginas (en esta plantilla)
wordpress.notebook
11
February 10, 2014
Páginas: Modificar una página
Pulsa en la página que quieres modificar.
Pulsa sobre el enlace Editar
Ejercicio: Edita una página que sólo vaya a tener texto y alguna imagen.
Por ejemplo: Quiénes Somos
wordpress.notebook
12
February 10, 2014
Páginas: Añadir texto a una página
Podéis descargaros textos de Bienvenida de este link:
http://www.anelis.com/textosbasepaginasweb.pdf
Escribir el texto de Bienvenida que queráis. Tenéis que tener seleccionada la pestaña Visual para editarlo.
Podéis utilizar las opciones:
• Negrita• Cursiva• Listas
wordpress.notebook
13
February 10, 2014
Páginas: Añadir una imagen a una página
1. Añadir una imagen en la página: Pulso Subir / Insertar
2. Elegir el tamaño de la imagen y la alineación con el texto.
3.- Por último pulsa en Insertar en la entrada
wordpress.notebook
14
February 10, 2014
Páginas: Añadir un mapa a la página
1.- Entrar a Google Maps
2.- Buscar la dirección
3.- Pulsar sobre el botón de enlazar.
4.- Copiar el texto que aparece en "Pegar HTML para insertar en sitio web"
5.- Copiar en nuestra página
También es posible añadir mapas del satélite
wordpress.notebook
15
February 10, 2014
Páginas: Modificar tamaño del mapa
Para cambiar el tamaño del mapa: modifica los valores de width (anchura)y de height (altura)
wordpress.notebook
16
February 10, 2014
Páginas: Añadir un video youtube a la página
Buscar el vídeo de youtube que queramos insertar.
Pulsar Compartir
Copiar el enlace que aparece, será del estilo a esto:
http://youtu.be/WYXw6pAoPtU
wordpress.notebook
17
February 10, 2014
Páginas: Añadir un video youtube a la página
Pegalo en la zona de contenido de la página.
Pulsa Actualizar para poder ver los cambios
wordpress.notebook
18
February 10, 2014
Páginas: Eliminar una página
Pulsar en Papelera sobre la página a eliminar
wordpress.notebook
19
February 10, 2014
Páginas: Eliminar una página
Pulsar en Papelera sobre la página a eliminar
wordpress.notebook
20
February 10, 2014
Páginas: Añade Widgets
Pulsar sobre Apariencia y seleccionar Widgets
Ejercicio: Colocar un calendario
wordpress.notebook
21
February 10, 2014
Páginas: Personaliza cabecera con imagen
1.- Selecciona Apariencia y pulsa sobre Cabecera.
2.- Prepara una imagen de 940 x 198 pixels.
3.- Pulsa sobre Examinar y selecciona la imagen preparada. Después pulsa sobre Subir.
wordpress.notebook
22
February 10, 2014
Páginas: Personaliza cabecera con imagen
Si quiero mostrar el texto junto a la cabecera la casilla debe estar marcada
Se puede seleccionar el color del texto: #000 será letra negra
Con texto Sin texto
wordpress.notebook
23
February 10, 2014
Páginas: Personaliza fondo
1. Seleccionar Apariencia y luego pulsar sobre Fondo.
2. Modificar el color de fonto
wordpress.notebook
24
February 10, 2014
Páginas: Cambiar texto de cabecera
Modificar el nombre del sitio:
Modificar la descripción corta que será el slogan del sitio web.
wordpress.notebook
25
February 10, 2014
Páginas: Eliminar comentarios de páginas
Para eliminar las opciones de comentarios: Selecciono la página --> Edición Rápida --> Desmarcar la casilla de "Permitir comentarios"
wordpress.notebook
26
February 10, 2014
Páginas: Eliminar comentarios de páginas
wordpress.notebook
27
February 10, 2014
Páginas: Eliminar botones de compartir
1. Seleccionar la página de la cual queremos eliminar los botones de compartir.2. Pulsar Editar.3. Desmarcar las opciones de Likes and Shares.4. Actualizar la página.
wordpress.notebook
28
February 10, 2014
Añadir formulario de Contacto
1. Crear una página llamada Contacto2. Pulsa sobre la opción Add custom form
Editar los campos Name, Email, Website, Comment y escribirlos al español.
wordpress.notebook
29
February 10, 2014
Añadir formulario de Contacto
1. Eliminar el campo de website > Pulsar
2. Editar los campos
wordpress.notebook
30
February 10, 2014
Añadir formulario de Contacto
1. Eliminar el campo de website > Pulsar
2. Editar los campos
wordpress.notebook
31
February 10, 2014
Añadir formulario de Contacto
1. Eliminar el campo de website > Pulsar
2. Editar los campos
wordpress.notebook
32
February 10, 2014
Enlaces: Eliminar links
Elimina todos los enlaces que no necesites
Selecciona Enlaces> Todos los enlaces
Colócate sobre cada enlace y selecciona Borrar
wordpress.notebook
33
February 10, 2014
Hacer crucigrama con vocabulario de Internet en inglés
Visualizar el siguiente video para entender la evolución de Internet:
https://www.youtube.com/watch?v=ZMugxB7Weak
wordpress.notebook
34
February 10, 2014
Instalar complementos firebug
• Firebug es una extensión de Firefox.
• Creada y diseñada especialmente para desarrolladores y programadores web.
• Es un paquete de utilidades con el que se puede analizar, editar, monitorizar y depurar el código fuente, CSS, HTML y JavaScript de una página web de manera instantánea.
DESCARGA: https://addons.mozilla.org/es/firefox/addon/firebug/
Hacer ejercicios de Firebug
wordpress.notebook
35
February 10, 2014