Cómo limpiar un WordPress con síndrome de diógenes

Aquí está mi presentación de la WordCamp Madrid 2018 «Cómo limpiar un WordPress con síndrome de diógenes»

Muy pronto estará el vídeo de la ponencia en WordPress.tv para que lo podáis ver.

Gracias a la WordCamp de Madrid por todo, ha sido una experiencia que nunca olvidaré y de la que he aprendido mucho y conocido a gente excepcional. Hoy más que nunca me siento orgullosa y contenta de pertenercer a la comunidad de WordPress, de haber podido compartir la poca experiencia que tengo y de seguir creciendo y adquiriendo nuevos conocimientos.
¡Nos vemos en la próxima!

Security Trails, todos tenemos un pasado

Esta mañana haciendo una investigación sobre un dominio me topé con una herramienta muy curiosa y a la vez muy útil para saber la historia de un dominio y por cuantas manos a pasado.

Security Trails

Es un repositorio online de registros históricos de DNS, según la web, el más grande del mundo con 3.4 trillones de registros DNS almacenados y 3 billones de WHOIS guardados. Con esto podemos saber cual ha sido la vida de un dominio, además hay un apartado que se llama «TECHNOLOGY» en donde quedan registrados que tecnologías se han alojado bajo dicho dominio, incluso detecta que plugins de WordPress hay instalados.

Para realizar un análisis es tan sencillo como entrar en la web https://securitytrails.com/ y poner un nombre de dominio, por ejemplo, vamos a probar con un dominio que tiene una web realizada en WordPress, eroski.es

Registros DNS

Los registros DNS actuales del dominio eroski.es

Histórico eroski

Una lista de todos los registros que ha habido en las DNS del dominio de eroski.es Podemos ver a lo largo del tiempo cuantas veces se han cambiado las DNS, a donde han apuntado y durante cuanto tiempo.

Subdominios Eroski

La lista de todos los subdominios del dominio eroski.es

WHOISEroski

El histórico de todos los WHOIS que ha habido para este dominio, en este caso no viene mucha información, es un dominio registrado ya hace algunos años (en el 96) eso si, si tiene privacidad del WHOIS tampoco lo podremos ver desde aquí.

Tecnologías Eroski

Todas las tecnologías que se han detectado en el dominio de eroski.es, como podéis ver, la herramienta es capaz de detectar hasta plugins

Es una herramienta fantástica que nos permite analizar y ver la historia de un dominio, la verdad es que me he quedado fascinada y tenía ganas de compartirlo. También te permite ver cuantos dominios hay registrados a nombre de una persona en concreto o por cuenta de correo electrónico, vamos, que se puede saber todo, siempre y cuando no tenga el WHOIS protegido.

Si a esto le unimos http://archive.org/web/ una máquina del tiempo de páginas web en donde podemos ver como era una web anteriormente, tenemos dos aplicaciones web muy potentes y útiles que nos pueden ayudar cuando queramos saber «algo más» sobre un dominio o página web.

Rango entre dos fechas con Contact Form 7

Han sido días de mucho trabajo y viajes y por fin tengo tiempo de escribir ahora. Necesitábamos implementar la posibilidad de elegir un rango de fechas en un formulario de contacto que luego se envía por correo electrónico, evitando que se pudieran seleccionar fechas pasadas, ya que se trata para un alojamiento turístico.

Había pensado hacerlo con el plugin Contact Form 7 del repositorio de WordPress, pero por defecto solo nos deja añadir «datepickers» sin poder configurarlos, es decir, que no respetaba los rangos y podías elegir las fechas que quisieras.

jQuery al poder

No pasa nada, que gracias al gran poder que tiene WordPress de customización y poco de JavaScript podemos personalizar nuestros datepickers como queramos. Primero creamos el formulario de contacto dentro de Contact Form 7 con los dos campos «date» que vamos a usar para seleccionar el rango de fechas:


Fecha de llegada*:
[date* date-start date-format:MM_d_yy id:datePicker]

Fecha de salida*:
[date* date-end date-format:MM_d_yy id:datePicker2]

Importante que ambos campos tengan un ID, ya que lo necesitaremos luego.

Ahora ya tenemos 2 datepickers en nuestro formulario, pero podemos seleccionar en ambos cualquier fecha, para ello vamos a darle un poco de magia con jQuery.


//Creamos una función nuevo a la que llamaremos para que se ejecute en el action wp_footer

