Els patrons de blocs són una col·lecció de blocs predefinits que pots inserir en entrades i pàgines per a després personalitzar-los amb el teu propi contingut. Usar un patró de bloc et permet reduir el temps que dediques a crear contingut per al teu lloc. A més, és una bona manera d’aprendre a combinar diferents […]
Velocitat de càrrega de pàgina millorada incloent reCaptcha a WordPress
Un sistema per evitar el trànsit de programes o bots automatitzats és el projecte reCaptcha de Google. Este projecte ha evolucionat de la versió v1 a la v3, i amb aquesta última versió, també anomenada reCaptcha invisible, que va aparèixer el 2018, als usuaris humans se’ls permet no haver de prendre cap acció per verificar […]
Millora del PageSpeed Insights amb vídeos Youtube en WordPress
La forma d’inserir un vídeo de Youtube a WordPress és utilitzant en l’editor l’blocs el incrustat Youtube, en què li vam indicar l’URL de el vídeo de YouTube que volem mostrar. Està tècnica genera un a la nostra web amb la càrrega de complements de Youtube necessaris per a la seva execució, alentint la càrrega […]
Millora de SEO a pàgines amb diversos idiomes sense redirigir automàticament
En les webs amb pàgines en diversos idiomes, una practica habitual per a millorar l’experiència de l’usuari és redirigir la web a la pàgina amb l’idioma del navegador de l’usuari si esta existix. Esta pràctica és penalitzada per Google de cara al posicionament SEO, ja que entén que s’està encobrint l’enllaç i enganyant a l’usuari […]
Taules personalitzades en la base de dades de WordPress
En el desenvolupament de projectes en WordPress, a vegades és necessari crear noves taules en la base de dades de WordPress i interactuar amb les dades que contenen. Això pot ser interessant en el cas de no voler interferir amb les taules natives de WordPress. Abans de generar noves taules cal meditar els pros i […]
Optimitzar WordPress: l’arxiu wp-config.php
L’arxiu de configuració de WordPress és wp-config.php, on es defineixen constants i es donen determinades instruccions PHP. Aquest fitxer no s’ha de canviar de forma arbitrària i s’ha de tenir en compte que el lloc més adequat per afegir constants i funcions és abans de la línia de comentari: /* Això és tot, prou d’editar – que publiqueu de gust! */ Si es repassa este arxiu […]
Utilitzar Grunt per automatitzar processos
Grunt és un task runner de JavaScript, una eina utilitzada per realitzar automàticament tasques freqüents com minificació, compilació, proves unitàries i linting. Utilitza una interfície de línia d’ordres per executar tasques personalitzades definides en un arxiu (conegut com Gruntfile). Grunt es distribueix a través de NPM i compta amb multitud de complements disponibles. Abans de […]
Creació d’un bloc Gutenberg
Editor de Blocs WordPress. Creació de blocs. Crearem un nou bloc de contingut dinàmic, implementant en JavaScript. En aquest exemple, el bloc serà la imatge destacada de l’entrada i un enllaç a l’article de l’entrada, podent triar l’usuari l’entrada a mostrar mitjançant una recerca o les 30 últimes entrades. Per a això utilitzarem la funció […]
Com afegir estils a blocs de Gutenberg
Extensió de blocs Realitzem mitjançant un exemple com afegir un estil de bloc, estenent l’editor de blocs i millorant el disseny per CSS en WordPress. Amb aquest exemple s’agrega una classe pròpia a un bloc. Veurem com afegir un nou estil de cometes (“) al bloc de cites. Afegirem un plugin, per a això creem […]
CSS. Simulació de object-fit: cover per IE
La propietat CSS object-fit de fa servir per especificar com un tag <img> pot ser redimensionat per omplir el seu contenidor. Aquesta propietat no està disponible a Internet Explorer (IE), fent que les imatges isquen distorsionades en aquest explorador, i especialment en el cas d’utilitzar grids. Una possible solució per fer-ho compatible amb la resta […]