Curso en Garaia Enpresa Digitala sobre instalación y configuración de plugins para Wordpress

1. Los
mejores
plugins
para
Wordpress
Dani
Reguera
Mondragon
Unibertsitatea
dreguera@mondragon.edu
h;ps://twi;er.com/dreguera
h;ps://linkedin.com/in/danireguera

2. Introducción
y
objeDvos
§ En
este
curso
veremos
cuales
son
los
más
interesantes
en
cada
una
de
estas
temáDcas
y
veremos
cómo
podemos
instalarlos
y
configurarlos
de
una
manera
sencilla
en
nuestro
siDo
web
basado
en
Wordpress.
§ Los
objeDvos
del
curso
son:
¨ Conocer
los
plugins
más
interesantes
existentes
para
la
plataforma
Wordpress
¨ Ser
capaces
de
instalar,
borrar
y
configurar
los
plugins
¨ Ser
capaces
de
actualizar
las
nuevas
versiones
de
los
plugins
de
Wordpress
2

3. ¿Qué
es
un
plugin
y
para
que
sirve?
§ Los
Plugins
son
herramientas
que
exDenden
la
funcionalidad
del
WordPress
§
Los
plugins
ofrecen
funciones
y
caracterísDcas
personalizadas
que
permiten
al
usuario
diseñar
su
siDo
web
según
sus
necesidades
específicas.
§ Existen
plugins
gratuitos
y
también
plugins
de
pago.
3

4. Plugins
por
defecto
§ Cuando
hacemos
una
instalación
nueva
de
Wordpress
tenemos
nos
vienen
instalados
por
defecto
dos
plugins:
¨ Akismet:
Tratamiento
del
Spam
en
el
siDo
web
¨ Hello
Dolly:
Primer
plugin
de
wordpress
4

5. ¿Cómo
se
instala
un
plugin?
§ Para
instalar
un
plugin
tenemos
dos
formas:
¨ Directamente
desde
la
pantalla
de
administración
de
Wordpress
¨ Instalando
vía
FTP
§ La
manera
más
sencilla
instalar
es
mediante
el
panel
de
administrador
§ Para
poder
instalar
nuevos
plugins
nuestro
usuario
ha
de
tener
permisos
de
administrador
5

6. ¿Cómo
se
instala
un
plugin?
6

7. Instalando
plugin
desde
el
panel
de
administrador
7
midominio.com/wp-­‐admin

8. Instalando
plugin
desde
el
panel
de
administrador
8

9. Instalando
plugin
desde
el
panel
de
administrador
§ Dentro
de
la
pantalla
de
instalación
de
nuevo
plugin
podemos
hacer
de
dos
maneras:
¨ Buscar
el
plugin
directamente
en
el
buscador
de
plugins
¨ Subir
el
archivo
.zip
que
nos
hemos
descargado
de
otro
origen.
9

10. Buscar
nuevo
plugin
para
instalar
10

11. Buscar
nuevo
plugin
para
instalar
§ Cuando
hacemos
una
búsqueda
de
un
plugin
nos
devuelve
un
listado
con
los
términos
encontrados.
§ A
parte
del
nombre
del
plugin
nos
devuelve:
¨ Nombre
del
plugin
¨ Versión
publicada
¨ Valoración
¨ Descripción
11

12. Buscar
nuevo
plugin
para
instalar
12

13. Buscar
nuevo
plugin
para
instalar
13

14. 14
Instalando
el
plugin
desde
el
panel
de
administrador

15. Instalando
el
plugin
desde
el
panel
de
administrador
15

16. Instalando
el
plugin
desde
el
panel
de
administrador
§ Cuando
damos
a
la
opción
de
descargar,
el
plugin
viene
desacDvado
por
defecto
§ Para
acDvarlo
debemos
pinchar
en
la
opción
acDvar
plugin
§ Una
vez
instalado,
el
plugin
aparecerá
en
la
lista
de
plugins
instalados
16

17. Instalando
el
plugin
desde
el
panel
de
administrador
17

18. Instalar
el
plugin
vía
FTP
§ Podemos
hacer
la
instalación
vía
FTP,
para
ello
necesitamos:
¨ Una
cuenta
FTP
para
poder
subir
archivos
¨ Esta
cuenta
se
hace
a
nivel
de
hosDng
por
lo
que
deberemos
ver
si
nuestro
plan
de
hosDng
nos
permite
generar
cuentas
FTP.
¨ Un
cliente
para
subir,
por
ejemplo
FileZilla.
¨ Nos
podemos
descargar
desde
esta
URL
h;ps://
filezilla-­‐project.org/
18

