html

diseño web

cfp N° 29

Fabiana Onesti

profesora: Fabiana Onesti

ÍNDICE

01. Introducción

05. Estructura

09. Edición por bloques

02. Registro

06. Identidad del Sitio

10. Entradas

03. Escritorio

11. Contacto

07. Menú

04. Apariencia

12. Extras: plugins

08. Inicio

01. INTRODUCCION

qué es wordpress?

• Utilliza plantillas que podés personalizar
• Posee un escritorio con herramientas
• Es responsive: se adapta a los diferentes dispositivos
• Podés agregarle páginas, galerías, formularios de contacto, etc.

WordPress.com es un software de código abierto que podés utilizar para crear fantásticas webs, y blogs. WordPress es, al tiempo, gratis y de mucho valor, porque es el sistema que utilizás cuando deseas trabajar con tu herramienta de publicación de una manera simple, rápida y efectiva.

02.registro

wordpress.com

El wordpress es una plataforma que está integrada en los distintos hostings que podemos contratar, o empezar con la versión gratuita que encontramos aquí.Beneficios:

• Dominio gratuito
• Hosting gratuito
• Seguro: https

Clickea aquí

03.escritorio

acceso al escritorio

Para acceder a tu escritorio debes ingresar en el navegador la dirección que elegiste para tu sitio web y agregarle lo siguiente: /admin o /wp-admin

• Puedes acceder con el usuario y contraseña de wordpress
• o Con tu cuenta de gmail

Ejemplo: accedo a mi escritorio desde

04.apariencia

temas o plantillas

Para empezar a crear tu sitio web debes elegir un tema o plantilla a personalizar, te recomendamos karuna que tiene muchas opciones para personalizar.Siempre viene un tema por defecto, podés quedarte con ese o elegir otro siguiendo los pasos:

• Entro al escritorio.
• Apariencia temas.
• Selecciono y activo para la personalización.

05.estructura

Podemos distinguir las tres partes fundamentales de un sitio web:1. Identidad del sitio web: donde aparecen el logo y la barra de menú.2. El cuerpo principal: que lo ocupa mi Home o página de Inicio.3. El Pie de página: iconos de redes sociales con sus enlaces, dirección, mapa y datos de contacto.

Lorem ipsum dolor sit amet

06. identidad del sitio

En Apariencia Identidad del Sitio encontrarás un navegador interno para personalizar el logo, colores y tipografíasDel lado izquierdo está la columna con las herramientas y del lado derecho una ventana para previsualizar los cambios. En Identidad del sitio podrás subir el logo y el icono del sitio, que aparecerá en el extremo superior de la pestaña del navegador. Los colores vienen organizados en paletas. Las fuentes o tipografías te ofrecen un estilo para los textos y otro para los títulos.

07. menu

08. home o inicio

En la Apariencia, personalizar, voy a configurar página de inicio, puedo elegir que mi página de inicio sea una página estática o las últimas entradas. Les recomiendo que sea una página estática en principio ya que nuestros sitios se construyen de a poco sumando luego las entradas o notas. En el escritorio voy a encontrar un ítem que se llama páginas, voy a clickear izquierdo páginas, todas las páginas y ahí elijo editar. Voy a sumar bloques de presentaciones, textos, encabezados, etc e ir configurando desde la rueda de ajustes de la barra lateral.

Ajustes de la página de Inicio

09. Edicion por bloques

Las páginas y entradas se crean sumando bloques con distintos elementos: encabezados para los títulos, párrafos para los textos, imágenes individuales o en conjunto con otras formando galerías, presentaciones o fondos. También puedo agregar videos mediante enlaces a videos de youtube. Una vez insertado el bloque tengo una rueda de ajustes de cada bloque y de la página o entrada.

Se agregan desde el signo más + que veo arriba a la izquierda o debajo de cada bloque a la derecha + Observen que me da un espacio para tipiar el bloque a buscar, escribo el nombre si lo conozco o pongo ver todos. También puedo elegir la opción patrones que me da plantillas de páginas con distintos componentes ya diseñados.

10. entradas

Las notas o entradas en WordPress son publicaciones individuales que se muestran en orden cronológico inverso (la más reciente en la parte superior) en la página principal del sitio. Estas pueden ser utilizadas para compartir noticias, pensamientos, ideas, fotos y mucho más. Las entradas también permiten la categorización y etiquetado para una organización fácil y una búsqueda más eficiente por parte del usuario. Además, las entradas pueden ser programadas para publicarse en una fecha y hora específicas, lo que permite una gestión eficiente del contenido.

leer más

11. contacto

El wordpress nos ofrece un bloque de formularios: puede ser de suscripción y contacto entre otros. Se personaliza de la barra de ajustes a la derecha.En esa misma página podés aprovechar a poner tus iconos de redes sociales, incluido el de whatsapp, cuyo enlace es: https://wa.me/tunumero

12. extras: Plugins

Plugins

Gracias por tu atención

¿Alguna pregunta?