SlideShare una empresa de Scribd logo
1 de 34
Descargar para leer sin conexión
De cero a Wordpress
ALBERTO LUENGO CABANILLAS
TERCERA MEETUP DE WORDPRESS LUGO
LUGO, 15 DE SEPTIEMBRE DE 2017
Índice
 Presentación
 El fantástico viaje desde Blogger hasta los gestores de
contenido (o del por qué me he quedado con Wordpress)
 Dos ejemplos: página personal (luengocabanillas.es) y
página profesional (fisioponton.es)
 Cómo montar tu propio Wordpress en 5 minutos
 Consejos de cuñado
 Dudas y comentarios
Presentación (I)
(whoami)
• SOY INGENIERO INFORMÁTICO TÉCNICO E
INGENIERO INFORMÁTICO POR LA
UNIVERSIDAD DE A CORUÑA DESDE 2009 (CON
UN ALTO ÍNDICE DE JAVA EN SANGRE)
• PERTENEZCO AL COLEGIO DE INGENIEROS
INFORMÁTICOS DE GALICIA Y A SU CUERPO
OFICIAL DE PERITOS INFORMÁTICOS
• ME DEDICO A LA IMPLANTACIÓN DE
SOFTWARE LIBRE/ABIERTO EN ENTORNOS
CORPORATIVOS (FUNDAMENTALMENTE ERP´S)
Y A LA REALIZACIÓN DE PERICIALES E
INFORMES FORENSES
• [ANTES DE SER PADRE] HE DIRIGIDO Y
PARTICIPADO EN EL PODCAST DE
VIDEOJUEGOS “VAMOS A VIDAS”
• Y, SOBRE TODO...
Presentación (y II)
(whoami)
De cero a
Wordpress
¡¡ EL ARDUO CAMINO DE ELEGIR
UN GESTOR DE CONTENIDOS
(NO ARTESANAL) PARA UN
TÉCNICO ES COMPARABLE A LAS
CINCO FAMOSAS FASES DE LA
ACEPTACIÓN DE UNA
ENFERMEDAD CRÓNICA DE
ELISABETH KUBLER-ROSS !!
Primera etapa:
la negación
De cero a Wordpress
Primera etapa: la negación
De cero a Wordpress
 Como casi todo el mundo al empezar a construir su identidad online, las primeras tres
cosas que se me vinieron a la cabeza fueron:
 Con un blog gratuito voy tirando, para qué me voy a complicar →
limonalcaba.blogspot.com (2010).
 Además, para qué voy a montar un gestor de contenidos si no se me ocurren más
que 4 páginas -estáticas- y he tenido varias asignaturas en la carrera de DHTML →
Carpeta de código con HTML+CSS+PHP+Javascript + entorno WAMP
(Windows+Apache+MySQL+PHP) → fisioponton.es (2011).
 Encima, para qué voy a pagar un alojamiento web, si le pido a mi colega Alex
que es freelance y sysadmin que me aloje la página en una de sus máquinas y
me olvido de problemas.
Primera etapa: la negación
De cero a Wordpress
limonalcaba.blogspot.com (2010) fisioponton.es (2011)
Segunda etapa:
la ira o enfado
De cero a Wordpress
Segunda etapa: la ira o enfado
De cero a Wordpress
 Incapacidad técnica:
 Uy, la nueva versión de PHP me ha cambiado el resultado de 10 funciones y la firma de otras 5
 …esto del Less me suena a chino y mi fichero CSS principal pasa ya de las 200 líneas
 Esta función de Javascript antes me funcionaba y ahora la consola de desarrollador de Firefox se
vuelve loca
 Mantenimiento costoso / Mejora lenta
 Artesanía pura y dura para cualquier mínimo cambio
 Desarrollo monolítico y dependiente del criterio y las buenas prácticas del programador
 “Así no se puede seguir”
Tercera etapa:
la negociación
De cero a Wordpress
Tercera etapa: la negociación
De cero a Wordpress
 Mi cliente estrella está creciendo y lo que antes eran 4 páginas, ahora son 10 y encima quieren
un carrusel con imágenes destacadas en la página principal y la tienda online.
 Los usuarios están demandando más interacción con la página (p.ej. escribir sus propias
noticias).
 No cumplo los plazos, no estoy quedando bien con mis clientes y no estoy consiguiendo