function calendar_js(){
  ?>
 <script>
jQuery(function ($) {
 var now = new Date(); 
 var day = ("0" + now.getDate()).slice(-2);
 var month = ("0" + (now.getMonth() + 1)).slice(-2);
 var today = now.getFullYear()+"-"+(month)+"-"+(day);
$('#datePicker').val(today); //Le damos el valor del día actual al datepicker1
$("#datePicker").attr("min", today); //Con esto evitamos que pueda seleccionar fechas del pasado el datepicker1
 
$('#datePicker2').val(today); //Le damos el valor del día actual al datepicker2
$("#datePicker2").attr("min", today); //Con esto evitamos que pueda seleccionar fechas del pasado el datepicker2
 
 // Cada vez que se cambie el datepicker1 se ejecuta este código para poder seleccionar rangos de fecha
document.getElementById("datePicker").onchange = function() {
 
 var fecha = $('#datePicker').val();
 
 $('#datePicker2').val(fecha); //Forzamos que al cambiar el datepicker1 el datepicker2 sea el mismo día que el 1
 $("#datePicker2").attr("min", fecha); //Evitamos que se seleccione una fecha anterior al valor del datepicker1
}; 
 
}); 
 </script>
 <?php
 }
 

Ya tenemos nuestra función creada, lista para ejecutarse, ahora la cuestión es, donde añadimos este código. Necesitamos que se ejecute en el footer de la página, ya que si lo hace en el header los dos datepickers no existen para eso vamos a usar el action de WordPress wp_footer para que se añada en el pie de página.

add_action('wp_footer', 'calendar_js');

Listo, ahora solo falta copiar todo y añadirlo al archivo functions.php del tema hijo y ya funciona.

Rango de fechas Contact Form 7

WordCamp Madrid 2018 ya tiene programa

Ya está publicado el programa de la WordCamp Madrid 2018 que se celebrará los días 21 y 22 de Abril en La N@ve Boetticher

Para los que no sepáis, una WordCamp es un evento de la comunidad de WordPress que se organiza en diferentes localidades alrededor del mundo, con el objetivo de colaborar con la comunidad y compartir conocimientos.

Se recibieron un total de 112 propuestas de ponencias, una auténtica locura para decidir que ponencias son las que finalmente acabarán en el programa de la WordCamp Madrid 2018. Desde aquí agradecer todo el esfuerzo que están poniendo los organizadores de la WordCamp

Este año la WordCamp Madrid 2018 cuenta con 3 tracks, el primero orientado a un público con un perfil de negocios, marketing, SEO… El segundo, un perfil más técnico sobre WordPress, en donde se hablará de desarrollos, plugins, APIs, etc… Y el tercer track más orientado a ponencias tipo taller.

La verdad es que decidir que track ver es muy complicado, me gustaría ver todos, pero cómo aún no puedo duplicarme no me quedará más remedio que ver sólo uno en persona y los demás en wordpress.tv. Además, a las 17:30 soy ponente del track C, por lo que me perderé las ponencias de Ibon y Óscar.

Programa WordCamp Madrid 2018

Os paso el link del programa para que le echéis un vistazo: Programa WordCamp Madrid 2018

Cómo limpiar un WordPress con síndrome de diógenes

Varias personas me animaron a enviar una propuesta de ponencia, y yo siempre les decía, pero de que voy a hablar, si soy muy joven aún para dar una ponencia. Después de la WordCamp Zaragoza empecé a pensar en una idea, y es que en mi día a día, trabajando con WordPress estoy viendo un montón de webs que están literalmente llenas de basura, sobre todo en proyectos heredados o páginas en donde trabaja mucha gente, que si tenemos un hosting con mucha capacidad de almacenamiento nos da un poco igual (error, deberíamos de preocuparnos, sobre todo si queremos un WordPress seguro), hasta que un día peta todo porque nos hemos quedado sin espacio en el servidor.

En mi ponencia, quiero hacer una pequeña recopilación de lo que se puede hacer para liberar espacio de nuestra instalación de WordPress y sólo dejar todo aquello que realmente se esté usando. Lo dividiré en tres partes, primero la base de datos, segundo archivos de la instalación de WordPress y tercero, contenidos multimedia.

Muchas gracias por darme la oportunidad de poder compartir con la comunidad de WordPress esta experiencia, estoy muy ilusionada y contenta.

Atentos a la web de la WordCamp Madrid 2018 que muy pronto saldrán las entradas a la venta y vuelan!!!

Nos vemos en Madrid 🙂

Añadir campo personalizado al checkout

Personalizar el CheckOut de WooCommerce

