Your SlideShare is downloading. ×

Los mejores plugins para Wordpress

4,006

Published on

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

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

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,006
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

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

×