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