Gracias a los ganchos, acciones y filtros (hooks actions and filters) de WordPress podemos customizar a nuestro gusto casi cualquier cosa de nuestra web. Hoy quiero hablaros de como personalizar el CheckOut de WooCommerce, añadiendo nuevas funcionalidades a la página de pago, recientemente, en un proyecto que estamos desarrollando necesitábamos añadir un checkbox en donde se añadía un coste extra que se sumaba al total de productos del carrito si ese checkbox se deja marcado.

Añadir un coste extra en el CheckOut

Para ello primero necesitamos un campo personalizado dentro de nuestros pedidos de WooCommerce, que sea de tipo checkbox, a través de add_action le estamos diciendo que después de las notas del pedido añada mi campo personalizado( le he llamado checky al campo personalizado :P), este código va en el archivo functions.php del tema hijo:

//**AÑADO UN CAMPO PERSONALIZADO DE TIPO CHECKBOX */
add_action( 'woocommerce_after_order_notes', 'agrega_mi_campo_personalizado' );

function agrega_mi_campo_personalizado( $checkout ) {

woocommerce_form_field( 'checky', array(
'type' => 'checkbox',
'class' => array('my-field-class form-row-wide'),
'label' => __('Texto de la etiqueta del CheckBox'),
), $checkout->get_value( 'checky' ));

}

Siguiente paso, tenemos que actualizar la información del pedido con el nuevo campo que hemos creado, yo a modod de ejemplo voy a configurar el checkout para añadir el servicio de instalación del SO:

/**
* ACTUALIZAR LA INFORMACIÓN DEL PEDIDO CON EL NUEVO CAMPO
*/
add_action( 'woocommerce_checkout_update_order_meta', 'actualizar_info_pedido_con_nuevo_campo' );

function actualizar_info_pedido_con_nuevo_campo( $order_id ) {

if ( ! empty( $_POST['checky'] ) ) {
update_post_meta( $order_id, 'CHECKY', sanitize_text_field( $_POST['checky'] ) );
}
}

Para saber en un pedido realizado, si han marcado esa casilla, es necesario añadirlo en la página de pedidos, lo vamos añadir juesto debajo de los detalles de facturación:

 

/**
* MUESTRA EL VALOR DEL CHECKOUT EN LA PÁGINA DEL PEDIDO
*/
add_action( 'woocommerce_admin_order_data_after_billing_address', 'mostrar_campo_personalizado_en_admin_pedido', 10, 1 );

function mostrar_campo_personalizado_en_admin_pedido($order){
echo '

<strong>'.__('INSTALACIÓN DEL SO').':</strong> ' . get_post_meta( $order->id, 'CHECKY', true ) . '

';
}

Debajo de los datos de facturación, podemos ver el valor del chechout, 1 si es true, 0 si es false

Hasta aquí todo bien, tenemos ya nuestro checkbox configurado, pero aún no hace nada, necesitamos que cuando se quede checkeado el coste total del pedido se recalcule (por lo que habrá que usar JavaScript) sumando el importe extra que añadamos y que cuando se descarque se quite ese precio extra. Lo primero, con JS, vamos a recoger el evento click del CheckOut, para que cuando se le de click, recalcule el pedido, usando el trigger update_checkout.

Usamos JavaScript para recoger el evento click sobre el checkout que hemos creado

add_action( 'wp_footer', 'woocommerce_add_custom_extra', 357 );
function woocommerce_add_custom_extra() {
    if (is_checkout()) {
    ?>
	<script type="text/javascript">
		var $j = jQuery.noConflict();
		$j(function(){
			$j( document ).ready(function( $ ) {
				$j('#checky').click(function(){
					$j('body').trigger('update_checkout');
			});
		});
		});
    </script>
    
    <?php
    }
}

Por último, lo que nos falta es establecer que coste extra queremosañadir, para ponerlo junto al pedido y que se sume todo, para ello usamos el action woo_add_custom_extra

add_action( 'woocommerce_cart_calculate_fees', 'woo_add_custom_extra', 43, 1);
function woo_add_custom_extra( $cart ){
        if ( ! $_POST || ( is_admin() && ! is_ajax() ) ) {
        return;
    }

    if ( isset( $_POST['post_data'] ) ) {
        parse_str( $_POST['post_data'], $post_data );
    } else {
        $post_data = $_POST;
    }

    if (isset($post_data['checky'])) {
        $extracost = $mynum;
        WC()->cart->add_fee( 'Instalación del SO','20' );
    }

}

Con el CheckBox marcado

Sin el CheckBox marcado

 

He puesto el ejemplo de si estamos vendiendo un ordenador, sin SO instalado, en el checkout tenemos la opción de añadir el servicio de instalar el SO o no.

Con esto hemos personalizado el CheckOut de WooCommerce añadiendo una nueva funcionalidad muy útil.