19. Instalar
el
plugin
vía
FTP
§ Todos
los
plugins
estan
en
la
carpeta
/plugins
¨ /wp-content/plugins
19

20. Instalar
el
plugin
vía
FTP
20

21. Instalar
el
plugin
vía
FTP
21

22. Instalando
plugin
vía
FTP
§ Una
vez
descargado
el
.zip,
lo
descomprimimos
§ La
nueva
carpeta
generada
será
la
que
subiremos
vía
FTP
a
nuestra
carpeta
/plugins
22

23. Instalando
el
plugin
vía
FTP
§ Seleccionamos
la
carpeta
y
la
subimos
con
Filezilla.
§ Asegurarnos
que
elegimos
bien
la
carpeta
desDno
/wp-­‐content/plugins
§ Para
subir,
elegir
la
carpeta
a
subir
y
“arrastrar”
con
el
ratón
esa
capeta
al
desDno.
23

24. Instalando
el
plugin
vía
FTP
24

25. Instalando
el
plugin
vía
FTP
§ Una
vez
terminada
la
sincronización,
podemos
ver
como
ya
tenemos
el
nuevo
plugin
en
la
carpeta
/plugins
25

26. Instalando
el
plugin
vía
FTP
§ También
si
vamos
a
la
pantalla
de
administración
del
Wordpress
podremos
ver
como
ya
tenemos
el
plugin
en
la
opción
plugins
26

27. OpDmizar
posicionamiento
en
buscadores
§ Existen
varios
plugins
que
nos
permiten
opDmizar
las
páginas
y
las
entradas
para
un
mejor
posicionamiento
en
buscadores
§ Los
más
uDlizados
son:
¨ Worpress
SEO
plugin
by
Yoast
• h;p://wordpress.org/plugins/wordpress-­‐seo/
¨ All
in
one
seo
pack
• h;p://wordpress.org/plugins/all-­‐in-­‐one-­‐seo-­‐pack/
27

28. Wordpress
SEO
plugin
28

29. Wordpress
SEO
plugin
29

30. Wordpress
SEO
plugin
30

31. Wordpress
SEO
plugin
31

32. AnalíDca
web
§ Existen
varios
plugins
para
poder
insertar
el
código
de
Google
AnalyDcs
en
nuestro
siDo
web
§ Plugins
recomendados:
¨ WP
Google
AnalyDcs
• h;p://wordpress.org/plugins/wp-­‐google-­‐analyDcs/
¨ Google
AnalyDcator:
• h;p://wordpress.org/plugins/google-­‐analyDcator/
32

33. WP
Google
AnalyDcs
33

34. WP
Google
AnalyDcs
34

35. WP
Google
AnalyDcs
35

36. WP
Google
AnalyDcs
36
Introducimos
nuestro
código
de
Google
AnalyDcs
No
nos
cuenten
las
visitas
mientras
estamos
modificando

37. Formularios
de
contacto
§ Existen
plugins
que
nos
permiten
generar
de
una
manera
muy
sencilla
un
formulario
de
contacto
en
nuestro
siDo
web
§ De
esta
manera
permiDmos
al
usuario
que
pueda
ponerse
en
contacto
con
nosotros
§ Plugin
recomendado:
¨ Contact
Form
7
• h;p://wordpress.org/plugins/contact-­‐form-­‐7/
37

38. Contact
Form
7
38

39. Contact
Form
7
39

40. Contact
Form
7
40
• Cuando
instalamos
y
acDvamos
el
plugin,
nos
genera
un
formulario
de
contacto
por
defecto.
“Formulario
de
contacto
1”
• Podemos
crear
varios
formularios
de
contacto
diferentes.

41. Contact
Form
7
–
Creando
un
nuevo
formulario
41

42. Contact
Form
7
–
Creando
un
nuevo
formulario
42
Cuando
le
damos
a
crear
nuevo
formulario,
nos
dice
en
que
idioma
va
a
estar,
por
defecto
coge
el
idioma
de
la
instalación
de
Wordpress

43. Contact
Form
7
–
Creando
un
nuevo
formulario
43
Esta
es
la
sección
de
creación
del
formulario,
donde
le
decimos
qué
campos
va
a
tener,
si
son
obligatorios
y
el
Dpo
(texto,
parrafo,
email…)

44. Contact
Form
7
–
Creando
un
nuevo
formulario
44
En
esta
sección
definimos
los
datos
a
donde
van
a
ser
enviados
el
formulario,
y
podemos
definir
el
cuerpo
del
email

45. Contact
Form
7
–
Creando
un
nuevo
formulario
45
En
esta
sección
definimos
los
mensajes
que
se
le
devolverán
al
usuario,
por
ejemplo
errores
de
datos
requeridos
obligatorios,
etc…

