Meetup 14 Ottobre 22

Video della serata

Agenda della serata

Talk della serata (livello tecnico alto)
Leonardo Pinori ci parla di:
Utilizzo dei tools dell’ecosystem Roots per lo sviluppo di un tema total custom.

Con questo talk vorrei presentare i vantaggi nell’utilizzo dei tools opensource Roots (Bedrock+Sage) per la realizzazione di un tema WordPress totalmente personalizzato.
Dopo aver fatto una veloce panoramica su come effettuare il setup via composer dell’installazione Bedrock e dello starter theme Sage mi soffermerei nel descrivere i vantaggi nell’utilizzare di tali due tools come segue:

Bedrock
– repository git ben organizzate grazie all’utilizzo di composer per la gestione delle dipendenze
– struttura del progetto orientata a processi di CI/CD
– facilità di aggiornamento e rollback dei plugin e del core WordPress

Sage
– benefici nella segregazio della logica php dalle viste blade
– tools webpack ready to use per la compilazione degli assets statici
———————————-
Altri argomenti per la serata:

• progetto Web Builder Arena
• Chi viene al WordCamp Italia con noi?
• Cambiamo giorno della settimana?
• Slack: questo sconosciuto – la partecipazione attiva alla community
• Sito wordpress-cesena.it
• Sponsorship – proposte e richieste
• Workshop da pianificare

—————————————
Pizzata tutti insieme alle 9:00 pm

Risorse e requisiti locali per configurare un ambiente Bedrock + Sage 

Slide in formato pdf

Bedrock 
https://docs.roots.io/bedrock/master/installation/ 

Requirements

1. PHP >= 7.4 * 

2. MySql (+Workbench) 

3. Composer 
   https://getcomposer.org/doc/00-intro.md 

4. Modifica del virtualhost in modo da puntare il dominio alla cartella /web e non alla root del progetto * 

* Un buon minimalists development environment gratuito è Laravel Valet, disponibile sia per Mac che per Windows. Grazie a Valet non è necessario modificare il virtualhost locale (file host) in quanto Valet riconosce il tipo di applicativo e crea in automatico il puntamento alla cartella specifica. Valet supporta nativamente molti applicativi PHP tra cui Laravel, Bedrock, Drupal, WordPress, Magento, Symfony, Zend e molti altri. 

Localmente i progetti saranno raggiungibili dal browser con il nome della http://cartella.test 

https://laravel.com/docs/9.x/valet

https://github.com/cretueusebiu/valet-windows

Al seguente link tutte le possibilità su come eseguire localmente Bedrock 

https://docs.roots.io/bedrock/master/local-development/

Set-up step 

1. Da terminale posizionati all’interno della cartella in cui vuoi installare Bedrock 
   cd Documents/mia-cartella 

2. Installazione di Bedrock via composer 
   composer create-project roots/bedrock 

3. Creazione di un database MySql vuoto (via Workbench) 

4. Modificare il file .env sulla root del progetto con le variabili di ambiente 
   DB_NAME, DB_USER, DB_PASS 
   WP_HOME che sarà nome-cartella.test se in ambiente Valet 

5. Navigare la url nome-cartella.test e finalizzare il set-up di WordPress 

Aggiornamento dipendenze 

Tramite il sito https://wpackagist.org/ è possibile individuare temi e plugin da poter installare via composer modificando il nodo require del file composer.json situato sulla root del progetto. 

Sempre modificando le versioni dai require del file composer.json è possibile effettuare upgrade o downgrade di temi, plugin e core WordPress lanciando il comando composer update 

Sage 

https://docs.roots.io/sage/10.x/installation/

Requirements  

1. Node (Sage doc)  

2. Yarn (Sage doc)  

3. Acorn 
   https://docs.roots.io/acorn/2.x/installation/ 
   Installabile via composer sulla root del progetto per sfruttare le funzionalità di Laravel  
   composer require roots/acorn   

Set-up step

1. Installazione di Sage starter theme nella cartella dei temi posizionata in: 
   web/app/themes 
   composer create-project roots/sage your-theme-name  

2. Posizionarsi all’interno della cartella del tema e lanciare il comando yarn per installare le dipendenze di compilazione  

3. Lanciare il comando yarn build per eseguire una prima compilazione