Crear clones en un WordPress MultiSite

Hay infinidad de tutoriales de como montarte un WordPress MultiSite. Una herramienta muy poderosa que viene de forma nativa en el core de WordPress y muy útil para crear una red de blogs que comparten los mismos plugins. No me voy a poner a explicar como funciona porque hay muchísima información por Internet, pero si una cosa que he hechado de menos, y que he tenido que investigar como solucionarlo y es que, que pasa cuando queremos crear clones en un WordPress MultiSite.

Crear clones en un WordPress MultiSite

Y es que de forma nativa, no existe esta opción, por lo que uno no tiene más remedio que echar mano a algún plugin que haga esta tarea, en mi búsqueda encontré varios, tanto gratuitos como de pago, yo primero pruebo los gratuitos para ver si con eso me puedo apañar. Después de leer la documentación opté por instalar el plugin MultiSite Clone Duplicator para probarlo porque no me fiaba mucho, primero, porque lleva ya un año sin actualizarse y segundo porque el foro de soporte está muerto… Pero había leído alguna review de que si que funcionaba bien a si que me puse a ello.

Al séptimo intento logré clonar un sitio… Después de varias pruebas fallidas conseguí realizar una copia satisfactoriamente, os dejo una captura de pantalla de la configuración que he usado yo para generar los duplicador. En la página del plugin en el repositorio de WordPress viene como se usa, yo he clonado el sitio principal, en la documentación pone que se use el filtro mucd_default_primary_tables_to_copy porque se puede mezclar datos en la clonación, en mi caso no ha sucedido así. Al clonarse se generan tablas en la BBDD y las va autonumerando, en mi caso, al ser el séptimo intento se me quedó en «prefijo de mi BBDD_7_nombre de la tabla»

WordPress Multisite clonar sitio

Dejé todo lo que venía por defecto salvo la opción de «Disable Enhanced Site Select» que la dejé marcada y me funciona bien

Problemas con las tablas de Revolution Slider

En el foro de soporte había leído que algunos habían tenido problemas con el plugin de Revolution Slider y como no, a mi también me ha pasado, resulta que las tablas de la BBDD del plugin de Revolution slider no se había clonado, como solucionarlo, pues fácil entramos al phpmyadmin de la BBDD de nuestra instalación de WordPress, revisamos las tablas, localizamos cuales son las del sitio principal y cuales las del clonado, veremos que las tablas que ha creado Revolution Slider están en el sitio principal pero en el clonado no, que son las siguientes:

Tablas plugin Revolution Slider

Una vez las tenemos localizadas, procedemos a exportarlas, modificar el archivo de exportación .sql poniendo el nombre de la tabla de la base de datos clonada, como comenté antes, es autonumérico por lo que será el mismo nombre pero con el número que corresponde a ese clon e importar la tabla en la BBDD.

Y con eso ya estaría el problema resuelto, tenemos un clon exactamente igual al principal de nuestro WordPress Multisite. Es una pena que el plugin esté desactualizado y muerto porque funciona muy bien, yo ya he puesto mi review de 5 estrellas pidiendo que lo mantengan vivo.

Error 502 Bad Gateway nginx en WordPress

Error 502 Bad Gateway en WordPress

Tienes un Error 502 Bad Gateway en WordPress, que no cunda el pánico! Esta semana he experimentado ese error en dos webs que acababa de trasladar usando el plugin Duplicator a un plan básico de hosting especializado en WordPress. Se había traspasado la página web correctamente, y al abrirla se visualizaban todas las pestañas, pero el problema surgía cuando intentaba editar una página, que se me quedaba la pantalla así

Error 502 Bad Gateway nginx en WordPress

Error 502 Bad Gateway nginx en WordPress

Sin poder hacer ningún cambio en la página, me puse en contacto con el servicio técnico del servidor, a ver si ellos podían revisar cúal podía ser la causa y solucionarlo. Resulta, que era porque había que incrementar algunos límites en el archivo .htaccess. Mejor os pongo el código:

SubstituteMaxLineLength 20m
LimitRequestBody 99999999

Como yo no soy de sistemas he estado investigando que significa estas dos directivas que he tenido que incrementar en el .htaccess.

Como nota, comentar que el servidor donde están alojadas estas página usa nginx y apache conjuntamente.

Empezamos por la primera:

SubstituteMaxLineLength

Es el tamaño de línea máximo manejado por mod_substitute que está limitado para restringir el uso de la memoria. El valor se puede dar en bytes y puede tener el sufijo con una sola letra b, B, k, K, m, M, g, G para proporcionar el tamaño en bytes, kilobytes, megabytes o gigabytes, respectivamente. Por defecto si no se establece un valor previo es de 1m y está disponible en httppd 2.4.11 y posteriores.