clientes nuevos.
 Me han contratado otras tres páginas más y, por mis tiempos, no soy capaz de rentabilizar el
negocio.
 Necesidad de madurar
Tercera etapa: la negociación
De cero a Wordpress
 Salto al uso de frameworks web:
 ¿Qué son?: una estructura software compuesta de componentes personalizables e intercambiables
para el desarrollo de una aplicación.
 En otras palabras, un framework se puede considerar como una aplicación genérica incompleta y configurable
a la que podemos añadirle las últimas piezas para construir una aplicación concreta.
 Principales ventajas de utilizarlos:
 Arquitectura Modelo-Vista-Controlador
 Acceso a datos centralizado
 Autenticación de usuarios
 Utilidades y librerías. Organización del código del proyecto.
 Elección personal (2012): CodeIgniter (PHP)
Cuarta etapa: la
depresión
De cero a Wordpress
Cuarta etapa: la depresión
De cero a Wordpress
 Mi anterior elección no ha sido la idónea (y, en realidad, así fue), entonces:
 ¿Cuál es el framework adecuado para mi proyecto?
 ¿Cuánto voy a tardar en aprenderlo?
 ¿Voy a saber explotarlo correctamente?
 ¿Mis usuarios van a poder mantener su sitio web de manera sencilla (añadir noticias, cambiar el logo,
colores)?
 La competencia tiene YA una web con carrusel, texto en 3 columnas, landing page
multiidioma, se adapta bien a todo tipo de dispositivos (responsive), con carrito, etc.
 Resulta que no soy TAN buen diseñador/programador como yo creía
 Mis proyectos ya empiezan a salir en la segunda página de Google
 Encima, va pasando el tiempo y...
Cuarta etapa: la
depresión
De cero a Wordpress
Quinta etapa: la
aceptación
De cero a Wordpress
Quinta etapa: la aceptación
De cero a Wordpress
 Otro salto más: de los frameworks a los gestores de contenido (CMS)
 ¿Por qué?
 No tengo tiempo a modelar cada uno de los elementos que quiero poner en mi web  desarrollo
escalable
 Ya tienen una base de funcionalidad que me permite centrarme en aspectos más complejos
 Quiero segmentar a mis usuarios en técnicos y usuarios finales para que alimenten también la página 
delegación de responsabilidades
 Suelen tener una comunidad fuerte detrás para resolver dudas funcionales y técnicas
 Vale, ¿qué lenguaje de programación utilizo?
 Es un hecho, PHP y Java dominan el mundo
 Sin embargo, yo….
Quinta etapa: la
aceptación
De cero a Wordpress
Quinta etapa: la aceptación
De cero a Wordpress
 CMS destacables en Python: Django CMS, Mezzanine, Plone
 CMS destacables en PHP: Joomla, Drupal
 Incluso el ERP Odoo incorpora un frontal (frontend) en sus últimas versiones para construir de forma rápida y
sencilla el aspecto visual de nuestra plataforma de gestión arrastrando bloques.
 Problemas comunes:
 Curva de aprendizaje superior
 Menos extensibles  menor posibilidad de encontrar aquel plugin o tema que mejor se nos ajuste
 ¿Por qué Wordpress?
 Interfaz amigable, fácil instalación y mantenimiento, página de administración para que mis usuarios CREAN que
tienen el control. Fácil migración.
 Funcionalidad encapsulada en plugins que se instalan en un click
 Temas visuales gratuitos y pagos para todo tipo de sectores
 Comunidad potente detrás del producto
 Independencia del proveedor
 Número masivo de implantaciones (más de 75 millones de web lo usan)
Quinta etapa: la aceptación
De cero a Wordpress
 ¿Por qué NO Wordpress?
 Dependencia de un alto número de proveedores de plugins  problemas de compatibilidades
 Realmente nunca se tiene sensación de control absoluto sobre core+plugins+theme
 La seguridad en Wordpress (en una instalación limpia) son los padres
 La Base de Datos dista mucho de estar optimizada (un plugin nos puede meter tablas sin índices, etc)
 La odisea de tener un sitio multi-idioma (plugin WPML)
 Si un cliente no va a actualizar frecuentemente su web (si sólo va a usarla como portfolio de productos
o presentación corporativa), una instalación de WordPress, que requiere de un mínimo mantenimiento
y actualizaciones, conlleva una serie de tareas innecesarias para él, y por eso mismo no se lo
recomendaría.
 Lo más importante: El resto de tus amigos técnicos ya nunca te volverán a hablar de tú a tú y tus
