Curso  de  Wordpress  iniciación  

wifi:  red  de  invitados  de  zama  pass:  zamaformacion  

1  

¿Qué  es  Wordpress?  

• Un  gestor  de  contenidos  web  (CMS  Content  Management  System)  • WordPress  es  una  avanzada  plataforma  semánHca  de  publicación  personal  orientada  a    – La  estéHca  – Los  estándares  web    – La  usabilidad.  – WordPress  es  Gratuito  

2  

IMPORTANTE  No  confundir  

• www.miweb.wordpress.com  – Es  un  servicio  de  blog  alojado  en  el  dominio  de  wordpress.  – Ejemplo  hVp://ahiloHenes.wordpress.com/  

• www.miweb.com  – Es  crear  un  siHo  con  gestor  de  contenidos  en  mi  propio  dominio.  – Ejemplo  hVp://www.cursoswordpressmadrid.com/  

3  

Instalación  de  Wordpress  

• Local  (Xampp)  PC  /  Mac  • Remoto  (HosHng)  

4  

¿Dónde  lo  descargo?  

• hVp://es.wordpress.org/  

5  

Instalación  Remota  

Remota  (en  hosHng)  Video  de  instalación  exclusivo  para  alumnos  hVp://www.cursoswordpressmadrid.com/recursos  

6  

¿Qué  necesita  mi  hosHng  para  poder  instalar  Wordpress?  

Soportar  Programación  en  PHP  

Soportar  al  menos  una  base  de  datos  en  MySQL  

Pantalla  capturada  del  proveedor  1and1.es  7  

Uso  de  Wordpres  instalado  en  hosHng  •  Para  tu  siHo  web  personal  profesional.  •  Para  tu  porbolio  de  trabajos  como  diseñador,  fotógrafo,  arHsta  mulHmedia...  •  Escaparate  de  productos.  •  Reservas  de  un  hotel,  casa  rural...  •  Para  un  cliente.  •  Blog  profesional.  

8  

Ingresar  a  Wordpress  Remoto  

• www.tuweb.com/wp-­‐admin  (navegador  web)  • User  :  tu  usuario  

• pass:  tu  contraseña  

9  

Instalación  Local  

Local  (Xampp)  para  el  curso  y  para  pruebas  Video  de  instalación  exclusivo  para  alumnos  hVp://www.cursoswordpressmadrid.com/recursos    

10  

Ingresar  a  Wordpress  Local  

• Iniciar  Xampp  (acceso  directo  en  el  escritorio)  • Entrar  a  un  navegador  (Firefox  recomendado)  • Escribir  la  siguente  dirección  en  la  barra  de  direcciones:  Localhost/curso/wp-­‐admin  (navegador  web)  • User  :  admin  • pass:  12345678  

11  

Descripción  del  entorno  de  trabajo  (escritorio)  

12  

Instalación  de  temas  planHllas  gratuitas  wordpress  

13  

Temas  profesionales  de  pago  para  proyectos  Wordpress  

14  

Responsive  Web  Design  

El  Responsive  Web  Design  permite  crear  siHos  Web  que  se  adaptan  al  ancho  del  disposiHvo  en  que  se  esté  navegando,  lo  que  permite  tener  un  único  diseño  para  PC,  móviles  y  tablet  

15  

Beneficios  del  Responsive  Web  Design  

Reducción  de  costos.    Eficiencia  en  la  actualización.    Mejora  la  usabilidad  y  conversión  Impacto  en  el  visitante.    

16  

Creación  de  páginas   Creación  de  menús  

17  

Haciendo  url´s  más  amigables  para  las  páginas  

Haciendo  url´s  mas  amigables  para  las  entradas(post)  

• /%category%/%postname%  

18  

Quitar  dejar  comentario  /  para  quitarle  el  aspecto  de  blog  

• Edición  Individual  • Edición  masiva    

19  

Creando  contenido  –  Páginas  Texto  imágenes  vínculos  

20  

Insertar  Google  Maps  

21  