LimitRequestBody

Esta directiva especifica el número de bytes desde 0 (es decir, ilimitado) a 2147483647 (2 GB) que están permitidos en un cuerpo de solicitud.
La directiva LimitRequestBody permite establecer un límite en el tamaño permitido de un cuerpo de mensaje de solicitud HTTP dentro del contexto en el que se proporciona la directiva (servidor, por directorio, por archivo o por ubicación). Si la solicitud excede ese límite, el servidor devolverá una respuesta de error en lugar de atender la solicitud (Lo que me ha pasado a mi).

Esta directiva le da al administrador del servidor mayor control sobre el comportamiento anormal de las solicitudes del cliente, lo que puede ser útil para evitar algunas formas de ataques de denegación de servicio.

En mi caso, la he puesto muy alta, para no tener problemas. Si queréis saber más de estas cosas, os recomiendo que écheis un vistazo a la documentación que hay de Apache ya que ahí tenéis toda la información de todas las directivas que tiene.

De este modo he conseguido arreglar el error 502 Bad Gateway en WordPress.

Unity Rampage

Aprende a programar creando videojuegos

Yo he aprendido a programar creando videojuegos, y es que, cuando estaba estudiando formación profesional, en mi clase casi todos eran chicos que les gustaban mucho los videojuegos, muchos de ellos estaban viciados a esos juegos de rol que nunca he llegado a enteder como se juega ni de que van, como en LOL o el WOW, a otros les iban mas los de shooting, tuve una época que me enganché al Battlefield y de vez en cuando, cuándo necesito desahogarme me pongo a jugar al Call of Duty.

Programar creando videojuegos

Para que nos animásemos a trabajar, los proyectos de programación eran crear videojuegos y la verdad es que se aprende mucho, porque por más simple que sea el juego tienes que controlar un montón de variables. Eran juegos en 2d super básicos, muchos de ellos recreaciones de videojuegos míticos. A si que he echado la vista atrás para ver que encontraba en los archivos de mi disco duro, y me he encontrado algún juego que me gustaría enseñaros. He de decir que cómo el tiempo era el que era están sin acabar y tienen un montón de bugs…

Mi primer juego lo hice con JavaScript

Fue hace 5 años a si que la verdad no recuerdo mucho como lo hice, es una especie de ARKANOID, no está finalizado y el choque de la pelota con la pala no está del todo controlado, sobre todo el ángulo de choque lateral, os dejo una captura de pantalla…

Arkanid JavaScript

Candy Crush hecho con JAVA

Este si que me lo curré más, hice un CandyCrush que permitía hacer combinaciones de hasta 5 caramelos del mismo color, guardaba los High Scores, tiene un sistema de 5 vidas que si te quedas sin ellas pierdes y generé 20 niveles, aunque el tablero es exactamente igual en todos los niveles. Plagié la música del original y todo. Menos mal que grabé un video jugando con el porque no encuentro los archivos del juego (si, soy un desastre) a si que os pongo el video para que veáis como me quedó.

 

Empezando a programar con Unity

Al final del curso vimos un poco de Unity y como crear juegos sencillos en 2d, yo intenté crear el Rampage, era un juego bastante «sencillo» (lo había jugado con la GameBoy un montón de veces) pero que a raíz de que fuera empezando con el desarrollo vi que era más complejo, tampoco está acabado y tiene un montón de bugs… Tanto es así que lo estaba ahora intentando exportar para poder jugarlo desde un navegador y me da fallos… Así que os dejo varias captura de pantalla para que lo veáis

Rampage Unity Rampage Unity Rampage Unity

 

Yo no es que sea super fan de los videojuegos, pero bueno, es mucho más entretenido desarrollar un videojuego que tener que programar una aplicación aburrida para llevar la gestión de una empresa, y lo más importante, es que programar creando videojuegos hace que aprendas un montón de cosas.

Yo lo he tenido que dejarlo de lado, porque me dedico al 100% al desarrollo web, pero si tuviera tiempo si que me molaría poder aprender algo más de este mundo.

 

Mi experiencia en la WordCamp Zaragoza 2018

El fin de semana pasado fue la WordCamp Zaragoza 2018, primera del año, y no podía faltar, a si que le comente a mi compi de https://diariodeunfriki.com/ a ver si el también se apuntaba y como Tomás iba desde Santander porque daba una ponencia nos fuimos los 3 a Zaragoza el viernes. Pensábamos que igual no llegábamos, porque daban nieve, íbamos preparados con cadenas y mantas por si acaso, pero nos hizo un tiempo estupendo, que hasta paramos en un merendero a comer, así que genial.

