. ¿Cómo crear y administrar una web con Wordpress? Santiago, 1 de octubre 2012.

Presentación del tema: ". ¿Cómo crear y administrar una web con Wordpress? Santiago, 1 de octubre 2012."— Transcripción de la presentación:

1 . ¿Cómo crear y administrar una web con Wordpress? Santiago, 1 de octubre 2012

2 Evolución de la Web. 1990. Nacimiento Internet. 1991 HTML plano CSS. 1994 PHP 1995 Javascript. Ajax.

3 Aplicaciones del lado del servidor y del lado del cliente

4 ¿Qué es Wordpress? CMS, Content Management System (administrador de Contenido). Aumentar flexibilidad de la web / gratuito / opensource /bajos costos de mantención y actualización. Ventajas: – Separación clara: contenido / diseño gráfico. – Curva de aprendizaje rápida de la plataforma, no requiere programación para 90% de cambios. – Rápida adaptación a los cambios tecnológico (ej. BB / Iphone ). – Gran cantidad de soporte en la web (comunidad de usuarios).

5 Algunos sitios que funcionan con Wordpress.

6 Hoy revisaremos 3 aspectos básicos en Wordpress 1.Configuración 1.Instalación de Wordpress. 2.Ingreso a plataforma. 3.Vista Escritorio / vista web. 2.Contenidos 1.Páginas (contenido estático). 2.Entradas (contenido actualizable recurrentemente). 1.Etiquetas 2.Categorías 3.Diseño 1.Menus 2.Widget 3.Temas (Themes).

7 Instalación de Wordpress Ingresando a es.wordpress.com e inscribiéndose como usuario ó Instalándo Wordpress en un servidor propio (bajando la penúltima versión desde www.worpress.org).

8 Ingreso a la plataforma Si te inscribiste en wordpress.com se ingresa por http://es.wordpress.com/wp-login.php sino por nombredesitio.cl/wp- admin. Aparece la siguiente imagen. http://es.wordpress.com/wp-login.php Ingresa utilizando su nombre de usuario y password. Usuario de prueba: extension@labarraca.clextension@labarraca.cl password: valjean2

9 Vista Escritorio

10 Vista Sitio Web Si el blog aparece en inglés, cambia el blog a español a Ajustes > Generales

11 Contenidos – Agregar Página Agregue una página en Páginas > Añadir nueva Se pueden añadir archivos jpg, jpeg, png, gif, pdf, doc, ppt, odt, pptx, docx, pps, ppsx, xls, xlsx.

12 Contenidos – Agregar Entrada Una entrada es un artículo que funciona como funciona un blog. Se pueden añadir archivos jpg, jpeg, png, gif, pdf, doc, ppt, odt, pptx, docx, pps, ppsx, xls, xlsx.

13 Etiquetas y Categorías Etiquetas (tag’s, palabras claves)Categorías Son las palabras claves. Identifican a cada entrada o artículo en específico. Son las categorías o elementos más utilizados en el sitio web. Son carpetas o cajones temáticos que dan estructura al sitio web. Ejemplo de Nube de etiquetas Ejemplo categorías de una web

14 Multimedia No es necesario subir archivos sólo en entradas o páginas, se pueden subir de forma autónoma en la sección Multimedia.

15 Header o cabecera: incluye el logo o nombre en texto de la web y el menú Barra lateral: Aquí van los widgets. En Wordpress depende del “tema” la capacidad de customizar distintas barras laterales de acuerdo al contenido. Típicamente, al menos existen 2 barras laterales, la de página de inicio o homepage y la de entradas interiores. Footer o pie de página: aquí usualmente se incluyen widgets, información de contacto y los créditos del sitio. Estructura espacial de Wordpress

16 Diseño de Menús El Menú está asociado a la estructura del sitio. Un sitio Wordpress puede tener un solo menú (“principal”) o dos menú (“secundario”). Para agregar menús ir a Apariencia > Menu Paso 1: Crear y guardar un nuevo menú Paso 2: Asignar nuevo menú a navegación Paso 3: Agregar enlaces, páginas y categorías a Menú (no tags) Paso 4: Jerarquizar y guardar modificaciones

17 Widgets Widget son complementos que permiten personalizar la barra lateral o inferior del sitio. Se “activan” arrastrándolos a las barras derechas y se “desactivan” sacándolos de esas mismas barras.

18 Entendiendo como funcionan los temas de Wordpress Aunque visualmente se vean distintos, los temas mantienen la funcionalidades del sitio (sistema de registro de usuarios, entradas, páginas, categorías, etiquetas) del sitio, así como los contenidos publicados.

19 Todo estos son diseños son de la misma web… pero con diferentes Themes!!!

20 Ejercicio: crear una entrada 1.Publicar Noticia. 2.Agregar Fotografía(s). 3.Aparecer en Portada. 4.Agregar etiquetas. 5.Cambiar Fecha. 6.Formato pre-establecidos páginas: todo el ancho, con barra lateral.

21 Otras funciones de Wordpress Plugins Shortcuts o atajos Recursos útiles para mejorar una web

22 Plugins populares (extensiones del sitio) Newsletter (boletín). Encuestas. NEXGEN Gallery (Carrito de imágenes). Google Analytics (estadísticas de visita al sitio). Mobile Theme (edición celular del sitio web). Etc.

23 Shortcuts (atajos)

24 Recursos útiles Wordpress Wordpress para principiantes. http://learn.wordpress.com/http://learn.wordpress.com/ Themes gratuitos. – http://wp.smashingmagazine.com/2008/01/08/100-excellent-free-high- quality-wordpress-themes/http://wp.smashingmagazine.com/2008/01/08/100-excellent-free-high- quality-wordpress-themes/ – http://www.trazos-web.com/2009/09/14/70-themes-temas-gratuitos-de-alta- calidad-para-wordpress/ http://www.trazos-web.com/2009/09/14/70-themes-temas-gratuitos-de-alta- calidad-para-wordpress/ Themes pagados. www.themeforest.comwww.themeforest.com Plugins. www.wordpress.orgwww.wordpress.org Foros de WP. http://ayudawordpress.com/ -http://ayudawordpress.com/ Otros FTP (explorador de archivos del servidor): Filezilla. http://filezilla- project.org/http://filezilla- project.org/ Toolbar: Web Developer para Chrome. http://chrispederick.com/work/web-developer/chrome/ http://chrispederick.com/work/web-developer/chrome/

25 Consultas? Dudas? Sugerencias? matiasmc@uc.cl @mmontenegro