Insertar  Video  

22  

Insertar  catálogos  on  line  

23  

Crear  Categorías  • Sirve  para  crear  vuestro  propio  árbol  de  categorías  para  vuestros  arqculos,  post  o  lo  que  queráis  añadir  al  blog  o  siHo  web.    • Algunas  planHllas  necesitan  que  las  entradas  estén  organizadas  en  categorías  para  mostrarlas  en  la  web.  

24  

Crear  EHquetas  

• Para  mejorar  la  búsqueda  dentro  de  nuestro  propio  siHo  web.  • Llamados  también  TAG´s  

25  

Crear  entradas  (post)  

• En  la  página  de  inicio  

26  

Programar  una  entrada  

Definir  la  fecha  y  hora  en  la  que  aparecerá  en  nuestro  siHo  web  

27  

Proteger  una  página  con  contraseña  

Área  restringida  sólo  para  clientes  

28  

Widgets  

Colocar  más  contenido  a  nuestra  web  con  la  barra  de  navegación  lateral  y  el  área  del  pie  

29  

Como  elegir  un  buen  plugin  Si  estás  buscando  plugins  específicos  para  tu  blog  que  cubran  algunas  necesidades,  puedes  hacer  lo  siguiente:  

Buscar  en  blogs  especializados.  buscando  en  Google.  Aun  así,  ten  en  cuenta  la  calidad  de  los  blogs  que  recomiendan  las  herramientas    UHlizar  los  mismos  plugins  que  funcionan  en  otros  blogs.    

Consultar  el  buscador  de  plugins  de  WordPress,  no  obstante,  debes  tener  en  cuenta:  

•  Número  de  descargas.  Los  plugins  con  mayor  número  de  descargas  (más  populares)  suelen  funcionar  mejor  

•  Puntuación  de  los  usuarios.  Fíjate  en  cuántas  estrellas  le  han  dado  los    

•  Capturas  de  pantalla.  Con  las  capturas  de  pantalla  te  puedes  hacer  una  idea  rápida  de  cómo  funciona  el  plugin  y  cómo  quedará  instalado  en  tu  blog  

•  Compa9bilidad  con  disHntas  versiones  de  WordPress.  Hay  plugins  que  hace  años  que  no  se  actualizan,  algo  que  te  puede  dar  bastantes  dolores  de  cabeza  

30  

Plugins  1  

Galería  de  Fotos  –  Imágenes  Galería  Album  Individual                  Nextgen  gallery      

31  

Plugins  2  

Slimbox  (lightbox)  Apertura  de  la  imágenes  con  efecto  Lightbox  Edición  del  detalle  de  la  imagen  

32  

Plugins  3  

Modo  mantenimiento  del  proyecto  web            ThemeFuse        Maintenance  Mode  

33  

Plugins  4  

Socializar  Nuestra  web  (comparHr  –  Seguir)  Facebook  TwiVer  ….                  share-­‐this  

34  

Plugins  5  OpHmizar  y  posicionar  nuestra  web  Palabras  clave  Descripciones...                All  in  one  seo  pack                SEO  Wordpress  

35  

Plugins  6  Que  hacer  si  nuestra  web  es  “muy  larga  verHcalmente”              Dynamic  To  Top  

hVp://webdesignandsuch.com/10-­‐jquery-­‐back-­‐to-­‐top-­‐link-­‐soluHons-­‐for-­‐websites/  

Más  recursos:  

36  

Plugins  7  

Crear  formularios  de  contacto            Formidable  

37  

Plugins  8  Crear  un  favicon  (icono  de  favorito  de  mi  siHo  web)                      Cbnet  Favicon    

38  

Plugins  9  

EstadísHcas  de  nuestro  siHo  web  con  wordpress              Google  analyHcs  

Para  usar  este  plugin  se  necesita  tener  una  cuenta  creada  en  Google  analyHcs  hVp://www.google.com/intl/es/analyHcs/  

39  

Plugins  10  

Insertar  tu  logo  en  google  map´s          Google  Maps  made  Simple  