Encontrar el apartamento que alquilamos por AIRBNB fue una auténtica aventura, después de dar mil vueltas y entrar por todas las puertas del garaje comunitario que había logramos dar con el, estaba a 10 minutos andando de Etopía (no confundir con Etiopía), el lugar donde se celebraba el evento, por lo que no tenía pérdida. La casa estaba genial, podían haber venido 8 personas, era enorme, fue una pena no organizarnos con más gente que venía de otras ciudades, estuvimos comentando que podría estar bien montar un canal de slack para cada WordCamp con la gente que viene de otros sitios, para compartir coche o casa.

WordCamp Zaragoza 2018

Después de dejar las cosas, nos fuimos de paseo turístico por Zaragoza, a visitar al Pilar, mientras estábamos sacando fotos a la basílica, nos encontramos con otro grupo de WordPresseros que también habían venido a la WordCamp y nos juntamos todos para irnos a tomar unas cañas por allí y charlar un rato. Tomás se fue a la cena de ponentes a si que Luis y yo nos fuimos por el centro a cenar (y a sacar una foto al río… jajajaja)

Día de ponencias WordCamp Zaragoza 2018

Como estabamos al lado del sitio del evento, nos levantamos sin prisas y fuimos andando. El sitio era espectacular, muy amplio y con sitios para aparcar. No tuvimos que esperar nada para registrarnos y que nos dieran las acreditaciones, los voluntarios hicieron un trabajo de 10. Cuando ya has ido a varias WordCamps, empiezas a ver gente conocida, yo soy muy mala para las caras y los nombres, a muchos les conozco del twitter porque sigo sus posts en blogs y al verlos en persona no caigo en quien es quien, porque les conozco por el nombre de sus blogs. (soy un poco desastre)

Era muy complicado elegir que ir a ver, porque quería estar en todas, voy a hacer una pequeña recopilación de todas las ponencias en las que pude estar (así aprovecho para repasarlas y tomar nota)

Crea tu theme desde cero WordPress

Crea tu theme desde cero (de verdad)

Mercedes Romero y Roberto Miralles

Taller de 60 minutos de duración en donde explicaban como crear un tema para WordPress partiendo desde cero, super interesante, sobre todo para entender la base de una plantilla y como funcionan los themes. Partir sin nada es algo que nunca se suele hacer, ya que normalmente partimos de un tema existente con algunas funcionalidades ya integradas que nos permiten ahorrar tiempo y luego están los temas llamados blank, starter o vacíos que nos proporcionan como un esqueleto para que podamos empezar a desarrollar a partir de ahí. Cuando este subido a wordpress.tv lo publicaré por aquí para que lo podáis ver 🙂

Tipografias Responsive WordPress

Tipografía responsive: diseño para programadores y blogueros

Ana Cirujano

Si ya en la ponencia que dio en Santander flipé con todo lo que nos enseñó sobre tipografías en está he flipado aún más. Es una pasada todo lo que hay detrás de una fuente de texto, y está muy bien saberlo, porque es algo que usamos día a día y hay muy poca información acerca de ello. Tenéis que ver su ponencia!!!!!

Después de hacer el descansó para el café y coger fuerzas, llegó una de las ponencias sobre algo que está muy de actualidad en WordPress, GUTENBERG. Antes de explicaros como fue la ponencia de Zaragoza, os recomiendo ver la ponencia que dio Mauricio Gelves en la WordCamp Chiclana 2017 donde explica la historia de Gutenberg con todo detalle y el funcionamiento del nuevo editor de textos.

El lenguaje de Gutenberg: una estructura de datos para el pasado y el futuro

Matias Ventura y Miguel Fonseca

Sus caras ya me sonaban, y es que están en la página de créditos de WordPress, un auténtico privilegio tenerlos de ponentes y es que forman parte del equipo de desarrollo de Gutenberg. Crear un sistema con retrocompatibilidad no es una tarea sencilla, pero con GUTENBERG lo han conseguido. La estructura de los bloques del editor de textos, en vez de guardarse en shorcodes, que ensucian el código y crean dependencia (efecto lock-in), han creado un sistema de comentarios html en donde se guarda toda la información. Luego es procesada por Gutenberg, traduciendo esos comentarios en bloques de contenido, en el código fuente de la web desaparecen los comentarios. Resultado, un código puro, que independientemente que uses Gutenberg o el editor de textos clásicos no vas a tener problemas. Mejor que veáis su ponencia 😛

