Los mejores plugins para Wordpress

4,877 views

Published on

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,877
On SlideShare
0
From Embeds
0
Number of Embeds
2,810
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Los mejores plugins para Wordpress

  1. 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. 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. 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. 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. 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. 6. ¿Cómo  se  instala  un  plugin?  6  
  7. 7. Instalando  plugin  desde  el  panel  de  administrador  7  midominio.com/wp-­‐admin  
  8. 8. Instalando  plugin  desde  el  panel  de  administrador  8  
  9. 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. 10. Buscar  nuevo  plugin  para  instalar  10  
  11. 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. 12. Buscar  nuevo  plugin  para  instalar  12  
  13. 13. Buscar  nuevo  plugin  para  instalar  13  
  14. 14. 14  Instalando  el  plugin  desde  el  panel  de  administrador  
  15. 15. Instalando  el  plugin  desde  el  panel  de  administrador  15  
  16. 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. 17. Instalando  el  plugin  desde  el  panel  de  administrador  17  
  18. 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. 19. Instalar  el  plugin  vía  FTP  §  Todos  los  plugins  estan  en  la  carpeta  /plugins  ¨  /wp-content/plugins  19  
  20. 20. Instalar  el  plugin  vía  FTP  20  
  21. 21. Instalar  el  plugin  vía  FTP  21  
  22. 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. 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. 24. Instalando  el  plugin  vía  FTP  24  
  25. 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. 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. 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. 28. Wordpress  SEO  plugin  28  
  29. 29. Wordpress  SEO  plugin  29  
  30. 30. Wordpress  SEO  plugin  30  
  31. 31. Wordpress  SEO  plugin  31  
  32. 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. 33. WP  Google  AnalyDcs  33  
  34. 34. WP  Google  AnalyDcs  34  
  35. 35. WP  Google  AnalyDcs  35  
  36. 36. WP  Google  AnalyDcs  36  Introducimos  nuestro  código  de  Google  AnalyDcs  No  nos  cuenten  las  visitas  mientras  estamos  modificando  
  37. 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. 38. Contact  Form  7  38  
  39. 39. Contact  Form  7  39  
  40. 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. 41. Contact  Form  7  –  Creando  un  nuevo  formulario  41  
  42. 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. 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. 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. 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. 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. 47. Contact  Form  7  –  Creando  un  nuevo  formulario  47  
  48. 48. Contact  Form  7  –  Creando  un  nuevo  formulario  48  
  49. 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. 50. WP  e-­‐Commerce  50  
  51. 51. WP  e-­‐Commerce  51  
  52. 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. 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. 54. WP  e-­‐Commerce  –  Ajustes  de  la  Denda  54  
  55. 55. WP  e-­‐Commerce  –  Ajustes  de  la  Denda  55  
  56. 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. 57. WP  e-­‐Commerce  –  Creando  nuevos  productos  57  
  58. 58. WP  e-­‐Commerce  –  Creando  nuevos  productos  58  
  59. 59. WP  e-­‐Commerce  –  Creando  nuevos  productos  59  Ofertas  y  precios  Control  stock  Tasas  del  producto  
  60. 60. WP  e-­‐Commerce  –  Creando  nuevos  productos  60  URL  amigable  Página  del  producto  
  61. 61. WP  e-­‐Commerce  –  GesDonando  categorías  de  productos  61  
  62. 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. 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. 64. Akismet  64  
  65. 65. Akismet  –  Solicitar  clave  65  
  66. 66. Akismet  –  Solicitar  clave  66  Nos  llega  la  nueva  clave  al  correo  introducido  en  el  formulario  anterior  
  67. 67. Akismet  67  Introducimos  la  clave  en  el  formulario  de  opciones  de  Akismet  y  le  damos  a  “Actualizar  opciones”  
  68. 68. Akismet  –  Clave  verificada  68  
  69. 69. Akismet  –  Moderar  comentarios  69  
  70. 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. 71. NextGen  Gallery  71  
  72. 72. NextGen  Gallery  72  
  73. 73. NextGen  Gallery  73  
  74. 74. NextGen  Gallery  –  Creando  una  nueva  galería  74  
  75. 75. NextGen  Gallery  –  Subiendo  las  imágenes  75  
  76. 76. NextGen  Gallery  –  Asociando  imágenes  a  galería  creada  76  
  77. 77. NextGen  Gallery  –  Editando  las  imágenes  77  Podemos  editar  las  metaeDquetas  de  las  imágenes  
  78. 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. 79. NextGen  Gallery  –  Página  nueva  con  galería  79  Seleccionamos  la  galería  que  queremos  mostrar  y  cómo  queremos  mostrarla  
  80. 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. 81. NextGen  Gallery  –  Página  nueva  con  galería  81  
  82. 82. NextGen  Gallery  –  Página  nueva  con  galería  82  Descripción  de  la  imágen  
  83. 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. 84. TinyMCE  Advanced  84  
  85. 85. TinyMCE  Advanced  85  
  86. 86. TinyMCE  Advanced    86  
  87. 87. TinyMCE  Advanced  87  Ahora  el  editor  Dene  mas  opciones  para  la  edición  del  contenido  
  88. 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. 89. qTranslate  89  
  90. 90. qTranslate  90  
  91. 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. 92. qTranslate  –  Habilitar  nuevo  idioma  92  
  93. 93. qTranslate  -­‐      Habilitar  nuevo  idioma  93  
  94. 94. qTranslate  –  Habilitar  nuevo  idioma  94  
  95. 95. qTranslate    95  
  96. 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. 97. Borrado  de  plugin  97  
  98. 98. Borrado  de  plugin  98  
  99. 99. Borrado  de  plugin  99  
  100. 100. Eskerrik  asko!  Dani  Reguera  Mondragon  Unibertsitatea  dreguera@mondragon.edu  h;ps://twi;er.com/dreguera  h;ps://linkedin.com/in/danireguera    

×