Automatizzare il deploy sui server (ftp) ad esempio, è una delle possibili ed infinite operazioni che semplificano la vita e la continuous integration con Github. E’ possibile infatti creare delle actions come quella che vedremo oggi, dove ad esempio ad ogni push sul repository git o su un branch specifico è possibile far partire automaticamente su un server FTP il deploy senza dover fare altro.

https://github.com/marketplace/actions/ftp-deploy

Andate nella cartella del vostro repository principale e create questo file /.github/workflows/main.yml

Copiate il contenuto da qui, tenendo presente che:

server / username e password saranno le vostre, e potrete salvarle all’interno del progetto git su settings -> secrets -> add secret.

Non inserite MAI dati sensibili direttamente nel file yaml, perché non è affatto sicuro!

Ricordate di memorizzare tutto sugli utilissimi  SECRETS all’interno di github.

Nell’esempio che segue vediamo la action “Sync files" che ad ogni push sincronizza automaticamente le modificge con il vostro server ftp.

Andate nella cartella del vostro repository principale e create questo file /.github/workflows/main.yml

on: push
name: 🚀 Deploy website on push
jobs:
  web-deploy:
    name: 🎉 Deploy
    runs-on: ubuntu-latest
    steps:
    - name: 🚚 Get latest code
      uses: actions/checkout@v2
    
    - name: 📂 Sync files
      uses: SamKirkland/FTP-Deploy-Action@4.1.0
      with:
        server: ftp.samkirkland.com
        username: myFtpUserName
        password: ${{ secrets.ftp_password }}

The post Continuous integration: Deploy FTP con Github appeared first on Giuseppe Surace.

In piena quarantena dovuta al covid-19, tra dolci lavoro in Smart working, nuovi sviluppi e un po’ di sport annuncio un ritorno al mio blog dopo una lunga assenza con una serie di risorse interessanti su come approcciare lo sviluppo di moderne web app con React & WordPress.

Andiamo per gradi, inizialmente preparerò un tutorial su come sviluppare un plugin per inserire una form in React all’interno di una pagina WordPress tramite shortcode.

The post React & WordPress come iniziare appeared first on Giuseppe Surace.

Spesso quando si realizza o si gestisce un sito web con Woocommerce è utile vedere le email che ricevono i clienti, anche a scopo di test.

Per questo vi riporto questo snippet utilissimo, che vi farà ricevere in BCC tutte le email inviate da Woocommerce (sia a clienti che / admin).

Potrete inserire questo snippet nel file functions.php del vostro tema child.

add_filter( 'woocommerce_email_headers', 'add_bcc_emails', 10, 2 );

function add_bcc_emails( $headers, $object ) {
  $headers = array(
    $headers,
    'Bcc: Example <info@example.net>' ."\r\n",
  );

  return $headers;
}

The post Come ricevere in BCC le email di woocommerce appeared first on Giuseppe Surace.

GDPR Dati personali Trasparenza e Privacy

Il regolamento generale sulla protezione dei dati GDPR è una nuova legge dell’UE sulla protezione dei dati e la privacy delle persone all’interno dell’Unione europea.

Pertanto, se la tua azienda ha sede negli Stati Uniti (o altrove) ma ha clienti UE, potrebbe incidere su di te. Non stiamo parlando di casi eccezionali, ma di normalità perchè basta avere un sito web in WordPress, dove è presente una form di iscrizione / registrazione o ancor di più un negozio online con Woocommerce dove i clienti provengono da tutto il mondo.

Il GDPR introduce regole che si applicano ai dati personali dei clienti e degli utenti che raccogli, memorizzi e utilizzi nella tua azienda (compresi siti Web, app e altri software). Mira a proteggere i diritti digitali dei cittadini dell’Unione Europea dando loro la possibilità di vedere ciò che le società sanno di loro (diritto di accesso) e il potere di rimuovere i loro dettagli (diritto di cancellazione). Entra in vigore il 25 maggio 2018.

WordPress e il GDPR cosa fare

Sicuramente è consolante per tutti sapere che il team di Developer di WordPress ha creato uno staff GDPR con l’obiettivo di integrare alcuni accorgimenti per essere conformi sin da subito al GDPR integrandolo a partire dalla 4.9.6.