¿Eres bloguero o instagramer? Copywriting torpedo de la pradera jarl

Fernando Tellado

Si hablamos de WordPress hablamos de Fernando Tellado, y es que, que sería de WordPress en español sino tuvieramos su blog de AyudaWP. La de cosas que he aprendido gracias a sus publicaciones. Me lo pasé pipa en su ponencia, con música y todo. En ella nos explicó la importancia que tiene hoy en día el contenido multimedia y como generar contenido de calidad a nuestro lector de una forma muy divertida. Por favor, verla!!!

Llegó la hora de comer, todo estaba riquísimo, los organizadores una pasada, estaban en todo. Después de descansar un poco empezamos con la sesión verspertina de ponencias.

Mejorando la tasa de conversión en UX Learn

Verónica Abizanda Arenillas

Lo importante que es tener un diseño actual y responsive para dar la mejor experiencia al usuario cuando navegue en nuestra web y no termine abandonándola. Verónica nos explicó como rediseñando una web, lograron conseguir que más gente se apuntase a sus cursos. Y es que todo entra por los ojos. Hay un nicho de mercado de páginas web obsoletas que hay que saberlo explotar.

errores comunes WordPress

¿Cómo solucionar los errores más comunes en WordPress?

Pablo López

A Pablo le conozco de su blog https://desarrollowp.com/ en donde hay un montón de tutoriales super interesantes, echarle un vistazo porque merece la pena, es un auténtico crack de WordPress. Esta ponencia fue divertida para mi, porque vi que todos los errores que iba enseñando, ya me habían pasado a mi jajajaja. Ojalá hubiera visto esta ponencia antes y así me hubiera ahorrado tiempo buscando como solucionarlos 😛

La guía WP REST API para no desarrolladores

Antonio Torres

En esta ponencia quedé fascinada, y es que no conocía la REST API de WordPress, la de cosas que se pueden hacer, salí de ella con un mono de programar y de hacer pruebas que no veas. Y es que podemos sacar casi cualquier dato de WordPress en formato JSON, pudiéndolo conectar con cualquier otra aplicación, independientemente del lenguaje de programación en el que esté. Aún recuerdo cuando estaba estudiando Android en nativo y me monte una app en la que recogía todo el HTML de una web y procesaba el texto para sacar los valores que me interesaban, y ahora conozco esto… Tengo una idea en mente, que a ver si saco tiempo y la hago (Acaba de salir mi lado friki)

Beneficios de utilizar una CDN en tu proyecto WordPress

Fernando Puente

Llegó el momento del doctor caché, y es que así es como le llama todo el mundo a Fernando Puente. Nos dio una clase magistral de como funciona una CDN y de sus beneficios y desventajas de usarla. Le sacamos un dato importante, y es que una CDN empieza a ser óptima a partir de unas 1000 visitas al día. Un recurso necesario en todas las webs que tengan mucho tráfico, pero si este no es tu caso, es preferible no implementarla. Mejor ver su ponencia 🙂

Llegó la hora de merendar, y es que en una WordCamp uno no para de comer, jajaja A por la última tanda de ponencias

El mantenimiento es importante: convence a tu cliente

Tomás Sierra

Llegó la hora de Tomás, nuestro crack de seguridad en WordPress nos presento a Anselmo, un tipo que quería una página web baratita fácil de usar y funcional. Vamos, el día a día que vemos en nuestros clientes. El mantenimiento es fundamental en una instalación de WordPress, debería de ser obligatorio!!!! Hay que dejar muy claro todos los peligros que puede haber si no está actualizada. Lo que está ahí es la imagen de su negocio, es su escaparate de venta, imaginate si un día entra un cliente suyo en la web y ve que vende viagra…

Aprende a diseñar una estrategia de contenidos para tu web o para un cliente

Carolina Lacruz Laborda

Charla muy interesante en la que Carolina nos explica que técnicas usar para generar contenidos de cara al SEO. Me gustaría aprende algo de SEO, que nunca viene mal. Os recomiendo ver su ponencia porque muestra herramientas para el SEO muy interesantes.

Necesidades de un proyecto web

Cómo saber qué necesidades tiene un proyecto web

Dario BF

Es una de las partes más complicadas a la hora de nuestro trabajo, generar un presupuesto de un proyecto web, y es que pueden entrar tantos factores en juego. Requiere un estudio detallado de las necesidades del cliente y sobre todo, cuanto tiempo va a llevar, yo creo que calcularlo es imposible, nunca sabes que cosas pueden llegar a surgir. Se puede calcular un aproximado, pero siempre hay que dejar un margen de error. Una de las preguntas que nos debemos hacer es, es necesario hacerlo con WordPress o no? Mejor que veáis su ponencia.

