WordPress. Nombre del Sitio Web Enlaces permanente.

Presentación del tema: "WordPress. Nombre del Sitio Web Enlaces permanente."— Transcripción de la presentación:

1 WordPress

2

3

4 Nombre del Sitio Web

5 Enlaces permanente

6 COMO FUNCIONA WORDPRESS

7 Front End - Back End

8 WordPress - Contenido

9 Trabajar con 2 pestañas

10 Elementos de un Sitio Web

11 La creación de un Sitio Web

12

13  Crea las páginas de tu sitio web sin contenido de momento (Quienes Somos, Servicios, Contacto, etc.). Visita el aparatado ► Creación de páginas donde se explica como llevar a cabo esta acción. Creación de páginas  Si incorporas un blog dentro de tu sitio web/blog deberás crear las ► Categorías de entradas. En caso de que tu sitio sea únicamente un blog de noticias y no será necesario crear las páginas de (Quienes somos, servicios, etc.) olvida el punto 1. Categorías de entradas  ► Crea algunas entradas de prueba y ► Asígnales una categoría para que puedas visualizarlas en el front-end de tu sitio web/blog. Crea algunas entradas Asígnales una categoría  Modifica el aspecto de tu sitio web/blog a través de la ► Instalación de un nuevo tema gratuito. Instalación de un nuevo tema gratuito

14  El menú es el elemento principal de tu sitio web. Organiza la navegación del sitio a través de la ► Creación de un menú principal Creación de un menú principal  ► Define que contenido a mostrar en tu Página de inicio. Tus últimas noticias del Blog o una página estática. Define que contenido a mostrar en tu Página de inicio.  Comienza a completar las ► Páginas y las ► Entradas. Entradas  Define las ► Áreas de Widgets y los ► Widgets que utilizaras. Áreas de Widgets Widgets  Agrega nuevas funcionalidades a tu sitio web a través de la ► Instalación de plugins. Instalación de plugins.  Permite a los buscadores indexar tu sitio ► Habilitando la indexación para los buscadores. Habilitando la indexación para los buscadores  Avisa a los buscadores que tu sitio web ya esta terminado ► Enviando tu sitio web a los buscadores. Enviando tu sitio web a los buscadores.

15 TEMAS

16

17  Trabajaremos sobre el tema Sparkling, el mismo esta traducido al castellano y cuenta con una gran cantidad de opciones de personalización a diferencia de otros temas gratuitos.  demo del tema Sparkling. demo del tema Sparkling.

18

19 Opciones de configuración

20 Modificación del logo (Apariencia/Personalizar)

21  Un slider o slideshow es una galería de imágenes dinámica en donde cada una de las imágenes que las componen se vincula con algún contenido interno de tu sitio web. En la demo de Sparkling hay un slider de noticias en la página de inicio. Configuración slider principal

22

23

24 Opciones de diseño

25 Barra lateral

26  Sparkling a diferencia de muchos otros temas gratuitos nos permite modificar el color de algunos de los elementos de nuestra web. ► Apariencia ► Themes Options dentro de la pestaña ► Principal y modifica los colores a tu gusto en ► Color del elemento y ► Color del elemento en hover. Cambiar color de los elementos

27 Modificar el Favicon

28 Llamada a la acción

29

30 Tipografía del tema

31 Personalizar la cabecera

32 Personaliza el pie de página

33

34 Vincula a redes sociales

35

36

37 PÁGINAS

38  Cuando instalas WordPress, por defecto, viene con una entrada de blog y una “Página de ejemplo” creadas por defecto. La página de ejemplo la puedes ver en la sección “Páginas” del menú lateral izquierdo del panel de administración de WordPress.  Si entras en esta sección, verás que te aparece una lista de las páginas creadas (en este caso una sola que es la página de ejemplo) y te ofrece la posibilidad de crear más páginas en el enlace “Añadir nueva”. Si acercas el cursor del ratón al título podrás observar que se despliega un menú con las opciones: Editar, Edición rápida, Papelera y Ver. Haz clic en Editar.