quedadas serán más o menos así…
Quinta etapa: la
aceptación
De cero a Wordpress
Mis sitios en
Wordpress
• PROYECTO PERSONAL:
LUENGOCABANILLAS.ES
• PROYECTO PROFESIONAL:
FISIOPONTON.ES
Mis sitios en Wordpress
luengocabanillas.es
 Objetivos a conseguir: Huir de la apariencia de blog e intentar acercarse más al concepto de
personal branding. Que fuese responsive 100%.
 Versión de Wordpress: última estable a fecha actual (4.8.1)
 Tema utilizado: Probit
 Principales plugins activados:
 SEO: Yoast SEO
 Elementos visuales: WPTouch Mobile Plugin, Portfolio Gallery, Meta Slider, Projects
 Rendimiento/optimización: Autoptimize, Photon de Jetpack
 Utilidades: Blogger Importer Extended, All In One WP Migration, Wordfence Security, Jetpack, , SSH SFTP
Updater Support
 Puntos a mejorar: SEO de las entradas, implantar certificado https autorenovable con
LetsEncrypt
Mis sitios en Wordpress
fisioponton.es
 Objetivos a conseguir: Lograr impacto visual en la primera página, minimizando texto.
Posicionar bien. Resaltar el carácter humano del negocio. Centrarse en los servicios.
 Versión de Wordpress: última estable a fecha actual (4.8.1)
 Tema utilizado: Sydney
 Principales plugins activados:
 SEO: All In One SEO Pack
 Elementos visuales: Page Builder by SiteOrigin, SiteOrigin Widgets Bundle, Sydney Toolbox
 Rendimiento/optimización: Autoptimize, Photon de Jetpack
 Utilidades: Akismet Anti-SPAM, All-in-One WP Migration, BackUpWordpress, WP Live Chat Support,
Wordfence Security
 Puntos a mejorar: Carga de las imágenes, adaptarla completamente a dispositivos móviles,
afinar el SEO a ciertos términos concretos
Cómo montar tu
propio
Wordpress en 5
minutos
Cómo montar tu propio Wordpress en
5 minutos
(versión para vagos)
 ¡OJO! ¡Sólo utilizar con propósitos de evaluación o educativos!
 Método más sencillo de instalación  Stack de Bitnami
 Enlace de descarga: https://bitnami.com/stack/wordpress/installer
 Hay instaladores para todos los sistemas operativos y también con sabor a máquina virtual o
contenedor de Docker
 Descargar en una carpeta, ejecutar un fichero de instalación con privilegios de administrador y todo
funcionando en 5 minutos
Consejos de cuñado
Consejos de cuñado (I de IV)
 Contratar un hosting (recomendable Ubuntu Server / Debian) y el dominio con una
empresa amiga, seria, profesional, que hable español (de España) y que resuelva
incidencias antes de que te hagas más viejo que las puertas.
 ...o contratar una máquina con OVH (un VPS con disco duro SSD es suficiente) y…¡a la
aventura! (recomendación: respaldar vuestros datos en otro sitio, por ejemplo en Google
Drive, y no contratar por periodos superiores a 3 meses).
 Si optáis por esta opción palomo (yo me lo guiso, yo me lo como), MUCHO CUIDADO con el
software que montéis en vuestra máquina: servidores de nombre (bind9), reglas de firewall,
conexiones SSH y SFTP, etc.
 Nunca tener activos (ni instalados) más plugins de los que se necesitan
 Activar la notificación por correo del plugin ‘Wordfence Security’ para saber lo antes
posible si hay alguna actualización de plugins, temas, core, etc.
Consejos de cuñado (II de IV)
 Si tenemos varios sitios Wordpress, resultan muy útiles la familia de plugins ‘ManageWP’ para
centralizar la gestión de los mismos
 Aprender lo antes posible todo sobre ‘LetsEncrypt’ para poder securizar nuestro sitio con https y
que el certificado se renueve automáticamente
 Periódicamente, es bueno borrar la caché de plugins tipo ‘WP Super Cache’/’Autoptimize’ para