46. Contact
Form
7
–
Creando
un
nuevo
formulario
§ Una
vez
ya
diseñado
y
creado
el
nuevo
formulario
sólo
nos
queda
incrustarlo
en
una
página
de
nuestro
siDo
web.
§ Cuando
creamos
el
formulario,
nos
devuelve
un
“codigo”
que
es
el
que
debemos
incrustar
en
nuestro
siDo
web.
46

47. Contact
Form
7
–
Creando
un
nuevo
formulario
47

48. Contact
Form
7
–
Creando
un
nuevo
formulario
48

49. Comercio
electrónico
§ Existen
varios
plugins
que
nos
permiten
crear
un
ecommerce
sencillo
en
nuestro
siDo
§ Para
ecommerce
mas
complejos
existen
otras
plataformas
como
Magento
o
Prestashop
que
sí
son
plataformas
de
Ecommerce
§ Plugins
recomendados:
¨ WP
e-­‐Commerce:
• h;p://wordpress.org/plugins/wp-­‐e-­‐commerce/
¨ Woocommerce:
• h;p://www.woothemes.com/woocommerce/
49

50. WP
e-­‐Commerce
50

51. WP
e-­‐Commerce
51

52. WP
e-­‐Commerce
§ Una
vez
instalado
este
plugin
tenemos
dos
partes
difereciadas
¨ La
configuración
de
la
Denda:
Formas
de
pago,
divisas,
tasas,
etc.
¨ Los
productos
de
nuestra
Denda:
Se
gesDonan
de
una
manera
muy
similar
a
las
entradas
de
Wordpress
§ Configuración
Denda:
Ajustes
-­‐>
Tienda
§ Productos:
Opción
productos
en
el
panel
lateral
52

53. WP
e-­‐Commerce
–
Ajustes
de
la
Denda
§ Dentro
de
los
ajustes
de
la
Denda
tenemos
infinitos
parámetros
para
configurar
con
detenimiento
§ La
pantalla
de
adminitración
está
dividida
en
pestañas:
¨ General:
Ajustes
generales
(País,
moneda…)
¨ Presentación:
Botones
a
mostrar,
¨ Admin
¨ Impuestos:
Para
definir
los
impuestos
y
tasas
de
nuestros
productos
¨ Envío
¨ Pago
(Paypal,
Google
walet,
etc…)
¨ Pedidos
(Datos
del
cliente
y
datos
de
envío)
¨ MarkeDng
¨ Importar
53

54. WP
e-­‐Commerce
–
Ajustes
de
la
Denda
54

55. WP
e-­‐Commerce
–
Ajustes
de
la
Denda
55

56. WP
e-­‐Commerce
–
Creando
nuevos
productos
§ La
gesDón
de
los
productos
es
muy
similar
a
la
gesDón
de
las
entradas
de
Wordpress
§ Disponemos
de
categorías
también
para
poder
organizar
mejor
los
productos
§ De
una
manera
muy
sencilla
podemos
publicar
nuestros
productos
y
que
la
gente
tenga
opción
de
añadir
al
carrito
§ Aunque
es
para
ecommerce
sencillo
este
plugin
permite
mulDples
configuraciones
56

57. WP
e-­‐Commerce
–
Creando
nuevos
productos
57

58. WP
e-­‐Commerce
–
Creando
nuevos
productos
58

59. WP
e-­‐Commerce
–
Creando
nuevos
productos
59
Ofertas
y
precios
Control
stock
Tasas
del
producto

60. WP
e-­‐Commerce
–
Creando
nuevos
productos
60
URL
amigable
Página
del
producto

61. WP
e-­‐Commerce
–
GesDonando
categorías
de
productos
61

62. Tratamiento
del
spam
§ El
spam
hoy
en
día
es
un
problema
existente
en
los
blogs
en
los
que
premiDmos
comentarios.
§ Akismet
es
un
plugin
que
nos
ayuda
a
hacer
ese
tratamiento,
moderar
esos
comentarios
antes
de
publicarse
§ Viene
instalado
por
defecto
cuando
hacemos
una
nueva
instalación
de
Wordpress
¨ h;p://wordpress.org/plugins/akismet/
62

63. Akismet
§ Como
ya
esta
instalado
sólo
debemos
acDvar
el
plugin
§ Una
vez
acDvado,
nos
solicita
una
KEY
de
uso,
que
es
gratuita
y
la
podemos
solicitar
en
h;p://akismet.com/wordpress/
63

64. Akismet
64

65. Akismet
–
Solicitar
clave
65

