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

2. Breve curso de introducción

3. ÍNDICE I

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

5. ÍNDICE II

6. ÍNDICE II
• Instalación de un WordPress.org
• Instalación Local
• Configuración
• Plugins
• Themes
• Otros

7. ¿QUÉ ES WORDPRESS?

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

9. CÓMO TRABAJA UN CMS

10. CÓMO TRABAJA UN CMS

11. ¿WORDPRESS.COM
O
WORDPRESS.ORG?

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

13. GENERALIDADES
Igual para WordPress.com y WordPress.org

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

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. ENTRADAS
• Una entrada es una
publicación CON FECHA
en el blog
• También llamada ‘post’
• 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. PÁGINAS
• Una página es una
publicación SIN FECHA,
fuera del blog
• Podemos poner textos,
imágenes, enlaces, listas, citas

20. COMENTARIOS
• Una web está viva cuando
recibe comentarios
• Loscomentarios se
administran: editan, eliminan,
aprueban...

21. COMENTARIOS
• Una web está viva cuando
recibe comentarios
• Loscomentarios se
administran: editan, eliminan,
aprueban...

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

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

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

28. PARTE PRIVADA
• La llamamos ‘escritorio’
• Acceso por:
http://urldelblog/wp-admin

29. PARTE PRIVADA
• La llamamos ‘escritorio’
• Acceso por:
http://urldelblog/wp-admin

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

32. REGISTRO EN
WORDPRESS.COM
• Entramosa
es.wordpress.com
• Nos registramos
• ¡OJO!si se nos olvida el ‘es’
aparecerá en inglés

33. REGISTRO EN
WORDPRESS.COM
• Entramosa
es.wordpress.com
• Nos registramos
• ¡OJO!si se nos olvida el ‘es’
aparecerá en inglés

34. CREACIÓN DE UN BLOG
• Elegimos la URL
• Nombre
• Privacidad
• Elegimos
el paquete básico
GRATUITO

35. CREACIÓN DE UN BLOG
• Elegimos la URL
• Nombre
• Privacidad
• Elegimos
el paquete básico
GRATUITO

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

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

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

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

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

45. IMPORTAR
• Herramientas, importar
• Si
tenemos empezado un
blog en otro sitio, podemos
importarlo a WordPress con
imágenes, etc.

46. IMPORTAR
• Herramientas, importar
• Si
tenemos empezado un
blog en otro sitio, podemos
importarlo a WordPress con
imágenes, etc.

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

48. WORDPRESS.ORG EN
SERVIDOR LOCAL
• Requisitos
• Instalación Local
• Configuración
• Plugins destacados
• Themes
• Exportación a servidor remoto
• Otros

49. WORDPRESS.ORG EN
SERVIDOR LOCAL
• Requisitos
• Instalación Local
• Configuración
• Plugins destacados
• Themes
• Exportación a servidor remoto
• Otros

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

52. PASOS
• Instalamos el servidor local
• Lo hacemos funcionar
• Vamos a phpMyAdmin
• Creamos nueva base de
datos con un nombre

53. PASOS
• Instalamos el servidor local
• Lo hacemos funcionar
• Vamos a phpMyAdmin
• Creamos nueva base de
datos con un nombre

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. • 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');

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. • Visitamos la web
http://localhost:8888/
nombredetucarpeta/
• Sitodo está correcto...
¡Enhorabuena! As llegado al
famoso proceso de
instalación de WordPress
en 5 minutos

58. NOVEDADES
• En nuestro WordPresss.org tenemos novedades...
• Actualizaciones: para ir renovando la versión de WordPress
• Temas: podemos instalar muchos
• Plugins: podemos instalar muuuuuuuchos

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

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

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

64. ‘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í.

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

66. ¡MUCHAS GRACIAS!
Miguel Ángel Moya
miguel@puntoos.com