HTML.it logo
Learn
  • Design
    • Grafica
    • User Interface Design
    • Adobe Creative Suite
    Guide
    Approfondimenti
    Faq
    Notizie
    Tutto in Design >
  • Development
    • .NET
    • ASP
    • CMS
    • Flash
    • Java
    • JavaScript
    • PHP
    • Essentials
    • Ruby
    • XML
    • Editor
    • CSS
    • HTML
    Guide
    Approfondimenti
    Script
    Faq
    Notizie
    Tutto in Development >
  • Mobile
    • Android Studio
    • Cordova
    • Eclipse
    • Objective C
    • Swift
    Guide
    Approfondimenti
    Script
    Faq
    Notizie
    Tutto in Mobile >
  • Server
    • Cloud
    • Database
    • OS
    • Sicurezza
    • Network
    Tutto in Server >
  • Digital Marketing
    • SEO
    • Affiliate Marketing
    • Social Media Marketing
    Tutto in Digital Marketing >
  • Makers
    • Arduino
    • RaspberryPi
    • Stampa 3D
    Guide
    Approfondimenti
    Notizie
    Tutto in Makers >
  • Game Design
    • Unity
    Guide
    Approfondimenti
    Notizie
    Tutto in Game Design >
Download
  • Audio e Video
    • Player Audio Video
    • Codec audio
    • Montaggio
    • Masterizzazione
    • Ripper e Convertitori
    • Speech
    • Creatività
    • Ripresa
    • Riproduzione
    Tutto in Audio e Video >
  • Educazione
    • Bambini
    • Cartoni in Streaming
    • Cucina
    • Salute e Benessere
    • Didattica
    • Istruzione
    • Giochi Didattici
    Tutto in Educazione >
  • Videogame
    • Arcade
    • Avventura
    • Azione
    • Board
    • Carte
    • Giochi di ruolo
    • Giochi Online
    • Puzzle e Enigmistica
    • Simulazione
    • Sparatutto
    • Sport
    • Strategia e Giochi di Guerra
    • Tempo Libero
    Tutto in Videogame >
  • Grafica
    • Accessori & Mappe
    • Animazione
    • CAD – 3D
    • Cattura schermo
    • Convertitori e ridimensionatori
    • Editor
    • Flash
    • Font
    • Ritocco
    • Gallerie e album
    • Icone e loghi
    • Visualizzatori
    Tutto in Grafica >
  • Internet
    • Browser
    • Chat e IM
    • eMail
    • Estensioni & Temi
    • FTP
    • Network
    • News e RSS
    • Peer to Peer
    • Webcam
    Tutto in Internet >
  • Programmazione
    • Accessori
    • CMS e E-Commerce
    • Editor e Compilatori
    • Editor e strumenti Web
    • Linguaggi
    Tutto in Programmazione >
  • Sicurezza
    • Antispam
    • Antispyware
    • Antivirus
    • Server
    Tutto in Sicurezza >
  • Produttività
    • Backup
    • Compressione
    • Connettività
    • Database
    • Fax e Telefonia
    • Gestione disco
    • Ottimizzazione
    • Ufficio
    • Utilità di Sistema
    Tutto in Produttività >
  • Auto
    • Accessori Auto
    • Gare
    • Utility
    Tutto in Produttività >
  • Casa
    • Home Design
    • Home Security
    • IoT
    • Progettazione
    • Smart Home
    Tutto in Produttività >
Notizie
Video
Forum
in  
Trend
GuideHTMLJavaLinguaggio CPythonJavaScriptPHPC++CSSAndroidApprofondimenti
INDICE DELLA GUIDA
Introduzione e installazione di WordPress
  1. 1 WordPress: un'introduzione

  2. 2 Installare WordPress

Configurazione
  1. 3 Il file wp-config.php: impostazioni di base

  2. 4 Il file wp-config.php: impostazioni avanzate

Dashboard e amministrazione di WordPress
  1. 5 Panoramica del pannello di amministrazione

  2. 6 Il Menu Impostazioni

  3. 7 Impostazioni lettura, discussione e media

  4. 8 Impostazione dei Permalink

