240 likes | 412 Views
¿Cómo crear y administrar una web con Wordpress ?. Santiago, 1 de octubre 2012. Evolución de la Web. ¿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.
E N D
¿Cómo crear y administrar una web con Wordpress? . Santiago, 1 de octubre 2012
¿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).
Hoy revisaremos 3 aspectos básicos en Wordpress • Configuración • Instalación de Wordpress. • Ingreso a plataforma. • Vista Escritorio / vista web. • Contenidos • Páginas (contenido estático). • Entradas (contenido actualizable recurrentemente). • Etiquetas • Categorías • Diseño • Menus • Widget • Temas (Themes).
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).
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. Ingresa utilizando su nombre de usuario y password. Usuario de prueba: extension@labarraca.cl password: valjean2
Vista Sitio Web Si el blog aparece en inglés, cambia el blog a español a Ajustes > Generales
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.
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.
Etiquetas y Categorías Ejemplo de Nube de etiquetas Ejemplo categorías de una web
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.
Estructura espacial de Wordpress 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.
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 4: Jerarquizar y guardar modificaciones Paso 3: Agregar enlaces, páginas y categorías a Menú (no tags)
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.
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.
Todo estos son diseños son de la misma web… pero con diferentes Themes!!!
Ejercicio: crear una entrada • Publicar Noticia. • Agregar Fotografía(s). • Aparecer en Portada. • Agregar etiquetas. • Cambiar Fecha. • Formato pre-establecidos páginas: todo el ancho, con barra lateral.
Otras funciones de Wordpress Plugins Shortcuts o atajos Recursos útiles para mejorar una web
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.
Recursos útiles Wordpress • Wordpress para principiantes. http://learn.wordpress.com/ • Themes gratuitos. • 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/ • Themes pagados. www.themeforest.com • Plugins. www.wordpress.org • Foros de WP. http://ayudawordpress.com/ - Otros • FTP (explorador de archivos del servidor): Filezilla. http://filezilla-project.org/ • Toolbar: Web Developer para Chrome. http://chrispederick.com/work/web-developer/chrome/
Consultas? Dudas?Sugerencias? matiasmc@uc.cl @mmontenegro