Breve curso de introducción
ÍNDICE I
ÍNDICE I•   ¿Qué es WordPress?    •   CMS    •   WordPress.com vs. WordPress.org    •   Generalidades        •   Usuarios:...
ÍNDICE II
ÍNDICE II•   Instalación de un WordPress.org•   Instalación Local•   Configuración•   Plugins•   Themes•   Otros
¿QUÉ ES WORDPRESS?
¿QUÉ ES WORDPRESS?• Es   un CMS (Sistema de Gestión de Contenidos)• Originalmente    pensado para bitácoras• Es   de códig...
CÓMO TRABAJA UN CMS
CÓMO TRABAJA UN CMS
¿WORDPRESS.COM      OWORDPRESS.ORG?
¿WORDPRESS.COM                                  O                            WORDPRESS.ORG?    WORDPRESS.COM              ...
GENERALIDADESIgual para WordPress.com y WordPress.org
USUARIOS•   5 roles con diferentes privilegios:    •   Suscriptor: lector    •   Colaborador: escribe y edita sus        e...
USUARIOS•   5 roles con diferentes privilegios:    •   Suscriptor: lector    •   Colaborador: escribe y edita sus        e...
ENTRADAS• Una entrada es una publicación CON FECHA en el blog• También   llamada ‘post’• Podemos  poner textos, imágenes, ...
ENTRADAS• Una entrada es una publicación CON FECHA en el blog• También   llamada ‘post’• Podemos  poner textos, imágenes, ...
PÁGINAS• Una página es una publicación SIN FECHA, fuera del blog• Podemos  poner textos, imágenes, enlaces, listas, citas
PÁGINAS• Una página es una publicación SIN FECHA, fuera del blog• Podemos  poner textos, imágenes, enlaces, listas, citas
COMENTARIOS• Una web está viva cuando recibe comentarios• Loscomentarios se administran: editan, eliminan, aprueban...
COMENTARIOS• Una web está viva cuando recibe comentarios• Loscomentarios se administran: editan, eliminan, aprueban...
WIDGETS•   Un widget es un pequeño    programa que se ‘empotra’ en    alguna parte de la web•   Suple pequeñas necesidades...
WIDGETS•   Un widget es un pequeño    programa que se ‘empotra’ en    alguna parte de la web•   Suple pequeñas necesidades...
TEMAS• Eltema es la apariencia o diseño de nuestro WordPress• Conjunto de estilos CSS, archivos PHP, imágenes, etc. englob...
TEMAS• Eltema es la apariencia o diseño de nuestro WordPress• Conjunto de estilos CSS, archivos PHP, imágenes, etc. englob...
PLUGINS•   Un plugin es un programa    adicional que se ‘instala’    dentro de nuestro WordPress•   Exclusivo para    Word...
PLUGINS•   Un plugin es un programa    adicional que se ‘instala’    dentro de nuestro WordPress•   Exclusivo para    Word...
PARTE PRIVADA• La   llamamos ‘escritorio’• Acceso  por: http://urldelblog/wp-admin
PARTE PRIVADA• La   llamamos ‘escritorio’• Acceso  por: http://urldelblog/wp-admin
¡EMPEZAMOS!•   Vamos a...•   Crear una cuenta con    WordPress.com•   Crear nuestro primer blog•   Crear nuestra primera e...
¡EMPEZAMOS!•   Vamos a...•   Crear una cuenta con    WordPress.com•   Crear nuestro primer blog•   Crear nuestra primera e...
REGISTRO EN             WORDPRESS.COM• Entramosa es.wordpress.com• Nos   registramos• ¡OJO!si se nos olvida el ‘es’ aparec...
REGISTRO EN             WORDPRESS.COM• Entramosa es.wordpress.com• Nos   registramos• ¡OJO!si se nos olvida el ‘es’ aparec...
CREACIÓN DE UN BLOG• Elegimos   la URL• Nombre• Privacidad• Elegimos        el paquete básico GRATUITO
CREACIÓN DE UN BLOG• Elegimos   la URL• Nombre• Privacidad• Elegimos        el paquete básico GRATUITO
CREAR ENTRADAS•   Gestión y edición de entradas    •   Categorías: para clasificar las entradas                            ...
CREAR PÁGINAS•   Más sencillas de editar que las    entradas•   Se suelen desactivar    comentarios y likes•   Depende del...
CREAR PÁGINAS•   Más sencillas de editar que las    entradas•   Se suelen desactivar    comentarios y likes•   Depende del...
CAMBIAR TEMA•   Apariencia, Temas•   En WordPress.com se eligen    del listado de ‘oficiales’•   En WordPress.org se suben ...
CAMBIAR TEMA•   Apariencia, Temas•   En WordPress.com se eligen    del listado de ‘oficiales’•   En WordPress.org se suben ...
AÑADIR WIDGETS• En Apariencia, Widgets tenemos los widgets disponibles• Lospinchamos y arrastramos al lugar de la derecha ...
AÑADIR WIDGETS• En Apariencia, Widgets tenemos los widgets disponibles• Lospinchamos y arrastramos al lugar de la derecha ...
MENÚS•   Depende del tema, podremos    tener uno o más•   Añadimos al menú páginas,    categorías o URLs personalizadas•  ...
MENÚS•   Depende del tema, podremos    tener uno o más•   Añadimos al menú páginas,    categorías o URLs personalizadas•  ...
IMPORTAR• Herramientas, importar• Si   tenemos empezado un blog en otro sitio, podemos importarlo a WordPress con imágenes...
IMPORTAR• Herramientas, importar• Si   tenemos empezado un blog en otro sitio, podemos importarlo a WordPress con imágenes...
AJUSTES•   En la pestaña de Ajustes tenemos muuuuchas opciones•   Las más útiles:    •   Generales: Cambiar nombre y descr...
WORDPRESS.ORG EN              SERVIDOR LOCAL•   Requisitos•   Instalación Local•   Configuración•   Plugins destacados•   T...
WORDPRESS.ORG EN              SERVIDOR LOCAL•   Requisitos•   Instalación Local•   Configuración•   Plugins destacados•   T...
DESCARGAS• Para   instalar WordPress en un servidor local necesitamos...  • Software   servidor local: XAMPP, Bitnami, Wam...
DESCARGAS• Para   instalar WordPress en un servidor local necesitamos...  • Software   servidor local: XAMPP, Bitnami, Wam...
PASOS• Instalamos   el servidor local• Lo   hacemos funcionar• Vamos   a phpMyAdmin• Creamos nueva base de datos con un no...
PASOS• Instalamos   el servidor local• Lo   hacemos funcionar• Vamos   a phpMyAdmin• Creamos nueva base de datos con un no...
•   Copiamos la carpeta descargada de    WordPress donde vayan los archivos web    del servidor (htdocs)•   renombramos el...
•   Copiamos la carpeta descargada de    WordPress donde vayan los archivos web    del servidor (htdocs)•   renombramos el...
• Visitamos   la web http://localhost:8888/ nombredetucarpeta/• Sitodo está correcto... ¡Enhorabuena! As llegado al famoso...
• Visitamos   la web http://localhost:8888/ nombredetucarpeta/• Sitodo está correcto... ¡Enhorabuena! As llegado al famoso...
NOVEDADES• En   nuestro WordPresss.org tenemos novedades...• Actualizaciones: para   ir renovando la versión de WordPress•...
ESTRUCTURA•   La estructura de WordPress en el servidor es la siguiente:    •   wp-config.php: fichero de configuración. Aquí...
TEMAS•   Instalar desde el directorio. Fácil.•   Instalar a mano. Descargar la carpeta y    colocar en la carpeta de temas...
TEMAS•   Instalar desde el directorio. Fácil.•   Instalar a mano. Descargar la carpeta y    colocar en la carpeta de temas...
PLUGINS•   Instalar desde el directorio. Fácil.•   Instalar a mano. Descargar la carpeta    y colocar en la carpeta de plu...
PLUGINS•   Instalar desde el directorio. Fácil.•   Instalar a mano. Descargar la carpeta    y colocar en la carpeta de plu...
‘TOP TEN’ DE PLUGINS•   Akismet. Controlar el spam en los comentarios•   Contact Form 7. Formulario de contacto•   Counter...
TRASLADO DE LOCAL A              REMOTO• Una vez tenemos nuestra web a punto, la lanzamos al servidor remoto• Podemos    e...
¡MUCHAS GRACIAS!    Miguel Ángel Moya   miguel@puntoos.com
WordPress básico
Upcoming SlideShare
Loading in...5
×

