• Save
WordPress básico
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

WordPress básico

  • 804 views
Uploaded on

Diapositivas de la presentación del curso de WordPress realizado por Miguel Ángel Moya.

Diapositivas de la presentación del curso de WordPress realizado por Miguel Ángel Moya.

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
804
On Slideshare
696
From Embeds
108
Number of Embeds
2

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 108

http://informatica4sanrafael.wikispaces.com 104
https://informatica4sanrafael.wikispaces.com 4

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Breve curso de introducción
  • 2. ÍNDICE I
  • 3. ÍNDICE I• ¿Qué es WordPress? • CMS • WordPress.com vs. WordPress.org • Generalidades • Usuarios: tipos • Entradas • Páginas• Toma de contacto: creación de un WordPress.com
  • 4. ÍNDICE II
  • 5. ÍNDICE II• Instalación de un WordPress.org• Instalación Local• Configuración• Plugins• Themes• Otros
  • 6. ¿QUÉ ES WORDPRESS?
  • 7. ¿QUÉ ES WORDPRESS?• Es un CMS (Sistema de Gestión de Contenidos)• Originalmente pensado para bitácoras• Es de código abierto. Gran comunidad de desarrolladores• PHP y MySQL• Funcionalidades: plug-ins para casi todo
  • 8. CÓMO TRABAJA UN CMS
  • 9. CÓMO TRABAJA UN CMS
  • 10. ¿WORDPRESS.COM OWORDPRESS.ORG?
  • 11. ¿WORDPRESS.COM O WORDPRESS.ORG? WORDPRESS.COM WORDPRESS.ORG• No requiere conocimientos de • Requiere unos conocimientos programación mínimos de programación• Ya instalado en servidor ajeno • Para instalar en servidor propio• Limitado al personalizar • Personalizable 100%• Siempre actualizado • Tediosas actualizaciones• Determinadas funciones de pago • Pago por el servidor• Perfecta para empezar • Perfecta para continuar
  • 12. GENERALIDADESIgual para WordPress.com y WordPress.org
  • 13. USUARIOS• 5 roles con diferentes privilegios: • Suscriptor: lector • Colaborador: escribe y edita sus entradas, pero no las publica • Autor: publica y edita sus propias entradas • Editor: publica y edita entradas de todos los usuarios • Administrador: todo: diseño, plugins, widgets...
  • 14. USUARIOS• 5 roles con diferentes privilegios: • Suscriptor: lector • Colaborador: escribe y edita sus entradas, pero no las publica • Autor: publica y edita sus propias entradas • Editor: publica y edita entradas de todos los usuarios • Administrador: todo: diseño, plugins, widgets...
  • 15. ENTRADAS• Una entrada es una publicación CON FECHA en el blog• También llamada ‘post’• Podemos poner textos, imágenes, enlaces, listas, citas
  • 16. ENTRADAS• Una entrada es una publicación CON FECHA en el blog• También llamada ‘post’• Podemos poner textos, imágenes, enlaces, listas, citas
  • 17. PÁGINAS• Una página es una publicación SIN FECHA, fuera del blog• Podemos poner textos, imágenes, enlaces, listas, citas
  • 18. PÁGINAS• Una página es una publicación SIN FECHA, fuera del blog• Podemos poner textos, imágenes, enlaces, listas, citas
  • 19. COMENTARIOS• Una web está viva cuando recibe comentarios• Loscomentarios se administran: editan, eliminan, aprueban...
  • 20. COMENTARIOS• Una web está viva cuando recibe comentarios• Loscomentarios se administran: editan, eliminan, aprueban...
  • 21. WIDGETS• Un widget es un pequeño programa que se ‘empotra’ en alguna parte de la web• Suple pequeñas necesidades: mostrar las últimas noticias, un calendario...• Se colocan en diferentes sitios de la web: pie, cabecera...• Algunos provienen de plugins
  • 22. WIDGETS• Un widget es un pequeño programa que se ‘empotra’ en alguna parte de la web• Suple pequeñas necesidades: mostrar las últimas noticias, un calendario...• Se colocan en diferentes sitios de la web: pie, cabecera...• Algunos provienen de plugins
  • 23. TEMAS• Eltema es la apariencia o diseño de nuestro WordPress• Conjunto de estilos CSS, archivos PHP, imágenes, etc. englobados en una carpeta• Gratis y de pago
  • 24. TEMAS• Eltema es la apariencia o diseño de nuestro WordPress• Conjunto de estilos CSS, archivos PHP, imágenes, etc. englobados en una carpeta• Gratis y de pago
  • 25. PLUGINS• Un plugin es un programa adicional que se ‘instala’ dentro de nuestro WordPress• Exclusivo para WordPress.com• Hay plugins para prácticamente toooooodo• De pago y gratuitos
  • 26. PLUGINS• Un plugin es un programa adicional que se ‘instala’ dentro de nuestro WordPress• Exclusivo para WordPress.com• Hay plugins para prácticamente toooooodo• De pago y gratuitos
  • 27. PARTE PRIVADA• La llamamos ‘escritorio’• Acceso por: http://urldelblog/wp-admin
  • 28. PARTE PRIVADA• La llamamos ‘escritorio’• Acceso por: http://urldelblog/wp-admin
  • 29. ¡EMPEZAMOS!• Vamos a...• Crear una cuenta con WordPress.com• Crear nuestro primer blog• Crear nuestra primera entrada• Crear nuestra primera página• Comentar y administrar comentarios
  • 30. ¡EMPEZAMOS!• Vamos a...• Crear una cuenta con WordPress.com• Crear nuestro primer blog• Crear nuestra primera entrada• Crear nuestra primera página• Comentar y administrar comentarios
  • 31. REGISTRO EN WORDPRESS.COM• Entramosa es.wordpress.com• Nos registramos• ¡OJO!si se nos olvida el ‘es’ aparecerá en inglés
  • 32. REGISTRO EN WORDPRESS.COM• Entramosa es.wordpress.com• Nos registramos• ¡OJO!si se nos olvida el ‘es’ aparecerá en inglés
  • 33. CREACIÓN DE UN BLOG• Elegimos la URL• Nombre• Privacidad• Elegimos el paquete básico GRATUITO
  • 34. CREACIÓN DE UN BLOG• Elegimos la URL• Nombre• Privacidad• Elegimos el paquete básico GRATUITO
  • 35. CREAR ENTRADAS• Gestión y edición de entradas • Categorías: para clasificar las entradas de modo recurrente. Ej.: ‘Restaurantes’• Título • Etiquetas: para adjetivar el contenido.• Contenido. Estilos básicos CSS Ej.: ‘Restaurante La Posada’ • Publicar, guardar borrador, programar• Etiqueta ‘More’ y actualizar• Opciones avanzadas de edición • Formato: depende del tema• Estilos (dependen del tema) • Asistente de escritura: si escribimos una entrada con estructura similar a• Imagen destacada otra
  • 36. CREAR PÁGINAS• Más sencillas de editar que las entradas• Se suelen desactivar comentarios y likes• Depende del tema, se cambia la plantilla• Se pueden ordenar• ¡Tenemos ayuda arriba!
  • 37. CREAR PÁGINAS• Más sencillas de editar que las entradas• Se suelen desactivar comentarios y likes• Depende del tema, se cambia la plantilla• Se pueden ordenar• ¡Tenemos ayuda arriba!
  • 38. CAMBIAR TEMA• Apariencia, Temas• En WordPress.com se eligen del listado de ‘oficiales’• En WordPress.org se suben al servidor• Se pueden personalizar algunas opciones• Se mantienen los contenidos
  • 39. CAMBIAR TEMA• Apariencia, Temas• En WordPress.com se eligen del listado de ‘oficiales’• En WordPress.org se suben al servidor• Se pueden personalizar algunas opciones• Se mantienen los contenidos
  • 40. AÑADIR WIDGETS• En Apariencia, Widgets tenemos los widgets disponibles• Lospinchamos y arrastramos al lugar de la derecha que corresponda• Veremos los cambios reflejados en la parte ‘externa’ de la web
  • 41. AÑADIR WIDGETS• En Apariencia, Widgets tenemos los widgets disponibles• Lospinchamos y arrastramos al lugar de la derecha que corresponda• Veremos los cambios reflejados en la parte ‘externa’ de la web
  • 42. MENÚS• Depende del tema, podremos tener uno o más• Añadimos al menú páginas, categorías o URLs personalizadas• Creamos a la izquierda el elemento• A la derecha lo colocamos• Permite submenús
  • 43. MENÚS• Depende del tema, podremos tener uno o más• Añadimos al menú páginas, categorías o URLs personalizadas• Creamos a la izquierda el elemento• A la derecha lo colocamos• Permite submenús
  • 44. IMPORTAR• Herramientas, importar• Si tenemos empezado un blog en otro sitio, podemos importarlo a WordPress con imágenes, etc.
  • 45. IMPORTAR• Herramientas, importar• Si tenemos empezado un blog en otro sitio, podemos importarlo a WordPress con imágenes, etc.
  • 46. AJUSTES• En la pestaña de Ajustes tenemos muuuuchas opciones• Las más útiles: • Generales: Cambiar nombre y descripción del blog • Escritura: opciones por defecto • Lectura: página de inicio (si cambiamos el inicio y quitamos el blog del menú, tenemos una página actualizable SIN BLOG) • Comentarios: qué se hace con ellos por defecto
  • 47. WORDPRESS.ORG EN SERVIDOR LOCAL• Requisitos• Instalación Local• Configuración• Plugins destacados• Themes• Exportación a servidor remoto• Otros
  • 48. WORDPRESS.ORG EN SERVIDOR LOCAL• Requisitos• Instalación Local• Configuración• Plugins destacados• Themes• Exportación a servidor remoto• Otros
  • 49. DESCARGAS• Para instalar WordPress en un servidor local necesitamos... • Software servidor local: XAMPP, Bitnami, WampServer... • La última versión de WordPress en castellano • Un editor de código como Notepad++ o Smultron
  • 50. DESCARGAS• Para instalar WordPress en un servidor local necesitamos... • Software servidor local: XAMPP, Bitnami, WampServer... • La última versión de WordPress en castellano • Un editor de código como Notepad++ o Smultron
  • 51. PASOS• Instalamos el servidor local• Lo hacemos funcionar• Vamos a phpMyAdmin• Creamos nueva base de datos con un nombre
  • 52. PASOS• Instalamos el servidor local• Lo hacemos funcionar• Vamos a phpMyAdmin• Creamos nueva base de datos con un nombre
  • 53. • Copiamos la carpeta descargada de WordPress donde vayan los archivos web del servidor (htdocs)• renombramos el archivo wp-config-sample.php por wp-config.php• Lo abrimos con un editor de textos y cambiamos los datos por los locales define(DB_NAME, nombredetubasededatos); define(DB_USER, root); define(DB_PASSWORD, root); define(DB_HOST, localhost:8889); define(DB_CHARSET, utf8);
  • 54. • Copiamos la carpeta descargada de WordPress donde vayan los archivos web del servidor (htdocs)• renombramos el archivo wp-config-sample.php por wp-config.php• Lo abrimos con un editor de textos y cambiamos los datos por los locales define(DB_NAME, nombredetubasededatos); define(DB_USER, root); define(DB_PASSWORD, root); define(DB_HOST, localhost:8889); define(DB_CHARSET, utf8);
  • 55. • Visitamos la web http://localhost:8888/ nombredetucarpeta/• Sitodo está correcto... ¡Enhorabuena! As llegado al famoso proceso de instalación de WordPress en 5 minutos
  • 56. • Visitamos la web http://localhost:8888/ nombredetucarpeta/• Sitodo está correcto... ¡Enhorabuena! As llegado al famoso proceso de instalación de WordPress en 5 minutos
  • 57. NOVEDADES• En nuestro WordPresss.org tenemos novedades...• Actualizaciones: para ir renovando la versión de WordPress• Temas: podemos instalar muchos• Plugins: podemos instalar muuuuuuuchos
  • 58. ESTRUCTURA• La estructura de WordPress en el servidor es la siguiente: • wp-config.php: fichero de configuración. Aquí está almacenado el usuario y el nombre de la base de datos, así como otros datos de seguridad. Es importante que este fichero no tenga lectura más que por el owner del mismo. • wp-admin y wp-includes: carpetas que guardan los ficheros php que hacen que funcione el blog. • wp-content: esta carpeta guarda los datos y configuraciones propias del blog. La estructura interna es la siguiente: • uploads: todas las imágenes, vídeos y archivos que se suban a la librería de wordpress. Normalmente se organiza por años y luego por meses. Ejemplo: uploads/2009/12 • plugins: todos los plugins que tenemos disponibles para el blog (aunque no estén activos). • themes: todas las plantillas que tenemos disponibles para “vestir” al blog. • languages: aquí van los ficheros .mo de los idiomas en los que queremos tener WP
  • 59. TEMAS• Instalar desde el directorio. Fácil.• Instalar a mano. Descargar la carpeta y colocar en la carpeta de temas wp-content/themes• http://www.themesparawordpress.com• Abrir el apartado de temas en el escritorio y aparecerá
  • 60. TEMAS• Instalar desde el directorio. Fácil.• Instalar a mano. Descargar la carpeta y colocar en la carpeta de temas wp-content/themes• http://www.themesparawordpress.com• Abrir el apartado de temas en el escritorio y aparecerá
  • 61. PLUGINS• Instalar desde el directorio. Fácil.• Instalar a mano. Descargar la carpeta y colocar en la carpeta de plugins wp-content/plugins• Después abrir el apartado de plugins y aparecerá• Los plugins se activan y desactivan, y la mayoría tienen opciones• Pueden incluir widgets o menús adicionales al escritorio
  • 62. PLUGINS• Instalar desde el directorio. Fácil.• Instalar a mano. Descargar la carpeta y colocar en la carpeta de plugins wp-content/plugins• Después abrir el apartado de plugins y aparecerá• Los plugins se activan y desactivan, y la mayoría tienen opciones• Pueden incluir widgets o menús adicionales al escritorio
  • 63. ‘TOP TEN’ DE PLUGINS• Akismet. Controlar el spam en los comentarios• Contact Form 7. Formulario de contacto• Counterize. Estadísticas• Ultimate Maintenance Mode. Poner la web ‘en obras’• All in One SEO Pack. Para optimizar posicionamiento• Sociable. Para enlazar con redes sociales• NextGEN Gallery. Para realizar galerías de imágenes• WPML. Para hacer WordPress multilingüe• WooCommerce. Para hacer tiendas online• Y muuuchos más. Por ejemplo aquí.
  • 64. TRASLADO DE LOCAL A REMOTO• Una vez tenemos nuestra web a punto, la lanzamos al servidor remoto• Podemos exportar desde local, e importar desde remoto• http://haroldvargas.com/trasladando-wordpress-de-local-a- en-linea/
  • 65. ¡MUCHAS GRACIAS! Miguel Ángel Moya miguel@puntoos.com