39

40 Creación de una página

41 Añade un titulo a la nueva página y agrega el contenido. Añade solo el titulo y haz clic en ► Publicar.

42 Añadir contenido

43 Atributos de página

44 Como cambiar la página principal

45  En la misma sección de Ajustes entra en el apartado “Lectura”. En “Página frontal de muestra” selecciona la opción “Una página estática” y en el campo desplegable “Página inicial” selecciona “Página de ejemplo”. Haz clic en “Guardar cambios”. Al seleccionar esta opción, WordPress tomará como página de inicio de tu sitio la página “estática” que le has indicado en el campo desplegable. Si tuvieras más páginas creadas, te aparecerían en este campo desplegable.

46 Comentarios en una Página/Entrada

47  Dirígete a la sección “Ajustes” y entra en el apartado “Enlaces permanentes”. Selecciona “Nombre entrada” y verás que en el campo “Estructura personalizada te aparezca algo como esto: /%postname%/. Haz clic en “Guardar cambios”.  Con esto le estarás indicando a WordPress que las URL de tus páginas tendrán el nombre del título de tu página.

48  Inserción de imágenes en páginas  Inserción de galería de imágenes  Asignar una imagen estática  Enlace de texto  Mapa dinámico Otras funciones para páginas

49 Inserción de imágenes en páginas

50  ► Páginas ► Todas las páginas y haz clic sobre la página en la que quieres añadir la imagen.  Ubicar el cursor donde queramos que aparezca la imagen.  Hacer clic en el botón ► Añadir Objeto.  Selecciona una foto desde tu ordenador haciendo clic en ► Selecciona archivos para que sea publicada dentro del contenido de tu entrada/página. Asignar una imagen estática

51  Una vez seleccionado el archivo desde tu ordenandor debes completar los atributos de la imagen, asignarle la alineación (izquierda, derecha o centro) con respecto al texto y para finalizar hacer clic en ► Insertar en la entrada/página.

52 Imagen destacada

53 Inserción de Galería de Imágenes

54  ► Páginas ► Todas las páginas y haz clic sobre la página en la que quieres añadir la imagen.  Ubicar el cursor donde queramos que aparezca la imagen.  Hacer clic en el botón ► Añadir Objeto.  Selecciona una foto desde tu ordenador haciendo clic en ► Selecciona archivos para que sea publicada dentro del contenido de tu entrada/página.  ► Crear Galería y selecciona las imágenes una a una desde tu ordenador o también puedes seleccionar imágenes de la librería multimedia para terminar haz clic en ► Crear Galería. Galería de imágenes

55  Modifica el orden de las imágenes arrastrándolas, selecciona la cantidad de columnas y haz clic en ► Inserta galería

56 Inserción de vídeo

57  Recuerda siempre que tu blog/web debe que tener contenido de calidad. Los videos consiguen que los usuarios permanezcan mas tiempo en nuestro sitio web.  Nota Importante: Ten en cuenta que siempre que quieres insertar un video propio en tu blog/web deberás subirlo primero a Youtube o Vimeo.  Entra en Youtube, selecciona el video que quieras insertar en tu sitio web/blog y ► Copia la URL del Video. Inserción de un vídeo

58 Enlace de texto

59  Los enlaces de texto son utilizados con el fin de ampliar la información o redirigir al usuario a otro sitio web.  Dentro del contenido de tus páginas/entradas puedes crear enlaces de texto, para esto deberás primero ► Seleccionar el texto que quieres enlazar y hacer clic en el botón de ► Enlace como lo muestra la siguiente imagen.

60

61 Mapa dinámico

62

63  Para insertar un mapa primero entra en ► Google Maps Google Maps  Busca la dirección específica de tu negocio.

64

65  Una vez copiado el código edita una de tus entradas/paginas y selecciona la pestaña ► Texto y pega el código.  Recuerda hacer clic en ► Actualizar para guardar las modificaciones.

66 ENTRADAS

67