Móntate un sitio web completo con
WordPress en 4 horas
Iñaki Arenaza
Mondragon Unibertsitatea
iarenaza@mondragon.edu
https...
Objetivos
 Ser capaz de construir un sitio web estático usando la
plataforma WordPress.
 Ser capaz de integrar Google An...
Programa


El aspecto de mi sitio web.





Paginas estáticas.











Creación y edición de formularios (con...
Programa


El aspecto de mi sitio web.



Instalación y configuración de temas

Diseño adaptable (Responsive Web Design...
Instalación y configuración de temas
 Los temas son una forma de configurar el aspecto
de un sitio WordPress: la portada,...
Instalación y configuración de temas
 Al ser tan variados y no necesarios para todo el
mundo, no son parte de la versión ...
Instalación y configuración de temas
 Para ver que temas tenemos instalados:

7
Instalación y configuración de temas
 Podemos instalar nuevos temas:




Obteniendo el fichero .zip por nuestra cuenta,...
Instalación y configuración de temas

9
Instalación y configuración de temas

10
Instalación y configuración de temas

11
Instalación y configuración de temas
Instalación y configuración de temas
Instalación y configuración de temas
Instalación y configuración de temas
Instalación y configuración de temas
 Para borrar los temas:
Instalación y configuración de temas
Instalación y configuración de temas
Instalación y configuración de temas
Puede que algunos temas no se puedan borrar
de esta forma (no tengamos permisos en di...
Instalación y configuración de temas
 Los temas suelen ser más o menos configurables.
 Los elementos concretos que se pu...
Instalación y configuración de temas
 Casi todos ellos permiten configurar widgets:

21
Instalación y configuración de temas

22
Instalación y configuración de temas
Instalación y configuración de temas
 Algunos la cabecera, el pie, el fondo, …

24
Instalación y configuración de temas

25
Diseño Adaptable (Resposive Web Design)
 Técnicas que permiten a la página web
adaptarse al medio a través del cual
se ac...
Diseño Adaptable
 En el caso de WordPress, el diseño adaptable es
responsabilidad del tema, ya que es quien genera el
HTM...
Diseño Adaptable
 Más opciones (de pago o gratuitas) en:





http://responsivethemes.org/
http://mashable.com/2013/03...
Programa


El aspecto de mi sitio web.



Instalación y configuración de temas
Diseño adaptable (Responsive Web Design)...
Creación y edición de páginas estáticas
 Para hacer que WordPress no permita por defecto
comentarios en las nuevas página...
Creación y edición de páginas estáticas
 Para hacer que WordPress muestre una página en la
portada, en vez de entradas de...
Creación y edición de páginas estáticas
 Para usar permalinks (URLs amigables) con las
páginas y las entradas del blog (m...
Creación y edición de páginas estáticas

33
Creación y edición de páginas estáticas

34
Creación y edición de páginas estáticas

35
Creación y edición de páginas estáticas

36
Creación y edición de páginas estáticas

37
Creación y edición de páginas estáticas

38
Creación y edición de páginas estáticas

39
Organización de jerarquías de páginas
 Por defecto las páginas no tienen estructura
jerárquica:

40
Organización de jerarquías de páginas
 Y se muestran también sin ella, y ordenadas por
fecha de edición más reciente:

41
Organización de jerarquías de páginas
 Sin embargo seguramente nos interesará algo
como esto (1/2):

42
Organización de jerarquías de páginas
 Sin embargo seguramente nos interesará algo
como esto (2/2):

43
Organización de jerarquías de páginas
Organización de jerarquías de páginas
Programa


El aspecto de mi sitio web.





Instalación y configuración de temas
Diseño adaptable (Responsive Web Desi...
Creación y edición de menús
 Como hemos visto, si creamos páginas WordPress
crea un menú por defecto con ellas (si el tem...
Creación y edición de menús

Qué
mostrar

Cómo
mostrarlo
(estructura)

48
Creación y edición de menús

Menú(s)
del tema

49
Creación y edición de menús

50
Creación y edición de menús

51
Creación y edición de menús

52
Creación y edición de menús

53
Creación y edición de menús

54
Creación y edición de menús

55
Creación y edición de menús

56
Creación y edición de menús

57
Creación y edición de menús

58
Creación y edición de menús

59
Cómo y dónde mostrar nuestros menús
 Podemos mostrar nuestros menús en:





la barra lateral (usando widgets de tipo ...
Cómo y dónde mostrar nuestros menús

61
Cómo y dónde mostrar nuestros menús

62
Cómo y dónde mostrar nuestros menús

63
Cómo y dónde mostrar nuestros menús

64
Programa


El aspecto de mi sitio web.





Paginas estáticas.





Instalación y configuración de temas
Diseño ada...
Instalación y configuración de plugins de integración

 Los plugins son conjuntos de scripts PHP que
añaden funcionalidad...
Instalación y configuración de plugins
 Al ser tan variados y no necesarios para todo el
mundo, no son parte de la versió...
Instalación y configuración de plugins

68
Instalación y configuración de plugins
 Para ver que plugins tenemos instalados:

69
Instalación y configuración de plugins

70
Instalación y configuración de plugins

71
Instalación y configuración de plugins
 Podemos instalar nuevos plugins:




Obteniendo el fichero .zip por nuestra cue...
Instalación y configuración de plugins
 Algunos (pocos) plugins necesitan acciones
manuales adicionales. Suelen indicar q...
Instalación y configuración de plugins

74
Instalación y configuración de plugins

75
Instalación y configuración de plugins

76
Instalación y configuración de plugins

77
Instalación y configuración de plugins
 Para deshabilitar/borrar los plugins:

78
Instalación y configuración de plugins

79
Instalación y configuración de plugins
 Puede que algunos plugins no se puedan
borrar de esta forma (no tengamos permisos...
Integración con Google Analytics
 WP Google Analytics (por Aaron D. Campbell):











No registrar nada de la a...
Integración con Google Analytics

https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingCustomVariab...
Programa


El aspecto de mi sitio web.





Paginas estáticas.





Creación y edición de páginas estáticas.
Organi...
Creación y edición de formularios
 Contact Form 7 (por Takayuki Miyoshi):








Puede gestionar múltiples formul...
Creación y edición de formularios

85
Creación y edición de formularios

86
Creación y edición de formularios

87
Creación y edición de formularios

88
Creación y edición de formularios

89
Cómo y dónde mostrar los formularios
 Los formularios creados con Contact Form 7 se
puede mostrar en:





Páginas
Art...
Cómo y dónde mostrar los formularios

91
Cómo y dónde mostrar los formularios

92
Cómo y dónde mostrar los formularios

93
Cómo y dónde mostrar los formularios

94
Cómo y dónde mostrar los formularios

95
Cómo y dónde mostrar los formularios
 Podemos hacer seguimiento de los envíos de los
formularios con Google Analytics.
 ...
Programa


El aspecto de mi sitio web.





Paginas estáticas.







Creación y edición de menús.
Cómo y dónde mo...
Cómo crear y gestionar una red de blogs
 A partir de la versión 3.0 de WordPress, se
fusionan la versión mono-blog (WordP...
Cómo crear y gestionar una red de blogs
 Una vez convertida en una instalación de red de
sitios, WordPress nos permite:
...
Cómo crear y gestionar una red de blogs
 NOTA: Los siguientes pasos que muestras
como llevar a cabo la conversión a una r...
Cómo crear y gestionar una red de blogs
 Tenemos que decidir como vamos a acceder a
cada sitio de la red:


Usando subdo...
Cómo crear y gestionar una red de blogs
 No podremos usar el segundo de los métodos
si nuestro WordPress tiene más de un ...
Cómo crear y gestionar una red de blogs
 Los pasos a seguir son:




Hacer una copia de seguridad COMPLETA de
WordPress...
Cómo crear y gestionar una red de blogs

104
Cómo crear y gestionar una red de blogs

105
Cómo crear y gestionar una red de blogs

106
Cómo crear y gestionar una red de blogs

107
Cómo crear y gestionar una red de blogs
 Una vez identificados de nuevo no parece que haya muchos
cambios, pero aparece u...
Cómo crear y gestionar una red de blogs
 Si pasamos el ratón por el texto “Mis sitios” de la zona
superior izquierda nos ...
Cómo crear y gestionar una red de blogs
 Pulsando en el menú 'Sitios', nos enseña la
lista de los existentes y nos permit...
Cómo crear y gestionar una red de blogs
 Si pasamos el ratón por encima del nombre de un
sitio existente, nos aparecen lo...
Cómo crear y gestionar una red de blogs
 Si creamos un sitio nuevo se nos pide la dirección del
nuevo sitio, su título y ...
Cómo crear y gestionar una red de blogs
 Una vez creado, se nos da la posibilidad de visitar el
sitio, o editarlo para co...
Cómo gestionar contenidos multi-idioma
 Hay dos estrategias posibles:




Cada sitio (blog) tiene un idioma diferente, ...
Cómo gestionar contenidos multi-idioma
 Lo primero es instalar el paquete de idioma euskera,
español, francés, etc. (el i...
Cómo gestionar contenidos multi-idioma
 Si elegimos ‘French’ y le damos a ‘Guardar Cambios’:

116
Cómo gestionar contenidos multi-idioma
 Nos aparece el Escritorio (y el sitio) en Francés

117
Programa


El aspecto de mi sitio web.





Paginas estáticas.











Creación y edición de formularios (con...
Complementos interesantes














WordPress SEO by Yoast
WP Google Analytics / Google Analytics for Wor...
Próxima SlideShare
Cargando en…5
×

Móntate un sitio web completo con WordPress en 4 horas

5.337 visualizaciones

Publicado el

La presencia de las empresas en internet es hoy en día una necesidad prácticamente ineludible. Sin embargo muchas pequeñas y medianas empresas no pueden abordar desarrollos personalizados para su sitio web, por limitaciones de tiempo y dinero. Sin embargo ello no significa que no podamos utilizar soluciones estandarizadas con algunas personalizaciones, cubriendo gran parte de los elementos esenciales de un sitio web construido a medida.

Una de las soluciones estandarizadas más utilizadas es la plataforma WordPress, que combina la simplicidad de funcionamiento con la versatilidad de sus complementos. Si bien inicialmente sólo se utilizaba como plataforma de blogs, a día de hoy es capaz de construir sitios web sencillos con una sencillez y rapidez inigualable, con una calidad más que probada.

En este curso se trabajará con la plataforma WordPress para construir uno o varios sitios web estáticos de forma rápida y sencilla, sin necesidad de conocer programación de HTML o CSS.

Programa:

1. El aspecto de mi sitio web.
- Instalación y configuración de temas
- Diseño adaptable (Responsive Web Design).

2. Paginas estáticas.
- Creación y edición de páginas estáticas.
- Organización jerarquías de páginas.

3. Menús.
- Creación y edición de menús.
- Cómo y donde mostrar nuestros menús.

4. Integración con Google Analitycs
- Instalación y configuración de plugins de integración.
- Generación de eventos.

5. Como contactar con el usuario (formularios):
- Creación y edición de formularios (contacto, petición de datos, etc.)
- Cómo y donde mostrar nuestros formularios.

6. Internacionalizacion.
- Cómo crear y gestionar una red de blogs.
- Cómo gestionar contenidos multi idioma.

1 comentario
20 recomendaciones
Estadísticas
Notas
Sin descargas
Visualizaciones
Visualizaciones totales
5.337
En SlideShare
0
De insertados
0
Número de insertados
289
Acciones
Compartido
0
Descargas
247
Comentarios
1
Recomendaciones
20
Insertados 0
No insertados

No hay notas en la diapositiva.

Móntate un sitio web completo con WordPress en 4 horas

  1. 1. Móntate un sitio web completo con WordPress en 4 horas Iñaki Arenaza Mondragon Unibertsitatea iarenaza@mondragon.edu https://twitter.com/iarenaza https://linkedin.com/in/iarenaza Creative Commons Attribution Non-commercial Share Alike 3.0 Spain License
  2. 2. Objetivos  Ser capaz de construir un sitio web estático usando la plataforma WordPress.  Ser capaz de integrar Google Analytics en nuestro sitio web para poder hacer analítica del tráfico que nos llega.  Ser capaz de implementar una estrategia de internacionalización de nuestro sitio web creando múltiples sitios web usando una única instalación de WordPress. 2
  3. 3. Programa  El aspecto de mi sitio web.    Paginas estáticas.       Creación y edición de formularios (contacto, petición de datos, etc.) Cómo y dónde mostrar nuestros formularios. Internacionalización.    Instalación y configuración de plugins de integración. Generación de eventos. Como contactar con el usuario (formularios):   Creación y edición de menús. Cómo y dónde mostrar nuestros menús. Integración con Google Analitycs   Creación y edición de páginas estáticas. Organización de jerarquías de páginas. Menús.   Instalación y configuración de temas Diseño adaptable (Responsive Web Design). Cómo crear y gestionar una red de blogs. Cómo gestionar contenidos multi-idioma. Complementos   Instalación de nuevos complementos (plugins) Complementos interesantes 3
  4. 4. Programa  El aspecto de mi sitio web.  Instalación y configuración de temas  Diseño adaptable (Responsive Web Design). Paginas estáticas.     Menús.      Creación y edición de formularios (contacto, petición de datos, etc.) Cómo y dónde mostrar nuestros formularios. Internacionalización.    Instalación y configuración de plugins de integración. Generación de eventos. Como contactar con el usuario (formularios):   Creación y edición de menús. Cómo y dónde mostrar nuestros menús. Integración con Google Analitycs   Creación y edición de páginas estáticas. Organización jerarquías de páginas. Cómo crear y gestionar una red de blogs. Cómo gestionar contenidos multi-idioma. Complementos   Instalación de nuevos complementos (plugins) Complementos interesantes 4
  5. 5. Instalación y configuración de temas  Los temas son una forma de configurar el aspecto de un sitio WordPress: la portada, los artículos, las páginas, las categorías, etc.  Un tema es una colección de ficheros que trabajan juntos para producir una interfaz de usuario.  Estos ficheros de denominan ficheros de plantilla, y pueden incluir plantillas personalizadas, ficheros de imagen (*.jpg, *.gif), hojas de estilo (*.css), Páginas personalizadas así como los ficheros de código necesarios (*.php).  Los temas vienen en forma de ficheros .zip 5
  6. 6. Instalación y configuración de temas  Al ser tan variados y no necesarios para todo el mundo, no son parte de la versión estándar de WordPress (que sólo trae de serie los temas Twenty Eleven, Twenty Twelve y Twenty Thirteen).  Es por ello que la práctica totalidad de los mismo son desarrollados por terceras personas y su madurez y calidad varían mucho de unos a otros.  Podemos encontrar muchos de ellos en http://wordpress.org/extend/themes/  Pero también en otros sitios web que venden temas para WordPress o los desarrollan a medida. 6
  7. 7. Instalación y configuración de temas  Para ver que temas tenemos instalados: 7
  8. 8. Instalación y configuración de temas  Podemos instalar nuevos temas:   Obteniendo el fichero .zip por nuestra cuenta, descomprimiéndolo y copiando/subiendo la carpeta con todo su contenido al directorio /wp-content/themes. Desde el Escritorio de WordPress, en la entrada del menú 'Apariencia'. Esta opción a veces no funciona en algunos proveedores de hosting, por lo que no queda más remedio que usar la opción anterior. 8
  9. 9. Instalación y configuración de temas 9
  10. 10. Instalación y configuración de temas 10
  11. 11. Instalación y configuración de temas 11
  12. 12. Instalación y configuración de temas
  13. 13. Instalación y configuración de temas
  14. 14. Instalación y configuración de temas
  15. 15. Instalación y configuración de temas
  16. 16. Instalación y configuración de temas  Para borrar los temas:
  17. 17. Instalación y configuración de temas
  18. 18. Instalación y configuración de temas
  19. 19. Instalación y configuración de temas Puede que algunos temas no se puedan borrar de esta forma (no tengamos permisos en disco para hacerlo desde el Escritorio). En ese caso hay que borrar el directorio del tema de /wp-content/themes de forma manual (en el servidor o via FTP).
  20. 20. Instalación y configuración de temas  Los temas suelen ser más o menos configurables.  Los elementos concretos que se pueden configurar dependen de cada tema:       Número y disposición de las columnas de contenido Widgets Menús Imágenes, cabecera, fondo, pie, etc. Hojas de estilo (CSS), Etc. 20
  21. 21. Instalación y configuración de temas  Casi todos ellos permiten configurar widgets: 21
  22. 22. Instalación y configuración de temas 22
  23. 23. Instalación y configuración de temas
  24. 24. Instalación y configuración de temas  Algunos la cabecera, el pie, el fondo, … 24
  25. 25. Instalación y configuración de temas 25
  26. 26. Diseño Adaptable (Resposive Web Design)  Técnicas que permiten a la página web adaptarse al medio a través del cual se accede a la misma.  Utilizando HTML y CSS podemos servir una versión de la página en función del ancho de pantalla utilizado.  Es decir, nuestra web se adapta al ancho de pantalla, responde ante los cambios del tamaño la misma.  Abandonamos los anchos fijos. El diseño fluido está pensado en términos de proporciones: para los anchos de los elementos, fuentes, imágenes, etc. Fuente: http://commons.wikimedia.org/wiki/File:Complete.png 26
  27. 27. Diseño Adaptable  En el caso de WordPress, el diseño adaptable es responsabilidad del tema, ya que es quien genera el HTML y CSS  Por tanto nos interesará instalar un tema que sea adaptable (responsive).  Algunas posibilidades:        Montezuma (por BytesForAll) Responsive (por ThemeID by CyberChimps) Attitude (por Theme Horse) Custom Community (por Themekraft) EvoLve (por Theme4Press) Nusantara (por Hendro Prayitno) PageLines (por PageLines) 27
  28. 28. Diseño Adaptable  Más opciones (de pago o gratuitas) en:    http://responsivethemes.org/ http://mashable.com/2013/03/08/responsivewordpress-themes/ http://www.tripwiremagazine.com/2013/02/resp onsive-wordpress-themes.html  Y por supuesto en:  http://wordpress.org/extend/themes/ 28
  29. 29. Programa  El aspecto de mi sitio web.   Instalación y configuración de temas Diseño adaptable (Responsive Web Design).  Paginas estáticas.  Creación y edición de páginas estáticas.  Organización de jerarquías de páginas. Menús.     Integración con Google Analitycs     Creación y edición de formularios (contacto, petición de datos, etc.) Cómo y dónde mostrar nuestros formularios. Internacionalización.    Instalación y configuración de plugins de integración. Generación de eventos. Como contactar con el usuario (formularios):   Creación y edición de menús. Cómo y dónde mostrar nuestros menús. Cómo crear y gestionar una red de blogs. Cómo gestionar contenidos multi-idioma. Complementos   Instalación de nuevos complementos (plugins) Complementos interesantes 29
  30. 30. Creación y edición de páginas estáticas  Para hacer que WordPress no permita por defecto comentarios en las nuevas páginas o entradas: 30
  31. 31. Creación y edición de páginas estáticas  Para hacer que WordPress muestre una página en la portada, en vez de entradas del blog: 31
  32. 32. Creación y edición de páginas estáticas  Para usar permalinks (URLs amigables) con las páginas y las entradas del blog (mejora el SEO): 32
  33. 33. Creación y edición de páginas estáticas 33
  34. 34. Creación y edición de páginas estáticas 34
  35. 35. Creación y edición de páginas estáticas 35
  36. 36. Creación y edición de páginas estáticas 36
  37. 37. Creación y edición de páginas estáticas 37
  38. 38. Creación y edición de páginas estáticas 38
  39. 39. Creación y edición de páginas estáticas 39
  40. 40. Organización de jerarquías de páginas  Por defecto las páginas no tienen estructura jerárquica: 40
  41. 41. Organización de jerarquías de páginas  Y se muestran también sin ella, y ordenadas por fecha de edición más reciente: 41
  42. 42. Organización de jerarquías de páginas  Sin embargo seguramente nos interesará algo como esto (1/2): 42
  43. 43. Organización de jerarquías de páginas  Sin embargo seguramente nos interesará algo como esto (2/2): 43
  44. 44. Organización de jerarquías de páginas
  45. 45. Organización de jerarquías de páginas
  46. 46. Programa  El aspecto de mi sitio web.    Instalación y configuración de temas Diseño adaptable (Responsive Web Design). Paginas estáticas.   Creación y edición de páginas estáticas. Organización de jerarquías de páginas.  Menús.  Creación y edición de menús.  Cómo y dónde mostrar nuestros menús. Integración con Google Analitycs     Como contactar con el usuario (formularios):    Creación y edición de formularios (contacto, petición de datos, etc.) Cómo y dónde mostrar nuestros formularios. Internacionalización.    Instalación y configuración de plugins de integración. Generación de eventos. Cómo crear y gestionar una red de blogs. Cómo gestionar contenidos multi-idioma. Complementos   Instalación de nuevos complementos (plugins) Complementos interesantes 46
  47. 47. Creación y edición de menús  Como hemos visto, si creamos páginas WordPress crea un menú por defecto con ellas (si el tema lo soporta).  Si queremos usar más de un menú, o uno que no sea sólo de páginas, podemos crear otros. De nuevo el tema debe soportarlo.  En estos menús podemos usar:     Páginas, Categorías, Enlaces personalizados (a URLs deseadas) Otros (dependiendo del tema). 47
  48. 48. Creación y edición de menús Qué mostrar Cómo mostrarlo (estructura) 48
  49. 49. Creación y edición de menús Menú(s) del tema 49
  50. 50. Creación y edición de menús 50
  51. 51. Creación y edición de menús 51
  52. 52. Creación y edición de menús 52
  53. 53. Creación y edición de menús 53
  54. 54. Creación y edición de menús 54
  55. 55. Creación y edición de menús 55
  56. 56. Creación y edición de menús 56
  57. 57. Creación y edición de menús 57
  58. 58. Creación y edición de menús 58
  59. 59. Creación y edición de menús 59
  60. 60. Cómo y dónde mostrar nuestros menús  Podemos mostrar nuestros menús en:    la barra lateral (usando widgets de tipo menú), la cabecera de la página (depende del tema, pero casi todos los temas lo soportan), cualquier otro sitio que nos deje el tema actual (depende del tema). 60
  61. 61. Cómo y dónde mostrar nuestros menús 61
  62. 62. Cómo y dónde mostrar nuestros menús 62
  63. 63. Cómo y dónde mostrar nuestros menús 63
  64. 64. Cómo y dónde mostrar nuestros menús 64
  65. 65. Programa  El aspecto de mi sitio web.    Paginas estáticas.    Instalación y configuración de temas Diseño adaptable (Responsive Web Design). Creación y edición de páginas estáticas. Organización de jerarquías de páginas. Menús.   Creación y edición de menús. Cómo y dónde mostrar nuestros menús.  Integración con Google Analitycs  Instalación y configuración de plugins de integración.  Generación de eventos.  Como contactar con el usuario (formularios):    Internacionalización.    Creación y edición de formularios (contacto, petición de datos, etc.) Cómo y dónde mostrar nuestros formularios. Cómo crear y gestionar una red de blogs. Cómo gestionar contenidos multi-idioma. Complementos  Instalación de nuevos complementos (plugins)  Complementos interesantes 65
  66. 66. Instalación y configuración de plugins de integración  Los plugins son conjuntos de scripts PHP que añaden funcionalidad a WordPress. Vienen en forma de fichero .zip.  A veces mejoran la funcionalidad existente en WordPress y otras añaden funcionalidades inexistentes.  Hay una infinidad de plugins que cubren funcionalidades muy variadas: sistemas de puntuación de artículos, integración con redes sociales, SEO, analítica web, artículos multiidioma, etc. 66
  67. 67. Instalación y configuración de plugins  Al ser tan variados y no necesarios para todo el mundo, no son parte de la versión estándar de WordPress.  Es por ello que la práctica totalidad de los mismo son desarrollados por terceras personas y su madurez y calidad varían mucho de unos a otros.  Podemos encontrar la mayoría de ellos en http://wordpress.org/extend/plugins/  Casi todos ellos indican en su página en la base de datos de plugins para qué versiones de WordPress son compatibles. 67
  68. 68. Instalación y configuración de plugins 68
  69. 69. Instalación y configuración de plugins  Para ver que plugins tenemos instalados: 69
  70. 70. Instalación y configuración de plugins 70
  71. 71. Instalación y configuración de plugins 71
  72. 72. Instalación y configuración de plugins  Podemos instalar nuevos plugins:   Obteniendo el fichero .zip por nuestra cuenta, descomprimiéndolo y copiando/subiendo la carpeta con todo su contenido al directorio /wpcontent/plugins. Desde el Escritorio, en la entrada del menú 'Plugins'. Esta opción a veces no funciona en algunos proveedores de hosting, por lo que no queda más remedio que usar la opción anterior. 72
  73. 73. Instalación y configuración de plugins  Algunos (pocos) plugins necesitan acciones manuales adicionales. Suelen indicar qué acciones son en el fichero README.txt que hay dentro del .zip.  ¡ATENCIÓN!: Un plugin con errores o incompatible con nuestra versión de WordPress puede dejar nuestro blog fuera de servicio.  Hacer una copia de seguridad completa del blog antes de instalar un nuevo plugin, por si acaso. 73
  74. 74. Instalación y configuración de plugins 74
  75. 75. Instalación y configuración de plugins 75
  76. 76. Instalación y configuración de plugins 76
  77. 77. Instalación y configuración de plugins 77
  78. 78. Instalación y configuración de plugins  Para deshabilitar/borrar los plugins: 78
  79. 79. Instalación y configuración de plugins 79
  80. 80. Instalación y configuración de plugins  Puede que algunos plugins no se puedan borrar de esta forma (no tengamos permisos en disco para hacerlo desde el Escritorio).  En ese caso hay que borrar el directorio del plugin de /wp-content/plugins de forma manual (en el servidor o vía FTP). 80
  81. 81. Integración con Google Analytics  WP Google Analytics (por Aaron D. Campbell):       No registrar nada de la actividad en el Escritorio. No registrar nada de la actividad por rol (administradores, editores, autores, etc.), Registrar los errores 404 como eventos con la URL /404/{url}?referrer={referrer} Registrar los enlaces salientes como eventos con al URL /outgoing/{url}?referrer={referrer} (Obsoleto) Registrar las búsquedas como /search/{search}?referrer={referrer} Se pueden incluir datos en los registros/eventos, usando variables personalizadas y tokens especiales. 81
  82. 82. Integración con Google Analytics https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingCustomVariables 82
  83. 83. Programa  El aspecto de mi sitio web.    Paginas estáticas.    Creación y edición de páginas estáticas. Organización de jerarquías de páginas. Menús.    Instalación y configuración de temas Diseño adaptable (Responsive Web Design). Creación y edición de menús. Cómo y dónde mostrar nuestros menús. Integración con Google Analitycs   Instalación y configuración de plugins de integración. Generación de eventos.  Como contactar con el usuario (formularios):  Creación y edición de formularios (contacto, petición de datos, etc.)  Cómo y dónde mostrar nuestros formularios.  Internacionalización.    Cómo crear y gestionar una red de blogs. Cómo gestionar contenidos multi-idioma. Complementos   Instalación de nuevos complementos (plugins) Complementos interesantes 83
  84. 84. Creación y edición de formularios  Contact Form 7 (por Takayuki Miyoshi):        Puede gestionar múltiples formularios Son completamente personalizables, Usando marcadores sencillos, Con varios tipos de campos, Disponible en varios idiomas, Incluye CAPTCHAs, filtrado de spam con Akismet, etc. Envía los datos del formulario por correo electrónico  Tiene documentación muy completa en la dirección http://contactform7.com/docs/ 84
  85. 85. Creación y edición de formularios 85
  86. 86. Creación y edición de formularios 86
  87. 87. Creación y edición de formularios 87
  88. 88. Creación y edición de formularios 88
  89. 89. Creación y edición de formularios 89
  90. 90. Cómo y dónde mostrar los formularios  Los formularios creados con Contact Form 7 se puede mostrar en:    Páginas Artículos (Entradas) Widgets (en cualquiera de las zonas donde el tema nos permita colocar widgets). 90
  91. 91. Cómo y dónde mostrar los formularios 91
  92. 92. Cómo y dónde mostrar los formularios 92
  93. 93. Cómo y dónde mostrar los formularios 93
  94. 94. Cómo y dónde mostrar los formularios 94
  95. 95. Cómo y dónde mostrar los formularios 95
  96. 96. Cómo y dónde mostrar los formularios  Podemos hacer seguimiento de los envíos de los formularios con Google Analytics.  Añadir el texto (todo el la misma línea) on_sent_ok: "_gaq.push(['_trackPageview', '/pagina-tracking-formulario.html']);"  En el ajuste ”Configuraciones adicionales” del formulario: 96
  97. 97. Programa  El aspecto de mi sitio web.    Paginas estáticas.     Creación y edición de menús. Cómo y dónde mostrar nuestros menús. Integración con Google Analitycs    Creación y edición de páginas estáticas. Organización de jerarquías de páginas. Menús.   Instalación y configuración de temas Diseño adaptable (Responsive Web Design). Instalación y configuración de plugins de integración. Generación de eventos. Como contactar con el usuario (formularios).   Creación y edición de formularios (contacto, petición de datos, etc.) Cómo y dónde mostrar nuestros formularios.  Internacionalización.  Cómo crear y gestionar una red de blogs.  Cómo gestionar contenidos multi-idioma.  Complementos  Instalación de nuevos complementos (plugins)  Complementos interesantes 97
  98. 98. Cómo crear y gestionar una red de blogs  A partir de la versión 3.0 de WordPress, se fusionan la versión mono-blog (WordPress) y multi-blog (WordPress-MU).  Sólo existe una versión que se instala como instalación mono-blog inicialmente.  Podemos convertirla en instalación multi-blog (red de sitios, en terminología de WordPress).  Nos permite tener múltiples sitios (blogs) con una única copia de WordPress y una única base de datos. 98
  99. 99. Cómo crear y gestionar una red de blogs  Una vez convertida en una instalación de red de sitios, WordPress nos permite:     Administrar de forma centralizada, con único usuario* (con el rol de super admin), todos los sitios wordpress. Delegar la administración de cada sitio a otros usuarios (con el rol de administrador). El rol de administrador de un sitio no pueden crear, editar o borrar usuarios, sólo pueden asignarles roles en su sitio. El rol de administrador de un sitio no puede instalar ni borrar plugins ni temas, sólo puede habilitarlos o deshabilitarlos. 99
  100. 100. Cómo crear y gestionar una red de blogs  NOTA: Los siguientes pasos que muestras como llevar a cabo la conversión a una red de blogs necesitan de ciertos conocimientos técnicos.  Por tanto es mejor dejar que un técnico se ocupe de ellos, y nosotros simplemente sacarle partido a la funcionalidad una vez habilitada . 100
  101. 101. Cómo crear y gestionar una red de blogs  Tenemos que decidir como vamos a acceder a cada sitio de la red:  Usando subdominios del dominio original: • http://primer-sitio.midominio.com/ • http://segundo-sitio.midominio.com/  Usando "subdirectorios" del dominio original: • http://midominio.com/primer-sitio • http://midominio.com/segundo-sitio  El segundo de los métodos es más sencillo de configurar (no hay que configurar el DNS).  Además es mucho más interesante desde el punto de vista de la internacionalización del SEO. 101
  102. 102. Cómo crear y gestionar una red de blogs  No podremos usar el segundo de los métodos si nuestro WordPress tiene más de un mes de vida (por la forma en que se construyen los enlaces permanentes)  El segundo de los métodos es más sencillo de configurar si usamos el servidor web Apache.  En este caso necesitamos la extensión de Apache llamada mod_rewrite, instalada y habilitada (existe la misma funcionalidad en IIS 7.0 o posterior). 102
  103. 103. Cómo crear y gestionar una red de blogs  Los pasos a seguir son:   Hacer una copia de seguridad COMPLETA de WordPress (base de datos + ficheros). Editar el fichero wp-config.php y añadir la siguiente línea antes de la línea que pone /* That's all, stop editing! Happy blogging. */: define('WP_ALLOW_MULTISITE', true);    Desactivar los plugins instalados. Ir al menú 'Herramientas, opción 'Configuración de la Red' (ver figura siguiente). Opcionalmente cambiar el título del sitio y el correo electrónico del administrador. 103
  104. 104. Cómo crear y gestionar una red de blogs 104
  105. 105. Cómo crear y gestionar una red de blogs 105
  106. 106. Cómo crear y gestionar una red de blogs 106
  107. 107. Cómo crear y gestionar una red de blogs 107
  108. 108. Cómo crear y gestionar una red de blogs  Una vez identificados de nuevo no parece que haya muchos cambios, pero aparece una nueva opción en el menú 'Escritorio', llamada 'Mis sitios' (sitios a los que tengo acceso con algún tipo de rol): 108
  109. 109. Cómo crear y gestionar una red de blogs  Si pasamos el ratón por el texto “Mis sitios” de la zona superior izquierda nos aparece una nueva opción: 'Administrador de la red‘, con varias opciones: 109
  110. 110. Cómo crear y gestionar una red de blogs  Pulsando en el menú 'Sitios', nos enseña la lista de los existentes y nos permite añadir nuevos: 110
  111. 111. Cómo crear y gestionar una red de blogs  Si pasamos el ratón por encima del nombre de un sitio existente, nos aparecen los enlaces para editar los datos del sitio, ir a su escritorio para gestionarlo o visitar el sitio (la portada del mismo): 111
  112. 112. Cómo crear y gestionar una red de blogs  Si creamos un sitio nuevo se nos pide la dirección del nuevo sitio, su título y el correo del administrador (se crea un nuevo usuario si ese correo no es de ningún usuario existente): 112
  113. 113. Cómo crear y gestionar una red de blogs  Una vez creado, se nos da la posibilidad de visitar el sitio, o editarlo para configurarlo o introducir contenidos: 113
  114. 114. Cómo gestionar contenidos multi-idioma  Hay dos estrategias posibles:   Cada sitio (blog) tiene un idioma diferente, pero sólo uno. Un mismo sitio tiene múltiples idiomas.  La primera alternativa es más interesante desde el punto de vista de la internacionalización del SEO.  Para el segundo escenario necesitaríamos plugins como WPML (contenido + interfaz usuario) o qTranslate (sólo contenido).  Nosotros vamos a trabajar con la primera opción. 114
  115. 115. Cómo gestionar contenidos multi-idioma  Lo primero es instalar el paquete de idioma euskera, español, francés, etc. (el inglés siempre está disponible).  Por desgracia todavía es un proceso manual, que requiere de cierta operativa técnica.   Para ello buscar el fichero de idioma ".mo" (p.ej. "es_ES.mo") en http://codex.wordpress.org/WordPress_in_Your_Language Copiarlo/subirlo al directorio "/wp-content/languages" (si no existe, crearlo primero).  Ir a los “Ajustes” del sitio, en los “Ajustes Generales” y configurar el idioma deseado para ese sitio. 115
  116. 116. Cómo gestionar contenidos multi-idioma  Si elegimos ‘French’ y le damos a ‘Guardar Cambios’: 116
  117. 117. Cómo gestionar contenidos multi-idioma  Nos aparece el Escritorio (y el sitio) en Francés 117
  118. 118. Programa  El aspecto de mi sitio web.    Paginas estáticas.       Creación y edición de formularios (contacto, petición de datos, etc.) Cómo y dónde mostrar nuestros formularios. Internacionalización.    Instalación y configuración de plugins de integración. Generación de eventos. Como contactar con el usuario (formularios).   Creación y edición de menús. Cómo y dónde mostrar nuestros menús. Integración con Google Analitycs   Creación y edición de páginas estáticas. Organización de jerarquías de páginas. Menús.   Instalación y configuración de temas Diseño adaptable (Responsive Web Design). Cómo crear y gestionar una red de blogs. Cómo gestionar contenidos multi-idioma. Complementos  Instalación de nuevos complementos (plugins)  Complementos interesantes 118
  119. 119. Complementos interesantes              WordPress SEO by Yoast WP Google Analytics / Google Analytics for WordPress Contact Form 7 Akismet Embedly Google XML Sitemaps Share This! WPML / qTranslate Twitter Widget Video Sidebar Widgets Black Studio TinyMCE Widget Add Tags And Category To Page and Post Types BackWPup Free - WordPress Backup Plugin / UpdraftPlus WordPress Backup and Restoration 119

×