Gestione contenuti
  1. 9 Organizzazione dei contenuti in WordPress

  2. 10 Gestire i post con WordPress

  3. 11 Tassonomie, tag e categorie

  4. 12 I Custom Field di WordPress

  5. 13 Gestire le pagine di WordPress

  6. lezione
    14 di 95

    Gestione media in WordPress

  7. 15 Gestione dei commenti su WordPress

  8. 16 I menu di navigazione di WordPress

Plugin e pagine
  1. 17 I plugin di WordPress: concetti introduttivi

  2. 18 I plugin di WordPress: widget

  3. 19 I plugin di WordPress: shortcode

  4. 20 I plugin di WordPress: attivare i Custom Post Type

  5. 21 I plugin di WordPress: attivare le custom taxonomy

  6. 22 I plugin di WordPress: attivare i custom field

  7. 23 I plugin di WordPress: attivare la REST API

Temi e Widgets
  1. 24 Temi WordPress: caratteristiche generali, scelta e installazione

  2. 25 Temi di WordPress: il Theme Customizer

  3. 26 I Feed di WordPress

Utenti e privilegi
  1. 27 Gestione degli utenti in WordPress

WordPress Multisite
  1. 28 WordPress Multisite: introduzione al Network

  2. 29 WordPress Multisite: istallazione del Network

  3. 30 WordPress Multisite: gestione siti Web

  4. 31 WordPress Multisite: gestione degli utenti

  5. 32 WordPress Multisite: temi, plugin e impostazioni

WordPress in produzione
  1. 33 WordPress: la scelta del servizio di hosting

  2. 34 Migrare da WordPress.com a un host indipendente

  3. 35 Completare la migrazione da WordPress.com

  4. 36 Da locale a remoto. Esportazione file e database

  5. 37 Da locale a remoto. Importazione dati e configurazione

Ottimizzazione e prestazioni
  1. 38 Ottimizzare WordPress con Google PageSpeed Insights

  2. 39 Ottimizzazione delle immagini in WordPress

  3. 40 Compressione HTTP in WordPress

  4. 41 WordPress: ottimizzazione dell'Above the Fold

  5. 42 WordPress: differimento e minificazione delle risorse

  6. 43 WordPress: sfruttare la cache del browser

  7. 44 Disabilitare condizionalmente i plugin di WordPress

WordPress e Docker
  1. 45 WordPress e Docker: un'introduzione

  2. 46 WordPress su Docker: MySQL da linea di comando

  3. 47 WordPress da linea di comando su Docker

  4. 48 Installare WordPress con Docker Compose

  5. 49 WordPress su Docker: i Dockerfile

  6. 50 Installare WordPress con Kitematic

Localizzazione e internazionalizzazione
  1. 51 Localizzazione e internazionalizzazione di WordPress

  2. 52 Localizzazione di temi e plugin in WordPress

  3. 53 Creazione di un sito multilingua con WordPress

  4. 54 Localizzare widget e menu di navigazione in WordPress

  5. 55 WordPress multilingua: creazione dei contenuti

L’editor Gutenberg
  1. 56 Gutenberg: il nuovo editor di WordPress

  2. 57 Gutenberg: gli strumenti dell'editor

  3. 58 Gutenberg: creazione dei contenuti

WordPress e SEO
  1. 59 WordPress e SEO: introduzione

  2. 60 WordPress e SEO: configurazione di Yoast SEO

  3. 61 WordPress e SEO: utilizzo di Yoast SEO

  4. 62 Amministrazione di Yoast SEO

  5. 63 Menu impostazioni di Yoast SEO

  6. 64 Yoast SEO: console di ricerca e funzionalità social

WordPress e analytics
  1. 65 Le statistiche in WordPress

  2. 66 Statistiche WordPress in-site

  3. 67 WordPress e Google Analytics

WordPress da linea di comando
  1. 68 WP-CLI: WordPress da linea di comando

  2. 69 Installare WordPress con WP-CLI in locale

  3. 70 Gestire temi e plugin di WordPress con WP-CLI

  4. 71 WP CLI: core e configurazione

  5. 72 WP CLI: operazioni sul database

  6. 73 WP CLI: ricerca e sostituzione nel database

  7. 74 WP CLI: operazioni sui post

  8. 75 WP CLI: automatizzare la gestione di WordPress con gli script bash