Conseguir trabajo gracias a la comunidad WordPress

Ibon Azkoitia

Llegó la última ponencia del día. Ibón nos contó su experiencia en el mundo laboral y como gracias a la comunidad de WordPress encontró trabajo. Es mi asignatura pendiente, hablar con la gente, y es que reconozco que soy un poco antisocial, me gusta estar sola con mi ordenador, ya sea bien programando, jugando o viendo cosas. Compartiendo se aprende mucho a si que como no soy de hablar mucho, pues lo escribo por aquí que me resulta más fácil 😛

BeerPress y foto de grupo

Que sorpresafue la nuestra cuando vimos que empezaron a sacar cervezas, jajaja allí estuvimos un rato charlando con la gente hasta que nos echaron de Etopía, cerramos la WordCamp!!

After Party

Una WordCamp no es una WordCamp sin una after party, vaya noche… Y esque entre las cervezas de la BeerPress y las de la pedazo cena que hicimos ya fui un poco tocada… Gracias a todo el mundo que me ayudó a buscar el móvil!!!! Al final lo tenía Luis que me lo había guardado… Y no me lo dijo hasta la mañana siguiente… Que tío…

Contributor Day

En el contributor day me fui a la mesa de Gutenberg con Matias Ventura y Miguel Fonseca. Allí nos enseñaron más en profundidad el funcionamiento de los bloques de Gutenberg. Estuve ahí hasta que empecé a ver un hombre que traía un montón de cajas de pizzas, a comer!!!

Después de comer nos empezamos a despedir de la gente y tomamos rumbo de vuelta a casa. Gracias a todos los voluntarios y organizadores!!! Nos vemos en la de 2019 😀

Symantec Certificados CA

A partir del 8 de enero de 2018 REDSYS requerirá nuevos certificados de CA

Si al principio del 2017 hablábamos de que Google iba a penalizar a las webs que tenían intercambio de datos sin certificado SSL este nuevo año nos llega este nuevo aviso por parte de REDSYS, y es que a raíz de que a principios de este año, Google Chrome empezó a investigar a la empresa Symantec por la emisión de algunos certificados de servidor TLS sin respetar las medidas de seguridad requeridas. Vaya tela ehh, que te investigue Google, a si que a los de Symantec no les quedó más remedio que hacerle caso a Google, como no…

Todos los certificados web emitidos por Symantec deben renovarse

Ya que Google Chrome dejará de confiar en la antigua infraestructura PKI de Symantec, por lo que sino quieres que los usuario de la web, vean tu web como insegura (teniendo un SSL contratado) revisa bien si tienes la nueva infraestructura PKI. Si queréis más información acerca de esto os paso el link de la web de Symantec en donde lo explican detalladamente y que es lo que hay que hacer.

Symantec Certificados CA

Fechas para la renovación de las nuevas Autoridades de Certificación (https://www.symantec.com/)

Volviendo a REDSYS, como está viendo que Google cada vez es más estricto con estas cosas, ellos tampoco se han quedado atrás por lo que a partir de 8 de enero de 2018 todos los sitios web que tengan configurado una conexión host to host o Webservice con REDSYS, sino tienen los nuevos certificados de CA en el servidor, dejarán de funcionar.

Que es eso de host to host o webservice

Pues eso es, cuando en tu web hay configurada alguna transacción que se haga con REDSYS directamente en la página web, bajo tu dominio vamos, que tu te conectas con REDSYS y te encargas de enviarle los datos y de recibirlos, como por ejemplo devoluciones, consultas, confirmación de operaciones. Se trataría de una programación a medida desarrollada para tu web.

Si es ese el caso, antes del 8 de enero del 2018 necesitas tener en tu servidor los siguientes certificados de CA:

– Autoridad de Certificación Raíz (DigiCert High Assurance EV Root CA)

– Autoridad de Certificación Intermedia (DigiCert High Assurance EV Root CA)

En caso de tener dudas con esto, yo te recomiendo que hables con tu proveedor de hosting para que te confirme si tienes esos certificados instalados.

Si solo tienes REDSYS para realizar los pagos, sin ninguna funcionalidad más este cambio no te afectará, ya que cuando se realiza el pago automáticamente se redirecciona a la web de REDSYS y ellos se encargan de hacer la transacción. Por lo que no te tienes que preocupar por nada.

Para saber más información sobre os paso el link de la web de REDSYS en donde hablan de ello, y ante cualquier problema, lo mejor va a ser contactar directamente con REDSYS para que os puedan ayudar en esto.