que los usuarios no tengan problemas a la hora de ver tu sitio recién actualizado
 Activar plugins que incorporen filtros anti-spam (‘Akismet anti-spam’ o similares)
 Pensar bien el nombre del dominio que vas a utilizar, así como el tema que mejor se ajuste a tu
objetivo (http://www.muyamba.com/5-consejos-para-elegir-un-theme-para-tu-wordpress/)
Consejos de cuñado (III de IV)
(JSOD-JetPack Screen of Death)
 Revisar la configuración del servidor Apache (ó nGinx) y aplicar redirecciones permanentes
entre nuestros dominios “.es” y “.com”
 [Apaño] Añadir la siguiente instrucción: define(‘JETPACK_SYNC_IDC_OPTIN’, false ); en el
fichero ‘wp-config.php’ de nuestro sitio
Consejos de cuñado (IV de IV)
 Si queremos activar actualizaciones automáticas para plugins y nuestro tema, añadir en el
fichero ‘wp-config.php’:
 Plugins: add_filter( 'auto_update_plugin', '__return_true' );
 Temas: add_filter( 'auto_update_theme', '__return_true' );
 Por último, visitar con frecuencia la página de ayuda sobre errores comunes de Wordpress:
https://codex.wordpress.org/Common_WordPress_Errors
Dudas y
comentarios
¡Gracias y hasta
la próxima!
PRESENTACIÓN EN:
LUENGOCABANILLAS.ES
MAIL:
ALBERTO@LUENGOCABANILLAS.ES
TWITTER: @ALBERTOLUENGO

Más contenido relacionado

La actualidad más candente

CHAVEZ RAMIREZ JUAN ALBRETO 1-5
CHAVEZ RAMIREZ JUAN ALBRETO 1-5CHAVEZ RAMIREZ JUAN ALBRETO 1-5
CHAVEZ RAMIREZ JUAN ALBRETO 1-5JUAN_CHAVEZRAMIREZ
 
DREAMWEAVER IHML
DREAMWEAVER IHMLDREAMWEAVER IHML
DREAMWEAVER IHMLosmaroo
 
Monta Escaparate(Creacion De Paginas Web)
Monta Escaparate(Creacion De Paginas Web)Monta Escaparate(Creacion De Paginas Web)
Monta Escaparate(Creacion De Paginas Web)JdJuan Guadalinfo
 
Importancia de los CMS para un Community Manager
Importancia de los CMS para un Community ManagerImportancia de los CMS para un Community Manager
Importancia de los CMS para un Community ManagerInterlat
 
Cómo puedo visualizar mis presentaciones ppt en Web
Cómo puedo visualizar mis presentaciones ppt en WebCómo puedo visualizar mis presentaciones ppt en Web
Cómo puedo visualizar mis presentaciones ppt en Webmayrafab
 
Todo sobre dreamweaver
Todo sobre dreamweaverTodo sobre dreamweaver
Todo sobre dreamweavervidalitomasna
 
Unidad educativa riobamba de angel guaman
Unidad educativa riobamba de angel guamanUnidad educativa riobamba de angel guaman
Unidad educativa riobamba de angel guamangeoconda19
 
Dreamweaver
DreamweaverDreamweaver
DreamweaverglrIHML
 
EXPOSICION DREAMWEAVER
EXPOSICION DREAMWEAVEREXPOSICION DREAMWEAVER
EXPOSICION DREAMWEAVERMarysollone
 

La actualidad más candente (18)

Adobe Flash
Adobe FlashAdobe Flash
Adobe Flash
 
CHAVEZ RAMIREZ JUAN ALBRETO 1-5
CHAVEZ RAMIREZ JUAN ALBRETO 1-5CHAVEZ RAMIREZ JUAN ALBRETO 1-5
CHAVEZ RAMIREZ JUAN ALBRETO 1-5
 
WORDPRESS
WORDPRESS WORDPRESS
WORDPRESS
 
cualquira
cualquiracualquira
cualquira
 
Flash y como se trabaja
Flash y como se trabajaFlash y como se trabaja
Flash y como se trabaja
 
DREAMWEAVER IHML
DREAMWEAVER IHMLDREAMWEAVER IHML
DREAMWEAVER IHML
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Monta Escaparate(Creacion De Paginas Web)
Monta Escaparate(Creacion De Paginas Web)Monta Escaparate(Creacion De Paginas Web)
Monta Escaparate(Creacion De Paginas Web)
 
Slideshare ppt expo
Slideshare ppt expoSlideshare ppt expo
Slideshare ppt expo
 
Importancia de los CMS para un Community Manager
Importancia de los CMS para un Community ManagerImportancia de los CMS para un Community Manager
Importancia de los CMS para un Community Manager
 
Cómo puedo visualizar mis presentaciones ppt en Web
Cómo puedo visualizar mis presentaciones ppt en WebCómo puedo visualizar mis presentaciones ppt en Web
Cómo puedo visualizar mis presentaciones ppt en Web
 
Trabajo 01
Trabajo  01Trabajo  01
Trabajo 01
 
Todo sobre dreamweaver
Todo sobre dreamweaverTodo sobre dreamweaver
Todo sobre dreamweaver
 
Unidad educativa riobamba de angel guaman
Unidad educativa riobamba de angel guamanUnidad educativa riobamba de angel guaman
Unidad educativa riobamba de angel guaman
 
Programación d.j
Programación d.jProgramación d.j
Programación d.j
 
Slideshare
SlideshareSlideshare
Slideshare
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
EXPOSICION DREAMWEAVER
EXPOSICION DREAMWEAVEREXPOSICION DREAMWEAVER
EXPOSICION DREAMWEAVER
 

Similar a De Cero a Wordpress

Similar a De Cero a Wordpress (20)

Emprendiendo con Wordpress
Emprendiendo con WordpressEmprendiendo con Wordpress
Emprendiendo con Wordpress
 
Diseño de la web
Diseño de la webDiseño de la web
Diseño de la web
 
WordPress pilay.pdf
WordPress pilay.pdfWordPress pilay.pdf
WordPress pilay.pdf
 
Cms
CmsCms
Cms
 
Guía técnica para lanzar tu propio sitio (1)
Guía técnica para lanzar tu propio sitio (1)Guía técnica para lanzar tu propio sitio (1)
Guía técnica para lanzar tu propio sitio (1)
 
Manualwordpress3
Manualwordpress3Manualwordpress3
Manualwordpress3
 
Manual de wordpress para novatos
Manual de wordpress para novatosManual de wordpress para novatos
Manual de wordpress para novatos
 
Word press
Word pressWord press
Word press
 
COMO USAR WORDPRESS
COMO USAR WORDPRESSCOMO USAR WORDPRESS
COMO USAR WORDPRESS
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Curso de diseño web con wordpress. tema 1
Curso de diseño web con wordpress. tema 1Curso de diseño web con wordpress. tema 1
Curso de diseño web con wordpress. tema 1
 
Guía técnica para lanzar tu propio sitio web
Guía técnica para lanzar tu propio sitio webGuía técnica para lanzar tu propio sitio web
Guía técnica para lanzar tu propio sitio web
 
Php. sintaxis
Php. sintaxisPhp. sintaxis
Php. sintaxis
 
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareCreación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
 
Trabajo CMS.pdf
Trabajo CMS.pdfTrabajo CMS.pdf
Trabajo CMS.pdf
 
Wordpress
WordpressWordpress
Wordpress
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaver
 
Wordpress
WordpressWordpress
Wordpress
 

Último

Unidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionUnidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionarmando_cardenas
 
Manual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfManual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfmasogeis
 
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3AlexysCaytanoMelndez1
 
Introducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTERIntroducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTEREMMAFLORESCARMONA
 
Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Opentix
 
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOPARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOSelenaCoronadoHuaman
 
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...ITeC Instituto Tecnología Construcción
 

Último (7)

Unidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionUnidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacion
 
Manual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfManual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdf
 
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
 
Introducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTERIntroducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTER
 
Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200
 
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOPARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
 
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
 

De Cero a Wordpress

  • 1. De cero a Wordpress ALBERTO LUENGO CABANILLAS TERCERA MEETUP DE WORDPRESS LUGO LUGO, 15 DE SEPTIEMBRE DE 2017
  • 2. Índice  Presentación  El fantástico viaje desde Blogger hasta los gestores de contenido (o del por qué me he quedado con Wordpress)  Dos ejemplos: página personal (luengocabanillas.es) y página profesional (fisioponton.es)  Cómo montar tu propio Wordpress en 5 minutos  Consejos de cuñado  Dudas y comentarios
  • 3. Presentación (I) (whoami) • SOY INGENIERO INFORMÁTICO TÉCNICO E INGENIERO INFORMÁTICO POR LA UNIVERSIDAD DE A CORUÑA DESDE 2009 (CON UN ALTO ÍNDICE DE JAVA EN SANGRE) • PERTENEZCO AL COLEGIO DE INGENIEROS INFORMÁTICOS DE GALICIA Y A SU CUERPO OFICIAL DE PERITOS INFORMÁTICOS • ME DEDICO A LA IMPLANTACIÓN DE SOFTWARE LIBRE/ABIERTO EN ENTORNOS CORPORATIVOS (FUNDAMENTALMENTE ERP´S) Y A LA REALIZACIÓN DE PERICIALES E INFORMES FORENSES • [ANTES DE SER PADRE] HE DIRIGIDO Y PARTICIPADO EN EL PODCAST DE VIDEOJUEGOS “VAMOS A VIDAS” • Y, SOBRE TODO...
  • 5. De cero a Wordpress ¡¡ EL ARDUO CAMINO DE ELEGIR UN GESTOR DE CONTENIDOS (NO ARTESANAL) PARA UN TÉCNICO ES COMPARABLE A LAS CINCO FAMOSAS FASES DE LA ACEPTACIÓN DE UNA ENFERMEDAD CRÓNICA DE ELISABETH KUBLER-ROSS !!
  • 7. Primera etapa: la negación De cero a Wordpress  Como casi todo el mundo al empezar a construir su identidad online, las primeras tres cosas que se me vinieron a la cabeza fueron:  Con un blog gratuito voy tirando, para qué me voy a complicar → limonalcaba.blogspot.com (2010).  Además, para qué voy a montar un gestor de contenidos si no se me ocurren más que 4 páginas -estáticas- y he tenido varias asignaturas en la carrera de DHTML → Carpeta de código con HTML+CSS+PHP+Javascript + entorno WAMP (Windows+Apache+MySQL+PHP) → fisioponton.es (2011).  Encima, para qué voy a pagar un alojamiento web, si le pido a mi colega Alex que es freelance y sysadmin que me aloje la página en una de sus máquinas y me olvido de problemas.
  • 8. Primera etapa: la negación De cero a Wordpress limonalcaba.blogspot.com (2010) fisioponton.es (2011)
  • 9. Segunda etapa: la ira o enfado De cero a Wordpress
  • 10. Segunda etapa: la ira o enfado De cero a Wordpress  Incapacidad técnica:  Uy, la nueva versión de PHP me ha cambiado el resultado de 10 funciones y la firma de otras 5  …esto del Less me suena a chino y mi fichero CSS principal pasa ya de las 200 líneas  Esta función de Javascript antes me funcionaba y ahora la consola de desarrollador de Firefox se vuelve loca  Mantenimiento costoso / Mejora lenta  Artesanía pura y dura para cualquier mínimo cambio  Desarrollo monolítico y dependiente del criterio y las buenas prácticas del programador  “Así no se puede seguir”
  • 12. Tercera etapa: la negociación De cero a Wordpress  Mi cliente estrella está creciendo y lo que antes eran 4 páginas, ahora son 10 y encima quieren un carrusel con imágenes destacadas en la página principal y la tienda online.  Los usuarios están demandando más interacción con la página (p.ej. escribir sus propias noticias).  No cumplo los plazos, no estoy quedando bien con mis clientes y no estoy consiguiendo clientes nuevos.  Me han contratado otras tres páginas más y, por mis tiempos, no soy capaz de rentabilizar el negocio.  Necesidad de madurar
  • 13. Tercera etapa: la negociación De cero a Wordpress  Salto al uso de frameworks web:  ¿Qué son?: una estructura software compuesta de componentes personalizables e intercambiables para el desarrollo de una aplicación.  En otras palabras, un framework se puede considerar como una aplicación genérica incompleta y configurable a la que podemos añadirle las últimas piezas para construir una aplicación concreta.  Principales ventajas de utilizarlos:  Arquitectura Modelo-Vista-Controlador  Acceso a datos centralizado  Autenticación de usuarios  Utilidades y librerías. Organización del código del proyecto.  Elección personal (2012): CodeIgniter (PHP)
  • 14. Cuarta etapa: la depresión De cero a Wordpress
  • 15. Cuarta etapa: la depresión De cero a Wordpress  Mi anterior elección no ha sido la idónea (y, en realidad, así fue), entonces:  ¿Cuál es el framework adecuado para mi proyecto?  ¿Cuánto voy a tardar en aprenderlo?  ¿Voy a saber explotarlo correctamente?  ¿Mis usuarios van a poder mantener su sitio web de manera sencilla (añadir noticias, cambiar el logo, colores)?  La competencia tiene YA una web con carrusel, texto en 3 columnas, landing page multiidioma, se adapta bien a todo tipo de dispositivos (responsive), con carrito, etc.  Resulta que no soy TAN buen diseñador/programador como yo creía  Mis proyectos ya empiezan a salir en la segunda página de Google  Encima, va pasando el tiempo y...
  • 16. Cuarta etapa: la depresión De cero a Wordpress
  • 18. Quinta etapa: la aceptación De cero a Wordpress  Otro salto más: de los frameworks a los gestores de contenido (CMS)  ¿Por qué?  No tengo tiempo a modelar cada uno de los elementos que quiero poner en mi web  desarrollo escalable  Ya tienen una base de funcionalidad que me permite centrarme en aspectos más complejos  Quiero segmentar a mis usuarios en técnicos y usuarios finales para que alimenten también la página  delegación de responsabilidades  Suelen tener una comunidad fuerte detrás para resolver dudas funcionales y técnicas  Vale, ¿qué lenguaje de programación utilizo?  Es un hecho, PHP y Java dominan el mundo  Sin embargo, yo….
  • 20. Quinta etapa: la aceptación De cero a Wordpress  CMS destacables en Python: Django CMS, Mezzanine, Plone  CMS destacables en PHP: Joomla, Drupal  Incluso el ERP Odoo incorpora un frontal (frontend) en sus últimas versiones para construir de forma rápida y sencilla el aspecto visual de nuestra plataforma de gestión arrastrando bloques.  Problemas comunes:  Curva de aprendizaje superior  Menos extensibles  menor posibilidad de encontrar aquel plugin o tema que mejor se nos ajuste  ¿Por qué Wordpress?  Interfaz amigable, fácil instalación y mantenimiento, página de administración para que mis usuarios CREAN que tienen el control. Fácil migración.  Funcionalidad encapsulada en plugins que se instalan en un click  Temas visuales gratuitos y pagos para todo tipo de sectores  Comunidad potente detrás del producto  Independencia del proveedor  Número masivo de implantaciones (más de 75 millones de web lo usan)
  • 21. Quinta etapa: la aceptación De cero a Wordpress  ¿Por qué NO Wordpress?  Dependencia de un alto número de proveedores de plugins  problemas de compatibilidades  Realmente nunca se tiene sensación de control absoluto sobre core+plugins+theme  La seguridad en Wordpress (en una instalación limpia) son los padres  La Base de Datos dista mucho de estar optimizada (un plugin nos puede meter tablas sin índices, etc)  La odisea de tener un sitio multi-idioma (plugin WPML)  Si un cliente no va a actualizar frecuentemente su web (si sólo va a usarla como portfolio de productos o presentación corporativa), una instalación de WordPress, que requiere de un mínimo mantenimiento y actualizaciones, conlleva una serie de tareas innecesarias para él, y por eso mismo no se lo recomendaría.  Lo más importante: El resto de tus amigos técnicos ya nunca te volverán a hablar de tú a tú y tus quedadas serán más o menos así…
  • 23. Mis sitios en Wordpress • PROYECTO PERSONAL: LUENGOCABANILLAS.ES • PROYECTO PROFESIONAL: FISIOPONTON.ES
  • 24. Mis sitios en Wordpress luengocabanillas.es  Objetivos a conseguir: Huir de la apariencia de blog e intentar acercarse más al concepto de personal branding. Que fuese responsive 100%.  Versión de Wordpress: última estable a fecha actual (4.8.1)  Tema utilizado: Probit  Principales plugins activados:  SEO: Yoast SEO  Elementos visuales: WPTouch Mobile Plugin, Portfolio Gallery, Meta Slider, Projects  Rendimiento/optimización: Autoptimize, Photon de Jetpack  Utilidades: Blogger Importer Extended, All In One WP Migration, Wordfence Security, Jetpack, , SSH SFTP Updater Support  Puntos a mejorar: SEO de las entradas, implantar certificado https autorenovable con LetsEncrypt
  • 25. Mis sitios en Wordpress fisioponton.es  Objetivos a conseguir: Lograr impacto visual en la primera página, minimizando texto. Posicionar bien. Resaltar el carácter humano del negocio. Centrarse en los servicios.  Versión de Wordpress: última estable a fecha actual (4.8.1)  Tema utilizado: Sydney  Principales plugins activados:  SEO: All In One SEO Pack  Elementos visuales: Page Builder by SiteOrigin, SiteOrigin Widgets Bundle, Sydney Toolbox  Rendimiento/optimización: Autoptimize, Photon de Jetpack  Utilidades: Akismet Anti-SPAM, All-in-One WP Migration, BackUpWordpress, WP Live Chat Support, Wordfence Security  Puntos a mejorar: Carga de las imágenes, adaptarla completamente a dispositivos móviles, afinar el SEO a ciertos términos concretos
  • 27. Cómo montar tu propio Wordpress en 5 minutos (versión para vagos)  ¡OJO! ¡Sólo utilizar con propósitos de evaluación o educativos!  Método más sencillo de instalación  Stack de Bitnami  Enlace de descarga: https://bitnami.com/stack/wordpress/installer  Hay instaladores para todos los sistemas operativos y también con sabor a máquina virtual o contenedor de Docker  Descargar en una carpeta, ejecutar un fichero de instalación con privilegios de administrador y todo funcionando en 5 minutos
  • 29. Consejos de cuñado (I de IV)  Contratar un hosting (recomendable Ubuntu Server / Debian) y el dominio con una empresa amiga, seria, profesional, que hable español (de España) y que resuelva incidencias antes de que te hagas más viejo que las puertas.  ...o contratar una máquina con OVH (un VPS con disco duro SSD es suficiente) y…¡a la aventura! (recomendación: respaldar vuestros datos en otro sitio, por ejemplo en Google Drive, y no contratar por periodos superiores a 3 meses).  Si optáis por esta opción palomo (yo me lo guiso, yo me lo como), MUCHO CUIDADO con el software que montéis en vuestra máquina: servidores de nombre (bind9), reglas de firewall, conexiones SSH y SFTP, etc.  Nunca tener activos (ni instalados) más plugins de los que se necesitan  Activar la notificación por correo del plugin ‘Wordfence Security’ para saber lo antes posible si hay alguna actualización de plugins, temas, core, etc.
  • 30. Consejos de cuñado (II de IV)  Si tenemos varios sitios Wordpress, resultan muy útiles la familia de plugins ‘ManageWP’ para centralizar la gestión de los mismos  Aprender lo antes posible todo sobre ‘LetsEncrypt’ para poder securizar nuestro sitio con https y que el certificado se renueve automáticamente  Periódicamente, es bueno borrar la caché de plugins tipo ‘WP Super Cache’/’Autoptimize’ para que los usuarios no tengan problemas a la hora de ver tu sitio recién actualizado  Activar plugins que incorporen filtros anti-spam (‘Akismet anti-spam’ o similares)  Pensar bien el nombre del dominio que vas a utilizar, así como el tema que mejor se ajuste a tu objetivo (http://www.muyamba.com/5-consejos-para-elegir-un-theme-para-tu-wordpress/)
  • 31. Consejos de cuñado (III de IV) (JSOD-JetPack Screen of Death)  Revisar la configuración del servidor Apache (ó nGinx) y aplicar redirecciones permanentes entre nuestros dominios “.es” y “.com”  [Apaño] Añadir la siguiente instrucción: define(‘JETPACK_SYNC_IDC_OPTIN’, false ); en el fichero ‘wp-config.php’ de nuestro sitio
  • 32. Consejos de cuñado (IV de IV)  Si queremos activar actualizaciones automáticas para plugins y nuestro tema, añadir en el fichero ‘wp-config.php’:  Plugins: add_filter( 'auto_update_plugin', '__return_true' );  Temas: add_filter( 'auto_update_theme', '__return_true' );  Por último, visitar con frecuencia la página de ayuda sobre errores comunes de Wordpress: https://codex.wordpress.org/Common_WordPress_Errors
  • 34. ¡Gracias y hasta la próxima! PRESENTACIÓN EN: LUENGOCABANILLAS.ES MAIL: ALBERTO@LUENGOCABANILLAS.ES TWITTER: @ALBERTOLUENGO