Edizione 2008
  1. 76 WordPress localizzato in Italiano

  2. 77 Strumenti per l'amministrazione

  3. 78 Prime configurazioni

  4. 79 Opzioni di scrittura e lettura

  5. 80 Scrivere un post per il blog

  6. 81 Assegnazione di categorie e attributi al post

  7. 82 Gestione delle immagini

  8. 83 Gestione delle categorie

  9. 84 Gestione dei commenti

  10. 85 Configurazione e moderazione dei commenti

  11. 86 Gestione degli utenti

  12. 87 Permalink

  13. 88 Permalink senza mod_rewrite

  14. 89 Permalink con mod_rewrite

  15. 90 I Plugin, installazione e gestione

  16. 91 Pagine WordPress

  17. 92 Gerarchia delle pagine

  18. 93 Template delle pagine

  19. 94 Temi WP

  20. 95 Widgets

  • Learn
  • Guida WordPress
  • Gestione media in WordPress
lezione
14 di 95

Gestione media in WordPress

  • di Carlo Daniele
  • 11 Gennaio 2017

In questo capitolo si vedrà come aggiungere immagini e file multimediali al contenuto principale dell’articolo, e come abbinare agli stessi articoli immagini di presentazione (featured image) utilizzate dai temi per presentare graficamente i post.

Analizzeremo quindi la Libreria Media e le funzionalità di gestione dei file, tra cui alcune dedicate alla modifica delle immagini. Infine si vedrà come creare gallerie mediali e utilizzare gli shortcode delle immagini.

La Libreria Media di WordPress

Ogni volta che un’immagine viene inserita in un post WordPress carica il file e lo associa ad un un post di tipo attachment. I contenuti appartenenti a questo tipo di post vengono archiviati nella tabella wp_posts e sono visualizzabili dal lato admin all’interno della Libreria Media.

Libreria Media

La libreria mostra tutti i tipi di post di tipo media associati a file caricati attraverso l’uploader, qualunque sia il mime type del file. Per impostazione predefinita WordPress supporta i seguenti formati:

File Formati
Immagini .jpg, .jpeg, .png, .gif, .ico
Documenti .pdf, .doc, .docx, .ppt, .pptx, .pps, .ppsx, .odt, .xls, .xlsx, .psd
Audio .mp3, .m4a, .m4v, .avi, .mpg, .ogv, .3gp, .3g2

Altri tipi di file possono essere aggiunti attraverso plugin, ma un webhost potrebbe porre dei limiti ai mime type ammessi e alle dimensioni dei file.

La Libreria Media permette di visualizzare l’elenco dei file come lista o griglia, e propone due filtri: per tipologia di file e per mese di caricamento. Risulta quindi agevole individuare il file che si sta cercando anche quando l’archivio contiene centinaia di elementi.

Filtri Libreria Media

Non allegati sono i file non ancora abbinati ad un articolo o ad una pagina. Selezionando un’immagine WordPress apre la scheda “Dettagli allegato” che fornisce dati generali dell’allegato e permette di inserire titolo, didascalia, testo alternativo e descrizione del file. In particolare la scheda fornisce l’URL diretto al file, dato utile per inserire l’immagine nei contenuti o dei widget nelle sidebar.

Dettagli allegato

I link in basso a destra permettono di visualizzare la pagina dell’allegato, cioè il post di tipo media abbinato univocamente al file mediale, e di accedere ad una pagina di modifica avanzata dei dettagli dell’immagine. Le informazioni abbinate all’immagine costituiscono il contenuto testuale del post di tipo media associato al file.

Image Credits Giulio Baccari

WordPress

Il pulsante centrale, collocato subito sotto l’immagine, conduce alla pagina di modifica da cui è possibile apportare alcune modifica di base, tra cui rotazione, ritaglio e ridimensionamento.

Modifica immagine

