Categories
video Wordpress

WordPress 5.4.2: how to basic personalize Twenty Twenty child theme

Each new version of the WordPress theme increases the customization possibilities. Now the changes that can be made to the new Twenty Twenty theme are many and in this video tutorial I will show you how to do them in a few minutes.

Categories
Map tutorial Wordpress

Abilita una mappa in WordPress

In questo esercizio della serie GIS Tonic Milano vedremo i seguenti passi:

  • creazione custom post type
  • aggiugere file per nuovo custom post type
  • creare nuovo gruppo custom fields
  • creare un nuovo post nel custom post type aggiunto
  • inserire titolo e coordinate con la mappa
  • aprire il file php

Le risorse per proseguire nel’esercizio sono:

Categories
Wordpress

Inserire i campi personalizzati nei post

A seguito del precedente tutorial Aggiungere campi personalizzati a Worpdress in questo vediamo come aggiungere al lato pubblico questi campi.

[buttonyoutube]https://goo.gl/XyxHmm[/buttonyoutube]

L’esempio della torta qui è stato sostituito da una attività, perché vi mostro come aggiungere un campo “fuori dal comune”, la mappa, ovvero la posizione dell’attività (o generico post) in luogo ben preciso.

I dettagli del codice per l’uso di questo speciale campo personalizzato lo vediamo nel prossimo tutorial e per ora andiamo a vedere dove scrivere il codice.

La seguente procedura prevede la scrittura nel linguaggio PHP, ma quello che vi serve ora è solo Filezilla e un editor di testo come Sublime Text.

La documentazione di riferimento per utilizzare i custom fields è questa:

Con Filezilla dovrete andare nella seguente cartella:

/vostrosito/wp-content/themes/twentyseventeen/template-parts/post/

e andate ad editare il file content.php, poi localizzate dove finisce il contenitore </div><!-- .entry-content --> ed inserite il codice seguente:

[codepen_embed height=”455″ theme_id=”11907″ slug_hash=”xqbvpM” default_tab=”html” user=”pjhooker”]See the Pen <a href=’http://codepen.io/pjhooker/pen/xqbvpM/’>Inserire i campi personalizzati nei post</a> by PJHooker (<a href=’http://codepen.io/pjhooker’>@pjhooker</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

Categories
Wordpress

Aggiungere campi personalizzati a WordPress

Di solito WordPress (o in modo abbreviato WP) è comodo per scrivere articoli, dove oltre al titolo e al contenuto possiamo inderire:

  • Data e ora di pubblicazione
  • TAG e Categorie
  • Autore
  • e scegliere una tipologia tra digresssione, citazione, citazione …

Se però pensiamo a come inserire una ricetta, di un nostro piatto preferito, per farlo conoscere ai nostri follower, avremmo la necessità di inserire informazioni del tipo:

  • tempo di preparazione e di cottura
  • calorie per porzione
  • ingredienti

Queste informazioni è possibile inserirle nel contenuto, come una semplice descrizione, ma è possibile darle più risalto.

In questo esempio, appena descritto, notiamo che in fondo c’è un elenco puntato con le informazioni principali per fare una “torta al cioccolato” …

Queste informazioni, anche per comodità, possono essere inserite in ogni articolo con dei campi “personaizzati”; ecco come si fa.

Advanced Custom Fields

https://www.advancedcustomfields.com/

Tutti i WP hanno già la possibilità di inserire dei “custom field” ma personalmente li ho trovati sempre scomodi da utilizzare e tutto sommato sono dei semplici campi aggiuntivi dove si definisce il nome (key) e la descrizione (value)

Con questo plugin “Advanced Custom Field” (o semplicemente ACF) è possibile invece avere delle opzioni aggiuntive veramente comode, sia per la forma visiva, in cui si può mettere titolo, breve descrizione di come copilare il campo e selezione il tipo del value.

I tipi di value sono veramente tanti, come il radio button, il select, il check box … forse questi sono termini per chi conosce l’html, quindi è più facile vederli nel video oppure leggere questo approfondimento:

Cosa si può fare con questo plug-in? Veramente un sacco di contenuti ad hoc.

[buttonyoutube]https://goo.gl/XyxHmm[/buttonyoutube]

Edit Post ‹ Mappa Milano — WordPress