66. Akismet
–
Solicitar
clave
66
Nos
llega
la
nueva
clave
al
correo
introducido
en
el
formulario
anterior

67. Akismet
67
Introducimos
la
clave
en
el
formulario
de
opciones
de
Akismet
y
le
damos
a
“Actualizar
opciones”

68. Akismet
–
Clave
verificada
68

69. Akismet
–
Moderar
comentarios
69

70. Galerías
mulDmedia
§ A
la
hora
de
insertar
galerías
mulDmedia
también
tenemos
plugins
que
nos
permiten
hacerlo
de
una
manera
sencilla
§ Por
otra
parte,
webs
como
Flickr,
Picasa
o
Youtube,
nos
permiten
incrustar
imágenes
o
videos
sin
necesidad
de
plugins
§ Plugin
recomendado:
¨ NextGen
Gallery
• h;p://wordpress.org/plugins/nextgen-­‐gallery
70

71. NextGen
Gallery
71

72. NextGen
Gallery
72

73. NextGen
Gallery
73

74. NextGen
Gallery
–
Creando
una
nueva
galería
74

75. NextGen
Gallery
–
Subiendo
las
imágenes
75

76. NextGen
Gallery
–
Asociando
imágenes
a
galería
creada
76

77. NextGen
Gallery
–
Editando
las
imágenes
77
Podemos
editar
las
metaeDquetas
de
las
imágenes

78. NextGen
Gallery
–
Página
nueva
con
galería
78
Pinchando
sobre
éste
icono
seleccionamos
la
galería
a
incrustar
en
la
página

79. NextGen
Gallery
–
Página
nueva
con
galería
79
Seleccionamos
la
galería
que
queremos
mostrar
y
cómo
queremos
mostrarla

80. NextGen
Gallery
–
Página
nueva
con
galería
80
Nos
genera
automáDcamente
el
código
a
insertar
en
la
página
para
que
se
vea
la
galería
Este
código
podemos
modificarlo
con
las
preferencias
de
visualización

81. NextGen
Gallery
–
Página
nueva
con
galería
81

82. NextGen
Gallery
–
Página
nueva
con
galería
82
Descripción
de
la
imágen

83. Editores
de
contenido
§ El
contenido
es
el
rey,
siempre
oímos
esa
frase,
por
lo
que
deberemos
redactar
contenido
de
calidad
en
nuestro
blog
§ A
la
hora
de
redactar
el
contenido
en
nuestras
páginas
o
entradas,
Wordpress
trae
por
defecto
un
editor
muy
sencillo
§ TinyMCE
Advanced
es
un
plugin
para
tener
más
opciones
en
el
editor
de
texto
¨ h;p://wordpress.org/plugins/Dnymce-­‐advanced/
83

84. TinyMCE
Advanced
84

85. TinyMCE
Advanced
85

86. TinyMCE
Advanced
86

87. TinyMCE
Advanced
87
Ahora
el
editor
Dene
mas
opciones
para
la
edición
del
contenido

88. MulD-­‐idioma
§ Cuando
nuestro
siDo
web
es
mulD-­‐idioma
tenemos
que
poder
introducir
nuevo
contenido
de
una
manera
sencilla
en
los
difernetes
idiomas
de
la
web
§ qTranslate
es
un
plugin
que
te
permite
hacer
este
tratamiento
mulDidioma
de
una
manera
muy
sencilla
¨ h;p://wordpress.org/plugins/qtranslate/
88

89. qTranslate
89

90. qTranslate
90

91. qTranslate
§ Una
vez
acDvado
para
administrar
los
idiomas
de
la
web,
debemos
ir
al
listado
de
plugins
y
acceder
a
la
opcion
“sevngs”
de
qTranslate
91
Mucho
cuidado
con
estas
opciones
puesto
que
te
cambian
el
idioma.

92. qTranslate
–
Habilitar
nuevo
idioma
92

93. qTranslate
-­‐
Habilitar
nuevo
idioma
93

94. qTranslate
–
Habilitar
nuevo
idioma
94

95. qTranslate
95

96. Borrado
de
plugin
§ El
borrado
de
plugins
se
realiza
en
el
panel
de
administración
§ Primero
desacDvamos
el
plugin
con
la
opcion
“desacDvar”
§ Una
vez
desacDvado
borramos
el
plugin
y
todos
sus
archivos
96

97. Borrado
de
plugin
97

98. Borrado
de
plugin
98

99. Borrado
de
plugin
99

100. Eskerrik
asko!
Dani
Reguera
Mondragon
Unibertsitatea
dreguera@mondragon.edu
h;ps://twi;er.com/dreguera
h;ps://linkedin.com/in/danireguera