Se il file media è assegnato ad uno o più post, “Dettagli Immagine” mostrerà anche il link diretto all’articolo o agli articoli, permettendo di sapere in quale pagina il file è disponibile per la visualizzazione o il download.

Abbinamento immagine

Aggiunta file in Libreria Media

L’aggiunta di file alla Libreria Media può avvenire tramite la pagina di modifica post, pagine e post personalizzati, o attraverso l’uploader. La differenza tra le due modalità consiste nella informazioni acquisibili: qualora si opti per il caricamento dalla pagina di modifica dei post, WordPress chiede i dati necessari all’inserimento dell’immagine nel corpo dell’articolo (“Impostazione visualizzazione articolo”).

Scheda acquisizione immagini

Nel caso si provveda al caricamento dalla libreria l’utente sarà indirizzato direttamente alla pagina dell’allegato (post type attachment). Inoltre, acquisendo i file dalla pagina di modifica dei post, questi vengono automaticamente abbinati all’articolo, mentre risulteranno non abbinati nel caso di caricamento dalla Libreria Media.

Anteprima immagine

Una volta inserita l’immagine all’interno dell’articolo, questa sarà visibile come anteprima nell’editor visuale, mentre l’editor testuale visualizzerà il corrispondente tag HTML. Nel caso esista una descrizione dell’immagine, il tag <img /> sarà racchiuso all’interno dello shortcode .

caption shortcode

Le impostazioni della Libreria Media

Ogni volta che si carica un’immagine nella libreria multimediale WordPress genera tre diverse versioni dell’immagine stessa che si aggiungono all’originale. Nella pagina delle impostazioni dei media queste versioni vengono definite miniatura, media, grande (thumbnail, medium e large in Inglese).

Impostazioni Media

Si è visto che, al momento dell’inserimento delle immagini negli articoli, WordPress permette di selezionare una versione dell’immagine in modo che l’utente possa adattarla al layout e alle dimensioni della pagina.

Le dimensioni in pixel delle immagini vengono stabilite dal tema istallato. Se si decide di cambiare tema, le immagini potrebbero non essere più adatte al nuovo layout del sito. Il nuovo tema determinerà i formati delle immagini a partire dal primo download successivo alla sua attivazione, e non determinerà il ridimensionamento automatico delle immagini caricate in precedenza. Per generare le copie delle immagini già presenti nella Libreria Media è necessario ricorrere ad un plugin come Regenerate Thumbnail.

Oltre alle dimensioni delle miniature, la pagina “Impostazioni Media” permette di organizzare l’archivio dei media diversamente dalla seguente struttura predefinita:


/wp-content/uplads/anno/mese

Le gallerie di immagini

Oltre alle singole immagini, è possibile inserire negli articoli gallerie composte da un numero arbitrario di immagini. L’immagine seguente mostra la scheda di creazione delle gallerie di immagini:

Crea galleria

Una volta selezionate le immagini nella scheda “Crea Galleria”, l’utente viene reindirizzato alla scheda successiva, “Modifica Galleria”, dove potrà impostare una serie di parametri di visualizzazione delle immagini e della galleria stessa (numero di colonne e tipo di galleria).

Modifica galleria

Una volta inserita la galleria all’interno del contenuto dell’articolo, l’editor visuale di WordPress ne offrirà l’anteprima.

Anteprima galleria

L’editor testuale mostrerà invece lo shortcode gallery il cui attributo id imposta gli identificativi univoci delle immagini comprese nella galleria.

Shortcode gallery

Per una analisi più dettagliata delle immagini, delle gallerie e dei relativi shortcode, si fa rinvio all’articolo WordPress: gestione di gallerie e immagini.

Se vuoi aggiornamenti su WordPress inserisci la tua e-mail nel box qui sotto:

Se vuoi ricevere informazioni personalizzate compila anche i seguenti campi:

15 / 95

Gestione dei commenti su WordPress

Ultime notizie

Google Cloud Services Platform in beta

Cybersecurity: nelle aziende manca una cultura della sicurezza

Marzipan: App universali per iOS e MacOS?

Pagina 404: l’importanza del design

