¿Cómo crear y administrar una web con Wordpress ?

.

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

• 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.1. ConfiguraciónConfiguración1. Instalación de Wordpress.2. Ingreso a plataforma. 3. Vista Escritorio / vista web.

2.2. ContenidosContenidos1. Páginas (contenido estático).2. Entradas (contenido actualizable recurrentemente).

1. Etiquetas 2. Categorías

3.3. DiseñoDiseño1. Menus2. Widget3. 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: [email protected] 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áginaAgregue 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 EntradaUna 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íasEtiquetas (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

PluginsShortcuts 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 útilesWordpress• 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?

[email protected]@mmontenegro