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

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

Aplicaciones del lado del servidor y del lado del cliente

¿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).

Algunos sitios que funcionan con Wordpress.

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).

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

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

Vista Escritorio

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 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

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.

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

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

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 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.

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.

Shortcuts (atajos)

Recursos útiles Wordpress Wordpress para principiantes. Themes gratuitos. – quality-wordpress-themes/ quality-wordpress-themes/ – calidad-para-wordpress/ calidad-para-wordpress/ Themes pagados. Plugins. Foros de WP Otros FTP (explorador de archivos del servidor): Filezilla. project.org/ project.org/ Toolbar: Web Developer para Chrome.

Consultas? Dudas?