(In)sicurezza dei Password manager

I Video di HTML.it

2048: successo per il puzzlegame italiano

Percorsi formativi correlati
Android Mobile Developer

Android Mobile Developer

5
guide
250 ore

Tutti i linguaggi per diventare uno sviluppatore di app per Android.

DB Administrator

DB Administrator

4
guide
80 ore

Come creare applicazioni per il Web con PHP e MySQL per il DBMS.

iOS Mobile Developer

iOS Mobile Developer

4
guide
180 ore

Tutte le principali tecnologie per diventare uno sviluppatore mobile per iOS.

Java Developer

Java Developer

7
guide
300 ore

I fondamentali per lo sviluppo di applicazioni multi piattaforma con Java.

Java Security Expert

Java Security Expert

5
guide
120 ore

Diventare degli esperti in tema di sicurezza delle applicazioni Java.

Maker

Maker

2
guide
50 ore

Usare Raspberry Pi e Arduino per avvicinarsi al mondo dei Maker e dell’IoT.

NoSQL DB Expert

NoSQL DB Expert

5
guide
200 ore

Le principali guide di HTML.it per diventare un esperto dei database NoSQL.

PHP Cloud Developer

PHP Cloud Developer

7
guide
80 ore

Ecco come i professionisti creano applicazioni per il Cloud con PHP.

PHP Developer

PHP Developer

5
guide
100 ore

Lo sviluppo professionale di applicazioni in PHP alla portata di tutti.

PHP e JavaScript Developer

PHP e JavaScript Developer

6
guide
100 ore

Come sviluppare applicazioni Web dinamiche con PHP e JavaScript.

PHP Framework Expert

PHP Framework Expert

6
guide
120 ore

Realizzare applicazioni per il Web utilizzando i framework PHP.

PHP SysAdmin

PHP SysAdmin

6
guide
80 ore

Creare applicazioni PHP e gestire l’ambiente di sviluppo come un pro.

Sviluppare un eCommerce con PHP

Sviluppare un eCommerce con PHP

5
guide
120 ore

Fare gli eCommerce developer con Magento, Prestashop e WooCommerce.

Web &amp; Mobile Designer

Web & Mobile Designer

5
guide
300 ore

Percorso base per avvicinarsi al web design con un occhio al mobile.

WordPress Developer

WordPress Developer

5
guide
150 ore

Realizzare siti Web e Web application con WordPress a livello professionale.

Ti consigliamo anche

Moodle Learning Platform, la guida

  • 9 Lezioni
  • Moderata

Moodle è una Learning Platform, o course management system (CMS), completa. Essa permette la gestione di corsi, formazione, insegnamento e training a distanza. Basata su PHP e MySql, è una soluzione Open Source che può essere facilmente modificata per l’adattamento a diverse tipologie di progetti. In questa guida descriveremo ogni aspetto della piattaforma, dall’installazione all’utilizzo di plugin, fino alle funzionalità più avanzate.

  • PHP: meno ricerche = meno utilizzatori?
  • Creare un e-commerce con PHP

WordPress e lo schermo bianco della morte. Cause e soluzioni

Scopriamo come risolvere il problema dello schermo bianco della morte di WordPress. Analizziamo cause e soluzioni per malfunzionamenti derivanti da codice o memoria.

  • Aruba: nuovo servizio di Hosting WordPress Gestito
  • WordPress 5.0: rilascio rimandato al 27 novembre

WordPress 5.x: panoramica sui problemi di compatibilità

WordPress 5.0 “Bebo”, con il nuovo editor Gutenberg

CMSScan: CMS security scanner

  • Guide
  • Approfondimenti
  • Script
  • Q&A
  • Software
  • Tutorial
  • Videogiochi
  • Tag Software
  • News
  • Video
  • Forum
  • Chi siamo
  • Pubblicità
  • Contatti
  • Cookie policy
  • Privacy policy
  • Privacy Policy Newsletter
© HTML.it 1997-2019 | Triboo Media – P. IVA 06933670967 | HTML.it è un periodico telematico reg. Trib. Roma n. 309/2008 | 2.10.3