The team is focusing on creating a comprehensive core policy, plugin guidelines, privacy tools and documentation.

Proprio la versione 4.9.6 introduce 2 grandi funzionalità per consentire le esportazioni e la cancellazione dei dati degli utenti dal sito. Queste funzionalità sono arrivate “a bomba” giusto in tempo con l’arrivo del GDPR.

Il team si sta inoltre concentrando su come i temi e i plugin possono integrarsi con le funzionalità principali per garantire che ci sia una copertura completa per i dati personali.

Woocommerce

WooCommerce, dal canto suo ha introdotto queste funzionalità principali prima della versione 3.4 della propria versione, accompagnandolo con un ottimo articolo  e delineando le nuove funzionalità principali di WordPress con cui si integrano, oltre a alcune nuove funzionalità come i periodi di conservazione dei dati e un controllo più granulare su i dati raccolti al momento del pagamento, la possibilità di avere un log degli ordini effettuati e, ovviamente la cancellazione dei propri dati in blocco, nello specifico:

• Indirizzo del cliente / informazioni sull’account
• Ordini associati al proprio indirizzo email
• Possibilità di scaricare i log associati sempre con l’indirizzo email indicato

The post GDPR e WordPress cosa fare per mettere in regola il tuo sito appeared first on Giuseppe Surace.

Partiamo dal presupposto che avete installata la libreria WP CLI (qui trovate una guida su come installare WP CLI).

Creiamo una cartella all’interno della vostra Document Root (Sites)

#mi posiziono nella cartella
cd Sites/miosito/

#scarico wordpress
wp core download

#configuro i parametri da scrivere in wp-config 
wp core config --dbname=dbname --dbuser=root --dbpass=password --dbhost=127.0.0.1 --dbprefix=wp_

#installo WordPress!
wp core install --url="http://localhost/miosito" --title="Sito" --admin_user="admin" --admin_password="password" --admin_email="email@example.com"

Ora andando su http://localhost/miosito/ avremo il nostro nuovo sito in WordPress pronto!

The post Installare WordPress da terminale con WP Cli appeared first on Giuseppe Surace.

