WebPack: Guida all’installazione per compilare SASS

Webpack è un “module bundler” per JavaScript che permette a partire da un’insieme di file sorgenti di creare un pacchetto di assets utilizzabile direttamente nel browser. Questo può servire per eseguire file in formato SASS oppure TypeScript al interno del nostro progetto ma anche per caricare immagini e font in modo più snello. In questo […]

Custom Post Type: Rimuovere lo slug dal permalink

La situazione base quando si crea un Custom Post Type in WordPress (ad esempio per i prodotti da visualizzare sul sito) è quella di avere una single page con lo slug nel Url del post.Esempio:https://www.sitoweb.com/prodotto/il-mio-primo-prodotto Può capitare per richiesta del cliente o semplicemente per il restyling di un sito che ha già gli url esistenti […]

Contact Form 7: Come salvare i dati inviati sul database

Uno dei form più utilizzati in WordPress è il plugin Contact Form 7. Potrebbe capitare di dover accedere ai dati inviati per utilizzarli ad esempio in una chiamata API che li salva in un servizio di newsletter (come ad esempio: MailChimp, ActiveCampaign) oppure per memorizzarli ed archiviarli nel nostro Database. Per poter leggere questi dati […]

SublimeLinter: il package per l’analisi del codice PHP

SublimeLinter è un’estensione per uno dei migliori e più diffusi editor di codice per sviluppatori: l’amato programma gratuito SublimeText: https://www.sublimetext.com Questo pacchetto ti fornisce la possibilità di analizzare il codice per trovare errori e va installato tramite il Package Control. Per prima cosa quindi dopo aver installato il programma bisognerà abilità il Package Control tramite […]

WordCamp Torino 2019: Riassunto della conferenza

Quest’anno ho deciso di fare un piccolo viaggio e recarmi a Torino per il WordCamp. Non avevo mai visitato Torino e devo dire che è una città sicuramente all’avanguardia e molto bella da vedere. Sono rimasto colpito dalla Mole Antonelliana e mi è piaciuto molto girare con la metropolitana. Il WordCamp Torino è stato favoloso. […]

Da PNG a Base64 per usarlo come background-image

Una delle operazioni più comuni per ottimizzare il peso delle nostre pagine web è quella di convertire in Base64 piccole immagini usate per esempio come icone o loghi nel nostro sito direttamente dentro al background-image del nostro codice CSS. Per fare questo in questo esempio partiremo da un file PNG. Per prima cosa dobbiamo esportare […]

Slider: Regola CSS per impostare l’altezza al caricamento

Quando si sviluppa uno slider (ad esempio utilizzando un plugin come FlexSlider o Swiper) con una larghezza variabile (ovvero sia full-width che dentro ad un div container) può capitare che durante il caricamento vediamo il contenuto subito sotto allo slider nella posizione che dovrebbe occupare quest’ultimo. Succede perché la prima immagine non è stata ancora […]