WordPress básico

593

Published on

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

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
593
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

WordPress básico

  1. 1. Breve curso de introducción
  2. 2. ÍNDICE I
  3. 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. 4. ÍNDICE II
  5. 5. ÍNDICE II• Instalación de un WordPress.org• Instalación Local• Configuración• Plugins• Themes• Otros
  6. 6. ¿QUÉ ES WORDPRESS?
  7. 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. 8. CÓMO TRABAJA UN CMS
  9. 9. CÓMO TRABAJA UN CMS
  10. 10. ¿WORDPRESS.COM OWORDPRESS.ORG?
  11. 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. 12. GENERALIDADESIgual para WordPress.com y WordPress.org
  13. 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. 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. 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. 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. 17. PÁGINAS• Una página es una publicación SIN FECHA, fuera del blog• Podemos poner textos, imágenes, enlaces, listas, citas
  18. 18. PÁGINAS• Una página es una publicación SIN FECHA, fuera del blog• Podemos poner textos, imágenes, enlaces, listas, citas
  19. 19. COMENTARIOS• Una web está viva cuando recibe comentarios• Loscomentarios se administran: editan, eliminan, aprueban...
  20. 20. COMENTARIOS• Una web está viva cuando recibe comentarios• Loscomentarios se administran: editan, eliminan, aprueban...
  21. 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. 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. 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. 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. 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. 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. 27. PARTE PRIVADA• La llamamos ‘escritorio’• Acceso por: http://urldelblog/wp-admin
  28. 28. PARTE PRIVADA• La llamamos ‘escritorio’• Acceso por: http://urldelblog/wp-admin
  29. 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. 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. 31. REGISTRO EN WORDPRESS.COM• Entramosa es.wordpress.com• Nos registramos• ¡OJO!si se nos olvida el ‘es’ aparecerá en inglés
  32. 32. REGISTRO EN WORDPRESS.COM• Entramosa es.wordpress.com• Nos registramos• ¡OJO!si se nos olvida el ‘es’ aparecerá en inglés
  33. 33. CREACIÓN DE UN BLOG• Elegimos la URL• Nombre• Privacidad• Elegimos el paquete básico GRATUITO
  34. 34. CREACIÓN DE UN BLOG• Elegimos la URL• Nombre• Privacidad• Elegimos el paquete básico GRATUITO
  35. 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. 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. 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. 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. 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. 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. 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. 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. 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. 44. IMPORTAR• Herramientas, importar• Si tenemos empezado un blog en otro sitio, podemos importarlo a WordPress con imágenes, etc.
  45. 45. IMPORTAR• Herramientas, importar• Si tenemos empezado un blog en otro sitio, podemos importarlo a WordPress con imágenes, etc.
  46. 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. 47. WORDPRESS.ORG EN SERVIDOR LOCAL• Requisitos• Instalación Local• Configuración• Plugins destacados• Themes• Exportación a servidor remoto• Otros
  48. 48. WORDPRESS.ORG EN SERVIDOR LOCAL• Requisitos• Instalación Local• Configuración• Plugins destacados• Themes• Exportación a servidor remoto• Otros
  49. 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. 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. 51. PASOS• Instalamos el servidor local• Lo hacemos funcionar• Vamos a phpMyAdmin• Creamos nueva base de datos con un nombre
  52. 52. PASOS• Instalamos el servidor local• Lo hacemos funcionar• Vamos a phpMyAdmin• Creamos nueva base de datos con un nombre
  53. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 65. ¡MUCHAS GRACIAS! Miguel Ángel Moya miguel@puntoos.com

×