Per essere più precisi quello che andremo a fare è  eseguire un replace di tutte le occorrenze dell’URL all’interno del database nel caso che il dominio cambi (es. da http://localhost a http://www.esempio.com).

Search & Replace Web GUI

Search & Replace è una libreria disponibile qui, estremaente semplice da utilizzare tramite interfaccia web e installandola nella stessa root di WordPress prende automaticamente le configurazioni del database da wp-config.php. Ad esempio supponiamo di aver caricato tramite FTP la cartella dentro miosito/searchreplace/ basterà semplicemente aprire la suddetta url e inserire i parametri di sostituzione (l’interfaccia è molto intuitiva).

WP CLI Search & Replace Command line

Per chi, come me, preferisce il terminale è preferibile, dove possibile, utilizzare la libreria command line WP CLI, che offre una larga scelta di comandi utili per chi sviluppa tra cui appunto il comando wp search-replace

Vediamo alcuni esempi:

# Search and replace but skip one column
$ wp search-replace 'http://example.dev' 'http://example.com' --skip-columns=guid

# Run search/replace operation but dont save in database
$ wp search-replace 'foo' 'bar' wp_posts wp_postmeta wp_terms --dry-run

# Run case-insensitive regex search/replace operation (slow)
$ wp search-replace '\[foo id="([0-9]+)"' '[bar id="\1"' --regex --regex-flags='i'

# Turn your production multisite database into a local dev database
$ wp search-replace --url=example.com example.com example.dev 'wp_*options' wp_blogs

# Search/replace to a SQL file without transforming the database
$ wp search-replace foo bar --export=database.sql

# Bash script: Search/replace production to development url (multisite compatible)
#!/bin/bash
if $(wp --url=http://example.com core is-installed --network); then
    wp search-replace --url=http://example.com 'http://example.com' 'http://example.dev' --recurse-objects --network --skip-columns=guid --skip-tables=wp_users
else
    wp search-replace 'http://example.com' 'http://example.dev' --recurse-objects --skip-columns=guid --skip-tables=wp_users
fi

The post Come cambiare dominio con Search & Replace appeared first on Giuseppe Surace.

prima di tutto nel nostro file functions.php dichiariamo la metabox inizializzandola:

Inizializzazione della Metabox

//This function initializes the meta box.
 function custom_editor_meta_box() {    
           add_meta_box ( 
           	  'custom-editor', 
           	  __('Custom Editor', 'custom-editor') , 
           	  'custom_editor', 
           	  'portfolio'
           );
 
 }
 
 add_action('admin_init', 'custom_editor_meta_box');

Rendering della Metabox

Successivamente creiamo una funzione per renderizzare il contenuto della metabox facendo uso di wp_editor

<?php
 
 //Displaying the meta box
 function custom_editor($post) {          
          echo "<h3>Add Your Content Here</h3>";
          $content = get_post_meta($post->ID, 'custom_editor', true);
          
          //This function adds the WYSIWYG Editor 
          wp_editor ( 
           $content , 
           'custom_editor', 
           array ( "media_buttons" => true ) 
          );
 }
 
?>

The post Creare Metabox con Wysiwyg html editor appeared first on Giuseppe Surace.

Non avendo la possibilità di operare sul tema per il discorso di ordine di caricamento delle funzioni, come suggerito dal codex WordPress,  l’unica soluzione è utilizzare un plugin tra quelli che già esistono, o scriversi il proprio secondo le proprie necessità.

Le funzioni nei plugin (pluggable) vengono caricate in un ordine prioritario rispetto ai temi, e questo è un aspetto fondamentale per chi deve sviluppare o fare override di funzioni del core di wp come nel nostro plugin.

Ma andando oltre, ho capito che i plugin per personalizzare le email di benvenuto che esistono sono “Obsoleti” o in alcuni casi ancora inviano le password in chiaro agli utenti andando contro quello che è il meccanismo fortemente voluto dagli sviluppatori di WordPress (per questioni di sicurezza).

Chiariamo subito che non è possibile o comunque è sconsigliato da WordPress inviare le password via email, quindi lo utilizzeremo con il meccanismo di attivazione dell’user utilizzando la activation key che permetterà al nuovo utente di personalizzare subito la password.

Il plugin è in via di sviluppo, si trova su Github, e presto lo rendero disponibile sulla directory ufficiale di plugin. Provatelo, inviate feedback e tenetevi aggiornati iscrivendovi alla mia newsletter per essere aggiornati.

Presto un tutorial su come l’ho realizzato!

Plugin

https://github.com/bulini/wp-custom-new-user-email

The post Come personalizzare email di benvenuto ai nuovo utenti WordPress appeared first on Giuseppe Surace.

Chiariamoci, non dovete creare proprio nulla per avere il tanto amato “fulmine” sulle ricerche Google o sui social network, ma semplicemente se usate WordPress servirvi di un plugin che estrapoli, gli elementi essenziali che compongono un post di un blog (Titolo Immagine contenuto) per farli servire in velocità ed indicizzare da Google sui dispositivi mobile.

Il progetto AMP è un’iniziativa open source che mira a rendere il web migliore per tutti. Il progetto consente la creazione di siti web e annunci che sono costantemente veloci, belli e performanti su dispositivi e piattaforme di distribuzione

Io con il mio blog ci sono, e sono ben indicizzato su mobile perchè sto avanti :), già da 2 anni ho abilitato AMP sul mio blog e i risultati si vedono quotidianamente dal numero di visite sugli articoli da dispositivi mobile.

Risultati ricerca AMP (fulmine)

Look di un post AMP

The post Come creare siti AMP Accelerated Mobile Pages appeared first on Giuseppe Surace.

Mi è capitato di recente, con un cliente estremamente “pignolo” di dovermi imbattere nella  personalizzazione delle email transazionali di WordPress come ad esempio la notifica di cambio password ad un utente.

Me la sono cavata con queste poche righe su functions.php del tema in uso andando ad agire sull Hook password_change_email e personalizzando con queste poche righe la mail di cambio password di WordPress. Spero torni utile, non fatemi troppe domande però :).

View the code on Gist.

The post Come cambiare testo alle email di cambio password WordPress appeared first on Giuseppe Surace.