Posibilidades de WordPress en 2017

En esta presentación se hace un repaso sobre qué es WordPress, cómo instalarlo y, sobre todo, qué tipos de páginas web podemos crear a día de hoy utilizando este potente CMS. Incluye también varios consejos a la hora de trabajar con WordPress.

Transcript

1. Imanol Terán Maruri - @itermar POSIBILIDADES DE WORDPRESS en 2017
2. ¿QUIÉN SOY? IMANOL TERÁN MARURI ‣ Diseñador y desarrollador frontend ‣ Fundador de widdiapps.com ‣ Puedes encontrarme en: ‣ itermar.io ‣ @itermar ‣ imanol@itermar.io
3. PROGRAMA ‣ Introducción ‣ ¿Qué es WordPress? ‣ Estadísticas ‣ ¿Qué se necesita para poder montar un WordPress? ‣ Posibilidades de WordPress ‣ Uso de Frameworks ‣ Conclusiones y debate
4. INTRODUCCIÓN Situación actual de la web, formas de crear páginas web
5. INTRODUCCIÓN ‣ Hoy en día tenemos muchas opciones diferentes a la ahora de crear una página web ‣ Hay opciones para todos los gustos y colores. ‣ Precios, enfoque, público objetivo, orientación…etc
6. Web a medida Desde cero
7. Web a medida ‣ Precio alto, muchos recursos y tiempos se disparan ‣ No siempre tenemos capacidad para desarrollarlo o medios para conseguirlo ‣ Aunque lo tengamos, si comenzamos un nuevo proyecto, puede que no merezca la pena realizar ese gran esfuerzo inicial ‣ Para webs sencillas, es una buena opción, con poco más que HTML y CSS podemos hacer buenas webs estáticas.
8. Web gratis Sin conocimientos , en un par de clics
10. Web gratis sin conocimientos ‣ Código innecesario y poco/nada optimizado ‣ Ningún control sobre lo que estamos desarrollando ‣ Dependemos totalmente de esa plataforma
11. CMS Gestor de contenidos
12. CMS ‣ Actualizar contenido ‣ Muy versátil ‣ Pocos recursos necesarios ‣ Ahora mismo, WordPress es el rey de los CMS
13. ¿QUÉ ES WORDPRESS? Características y posibilidades que nos ofrece
14. ¿QUÉ ES WORDPRESS? ‣ CMS: Sistema de Gestión de Contenidos ‣ Ideal si necesitamos actualizar contenidos de forma habitual ‣ Fácil de usar y mantener ‣ Gran comunidad y ecosistema: themes, plugins…etc. ‣ Podemos servir web en varios idiomas de forma sencilla
15. ¿QUÉ ES WORDPRESS? ‣ No es “solo” un blog ‣ Podemos utilizar dominio propio ‣ wordpress.com ‣ wordpress.org
16. ¿QUÉ ES WORDPRESS? ‣ Necesitamos que nuestro servidor cuente con determinadas características ‣ Podemos trabajar con él en local
17. INSTALACIÓN EN LOCAL https://serverpress.com/get-desktopserver/ https://local.getflywheel.com
18. COMUNIDAD WP
19. COMUNIDAD WP ‣ Soporte: https://es.wordpress.org/support/ ‣ Traducciones: https://es.wordpress.org/colabora/ traducciones/ ‣ Comunidad ‣ WordCamp ‣ Meetup ‣ Slack
20. COMUNIDAD WP ‣ Existe una gran comunidad ‣ Traducciones, plugins, themes, addons… ‣ Encuentros: WordCamps y Meetups ‣ https://es.wordpress.org/colabora/comunidad/meetups-en-activo/
21. https://wpes.slack.com/signup
22. https://trello.com/b/Pj1h64BZ/calendario-oficial-wordpress-espana
23. 89 WordCamps * Datos de 2015
24. +21.000 participantes * Datos de 2015
25. +1600 ponentes diferentes * Datos de 2015
26. 25% usuarios WordPress se dedican a ello 100% * Datos de 2015
27. Themes / Templates O por qué todas las webs parecen iguales
28. ¿QUÉ ES UN THEME?
39. Themes ‣ Modifican el aspecto y comportamiento de nuestro sitio WordPress ‣ Podemos descargarlos/comprarlos o crearlos nosotros mismos ‣ Existen themes de todas las temáticas y estilos que podamos imaginar
40. Themes ‣ https://www.elegantthemes.com/gallery/ ‣ https://themeforest.net ‣ https://my.studiopress.com/themes/ ‣ https://asithemes.com
41. Plugins WordPress super-vitaminado
42. Plugins ‣ Nos permiten añadir funcionalidades extra a nuestra web ‣ Gratuitos y de pago ‣ Algunos pueden contener fallos o vulnerabilidades ‣ Si tenemos algún fallo, ir desactivando de uno en uno
43. Plugins ‣ Consejos de buen uso ‣ Tenerlos actualizados a la última versión ‣ Instalar aquellos con mayor numero de descargas y mejores valoraciones ‣ No instalar un plugin que lleve mucho tiempo sin actualizar ‣ Descargarlos del sitio oficial de WordPress o desarrolladores verificados
44. PLUGINS recomendados
45. Contacto ‣ http://www.gravityforms.com ‣ https://es.wordpress.org/plugins/contact-form-7/
46. Traducción ‣ https://es.wordpress.org/plugins/loco-translate/ ‣ https://wpml.org
47. Ecommerce ‣ https://es.wordpress.org/plugins/woocommerce/ ‣ https://woocommerce.com/products/woocommerce- subscriptions/ ‣ https://woocommerce.com/products/woocommerce- memberships/
48. Redes sociales ‣ https://es.wordpress.org/plugins/add-to-any/ ‣ https://wordpress.org/plugins/sumome/
49. Optimización ‣ https://es.wordpress.org/plugins/w3-total-cache/ ‣ https://es.wordpress.org/plugins/wp-super-cache/ ‣ https://es.wordpress.org/plugins/above-the-fold- optimization/ ‣ https://es.wordpress.org/plugins/autoptimize/ ‣ https://es.wordpress.org/plugins/wp-smushit/
50. Varios ‣ https://wordpress.org/plugins/google-analytics-for- wordpress/ ‣ https://es.wordpress.org/plugins/jetpack/ ‣ https://es.wordpress.org/plugins/akismet/ ‣ https://es.wordpress.org/plugins/duplicator/
51. Gestión de usuarios ‣ https://es.wordpress.org/plugins/wpfront-user-role- editor/ ‣ https://es.wordpress.org/plugins/profile-builder/
52. ESTADÍSTICAS Uso de WordPress, otros CMS…
53. ESTADÍSTICAS ‣ WordPress es el CMS más utilizado ‣ Tiene una tasa de actualización muy alta ‣ El crecimiento se mantiene estable y al alza
54. 59,7 % webs hechas con CMS, usan WordPress
55. 28,8 % del total de las páginas de Internet
56. 24 posts por segundo publicados en el mundo
57. + 22.000 millones de páginas vistas mensualmente
58. 46 millones de comentarios en posts al mes
59. 2,7 millones de búsquedas mensuales de sitios WP
60. 48 millones de descargas de la versión 4.8 de WP https://wordpress.org/download/counter/
61. 40% de sitios tienen la versión de WP actualizada
62. 72 idiomas traducidos
63. 50.000 plugins disponibles
64. + 1500 millones de descargas de plugins
65. Plugins más populares ‣ AKISMET (82.000.000 de descargas) ‣ https://wordpress.org/plugins/akismet/ ‣ YOAST SEO (70.000.000 de descargas) ‣ https://wordpress.org/plugins/wordpress-seo/ ‣ CONTACT FORM 7 (62.000.000 de descargas) ‣ https://wordpress.org/plugins/contact-form-7/
66. 25 % 3 % 3 % 5 % 6 % 59 % WordPress Joomla Drupal Magento Blogger Otros
67. ¿QUÉ SE NECESITA PARA MONTAR UN WORDPRESS? Requerimientos de software, servidor…
68. REQUERIMIENTOS DE SERVIDOR ‣ PHP 7 o superior * ‣ MySQL 5.6 o superior * ‣ Soporte HTTPS * Funciona con versiones inferiores pero ya no tienen soporte oficial por lo que puedes sufrir problemas de seguridad
69. PHP ‣ Mínimo versión 5.2.4 ‣ WordPress está creado en PHP y sin él, tu servidor no es capaz de interpretar las páginas que forman tu web ‣ Si no sabemos nuestra versión, consultar con proveedor de hosting o utilizando la función phpinfo()
70. MySQL ‣ SGBD relacional ‣ Toda la información de nuestro WP se almacena en tablas ‣ En principio no hay por qué comprender cómo funciona, pero hay errores que solo podemos solucionar “metiendo mano” ahí
71. Proveedor HOSTING ‣ SiteGround ‣ WebEmpresa ‣ Piensa Solutions ‣ Arsys ‣ Hostinet ‣ …
72. Proveedor HOSTING https://www.siteground.com/go/itermar
73. Conocimientos necesarios 1. HTML 2. CSS 3. PHP 4. JavaScript
74. Conocimientos necesarios 1. HTML 2. CSS 3. PHP 4. JavaScript
75. INSTALACIÓN Diferentes formas
76. Instalación ‣ Desde nuestro proveedor de hosting ‣ Instalación manual
77. Instalación manual 1. Descargar WordPress: https://es.wordpress.org 2. Cargar los archivos descargados en la raíz de nuestro ftp 3. Crear una BD en el panel de nuestro hosting 4. Ir a nuestro dominio y seguir los pasos del instalador
78. POSIBILIDADES DE WORDPRESS Tipos de websites que podemos crear con WordPress
79. POSIBILIDADES DE WORDPRESS ‣ Web corporativa ‣ Blog ‣ Ecommerce ‣ Foro / Red social ‣ Membership site ‣ Academia online ‣ Intranet ‣ Organización de eventos ‣ Directorio ‣ Multi-site
80. WEB CORPORATIVA
81. WEB CORPORATIVA ‣ https://group.renault.com ‣ https://thewaltdisneycompany.com ‣ http://www.angrybirds.com ‣ http://www.katyperry.com/home/ ‣ http://usainbolt.com
82. WEB CORPORATIVA ‣ Páginas, entradas ‣ Editor HTML y editor visual ‣ Widgets, menús personalizables ‣ Plugins ‣ Plugins para edición visual: visual composer, divi
83. WEB CORPORATIVA ‣ Visual Composer: https://vc.wpbakery.com ‣ Divi: https://www.elegantthemes.com/gallery/divi/
86. BLOG
87. BLOG ‣ http://blogs.reuters.com ‣ https://techcrunch.com ‣ https://blogs.windows.com ‣ https://blog.mozilla.org ‣ http://blog.ted.com ‣ https://blog.es.playstation.com
88. BLOG ‣ Publicar entradas ‣ Programar entradas ‣ Editar SEO ‣ Publicar en redes sociales ‣ Integración con otras herramientas para publicar en WordPress automáticamente
89. ECOMMERCE
90. ECOMMERCE ‣ https://themenshealthbox.com ‣ https://www.citysightseeing-dubai.com
92. WOOCOMMERCE ‣ Plugin para montar un site de comercio electrónico de forma sencilla ‣ Permite conectar con cualquier pasarela de pago: tarjeta de crédito, Paypal, Stripe, Transferencia, domiciliacion… ‣ Manejo de gastos de envío ‣ Productos variables
93. WOOCOMMERCE ‣ Control de stock ‣ Envío de facturas, mails de confirmación ‣ Gastos de envío ‣ Impuestos
94. WOOCOMMERCE ‣ Ofertas, cupones de descuento ‣ Membresías ‣ Suscripciones
95. FORO - RED SOCIAL
96. FORO-RED SOCIAL ‣ http://tastykitchen.com ‣ http://solopracticeuniversity.com ‣ http://littlesketchers.com
97. http://buddypress.org
98. BUDDYPRESS ‣ Plugin WP ‣ Crear un site en el que mantener una comunidad conectada ‣ Podemos hacer de nuestra web “el nuevo Facebook
99. BUDDYPRESS ‣ Perfiles de usuario ‣ Grupos ‣ Muro ‣ Seguir a otros usuarios ‣ Hacerse amigo ‣ Notificaciones ‣ Mensajería
100. MEMBERSHIP SITE
101. MEMBERSHIP SITE ‣ http://www.academiadeinversion.com ‣ https://www.elegantthemes.com/join/ ‣ https://wokpress.com ‣ https://itermar.io
103. MEMBERSHIP SITE ‣ Diferentes planes de suscripción ‣ Áreas de socios ‣ Pagos recurrentes ‣ Diferentes perfiles, con descuentos o permisos de acceso personalizados
104. MEMBERSHIP SITE ‣ Content Dripping ‣ Restricción de contenidos
105. ACADEMIA ONLINE
106. ACADEMIA ONLINE ‣ http://demo.woothemes.com/sensei/? _ga=2.124456195.806189314.1494151033-1129236677.14761 71349
107. https://woocommerce.com/products/sensei/
108. SENSEI ‣ Plugin WP que nos permite ofrecer cursos de formación online ‣ Podemos crear diferentes cursos, lecciones, pruebas de nivel, certificados…etc ‣ Por supuesto, podemos vender estos cursos, mediante WooCommerce
109. INTRANET
110. INTRANET ‣ http://demos.wp-customerarea.com/freelancers/ ‣ http://demos.wp-customerarea.com/gardener/
111. WP Customer Area https://wp-customerarea.com
112. INTRANET ‣ Podemos crear un área privada para trabajadores, usuarios, clientes… ‣ Dentro de ese área podemos dar acceso a documentos, información, páginas privadas, mensajería…etc ‣ Puede haber distintos perfiles de usuario, con acceso a información diferente. ‣ También accesos privados para un usuario concreto
113. ORGANIZACIÓN DE EVENTOS
114. ORGANIZACION DE EVENTOS ‣ http://wpshindig.com
115. https://theeventscalendar.com
116. THE EVENTS CALENDAR ‣ Crear eventos ‣ Calendario de eventos ‣ Eventos recurrentes ‣ Filtros
117. https://theeventscalendar.com/product/wordpress-event-tickets/
118. EVENT TICKETS ‣ Crear diferentes tipos de entradas ‣ Registro de asistentes ‣ Exportar listado de asistentes ‣ Para vender entradas —> WooCommerce
119. DIRECTORIO
120. DIRECTORIO ‣ https://www.greenqueen.com.hk/green-queen-guide- hong-kong/gq-tags/local-produce/
121. https://wordpress.org/plugins/gravity-forms-addons/
122. https://wordpress.org/plugins/business-directory-plugin/
123. https://wordpress.org/plugins/geodirectory/
124. DIRECTORIO ‣ Crear directorio de profesionales/empresas ‣ Formulario para que usuarios añadan nuevas entradas al directorio ‣ Crear listados de pago para monetizar ‣ Directorios basados en localización
125. MULTI-SITE
126. MULTI-SITE ‣ Posibilidad de administrar varios sitios web desde una misma instalación de WordPress ‣ Permite crear nuevos sitios de forma más rápida ‣ Gestionas todos los sitios con el mismo acceso de administrador ‣ Puedes hacer que otros usuarios se registren y creen nuevos sitios web sobre esa instalación
127. VENTAJAS ‣ Facilidad para administrar varias web desde un mismo panel de administrador ‣ Posibilidad de tener varios administradores, uno para cada sitio concreto ‣ Plugins y themes, una única descarga e instalación, posibilidad de usar en varios sitios ‣ Actualizaciones una única vez
128. INCONVENIENTES ‣ Todos los sitios comparten mismos recursos ‣ Cuidado al contratar hosting, tener todo previsto ‣ Si hay un hackeo, lo hay sobre todas las web ‣ A veces, errores con algunos plugins
129. HOW-TO ‣ Multi-site es una opción incluída en WordPress ‣ Está oculta, hay que activarla
130. HOW-TO ‣ Modificar config.php ‣ Nuevo menú en panel de administración + configurar /* Multisitio */ define ( 'WP_ALLOW_MULTISITE', true);
131. Ejemplos proyectos propios WP ‣ http://viesgonightrace.com ‣ http://www.pomponetteshop.com ‣ http://www.luxe.es ‣ http://www.sikera.com ‣ https://www.itermar.io
132. USO DE FRAMEWORKS Facilidad de uso y buenas prácticas
133. Uso de Frameworks ‣ Mucho más fácil cambiar de theme si usamos mismo framework con todos ellos ‣ Normalmente, utilizan temas mejor hechos y más robustos ‣ Los más famosos, cuentan con una buena comunidad detrás, a la que recurrir en caso de problemas y con la que colaborar
134. http://headwaythemes.com
135. $ 89 $ 199 versión premium
136. Headaway ‣ Para gente sin conocimientos de programación ‣ Se basa en “drag&drop” ‣ Acepta el uso de child themes
137. https://themify.me
138. $ 49
139. Themify ‣ Pueden modificarse los themes de forma visual ‣ Basado en sistema de filas y columnas ‣ 100% responsive ‣ Incluye widgets y shortcodes
140. https://www.elegantthemes.com/gallery/divi/
141. $ 69
142. Divi ‣ Visual page builder ‣ Puede utilizarse como framework gracias a sus funcionalidad ‣ No accedes al framework como tal, sino que los themes de Elegant Themes lo llevan incorporado ‣ Código optimizado para SEO ‣ Buenos tiempos de carga
143. https://my.studiopress.com/themes/genesis/
145. $ 59,95 * Está incluido dentro de la suscripción mensual a mis cursos
146. GENESIS FRAMEWORK ‣ Seguro y código muy optimizado ‣ Temas robustos ‣ Temas que cargan rápido ‣ Puntúan muy bien en Google ‣ SEO-friendly
147. GENESIS FRAMEWORK ‣ En realidad, no deja de ser un theme (una plantilla) ‣ Theme multi-vitaminado ‣ Nos aporta funcionalidades extra, que podremos utilizar en nuestro site, una vez instalado
148. GENESIS FRAMEWORK ‣ La forma de trabajar es mediante la estructura: ‣ PARENT THEME: funcionalidad del framework ‣ CHILD THEME: personalizaciones, CSS, parte visual…
149. GENESIS FRAMEWORK ‣ El PARENT THEME no debemos tocarlo nunca ‣ Nuestros cambios irán siempre en nuestro CHILD THEME ‣ Cada vez que haya una actualización de Genesis, nos aseguramos que todo lo que hemos tocado no sufre variaciones ‣ Forma mucho más cómoda de trabajar con plantillas personalizadas
150. GENESIS FRAMEWORK ‣ El CHILD THEME necesita que previamente tengamos el PARENT THEME instalado ‣ Funciones personalizadas: ‣ Hooks ‣ Actions ‣ Widget Areas
151. BUENAS PRÁCTICAS y algún consejo
152. Buenas prácticas ‣ Utilizar Child Themes ‣ Hacer copias de seguridad ‣ Duplicator: https://es.wordpress.org/plugins/duplicator/ ‣ Subir imágenes directamente por ftp
153. Buenas prácticas ‣ Utilizar certificado SSL ‣ Contratar con proveedor de hosting: 50-300 €/año ‣ Gratuito con tu proveedor de hosting: ‣ SSL Let's Encrypt
154. Buenas prácticas ‣ Plugins para mejorar velocidad, rendimiento y puntuación Google PageSpeed Insights ‣ Above The Fold Optimization: https://es.wordpress.org/plugins/ above-the-fold-optimization/ ‣ Autoptimize: https://es.wordpress.org/plugins/autoptimize/ ‣ WP Smush: https://es.wordpress.org/plugins/wp-smushit/
155. CONCLUSIONES Y DEBATE ¿Qué os ha parecido?
156. – Imanol Terán Si queremos un CMS ligero, con una gran comunidad detrás, altamente modificable y personalizable, y que nos permita realizar casi cualquier tipo de web que podamos imaginar, WordPress debería ser una opción a tener muy en cuenta
157. Conclusiones ‣ Mantener WordPress y plugins actualizados ‣ Realizar copias de seguridad de forma regular ‣ Utilizar SSL en nuestro dominio ‣ Contratar hosting con una empresa especializada en WordPress
158. Conclusiones ‣ Trabajar con Child Themes ‣ Es muy sencillo crear nuestros propios themes ‣ Cuidado cuando compramos themes, no están muy optimizados y corremos el riesgo de que nuestra web sea “una más” ‣ No utilizar plugins en exceso
159. Debate ‣ ¿Habéis utilizado WordPress? ¿Preferís otro CMS? ‣ ¿Trabajáis con Child themes? ‣ ¿Conocíais Genesis o algún otro framework? ‣ ¿Qué plugins soleis utilizar? ‣ ¿Cuál es vuestro flujo de trabajo con WordPress? ‣ ¿Lo habéis utilizado para algo más que un blog o una web corporativa? ‣ ¿Conocéis algún uso diferente? ‣ ¿Algún otro plugin que recomendar?
160. https://trends.builtwith.com/cms https://w3techs.com/technologies/details/cm-wordpress/all/all https://torquemag.io/2016/10/13-surprising-wordpress-statistics-updated-2016/ Fuentes de las estadísticas
161. Curso online gratuito sobre WordPress Básico ‣ https://www.itermar.io/formacion/wordpress-basico/
162. Imanol Terán Maruri - @itermar GRACIAS itermar.io