Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introducción a WordPress en WordCamp Bilbao (luciamarin.es)

518 views

Published on

Charla en WordCamp Bilbao de introducción a WordPress, sobre algunos conceptos básicos de dicho CMS.
Contenido tratado:
- Qué es WP, para qué sirve y cómo funciona
- Instalación de WordPress
- WordPress y sus usos: web VS blog
- Menús de WP: Elementos Principales
- Ajustes Principales que debemos conocer
- Posts y páginas, plugins, widgets, menús

Más algún truco avanzado:
- Archivo header.php para insertar tags de seguimiento
- Mis plugins estrella actuales :)

www.luciamarin.es?rel=author
www.luciamarin.es/que-es-wordpress-y-para-que-sirve/?rel=canonical

Published in: Marketing

Introducción a WordPress en WordCamp Bilbao (luciamarin.es)

  1. 1. @SeoBilbao Taller de iniciación a WordPress Lucía Marín cursogoogletagmanager.com
  2. 2. @SeoBilbao ¿Qué hago yo hoy aquí? Freelance de Analítica Web y Tag Manager Experimentando el marketing en internet desde 2008 . De economista a diseñadora gráfica y web. De ahí a SEO, Analista Web y Maquetadora HTML/CSS. Y de ahí a formar en Google Tag Manager, mi tesoro :D Siempre con un blog donde contar lo que aprendo :) Analista, Tag Manager, Blogger y Polifacética: luciamarin.es, cursogoogletagmanager.com, recursosgoogleanalytics.com....
  3. 3. @SeoBilbao Por dónde empezar... ● Qué es WP, para qué sirve y cómo funciona ● Instalación de WordPress ● WordPress y sus usos: web VS blog ● Menús de WP: Elementos Principales ● Ajustes Principales que debemos conocer ● Posts y páginas, plugins, widgets, menús
  4. 4. Qué es WordPress Para qué Sirve Y cómo funciona
  5. 5. @SeoBilbao ¿Qué es WordPress? WordPress es un movimiento global y colaborativo, de tipo Código Libre u Open Source, que mediante el desarrollo conjunto de una plataforma web o Sistema de Gestión de Contenidos / CMS (Content Management System), se ha convertido desde hace ya años en la herramienta más usada y más popular para crear páginas webs y blogs profesionales fácilmente. antevenio.com/blog/2016/05/5-plataformas-para-crear-blogs/ softzone.es/2016/12/22/wordpress-cms-mas-utilizado-crear-paginas-webs-blogs/
  6. 6. @SeoBilbao ¿Para qué sirven los CMS? ● Para que el usuario medio-bajo pueda hacer una web o blog sin excesivos conocimientos técnicos. ● Para que el usuario avanzado de internet y desarrollo web también pueda aprovechar al máximo las posibilidades mediante plugins, módulos, etc. y un mayor nivel de personalización y sofisticación.
  7. 7. @SeoBilbao ¿Cómo funciona un CMS? En resumen, un CMS está pensado para crear y administrar contenidos HTML directamente por parte de sus redactores. Simula la apariencia de un editor de texto convencional en muchos menús. Su uso es bastante sencillo en comparación con lo que es editar una línea de código, aunque en alguna que otra configuración más avanzada lo puede requerir. Otros CMS: Joomla, Drupal, Blogger, Magento, Prestashop...
  8. 8. @SeoBilbao ¿Cómo funciona un CMS? A su vez, un CMS proporciona una base de programación y diseño web muy potente, ampliable y escalable, en este caso con código PHP y JavaScript, Se conecta a una base de datos MySQL donde almacenar información ordenada y estructurada, y por ello podemos editar por un lado contenido, y por otro el resto del código.
  9. 9. @SeoBilbao ¿Qué partes tiene un CMS? ● Front-end / Visualización / Interfaz / Parte Pública: Hace referencia a la web tal cual el usuario o visitante la encuentra al navegar por ella. La vista pública, común, final, real, pública, live, producción. ● Back-end / Motor / Administrador/ “Tripas” : Parte interna o privada de la plataforma CMS donde, gracias a la programación, es posible editar el contenido de la base de datos: páginas, menús, ajustes, etc. Mediante un gestor de páginas y menús bastante sencillo podemos editar el código sin apenas verlo.
  10. 10. @SeoBilbao Front-End / Interfaz
  11. 11. @SeoBilbao Back-End / Administrador
  12. 12. @SeoBilbao Parte pública/visible/front-end: http://tudominio.com Parte privada/admin/back-end: http://tudominio.com/wp-admin Navegación entre ambas
  13. 13. @SeoBilbao Sistema de plantillas WP codex.wordpress.org/es:Template_Hierarchy Existen numerosos archivos PHP para gestionar la conexión entre ambas partes y su apariencia y configuración más avanzada. Si queremos customizar al 100%, a pesar de las plantillas, ajustes, plugins..., en algunas ocasiones deberemos conocer bien estos archivos y modificarlos a partir de un “child theme” (para mantener cambios al actualizar plantilla): codex.wordpress.org/es:Temas_hijos
  14. 14. @SeoBilbao Sistema de plantillas WP
  15. 15. Instalación de WordPress <^_^>
  16. 16. @SeoBilbao Con WordPress.com almacenamos y gestionamos todo desde su página web dependiendo de sus precios, términos y condiciones legales. Sin embargo, WordPress.org se aloja en nuestro propio servidor permitiéndonos controlar todo. Nuestra web = Nuestras reglas. ¿Por qué instalarlo?
  17. 17. @SeoBilbao Instalación MANUAL (1/2) 1. Contratar: Plan de Hosting anual para alojar archivos en internet + Nombre de Dominio 2. Crear una base de datos MySQL en el hosting 3. Crear un usuario FTP en el hosting 4. Instalar un programa FTP en el PC (ej.Filezilla) 5. Descargar la última versión de WordPress es.wordpress.org/ (ES) wordpress.org/download/ (EN) luciamarin.es/como-instalar-wordpress-paso-paso
  18. 18. @SeoBilbao Instalación MANUAL (2/2) 6. Extraer ZIP y Subir por FTP los archivos 7. Ir a la dirección de tu sitio web 8. Seguir los pasos de configuración de instalación: creamos archivo de configuración (wp-config.php), rellenando los campos que nos solicite la pantalla de instalación de WP (datos que debemos recopilar del hosting) luciamarin.es/como-instalar-wordpress-paso-paso
  19. 19. @SeoBilbao Instalación AUTOMÁTICA :) Si puede ser, mejor que lo haga por ti el servicio de hosting, ¡mucho más fácil!
  20. 20. WordPress y sus usos: Web VS Blog
  21. 21. @SeoBilbao WordPress, aunque se originó como un gestor de blogs, hoy día puede ser casi cualquier cosa: ● Blog de texto, vídeo, imagen, … (ordenado por fecha) ● Portfolio de diseño / Libro de recetas... ● Web personal o corporativa de negocio ● Web con Comercio Electrónico ● Web en múltiples idiomas ● Una red de blogs ● Un Foro ● ... ¡¡Gracias PLUGINS!! Is it WordPress or not? http://isitwp.com
  22. 22. @SeoBilbao ¡¡Gracias PLUGINS!! Con los plugin conseguimos funcionalidades avanzadas para nuestra página :) Mirar en blogs para conocer opiniones, instalar desde menú WP (más sencillo).
  23. 23. @SeoBilbao ¡¡Gracias THEMES!! zthemes.net/blog/10-best-wordpress-blog-themes-2017.html Con el tema conseguimos que la web tenga la apariencia que nosotros queramos!! :) Buscar en blogs, instalar desde menú WP.
  24. 24. @SeoBilbao Características como Blog. Esas cosas que es imprescindible conocer: ● Generación de ENTRADAS para contenido ● Clasificación a través de Categorías y Etiquetas ● Archivo y orden cronológico de los artículos ● Participación de los lectores: Comentarios. ● Difusión de contenidos: feed RSS, Plugin RRSS WordPress como BLOG
  25. 25. @SeoBilbao Características como Web. Introducción a un mundo de posibilidades: ● Generación de PÁGINAS para contenido ● Menús, submenús, jerarquías ● Plantillas de página ● Page Builder: mucho más que HTML y CSS ● Ojo con Velocidad de Carga al crear webs complejas: plugins, imágenes... WordPress como WEB
  26. 26. Menús de WordPress: elementos principales
  27. 27. @SeoBilbao Si estamos en Admin / Backend tenemos distintas vías para acceder al site y verlo tal como lo ven los usuarios (desde fuera): ● Menú: Nombre del sitio ● SubMenú: Visitar sitio ● Ir directamente a la URL en otra pestaña... Cómo ir a Interfaz Frontend
  28. 28. @SeoBilbao Tratar de tener siempre WP actualizado: Existen frecuentes actualizaciones de seguridad ● Versión de WordPress ● Plantillas ● Plugins ● Traducciones ● ... SEGURIDAD/Actualización es
  29. 29. @SeoBilbao Control del contenido a través de Usuarios y Roles. Usuarios codex.wordpress.org/es:Roles_y_Capacidades
  30. 30. @SeoBilbao Para subir archivos complementarios como imágenes, documentos PDF, etc. Medios
  31. 31. @SeoBilbao Menús avanzados de DISEÑO del site y ciertos contenidos relevantes: Menús, Widgets, Editor Apariencia
  32. 32. @SeoBilbao A los ajustes de nuestra plantilla de diseño o theme solemos poder ir desde: - Personalizar - Theme Options Apariencia: Plantilla
  33. 33. @SeoBilbao Para seleccionar una plantilla o instalar una nueva debemos ir al SubMenú “Temas”. Existen temas: - Gratuitos - De pago Apariencia: Plantilla
  34. 34. @SeoBilbao Sistema de plantillas de Wordpress. Recomendado: ● “Child theme” ● Registro de cambios ● Copias de seguridad Apariencia: Editor/Código Mejor usa FTP y copias de seguridad
  35. 35. @SeoBilbao Lo que modifiquemos si no se gestionan bien los cambios, se perderá al actualizar plantilla :S También se puede caer la web. OJO, esto es para nivel avanzado. Apariencia: Editor/Código
  36. 36. @SeoBilbao Editor: Avanzado/Código ● Etiquetas <head></head>, ● Apertura de <body>, Dos puntos clave para instalar trackings de analítica web (Google Analytics) o tag managers como GTM.
  37. 37. Ajustes Principales de WordPress que debemos conocer
  38. 38. @SeoBilbao Una serie de preferencias nuestras que hemos de marcar en WordPress. A tener muy en cuenta: ● Ajustes de Lectura: qué mostrar en la home (blog, página concreta,... y cuántas entradas en el blog). ¿Queremos que Google nos indexe? :) Ajustes: Fundamental (1) luciamarin.es/ajustes-de-wordpress-consejos-practicos/
  39. 39. @SeoBilbao Recordar personalizar los Enlaces permanentes a nuestro gusto :) Ajustes: Fundamental (2) luciamarin.es/ajustes-de-wordpress-consejos-practicos/
  40. 40. Posts, Páginas, Plugins, Widgets y Menús de WordPress
  41. 41. @SeoBilbao Los posts son noticias o artículos que se actualizan y generan de forma continua. Se muestran en orden cronológico con fecha, comentarios, etc. BLOG WP: Entradas/Posts
  42. 42. @SeoBilbao Editor VISUAL (vista de texto): ● Más sencillo: Escribimos texto, enter, etc. ● Solo admite texto y shortcodes a veces. Edición Entradas/Páginas
  43. 43. @SeoBilbao Editor HTML (vista de código): ● Más rico: para ajustes más avanzados. ● Admite código JavaScript, CSS... integrado en HTML, así como atributos de estilo (class, id) Edición Entradas/Páginas
  44. 44. @SeoBilbao Categorías y etiquetas para clasificar entradas: ● Categorías: más globales, jerarquía ● Etiquetas: filtrar resultados o establecer relación con otras entradas. Ej. Blog para padres: • Categorías: Salud, Juegos, Colegio, etc. • Etiquetas: Chocolate, Tijeras, Lácteos, etc. Importante: evitar exceso (por SEO y evitar algo que a Google no le gusta: las duplicidades). BLOG WP: Entradas/Posts
  45. 45. @SeoBilbao Recordar añadir Imagen destacada al post :D BLOG WP: Entradas/Posts
  46. 46. @SeoBilbao Para dar a WordPress la apariencia de una web común (menú + páginas), debemos aprender a crear y gestionar páginas. WEB WordPress: Páginas Son contenidos únicos, sin fecha, por defecto independientes. Ejs. quiénes somos, contacto, etc. Se pueden crear jerarquías y categorizaciones: wordpress.org/plugins/add-category-to-pages/
  47. 47. @SeoBilbao Aquí adquieren mucha más relevancia los plugins, si queremos insertar un slider, galería, portfolio o lo que deseemos, todo lo tendremos disponible vía plantilla + plugins. Además, mediante plugins podemos conseguir que la web sea lo que nosotros queramos :) ● Woocommerce (comercio electrónico) ● BBPress (foro) ● Page Builder (edición más visual de páginas cuando hay múltiples plugins como sliders, galerías, etc.) WEB WordPress: Páginas
  48. 48. @SeoBilbao Opciones en este menú: ● Revisar plugins instalados y actualizar ● Añadir nuevo plugin ● Editar plugin (código) Hay que tener siempre los plugins mínimos necesarios. A la hora de elegir entre varios, hay que fijarse en las estrellas y el número de instalaciones activas. Instalación de Plugins
  49. 49. @SeoBilbao ● Yoast SEO (fundamental para salir en Google, mejor mira un manual) (lee si quieres: luciamarin.es/como-salir-en-google-primeros-pasos) ● Jetpack (múltiples configuraciones útiles) ● Contact Form 7 (formularios de contacto) De regalo, para nivel avanzado ;) ● Easy Bootstrap Shortcodes ● Better WordPress Syntax ● AMP + Glue for Yoast SEO & AMP + AMP Analytics (escribiré post sobre cómo…) Mis plugins estrella :)
  50. 50. @SeoBilbao Útiles para configurar elementos adicionales de la página (barra lateral o sidebar, footer, etc.). Widgets de WordPress
  51. 51. @SeoBilbao Los menús los incluimos desde Widgets pero los elementos enlazados los establecemos aquí, en Menús (y a veces en los ajustes del theme). Menús de WordPress
  52. 52. @SeoBilbao ¿Preguntas? luciamarin.es hola@luciamarin.es @SeoBilbao linkedin.com/in/luciamarin ¡Gracias por la ayuda! @sembilbao @agmialdea ¡Sigamos en contacto! :))

×