40  

Más  Plugins  …  

• WP-­‐DB-­‐Backup  :  Para  evitarte  sustos  cuando  tengas  un  problema  en  tu  blog,  bien  sea  por  un  problema  con  una  nueva  instalación  de  algún  plugin,  una  nueva  actualización  de  WordPress  o  una  des  configuración  de  tu  blog.  Este  plugin  te  creará  una  copia  de  seguridad  de  todo  lo  que  tengas  instalado  en  tu  blog  enviandolo  a  tu  mail  o  tu  PC,  según  la  congfiguración  que  le  des.  

•   Google  XML  Sitemaps  :  La  uHlidad  de  este  Plugin  es  fundamental  para  que  tu  blog  pueda  ser  rastreado  por  los  buscadores.  Y  así  lograr  un  mayor  posicionamiento.  

•   Wp  Super  cache  :  Cuanto  más  Hempo  tarde  en  cargar  tu  blog,  menos  posibilidades  Henes  que  tus  visitantes  se  queden  a  ver  tu  contenido.  Y  este  plugin  hará  que  tarde  menos  Hempo  en  cargar  tu  blog.  

41  

Conceptos  básicos  de  WordPress  ¿Qué  es  un  post?  WordPress  fue  creado  originalmente  como  plataforma  para  la  escritura  de  blogs.  Por  tanto,  la  estructura  básica  se  fundamenta  en  la  escritura  de  pequeños  arqculos  que  se  publican  con  regularidad.  Estos  arqculos  son  lo  que  se  conoce  como  “Post”  o  “Entrada”.    ¿Qué  es  una  página?  Una  página  es  muy  parecida  a  un  post,  con  la  diferencia  que  está  pensada  para  ser  algo  fijo.  Información  a  la  que  se  pueda  acceder  siempre  desde  cualquier  siHo  de  nuestra  web.  Por  eso  suele  ser  información  estáHca  a  la  que  se  accede  desde  el  menú  principal  del  blog.  Un  ejemplo  serían  las  páginas  de  “Contáctanos”,  “Quienes  somos”,  etc.    ¿Qué  son  las  categorías  y  las  e9quetas?  

Cuando  escribes  un  post  Henes  que  asignarle  una  categoría  (o  varias).  Las  categorías  son  conceptos  generales  que  creas  con  la  intención  de  describir  todos  los  temas  que  vas  a  tratar  en  tu  web,  para  mantener  un  orden  en  los  posts.    Las  eHquetas  son  palabras  clave  que  uHlizas  para  describir  el  post  que  acabas  de  crear.  Normalmente  son  mucho  más  variadas  que  las  categorías.  Es  muy  posible  que  alguna  eHqueta  sólo  la  uHlices  en  un  post  o  2.    ¿Qué  es  un  plugin?  WordPress  viene  con  unas  opciones  por  defecto  que  en  principio  te  servirán  para  casi  todo.  Pero  en  algunos  casos  queremos  poner  en  nuestra  web  alguna  cosa  especial  (un  calendario,  un  formulario  de  registro,  estadísHcas  de  AnalyHcs,  etc.)  que  no  viene  por  defecto.  Por  suerte,  al  ser  un  soxware  de  acceso  

libre,  hay  miles  de  programadores  que  crean  y  añaden  todas  estas  funciones.  Y  lo  hacen  a  través  de  plugins  (o  extensiones),  que  simplemente  tendremos  que  instalar  para  empezar  a  uHlizarlas.    El  panel  de  control.  Cuando  accedes  a  WordPress  con  tu  nombre  de  usuario  y  contraseña  llegarás  al  panel  de  control,  que  te  servirá  para  crear  entradas,  crear  páginas,  editarlas,  gesHonar  los  comentarios  que  te  envíen  los  usuarios,  añadir  plugins…  Todo  lo  que  puedes  hacer  con  WordPress  lo  harás  en  el  panel  de  control.  Es  lo  que  ocurre  entre  basHdores.  

42