<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Temi Wordpress Archivi - Alessandro Albergo</title>
	<atom:link href="https://alessandroalbergo.it/category/temi-wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://alessandroalbergo.it/category/temi-wordpress/</link>
	<description>Alessandro Albergo, sviluppatore - Frontend e Backend - Bari - Realizzazione siti web</description>
	<lastBuildDate>Tue, 14 Dec 2021 19:56:59 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://alessandroalbergo.it/wp-content/uploads/2021/03/cropped-aa-giallo-32x32.png</url>
	<title>Temi Wordpress Archivi - Alessandro Albergo</title>
	<link>https://alessandroalbergo.it/category/temi-wordpress/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Nascondere elementi per determinati utenti su Elementor</title>
		<link>https://alessandroalbergo.it/nascondere-elementi-elementor/</link>
					<comments>https://alessandroalbergo.it/nascondere-elementi-elementor/#comments</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Fri, 28 May 2021 06:13:01 +0000</pubDate>
				<category><![CDATA[plugin wordpress]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Temi Wordpress]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[elementor]]></category>
		<category><![CDATA[noascondere elementi]]></category>
		<category><![CDATA[Wordpress Plugins]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3827</guid>

					<description><![CDATA[<p>Stai cercando un modo per poter nascondere gli elementi ad alcuni di utenti sulla tua pagina in Elementor ? Sei nel posto giusto per scoprire come farlo in pochi minuti ! Se utilizzi Elementor sul tuo sito in WordPress, devi sapere che di default è possibile nascondere le sezioni o widget di ogni pagina creata..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/nascondere-elementi-elementor/">Nascondere elementi per determinati utenti su Elementor</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Stai cercando un modo per poter nascondere gli elementi ad alcuni di utenti sulla tua pagina in Elementor ? Sei nel posto giusto per scoprire come farlo in pochi minuti !</strong></p>
<p>Se utilizzi Elementor sul tuo sito in WordPress, devi sapere che di default è possibile nascondere le sezioni o widget di ogni pagina creata cliccando su : <strong>Avanzate -&gt; Responsive -&gt; Nascondi elemento per mobile, desktop , tablet</strong> .</p>
<p>Quello che andiamo a fare in questo caso,  è nascondere la sezione / widget per tutti gli utenti, compresi noi stessi .</p>
<p>Ecco perché oggi ti suggerisco un plugin molto utile per poter nascondere gli elementi solo a determinati utenti in una pagina creata con Elementor .</p>
<p>&nbsp;</p>
<h2>Plugin per nascondere elementi su una pagina creata con Elementor &#8211; WordPress</h2>
<p>&nbsp;</p>
<p>Il plugin in questione che ci aiuterà a gestire la visibilità delle sezioni che vogliamo nascondere a determinati utenti, si chiama <strong><a style="color: #fac921;" href="https://wordpress.org/plugins/visibility-logic-elementor/" target="_blank" rel="noopener">Visibility Logic for Elementor</a></strong> , conta più di 10.000 installazioni attive :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/Visibility-logic-for-elementor-plugin-per-nascondere-elemnti-in-una-pagina-Wordpress.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3829 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/Visibility-logic-for-elementor-plugin-per-nascondere-elemnti-in-una-pagina-Wordpress.png" alt="Visibility logic for elementor plugin per nascondere elemnti in una pagina WordPress" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/Visibility-logic-for-elementor-plugin-per-nascondere-elemnti-in-una-pagina-Wordpress.png 577w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Visibility-logic-for-elementor-plugin-per-nascondere-elemnti-in-una-pagina-Wordpress-300x159.png 300w" sizes="(max-width: 577px) 100vw, 577px" /></a></p>
<p>&nbsp;</p>
<p>Bene quindi non ci resta che installare e attivare il nostro plugin e vedere subito come poter creare una sezione con visibilità logica .</p>
<p>Rechiamoci sulla pagina di Elementor in cui vogliamo nascondere gli elementi per determinati utenti .</p>
<p>Ci basta cliccare (dopo aver aperto l&#8217;editor della pagina con Elementor ) , la sezione interessata e subito recarci su <strong>Avanzate -&gt; Visibility Control :</strong></p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/impostare-la-visibilita-elementor-elementi-per-alcuni-utenti-wordpress.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3830 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/impostare-la-visibilita-elementor-elementi-per-alcuni-utenti-wordpress.png" alt="impostare la visibilità elementor elementi per alcuni utenti wordpress" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/impostare-la-visibilita-elementor-elementi-per-alcuni-utenti-wordpress.png 367w, https://alessandroalbergo.it/wp-content/uploads/2021/05/impostare-la-visibilita-elementor-elementi-per-alcuni-utenti-wordpress-125x300.png 125w" sizes="(max-width: 367px) 100vw, 367px" /></a></p>
<p>&nbsp;</p>
<p>Come vedi ho impostato che la sezione sarà nascosta solo per utenti loggati, ma in realtà si possono scegliere anche i diversi ruoli del tuo sito WordPress :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/ruoli-visibility-control-plugin-nascondi-elementi-in-Elementor-Wordpress.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3831 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/ruoli-visibility-control-plugin-nascondi-elementi-in-Elementor-Wordpress.png" alt="ruoli visibility control plugin, nascondi elementi in Elementor WordPress" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/ruoli-visibility-control-plugin-nascondi-elementi-in-Elementor-Wordpress.png 362w, https://alessandroalbergo.it/wp-content/uploads/2021/05/ruoli-visibility-control-plugin-nascondi-elementi-in-Elementor-Wordpress-180x300.png 180w" sizes="(max-width: 362px) 100vw, 362px" /></a></p>
<p>&nbsp;</p>
<p>Per esempio potresti nascondere la sezione per utenti <strong>non loggati , </strong>selezionando la voce &#8220;<strong>Guest</strong>&#8221; , oppure solo per determinati ruoli se hai intenzione di creare die piani abbonamento sul tuo sito !</p>
<p>Bene adesso sai come poter gestire la visibilità delle sezioni sul tuo sito in WordPress utilizzando Elementor !</p>
<p>È stato utile questo articolo ? <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Lasciami un commento <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p>Potrebbe interessarti : <a style="color: #fac921;" href="https://alessandroalbergo.it/nascondere-top-bar-di-amministrazione-wordpress/" target="_blank" rel="noopener">Come nascondere la top-bar di amministrazione</a>  oppure <a style="color: #fac921;" href="https://alessandroalbergo.it/elementor-modalita-provvisoria/" target="_blank" rel="noopener">Come gestire la modalità provvisoria di Elementor</a> .</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/nascondere-elementi-elementor/">Nascondere elementi per determinati utenti su Elementor</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/nascondere-elementi-elementor/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Elementor modalità provvisoria</title>
		<link>https://alessandroalbergo.it/elementor-modalita-provvisoria/</link>
					<comments>https://alessandroalbergo.it/elementor-modalita-provvisoria/#comments</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Sun, 23 May 2021 07:49:30 +0000</pubDate>
				<category><![CDATA[plugin wordpress]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Temi Wordpress]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[elementor]]></category>
		<category><![CDATA[woocommerce]]></category>
		<category><![CDATA[Wordpress Plugins]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3811</guid>

					<description><![CDATA[<p>Se utilizzi WordPress e utilizzi il costruttore &#8220;Elementor&#8221;, potrebbe capitarti di riscontrare il problema della modalità provvisoria. In realtà per quanto potrebbe sembrare un controsenso è un bene che ci stia rispondendo con questo messaggio . Elementor  vuole dare un aiuto per poter risolvere il problema. Infatti cliccando su &#8220;Abilità modalità provvisoria&#8221; potremo utilizzare il..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/elementor-modalita-provvisoria/">Elementor modalità provvisoria</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Se utilizzi WordPress e utilizzi il costruttore &#8220;Elementor&#8221;, potrebbe capitarti di riscontrare il problema della modalità provvisoria.</strong></p>
<p>In realtà per quanto potrebbe sembrare un controsenso è un bene che ci stia rispondendo con questo messaggio .</p>
<p><a style="color: #fac921;" href="https://elementor.com/" target="_blank" rel="noopener">Elementor </a> vuole dare un aiuto per poter risolvere il problema. Infatti cliccando su &#8220;<strong>Abilità modalità provvisoria</strong>&#8221; potremo utilizzare il plugin in maniera minimale (quindi senza addons ) . In questa maniera dovremmo riuscir a capire quale sezione della pagina sta creando l&#8217;errore .</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/elementor-modalita-provvisoria.jpg" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3812 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/elementor-modalita-provvisoria.jpg" alt="elementor modalità provvisoria" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/elementor-modalita-provvisoria.jpg 1361w, https://alessandroalbergo.it/wp-content/uploads/2021/05/elementor-modalita-provvisoria-300x206.jpg 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/elementor-modalita-provvisoria-1024x704.jpg 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/elementor-modalita-provvisoria-768x528.jpg 768w, https://alessandroalbergo.it/wp-content/uploads/2021/05/elementor-modalita-provvisoria-758x520.jpg 758w" sizes="(max-width: 1361px) 100vw, 1361px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>Come riuscire a rimuovere l&#8217;errore Elemento modalità provvisoria</h2>
<p>&nbsp;</p>
<h3>Soluzione 1</h3>
<p>Come detto prima quello che ti consiglio di fare è di abilitare la modalità provvisoria ed eliminare una sezione per volta per poter capire quale ti stia creando il conflitto con il plugin .</p>
<p>Il procedimento è : Salvare, vedere se l&#8217;errore continua ad esserci e nel caso dovesse essere così, tornare indietro e continuare a provare ripristinando la sezione eliminata ed eliminando la successiva .</p>
<p>Possiamo dire che questa è una soluzione azzardata perché potrebbe accadere che non si riesca a tornare più indietro.</p>
<p>Infatti quello che consiglio di fare prima di procedere, è un&#8217;alternativa più lunga ma più sicura.</p>
<p>&nbsp;</p>
<h3>Soluzione  2</h3>
<p>La seconda alternativa (la più lunga) consiste nel disattivare un plugin per volta, ricaricare la pagina che presenta l&#8217;errore, e cliccare su modifica con Elementor . Se la modalità provvisoria verrà riproposta , allora potrai riattivare il plugin e disattivare il prossimo continuando fino a quando non capirai quale strumento (plugin ) ti sta creando un conflitto .</p>
<p>In realtà quasi sempre il problema è dovuto ad un plugin che si integra con il nostro Page Builder , che probabilmente non è aggiornato oppure presenta dei bug non ancora risolti.</p>
<p>Quando avrai trovato il plugin che ti crea l&#8217;errore della modalità provvisoria del plugin Elementor , potrai verificare la disponibilità di un suo aggiornamento, oppure provare a disinstallarlo e reinstallarlo.</p>
<p>&nbsp;</p>
<h3>Soluzione  3</h3>
<p>Assicurati che anche il plugin Elementor ed Elementor Pro sia aggiornato ! <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p>Spero che questa piccola guida ti abbia dato una mano per poter risolver il conflitto del page builder sul tuo sito in WordPress .</p>
<p>È stato utile questo articolo ? <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Lasciami un commento se hai bisogno di più info o se hai risolto il bug  con questo tutorial.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/elementor-modalita-provvisoria/">Elementor modalità provvisoria</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/elementor-modalita-provvisoria/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Campi personalizzati su WordPress</title>
		<link>https://alessandroalbergo.it/campi-personalizzati-su-wordpress/</link>
					<comments>https://alessandroalbergo.it/campi-personalizzati-su-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Tue, 18 May 2021 11:00:10 +0000</pubDate>
				<category><![CDATA[plugin wordpress]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Temi Wordpress]]></category>
		<category><![CDATA[woocommerce]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Campi Personalizzati ACF]]></category>
		<category><![CDATA[Wordpress Plugins]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3783</guid>

					<description><![CDATA[<p>Stai cercando un modo per aggiungere campi personalizzati in WordPress? I campi personalizzati sono degli &#8220;input&#8221; come quello del titolo che trovi in ogni editor di un articolo o pagina WordPress. &#160; &#160; Ma perché aggiungere dei campi personalizzati ? A cosa servono ?? &#160; Facciamo un pratico esempio . Hai un tuo e-commerce di..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/campi-personalizzati-su-wordpress/">Campi personalizzati su WordPress</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Stai cercando un modo per <strong>aggiungere campi personalizzati in WordPress</strong>? I campi personalizzati sono degli &#8220;input&#8221; come quello del titolo che trovi in ogni editor di un articolo o pagina WordPress.</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/input-titolo-articolo.png" target="_blank" rel="noopener"><img decoding="async" class="alignnone wp-image-3793 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/input-titolo-articolo.png" alt="input titolo articolo" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/input-titolo-articolo.png 1901w, https://alessandroalbergo.it/wp-content/uploads/2021/05/input-titolo-articolo-300x85.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/input-titolo-articolo-1024x289.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/input-titolo-articolo-768x217.png 768w, https://alessandroalbergo.it/wp-content/uploads/2021/05/input-titolo-articolo-1536x434.png 1536w" sizes="(max-width: 1901px) 100vw, 1901px" /></a></p>
<p>&nbsp;</p>
<h2></h2>
<h2><strong>Ma perché aggiungere dei campi personalizzati ? A cosa servono ??</strong></h2>
<p>&nbsp;</p>
<p>Facciamo un pratico esempio . Hai un tuo e-commerce di prodotti alimentari e hai bisogno che ogni prodotto abbia sia nell&#8217;anteprima che nella pagina singola la voce &#8220;millilitri&#8221; e &#8220;grammi&#8221; da mostrare ai tuoi clienti.</p>
<p>Puoi sicuramente scrivere tutto nella descrizione, ma non sarebbe meglio avere un post che mostri un campo di immissione personalizzato per i prodotti del tuo e-commerce /pagine o articoli ?</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/campi-personalizzati-wordpress.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3784 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/campi-personalizzati-wordpress.png" alt="campi personalizzati wordpress" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/campi-personalizzati-wordpress.png 1877w, https://alessandroalbergo.it/wp-content/uploads/2021/05/campi-personalizzati-wordpress-300x130.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/campi-personalizzati-wordpress-1024x443.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/campi-personalizzati-wordpress-768x332.png 768w, https://alessandroalbergo.it/wp-content/uploads/2021/05/campi-personalizzati-wordpress-1536x664.png 1536w" sizes="(max-width: 1877px) 100vw, 1877px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Non male vero ? <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Oggi ti mostrerò come poterlo fare in pochissimo tempo grazie all&#8217;aiuto di un plugin molto efficace.</p>
<p>Questo plugin ti permetterà di <strong>inserire campi personalizzati</strong> non solo nei prodotti, pagine e articoli, ma anche nei commenti, in categorie, tag e perfino nei <a style="color: #fac921;" href="https://alessandroalbergo.it/come-creare-custom-post-type-da-zero/" target="_blank" rel="noopener">custom post type</a>.</p>
<p>Il plugin in questione è <a style="color: #fac921;" href="https://www.advancedcustomfields.com/" target="_blank" rel="noopener">ACF</a> , conta più di 1.000000 di installazioni attive, quindi puoi immaginare l&#8217;affidabilità di questo plugin davvero utile .</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/ACF-Wordpress-plugin-campi-personalizzati.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3788 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/ACF-Wordpress-plugin-campi-personalizzati.png" alt="ACF WordPress plugin campi personalizzati" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/ACF-Wordpress-plugin-campi-personalizzati.png 577w, https://alessandroalbergo.it/wp-content/uploads/2021/05/ACF-Wordpress-plugin-campi-personalizzati-300x145.png 300w" sizes="(max-width: 577px) 100vw, 577px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>Bene, iniziamo a creare i nostri campi personalizzati su WordPress ! Scarichiamo e attiviamo il nostro plugin .</strong></p>
<p>Appena attivato vedrai sul menu della tua Dashboard la voce &#8220;<strong>Campi personalizzati</strong>&#8221; , cliccaci sopra .</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/Nuovi-campi-pesonalizzati-wordpress-.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3789 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/Nuovi-campi-pesonalizzati-wordpress-.png" alt="Nuovi campi pesonalizzati wordpress" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/Nuovi-campi-pesonalizzati-wordpress-.png 1797w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Nuovi-campi-pesonalizzati-wordpress--300x157.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Nuovi-campi-pesonalizzati-wordpress--1024x537.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Nuovi-campi-pesonalizzati-wordpress--768x403.png 768w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Nuovi-campi-pesonalizzati-wordpress--1536x806.png 1536w" sizes="(max-width: 1797px) 100vw, 1797px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Clicchiamo &#8220;Aggiungi nuovo&#8221; per entrare nell&#8217;editor ed iniziare a divertirci .</p>
<p>Se hai seguito tutti i passaggi, adesso ti troverai nell&#8217;editing di ACF , dovrai dare un titolo al tuo nuovo setting di ACF e specificare dove vuoi che appaia il tuo campo di immissione .</p>
<p>Potrai anche far si che appaia su tutti i post e pagine di WordPress, io come esempio però ti mostrerò il mio settaggio del campo millilitri da inserire per ogni prodotto :</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>Come ho creato il campo millilitri per i prodotti WooCommerce</h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/Creazione-e-settaggio-Custom-Post-Type-ACF.png" target="_blank" rel="noopener"><img decoding="async" class="alignnone wp-image-3790 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/Creazione-e-settaggio-Custom-Post-Type-ACF.png" alt="Creazione e settaggio Custom Post Type ACF" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/Creazione-e-settaggio-Custom-Post-Type-ACF.png 1735w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Creazione-e-settaggio-Custom-Post-Type-ACF-300x156.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Creazione-e-settaggio-Custom-Post-Type-ACF-1024x532.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Creazione-e-settaggio-Custom-Post-Type-ACF-768x399.png 768w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Creazione-e-settaggio-Custom-Post-Type-ACF-1536x799.png 1536w" sizes="(max-width: 1735px) 100vw, 1735px" /></a></p>
<p>&nbsp;</p>
<p><strong>Come prima cosa ho cliccato su regole, tipo di post -&gt; è uguale a -&gt; prodotto . </strong></p>
<p>In questa maniera specifico che ogni aggiunta di campo in questo nuovo settaggio che ho chiamato &#8220;Millilitri Prodotto&#8221; sarà visibile solo nell&#8217;editor prodotto di WordPress .</p>
<p>Come secondo passaggio ho attivato il setting (Swipe celeste attivo ) e ho lasciato il settaggio di visualizzazione nell&#8217;editing (tutto il resto ) come mi proponeva il plugin stesso .</p>
<p>Terminata la piccola configurazione iniziale, ho cliccato su &#8220;Aggiungi campo&#8221; :</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/Aggiungi-campo-ACF-campi-wordpress-personalizzati.png" target="_blank" rel="noopener"><img decoding="async" class="alignnone wp-image-3791 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/Aggiungi-campo-ACF-campi-wordpress-personalizzati.png" alt="Aggiungi campo ACF campi wordpress personalizzati" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/Aggiungi-campo-ACF-campi-wordpress-personalizzati.png 1607w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Aggiungi-campo-ACF-campi-wordpress-personalizzati-300x172.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Aggiungi-campo-ACF-campi-wordpress-personalizzati-1024x587.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Aggiungi-campo-ACF-campi-wordpress-personalizzati-768x440.png 768w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Aggiungi-campo-ACF-campi-wordpress-personalizzati-1536x880.png 1536w" sizes="(max-width: 1607px) 100vw, 1607px" /></a></p>
<p>&nbsp;</p>
<p>Ho inserito il nome dell&#8217;etichetta che verrà visualizzata nell&#8217;editor, il nome campo e la descrizione del campo .  Il tipo di campo ho inserito la voce &#8220;numero&#8221; , quindi non accetterà valori all&#8217;infuori di numeri interi, ma chiaramente in base a quello che ti serve potrai scegliere quello più idoneo :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/tipi-di-campo-acf-wordpress.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3792 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/tipi-di-campo-acf-wordpress.png" alt="tipi di campo acf wordpress" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/tipi-di-campo-acf-wordpress.png 1368w, https://alessandroalbergo.it/wp-content/uploads/2021/05/tipi-di-campo-acf-wordpress-300x122.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/tipi-di-campo-acf-wordpress-1024x417.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/tipi-di-campo-acf-wordpress-768x313.png 768w" sizes="(max-width: 1368px) 100vw, 1368px" /></a></p>
<p>&nbsp;</p>
<p>Come vedi c&#8217;è davvero una varietà di campi che possono essere molto utili per personalizzare i nostri posts .</p>
<p>Infine ho cliccato su pubblica e ho controllato che tutto funzionasse nel mio editor dei prodotti in WooCommerce .</p>
<p>Adesso sai come creare dei campi personalizzati sul tuo WordPress !</p>
<p>È stato utile questo artico ? <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Hai bisogno di una mano ? Hai qualche domanda ? Lasciami un commento qui sotto <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> .</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/campi-personalizzati-su-wordpress/">Campi personalizzati su WordPress</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/campi-personalizzati-su-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Colore Pagina Checkout su WooCommerce</title>
		<link>https://alessandroalbergo.it/cambiare-il-colore-del-checkout-woocommerce/</link>
					<comments>https://alessandroalbergo.it/cambiare-il-colore-del-checkout-woocommerce/#respond</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Fri, 14 May 2021 11:00:37 +0000</pubDate>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Temi Wordpress]]></category>
		<category><![CDATA[woocommerce]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Simply custom css and js]]></category>
		<category><![CDATA[web]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3758</guid>

					<description><![CDATA[<p>Stai cercando un modo per poter personalizzare il colore della pagina checkout nel tuo WooCommerce ? Sei nel posto giusto per scoprire come poterlo fare in pochi minuti ! La pagina del checkout è uno degli ultimi steps in cui l&#8217;utente finalizza i suoi acquisti cliccando su &#8221; completa l&#8217;acquisto&#8221;  procedendo al pagamento . La..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/cambiare-il-colore-del-checkout-woocommerce/">Colore Pagina Checkout su WooCommerce</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Stai cercando un modo per poter personalizzare il colore della pagina checkout nel tuo WooCommerce ? Sei nel posto giusto per scoprire come poterlo fare in pochi minuti !</strong></p>
<p>La pagina del checkout è uno degli ultimi steps in cui l&#8217;utente finalizza i suoi acquisti cliccando su &#8221; completa l&#8217;acquisto&#8221;  procedendo al pagamento .</p>
<p>La pagina in questione però, se avessi mai cercato di personalizzarla, avrai notato che non è possibile farlo . Questo perché è una delle pagine protette dal plugin WooCommerce .</p>
<p>In realtà ci sono dei plugin specifici per poter personalizzare la pagina del checkout, ma se quello che cerchi è un metodo per cambiare semplicemente il colore dei pulsanti, possiamo riuscire a farlo tramite CSS.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>Cambiare il colore della pagina Checkout di WooCommerce &#8211; CSS</h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Per poter personalizzare la nostra pagina di Woocommerce avremo bisogno di poter inserire il nostro codice di stile personalizzato all&#8217;interno del tema che stiamo utilizzando in WordPress.</p>
<p>Il 90% dei temi che di solito sono installati sul nostro WP , hanno la possibilità di inserire il CSS all&#8217;interno della sezione personalizza, proprio dove si modificano i dettagli del sito (nella parte frontend ) .</p>
<p>Infatti per questa modifica possiamo possiamo utilizzare la funzione &#8220;CSS Aggiuntivo&#8221; .</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/Cambiare-colore-Checkout-Woocommerce.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3759 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/Cambiare-colore-Checkout-Woocommerce.png" alt="Cambiare colore Checkout Woocommerce" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/Cambiare-colore-Checkout-Woocommerce.png 1177w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Cambiare-colore-Checkout-Woocommerce-300x239.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Cambiare-colore-Checkout-Woocommerce-1024x814.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Cambiare-colore-Checkout-Woocommerce-768x611.png 768w" sizes="(max-width: 1177px) 100vw, 1177px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Se il tuo tema non dovesse avere questa funzione, potrai optare per un plugin che ti permetta di farlo come <a style="color: #fac921;" href="https://it.wordpress.org/plugins/custom-css-js/" target="_blank" rel="noopener">Simple Custo CSS and JS</a>  , come già accennato in qualche <a style="color: #fac921;" href="https://alessandroalbergo.it/mostrare-elemento-al-click/" target="_blank" rel="noopener">articolo precedente</a> .</p>
<p>Adesso che conosci gli strumenti per poter scrivere del codice all&#8217;interno del sito in WP , ti basta semplicemente incollare lo <a style="color: #fac921;" href="https://it.wikipedia.org/wiki/Snippet" target="_blank" rel="noopener">snippet</a> che ho preparato per te :</p>
<p>&nbsp;</p>
<div class="wp-block-codemirror-blocks code-block ">
<pre class="CodeMirror" data-setting="{&quot;mode&quot;:&quot;css&quot;,&quot;mime&quot;:&quot;text/css&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}">.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:red !important;

background-color:red !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:red !important;

background-color:red !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: red !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: red !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}</pre>
</div>
<p><strong>Se dovessi aver installato il plugin &#8220;Simple Custom Js and CSS dovrai cliccare su &#8220;Add Custom CSS nella tua Dashboard&#8221; :</strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/simple-css-woocommerce-personalizzare-e-cambiare-colore-checkout.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3760 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/simple-css-woocommerce-personalizzare-e-cambiare-colore-checkout.png" alt="simple css woocommerce personalizzare e cambiare colore checkout" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/simple-css-woocommerce-personalizzare-e-cambiare-colore-checkout.png 1317w, https://alessandroalbergo.it/wp-content/uploads/2021/05/simple-css-woocommerce-personalizzare-e-cambiare-colore-checkout-300x153.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/simple-css-woocommerce-personalizzare-e-cambiare-colore-checkout-1024x522.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/simple-css-woocommerce-personalizzare-e-cambiare-colore-checkout-768x392.png 768w" sizes="(max-width: 1317px) 100vw, 1317px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Arrivati alla nostra pagina di aggiunta del CSS, possiamo dare un titolo al nostro codice (che in questo esempio ho chiamato Checkout ), cancellare il codice esempio ed inserire il nostro :</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/aggiungere-css-ccambiare-colore-checkout-woocomeerce.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3761 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/aggiungere-css-ccambiare-colore-checkout-woocomeerce.png" alt="aggiungere css ccambiare colore checkout woocomeerce" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/aggiungere-css-ccambiare-colore-checkout-woocomeerce.png 1505w, https://alessandroalbergo.it/wp-content/uploads/2021/05/aggiungere-css-ccambiare-colore-checkout-woocomeerce-300x182.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/aggiungere-css-ccambiare-colore-checkout-woocomeerce-1024x621.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/aggiungere-css-ccambiare-colore-checkout-woocomeerce-768x466.png 768w" sizes="(max-width: 1505px) 100vw, 1505px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>Se invece stessi utilizzando la funzione &#8220;CSS Aggiuntivo&#8221; del tuo tema ( personalizza ) , dovrai semplicemente incollare il codice all&#8217;interno .</strong></p>
<p>Finita la procedura , noterai che i pulsanti della tua pagina Checkout saranno diventati rossi . Vuol dire che il nostro codice sta funzionando ! <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p><strong>Per poter scegliere il colore più adatto al tuo tema, dovrai sostituire dove leggi &#8220;red&#8221;, con il tuo codice colore. </strong></p>
<p>&nbsp;</p>
<p>Se non conosci il codice del colore principale del tuo tema, potrai utilizzare uno degli strumenti che ti permetta di scoprirlo, come &#8220;<a style="color: #fac921;" href="https://alessandroalbergo.it/estensioni-chrome-e-firefox-per-il-web/" target="_blank" rel="noopener">ColorZilla</a>&#8221; , oppure recarti sul sito <a style="color: #fac921;" href="https://color.adobe.com/it/create/color-wheel" target="_blank" rel="noopener">Color Palette di Adobe</a> per poterne generare uno .</p>
<p>Dove leggi &#8220;<strong>white</strong>&#8221; invece, sarà il colore del testo nel pulsante che potrai anch&#8217;esso sostituire a tuo piacimento .</p>
<p>&nbsp;</p>
<p>Adesso non ti resta che goderti il tuo e-commerce con la pagina del checkout personalizzata !</p>
<p>È stato utile questo articolo ?</p>
<p>Lasciami un commento <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/cambiare-il-colore-del-checkout-woocommerce/">Colore Pagina Checkout su WooCommerce</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/cambiare-il-colore-del-checkout-woocommerce/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Zoom sulle foto di WordPress</title>
		<link>https://alessandroalbergo.it/zoom-sulle-foto-di-wordpress/</link>
					<comments>https://alessandroalbergo.it/zoom-sulle-foto-di-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Mon, 03 May 2021 11:00:04 +0000</pubDate>
				<category><![CDATA[plugin wordpress]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Temi Wordpress]]></category>
		<category><![CDATA[woocommerce]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[prodotti]]></category>
		<category><![CDATA[Wordpress Plugins]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3653</guid>

					<description><![CDATA[<p>Stai cercando un metodo per creare uno zoom al passaggio del mouse sulle foto nel tuo sito in WordPress ? Sei nel posto giusto per scoprire come farlo in pochi minuti ! L&#8217;ingrandimento sulle foto potrebbe essere un ottimo metodo per mostrare nel dettaglio i prodotti che vendi sul tuo e-commerce  o semplicemente una funzionalità..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/zoom-sulle-foto-di-wordpress/">Zoom sulle foto di WordPress</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Stai cercando un metodo per creare uno zoom al passaggio del mouse sulle foto nel tuo sito in WordPress ? Sei nel posto giusto per scoprire come farlo in pochi minuti !</strong></p>
<p>L&#8217;ingrandimento sulle foto potrebbe essere un ottimo metodo per mostrare nel dettaglio i prodotti che vendi sul tuo e-commerce  o semplicemente una funzionalità in più da integrare sul tuo sito web.</p>
<p>Ecco perché oggi voglio mostrarti come poter avere questa funzionalità sul tuo sito in WordPress .</p>
<p>&nbsp;</p>
<h2>Creare lo zoom sulle foto al passaggio del mouse &#8211; WordPress :</h2>
<p>Dopo averti spiegato come creare una <a style="color: #fac921;" href="https://alessandroalbergo.it/galleria-foto-per-wordpress/" target="_blank" rel="noopener">galleria di foto</a> su una pagina in <a style="color: #fac921;" href="https://it.wordpress.org/" target="_blank" rel="noopener">WP</a> , oggi ti mostrerò come integrare un ingrandimento al passaggio del mouse sulle foto del tuo sito web .</p>
<p>Quello che ci serve per realizzare questo fantastico effetto è un plugin molto efficace, che si chiama <a style="color: #fac921;" href="https://wordpress.org/plugins/wp-image-zoooom/" target="_blank" rel="noopener">WP Image Zoom</a> .</p>
<p>Bene, quindi come primo step, installiamo il plugin sul nostro WordPress .</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/zoom-prodotti-wordpress-woocommerce.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3654 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/zoom-prodotti-wordpress-woocommerce.png" alt="zoom prodotti wordpress woocommerce" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/zoom-prodotti-wordpress-woocommerce.png 577w, https://alessandroalbergo.it/wp-content/uploads/2021/05/zoom-prodotti-wordpress-woocommerce-300x137.png 300w" sizes="(max-width: 577px) 100vw, 577px" /></a></p>
<p>&nbsp;</p>
<p>Terminata l&#8217;installazione rechiamoci nelle impostazioni di WP Zoom Image dal pannello di amministrazione :</p>
<p>&nbsp;</p>
<div id="attachment_3660" style="width: 168px" class="wp-caption aligncenter"><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/wp-image-zoom-impostazioni.png" target="_blank" rel="noopener"><img decoding="async" aria-describedby="caption-attachment-3660" class="wp-image-3660 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/wp-image-zoom-impostazioni.png" alt="wp-image zoom impostazioni" width="158" height="197" /></a><p id="caption-attachment-3660" class="wp-caption-text">wp-image zoom impostazioni</p></div>
<p>&nbsp;</p>
<p>Nella pagina che si aprirà potrai regolare le impostazioni dell&#8217;effetto e della forma che vorrai dare all&#8217;ingrandimento dell&#8217;immagine al passaggio del mouse :</p>
<p>&nbsp;</p>
<p><img decoding="async" class="wp-image-3661 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/zoom-foto-wordpress-con-woocommerce.png" alt="zoom foto wordpress con woocommerce" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/zoom-foto-wordpress-con-woocommerce.png 1218w, https://alessandroalbergo.it/wp-content/uploads/2021/05/zoom-foto-wordpress-con-woocommerce-300x227.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/zoom-foto-wordpress-con-woocommerce-1024x775.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/zoom-foto-wordpress-con-woocommerce-768x581.png 768w" sizes="(max-width: 1218px) 100vw, 1218px" /></p>
<p>&nbsp;</p>
<p>Finito il settaggio, potrai visualizzare l&#8217;anteprima sulla foto della pagina e poi salvare le impostazioni con il pulsante &#8220;save changes&#8221; .</p>
<p>La cosa davvero interessante di questo plugin è che potrai utilizzare il tuo effetto zoom su tutte le foto e non solo sui prodotti in vendita del tuo e-commerce.</p>
<p>Infatti per attivare l&#8217;effetto, ti basta andare all&#8217;interno dell&#8217;editor di un articolo, pagina o prodotto del tuo WordPress e attivare lo zoom sulla foto. Per attivarlo ti basta selezionare l&#8217;immagine e scegliere l&#8217;impostazione &#8220;<strong>with zoom</strong>&#8221; sulla finestra che si aprirà a destra :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/attivare-zoom-foto-wordpress-con-woocommerce.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3662 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/attivare-zoom-foto-wordpress-con-woocommerce.png" alt="attivare zoom foto wordpress con woocommerce" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/attivare-zoom-foto-wordpress-con-woocommerce.png 1530w, https://alessandroalbergo.it/wp-content/uploads/2021/05/attivare-zoom-foto-wordpress-con-woocommerce-300x157.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/attivare-zoom-foto-wordpress-con-woocommerce-1024x537.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/attivare-zoom-foto-wordpress-con-woocommerce-768x403.png 768w" sizes="(max-width: 1530px) 100vw, 1530px" /></a></p>
<p>&nbsp;</p>
<p>Ricordati di salvare le modifiche cliccando su aggiorna e controllare che non ci siano conflitti con il tuo tema nella parte frontend del tuo sito (anche nella versione mobile).</p>
<p>Finita la modifica potrai notare che la foto modificata, potrà essere ingrandita semplicemente passandoci il cursore del mouse sopra :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/risultato-frontend-zoom-foto-wordpress.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3663 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/risultato-frontend-zoom-foto-wordpress.png" alt="risultato frontend zoom foto wordpress" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/risultato-frontend-zoom-foto-wordpress.png 1300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/risultato-frontend-zoom-foto-wordpress-300x157.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/risultato-frontend-zoom-foto-wordpress-1024x537.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/05/risultato-frontend-zoom-foto-wordpress-768x403.png 768w" sizes="(max-width: 1300px) 100vw, 1300px" /></a></p>
<p>&nbsp;</p>
<p>Chiaramente per un risultato ottimale ti converrà utilizzare un&#8217;immagine di buona qualità, in modo tale che l&#8217;ingrandimento non venga sgranato.</p>
<p>Bene adesso non ti resta che goderti questa nuova funzionalità sul tuo sito web !</p>
<p>È stato utile questo articolo ? <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Lasciami un commento <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/zoom-sulle-foto-di-wordpress/">Zoom sulle foto di WordPress</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/zoom-sulle-foto-di-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Indirizzamento carrello WooCommerce</title>
		<link>https://alessandroalbergo.it/indirizzamento-carrello-woocommerce/</link>
					<comments>https://alessandroalbergo.it/indirizzamento-carrello-woocommerce/#respond</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Sat, 01 May 2021 13:03:54 +0000</pubDate>
				<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Temi Wordpress]]></category>
		<category><![CDATA[woocommerce]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[acquisto]]></category>
		<category><![CDATA[carrello]]></category>
		<category><![CDATA[indirizzamento]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3640</guid>

					<description><![CDATA[<p>Se stai cercando un modo per saltare l&#8217;indirizzamento al carrello durante l&#8217;acquisto sul tuo WordPress con WooCommerce, sei nel posto giusto per imparare a farlo ! A volte alcuni e-commerce, soprattutto per quelli che offrono un solo prodotto o servizio hanno la necessità di eliminare lo &#8220;step&#8221; carrello. Di solito il carrello è più pratico..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/indirizzamento-carrello-woocommerce/">Indirizzamento carrello WooCommerce</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Se stai cercando un modo per saltare l&#8217;indirizzamento al carrello durante l&#8217;acquisto sul tuo WordPress con WooCommerce, sei nel posto giusto per imparare a farlo !</strong></p>
<p><span class="JsGRdQ">A volte alcuni e-commerce, soprattutto per quelli che offrono un solo prodotto o servizio hanno la necessità di eliminare lo &#8220;step&#8221; carrello.</span></p>
<p class="_04xlpA direction-ltr align-center para-style-body"><span class="JsGRdQ">Di solito il carrello è più pratico per </span><span class="JsGRdQ">e-commerce che hanno più prodotti in vendita e quindi c&#8217; è bisogno di uno strumento che mostri le quantità e cosa si acquista . </span><span class="JsGRdQ">Oltre a dare chiaramente la possibilità di continuare con lo shopping .</span></p>
<p>La funzionalità per saltare il passaggio al carrello però, su <a style="color: #fac921;" href="https://it.wordpress.org/plugins/woocommerce/" target="_blank" rel="noopener">WooCommerce</a> non è presente, ecco perché oggi ti mostrerò come poterlo fare utilizzando uno snippet di codice all&#8217;interno del tuo tema in uso .</p>
<p>&nbsp;</p>
<h2>Eliminare l&#8217; indirizzamento al carrello del plugin WooCommerce :</h2>
<p>&nbsp;</p>
<p>Come primo passaggio,  quello che dovrai fare è recarti nelle impostazioni di WooCommerce e poi nella sezione prodotti .  Spunta i box dove leggi le voci &#8221; <strong>reindirizza alla pagina carrello</strong> &#8221; e &#8221; <strong>Attiva i pulsanti Ajax </strong>&#8220;.</p>
<p>Posso capire che sembri il contrario di quello che vorresti fare. Quello che ci serve però è ottenere l&#8217;indirizzamento impostato dal nostro plugin per poi andare a modificando le impostazioni :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/05/Indirizzamento-carrello-acquisto-woocommerce.png" target="_blank" rel="noopener"><img decoding="async" class="wp-image-3642 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/05/Indirizzamento-carrello-acquisto-woocommerce.png" alt="Indirizzamento carrello acquisto woocommerce" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/05/Indirizzamento-carrello-acquisto-woocommerce.png 977w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Indirizzamento-carrello-acquisto-woocommerce-300x269.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/05/Indirizzamento-carrello-acquisto-woocommerce-768x689.png 768w" sizes="(max-width: 977px) 100vw, 977px" /></a></p>
<p>&nbsp;</p>
<p>Bene adesso che le impostazioni sono corrette , possiamo recarci sul tuo tema in uso.</p>
<p>Potrai usare un FTP Manager come <a style="color: #fac921;" href="https://filezilla-project.org/" target="_blank" rel="noopener">FileZilla</a> o un plugin che ti permetta di vedere i files presenti nel tuo progetto come ho spiegato in qualche articolo precedente : <a style="color: #fac921;" href="https://alessandroalbergo.it/condividere-files-in-una-sottocartella-della-directory-di-wordpress/" target="_blank" rel="noopener">clicca qui</a> per vedere l&#8217;articolo .</p>
<p>Una volta entrati nella cartella del nostro tema, che potrai trovare in wp-content -&gt; themes , dovrai aprire il file &#8220;<strong>functions.php</strong>&#8221; ed incollare il codice seguente che ho preparato per te :</p>
<div class="wp-block-codemirror-blocks code-block ">
<pre class="CodeMirror" data-setting="{&quot;mode&quot;:&quot;php&quot;,&quot;mime&quot;:&quot;text/x-php&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}">function my_custom_add_to_cart_redirect( $url ) {
$url = WC()-&gt;cart-&gt;get_checkout_url();
return $url;
}
add_filter( "woocommerce_add_to_cart_redirect", "my_custom_add_to_cart_redirect" );</pre>
</div>
<p>Ricordati di incollarlo prima della chiusura del &#8220;php&#8221;  altrimenti il tuo sito andrà in errore .</p>
<p>Non ci resta che salvare il file modificato.</p>
<p>Adesso quanto un utente cliccherà il bottone acquista verrà direttamente indirizzato sulla pagina del checkout del plugin WooCommerce <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> .</p>
<p>È stato utile questo articolo ?</p>
<p>Lasciami un commento <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/indirizzamento-carrello-woocommerce/">Indirizzamento carrello WooCommerce</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/indirizzamento-carrello-woocommerce/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Email personalizzate WooCommerce</title>
		<link>https://alessandroalbergo.it/email-personalizzate-woocommerce/</link>
					<comments>https://alessandroalbergo.it/email-personalizzate-woocommerce/#respond</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Fri, 30 Apr 2021 11:00:23 +0000</pubDate>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[plugin wordpress]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Temi Wordpress]]></category>
		<category><![CDATA[woocommerce]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[email]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3632</guid>

					<description><![CDATA[<p>Quando un cliente effettua un acquisto sul tuo sito , il plugin WooCommerce (di solito il più usato per creare e-commerce con WordPress) invia una email in automatico. In realtà le e-mails automatiche sono inviate per ogni tipo di azione, quando qualche nuovo utente si iscrive, effettua una acquisto, cancella il proprio account, ordine fallito..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/email-personalizzate-woocommerce/">Email personalizzate WooCommerce</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Quando un cliente effettua un acquisto sul tuo sito , il plugin WooCommerce (di solito il più usato per creare e-commerce con WordPress) invia una email in automatico.</strong></p>
<p>In realtà le e-mails automatiche sono inviate per ogni tipo di azione, quando qualche nuovo utente si iscrive, effettua una acquisto, cancella il proprio account, ordine fallito ecc &#8230;</p>
<p>Per modificare il contenuto delle notifiche di posta elettronica automatiche, basta recarsi nelle impostazioni di WooCommerce nella tua Dashboard ed andare nella sezione email, dove potrai gestire le personalizzazioni delle voci :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Email-personalizzate-WooCommerce.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3633 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Email-personalizzate-WooCommerce.png" alt="Email personalizzate WooCommerce" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Email-personalizzate-WooCommerce.png 1890w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Email-personalizzate-WooCommerce-300x83.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Email-personalizzate-WooCommerce-1024x283.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Email-personalizzate-WooCommerce-768x213.png 768w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Email-personalizzate-WooCommerce-1536x425.png 1536w" sizes="(max-width: 1890px) 100vw, 1890px" /></a></p>
<p>&nbsp;</p>
<p>Come vedi è davvero molto semplice personalizzare le notifiche delle azioni che vengono effettuate sul tuo negozio online utilizzando WooCommerce.</p>
<p>Le email inviate di default però, si presentano molto semplici e poco accattivanti.</p>
<p>Oggi voglio consigliarti un plugin che ti permetta di modificare a livello grafico le notifiche inviate ai tuoi clienti dal tuo e-commerce .</p>
<p>&nbsp;</p>
<h2>Creare email grafiche e personalizzare per WooCommerce</h2>
<p>&nbsp;</p>
<p>Uno dei plugin che ritengo molto semplice da utilizzare è <a style="color: #fac921;" href="https://wordpress.org/plugins/kadence-woocommerce-email-designer/" target="_blank" rel="noopener">Kadence WooCommerce Email Designer</a> , ti permette di modificare la grafica attraverso i suoi template gratuiti e vedere il risultato in tempo reale :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/personalizzare-grafica-email-woocommerce.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3634 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/personalizzare-grafica-email-woocommerce.png" alt="email personalizzare grafica email woocommerce" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/personalizzare-grafica-email-woocommerce.png 1438w, https://alessandroalbergo.it/wp-content/uploads/2021/04/personalizzare-grafica-email-woocommerce-300x191.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/personalizzare-grafica-email-woocommerce-1024x652.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/04/personalizzare-grafica-email-woocommerce-768x489.png 768w" sizes="(max-width: 1438px) 100vw, 1438px" /></a></p>
<p>&nbsp;</p>
<p>Come vedi è davvero molto semplice.</p>
<p>Scegli il template che fa per te e il contenuto modificato prima nella sezione email sarà arricchito dalla tua grafica scelta .</p>
<p>Adesso potrai personalizzare le tue email ed inviare notifiche ai tuoi clienti in maniera più elegante e professionale .</p>
<p>È stato utile questo articolo ? <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Lasciami un commento <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/email-personalizzate-woocommerce/">Email personalizzate WooCommerce</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/email-personalizzate-woocommerce/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Badge prodotto in promozione WooCommerce</title>
		<link>https://alessandroalbergo.it/badge-prodotto-in-promozione-woocommerce/</link>
					<comments>https://alessandroalbergo.it/badge-prodotto-in-promozione-woocommerce/#comments</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Thu, 29 Apr 2021 11:00:44 +0000</pubDate>
				<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Temi Wordpress]]></category>
		<category><![CDATA[woocommerce]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[badge prodotto]]></category>
		<category><![CDATA[wordpress theme]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3624</guid>

					<description><![CDATA[<p>Su un prodotto scontato su un sito in WordPress, utilizzando il plugin WooCommerce , generalmente viene mostrato un badge o una parola evidenziata che ha come testo “In promozione”, . Di solito il testo varia in base al tema installato presente sul proprio sito WP. &#160; &#160; Vorresti modificare quel badge/parola che appare sulle foto..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/badge-prodotto-in-promozione-woocommerce/">Badge prodotto in promozione WooCommerce</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Su un prodotto scontato su un sito in WordPress, utilizzando il plugin <a style="color: #fac921;" href="https://woocommerce.com/" target="_blank" rel="noopener noreferrer">WooCommerce</a> , generalmente viene mostrato un badge o una parola evidenziata che ha come testo “<strong>In promozione</strong>”, . Di solito il testo varia in base al tema installato presente sul proprio sito WP.</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/WooCommerce-Sale-DreamHost-750x498-1.jpg" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3627 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/WooCommerce-Sale-DreamHost-750x498-1.jpg" alt="Badge prodotto in promozione WooCommerce" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/WooCommerce-Sale-DreamHost-750x498-1.jpg 750w, https://alessandroalbergo.it/wp-content/uploads/2021/04/WooCommerce-Sale-DreamHost-750x498-1-300x199.jpg 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/WooCommerce-Sale-DreamHost-750x498-1-604x400.jpg 604w, https://alessandroalbergo.it/wp-content/uploads/2021/04/WooCommerce-Sale-DreamHost-750x498-1-349x233.jpg 349w" sizes="(max-width: 750px) 100vw, 750px" /></a></p>
<p>&nbsp;</p>
<p><b>Vorresti modificare quel badge/parola che appare sulle foto dei tuoi prodotti, ma non c&#8217;è una sezione che ti permetta di farlo ? Niente panico, scopriamo come farlo in pochissimi minuti!</b></p>
<p>Per prima cosa quello che ti serve è un FTP Manager, oppure potrai utilizzare il plugin che ti permetta di vedere i tuoi file come ho scritto precedentemente <a style="color: #fac921;" href="https://alessandroalbergo.it/condividere-files-in-una-sottocartella-della-directory-di-wordpress/">in questo articolo</a> .</p>
<p>&nbsp;</p>
<h2>Modificare Badge prodotto in promozione WooCommerce</h2>
<p>&nbsp;</p>
<p>Adesso rechiamoci nella cartella del tema in uso in wp-content -&gt; themes -&gt; cartella (nome del tuo tema) .</p>
<p>Nel tema ci sarò un file chiamato &#8220;<strong>functions.php</strong>&#8221; , apriamolo e incolliamo questo codice che ho già preparato per te :</p>
<div class="wp-block-codemirror-blocks code-block ">
<pre class="CodeMirror" data-setting="{&quot;mode&quot;:&quot;php&quot;,&quot;mime&quot;:&quot;text/x-php&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}">/**
Calcolo e vista della percentuale di sconto sul prodotto - WooCommerce
*/
add_action( 'woocommerce_before_single_product_summary', 'labdesign80_show_sale_percentage', 25 );
add_action( 'woocommerce_before_shop_loop_item_title', 'labdesign80_show_sale_percentage', 25 );
 
function labdesign80_show_sale_percentage() {
global $product;
if ( $product-&gt;is_on_sale() ) {
if ( ! $product-&gt;is_type( 'variable' ) ) {
$max_percentage = round( ( ( $product-&gt;regular_price - $product-&gt;sale_price ) / $product-&gt;regular_price ) * 100 );
} else {
foreach ( $product-&gt;get_children() as $child_id ) :
$variation = $product-&gt;get_child( $child_id );
$price = $variation-&gt;get_regular_price();
$sale = $variation-&gt;get_sale_price();
$percentage = $price != 0 &amp;&amp; ! empty( $sale ) ? ( ( $price - $sale ) / $price * 100 ) : $max_percentage;
if ( $percentage &gt;= $highest_percentage ) :
$max_percentage = $percentage;
$regular_price = $product-&gt;get_variation_regular_price( 'min' );
$sale_price = $product-&gt;get_variation_sale_price( 'min' );
endif;
endforeach;
}
echo apply_filters( 'woocommerce_sale_flash', '&lt;span class="onsale"&gt;-' . round($max_percentage) . '%&lt;/span&gt;', $post, $product );
}
}</pre>
</div>
<p><strong>Con questo codice ora vedrai la percentuale di sconto in totale sul prodotto.</strong></p>
<p>Se il tuo prodotto costasse 100€ e il prezzo di promozione fosse 50€ , questo <b>snippet</b>  <strong>di codice</strong> mostrerà la percentuale esatta anziché la parola sulla/sotto la foto del prodotto, ovvero <strong>50%</strong>.</p>
<p>Se invece quello che cerchi è semplicemente un metodo per modificare la parola &#8220;in promozione&#8221; sulla foto del prodotto  , potrai usare questo snippet :</p>
<div class="wp-block-codemirror-blocks code-block ">
<pre class="CodeMirror" data-setting="{&quot;mode&quot;:&quot;php&quot;,&quot;mime&quot;:&quot;text/x-php&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}">&lt;?php if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly } global $post, $product; ?&gt;
 
&lt;?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly global $post, $product; if ( ! $product-&gt;is_in_stock() ) return;
$sale_price = get_post_meta( $product-&gt;id, '_price', true);
$regular_price = get_post_meta( $product-&gt;id, '_regular_price', true);
if (empty($regular_price)){ //then this is a variable product
$available_variations = $product-&gt;get_available_variations();
$variation_id=$available_variations[0]['variation_id'];
$variation= new WC_Product_Variation( $variation_id );
$regular_price = $variation -&gt;regular_price;
$sale_price = $variation -&gt;sale_price;
}
$sale = Cancellami e modifica questa frase ;
?&gt;
&lt;?php if ( !empty( $regular_price ) &amp;&amp; !empty( $sale_price ) &amp;&amp; $regular_price &gt; $sale_price ) : ?&gt;
&lt;?php echo
apply_filters( 'woocommerce_sale_flash', '&lt;span class="onsale"&gt; $sale &lt;/span&gt;', $post, $product );
?&gt;
&lt;?php endif; ?&gt;</pre>
</div>
<p>Tutto quello che dovrai fare è modificare la frase &#8220;cancellami e modifica questa frase&#8221; che ho creato per te.</p>
<p>Chiaramente dovrai utilizzare piccole parole, come &#8220;scontato&#8221; o &#8220;in sconto&#8221; per non pasticciare troppo la foto del prodotto in promozione di WooCommerce sul tuo WordPress.</p>
<p>&nbsp;</p>
<h2>Rimuovere il badge o la parola sul prodotto in promozione</h2>
<p>&nbsp;</p>
<p><strong>Vorresti rimuovere il badge/parola dal tuo prodotto in promozione?  </strong></p>
<p>Incolla questo codice :</p>
<div class="wp-block-codemirror-blocks code-block ">
<pre class="CodeMirror" data-setting="{&quot;mode&quot;:&quot;php&quot;,&quot;mime&quot;:&quot;text/x-php&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}">add_filter('woocommerce_sale_flash', 'lw_hide_sale_flash');
function lw_hide_sale_flash()
{
return false;
}</pre>
</div>
<p>Bene adesso avrai il tuo prodotto con un badge personalizzato ! <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>È stato utile questo articolo ? <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Lasciami un commento</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/badge-prodotto-in-promozione-woocommerce/">Badge prodotto in promozione WooCommerce</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/badge-prodotto-in-promozione-woocommerce/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Pagina dei media WordPress</title>
		<link>https://alessandroalbergo.it/pagina-dei-media-wordpress/</link>
					<comments>https://alessandroalbergo.it/pagina-dei-media-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Wed, 28 Apr 2021 11:00:45 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Temi Wordpress]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[codice]]></category>
		<category><![CDATA[Condivisione Files]]></category>
		<category><![CDATA[directory wordpress]]></category>
		<category><![CDATA[immagini]]></category>
		<category><![CDATA[web]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3620</guid>

					<description><![CDATA[<p>Per impostazione predefinita, WordPress crea una singola pagina per ogni allegato multimediale ( media ) che carichi sul tuo sito. Un&#8217;immagine sul tuo sito web potrebbe diventare popolare e le persone potrebbero iniziare a raggiungere la tua pagina dei media direttamente dalla ricerca di Google. Ma potrebbe capitare che chi clicca la tua immagine sui..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/pagina-dei-media-wordpress/">Pagina dei media WordPress</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Per impostazione predefinita, WordPress crea una singola pagina per ogni allegato multimediale ( media ) che carichi sul tuo sito.</strong></p>
<p>Un&#8217;immagine sul tuo sito web potrebbe diventare popolare e le persone potrebbero iniziare a raggiungere la tua pagina dei media direttamente dalla ricerca di Google.</p>
<p>Ma potrebbe capitare che chi clicca la tua immagine sui motori di ricerca venga reindirizzato sulla tua pagina dei media e non sulla pagina del post di WordPress che contiene quell&#8217;immagine.</p>
<p><strong>Se quello che cerchi è un modo che ti permetta di far raggiungere le tue pagine e nascondere la tua pagina dei media, allora sei nel posto giusto !</strong></p>
<p>&nbsp;</p>
<h2>Come disabilitare la tua pagina dei media sul tuo WordPress</h2>
<p>&nbsp;</p>
<p>Il modo più semplice è aggiungere uno snippet di codice sul nostro tema di WordPress che ti permetta di creare un redirect sulla pagina che contiene l&#8217;immagine o una <a style="color: #fac921;" href="https://alessandroalbergo.it/galleria-foto-per-wordpress/" target="_blank" rel="noopener">galleria di immagini</a> trovate su Google.</p>
<p>Creiamo un nuovo file nella cartella del tuo tema in uso di WordPress utilizzando un FTP manager come <a style="color: #fac921;" href="https://filezilla-project.org/" target="_blank" rel="noopener">FileZilla</a>.</p>
<p>Rinominiamo il file con il nome &#8221; <strong>image.php</strong> &#8220;.</p>
<p>PS: Se il tuo tema ha già un file &#8221; <strong>image.php</strong>&#8221; dovrai semplicemente modificarlo.</p>
<p>Dopodiché, tutto ciò che devi fare è aggiungere il seguente codice come prima riga nel file appena creato :</p>
<div class="wp-block-codemirror-blocks code-block ">
<pre class="CodeMirror" data-setting="{&quot;mode&quot;:&quot;php&quot;,&quot;mime&quot;:&quot;text/x-php&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}">&lt;?php wp_redirect(get_permalink($post-&gt;post_parent)); ?&gt;</pre>
</div>
<p>Adesso non ti resta che salvare il file modificato.</p>
<p>Ora, quando un utente trova un&#8217;immagine del tuo sito su Google, cliccandoci sopra verrà reindirizzato al post principale che la contiene.</p>
<p>È stato utile questo articolo <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ?</p>
<p>Lasciami un commento <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/pagina-dei-media-wordpress/">Pagina dei media WordPress</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/pagina-dei-media-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Aggiungere icone al menu di WordPress</title>
		<link>https://alessandroalbergo.it/aggiungere-icone-al-menu-di-wordpress/</link>
					<comments>https://alessandroalbergo.it/aggiungere-icone-al-menu-di-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Mon, 26 Apr 2021 11:00:44 +0000</pubDate>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[plugin wordpress]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Temi Wordpress]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Icone]]></category>
		<category><![CDATA[Menu]]></category>
		<category><![CDATA[Wordpress Plugins]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3601</guid>

					<description><![CDATA[<p>Stai cercando un metodo per aggiungere le icone nel tuo menu di WordPress ? Vediamo come poter riuscire a farlo in pochi minuti . Come al solito mi piace mostrare più metodi per riuscire ad ottenere un risultato sul proprio sito web. &#160; Come aggiungere icone nel Menu di WordPress con Font Awesome : &#160;..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/aggiungere-icone-al-menu-di-wordpress/">Aggiungere icone al menu di WordPress</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Stai cercando un metodo per aggiungere le icone nel tuo menu di WordPress ? Vediamo come poter riuscire a farlo in pochi minuti .</strong></p>
<p>Come al solito mi piace mostrare più metodi per riuscire ad ottenere un risultato sul proprio sito web.</p>
<p>&nbsp;</p>
<h2>Come aggiungere icone nel Menu di WordPress con Font Awesome :</h2>
<p>&nbsp;</p>
<p>Il primo metodo, è utilizzare un plugin chiamato <a style="color: #fac921;" href="https://fontawesome.com/" target="_blank" rel="noopener">Fontawesome</a> , facilmente installabile come già ho spiegato in qualche articolo precedente : <a style="color: #fac921;" href="https://alessandroalbergo.it/colore-icona-instagram-font-awesome/" target="_blank" rel="noopener">CLICCA QUI </a>per leggere l&#8217;articolo.</p>
<p>Installata la nostra libreria potrai copiare il codice icona dal sito della libreria i incollarlo direttamente nel tuo menu :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungere-icone-menu-Wordpress.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3604 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungere-icone-menu-Wordpress.png" alt="Aggiungere icone menu WordPress" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungere-icone-menu-Wordpress.png 1177w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungere-icone-menu-Wordpress-300x147.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungere-icone-menu-Wordpress-1024x502.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungere-icone-menu-Wordpress-768x376.png 768w" sizes="(max-width: 1177px) 100vw, 1177px" /></a></p>
<p>&nbsp;</p>
<p>Il risultato sarà visibile nella tua parte frontend del sito:</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Icone-aggiungere-a-menu-Wordpress.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3605 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Icone-aggiungere-a-menu-Wordpress.png" alt="Icone aggiungere a menu WordPress" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Icone-aggiungere-a-menu-Wordpress.png 477w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Icone-aggiungere-a-menu-Wordpress-300x112.png 300w" sizes="(max-width: 477px) 100vw, 477px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>Metodo 2 &#8211; Plugin WP Menu Icons :</h2>
<p>&nbsp;</p>
<p>Se quello che stai cercando invece è un plugin più semplice e immediato, potresti utilizzare <a style="color: #fac921;" href="https://wordpress.org/plugins/wp-menu-icons/" target="_blank" rel="noopener">WP Menu Icons</a> , ti basterà scaricare il pacchetto dal sito ufficiale o dal tuo WordPress stesso per poter incominciare a divertirti con le tue icone personalizzate :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungere-icone-menu-Wordpress-wp-menu-icons.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3607 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungere-icone-menu-Wordpress-wp-menu-icons.png" alt="Aggiungere icone menu WordPress wp menu icons" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungere-icone-menu-Wordpress-wp-menu-icons.png 575w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungere-icone-menu-Wordpress-wp-menu-icons-300x145.png 300w" sizes="(max-width: 575px) 100vw, 575px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Noterai appena attivato il plugin che nell&#8217;editor del tuo menu WordPress ci sarà un simbolo &#8220;+&#8221;  su ogni voce,  potrai scegliere la libreria di importazione e le icone :</p>
<p>&nbsp;</p>
<p><img decoding="async" class="aligncenter wp-image-3608 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Wp-menu-icons.png" alt="Wp menu icons" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Wp-menu-icons.png 1718w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Wp-menu-icons-300x95.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Wp-menu-icons-1024x323.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Wp-menu-icons-768x242.png 768w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Wp-menu-icons-1536x485.png 1536w" sizes="(max-width: 1718px) 100vw, 1718px" /></p>
<p>&nbsp;</p>
<p>Ora aggiungiamo una voce nel menù sotto quella che abbiamo creato precedentemente e vediamo le differenze :</p>
<p>&nbsp;</p>
<p><img decoding="async" class="aligncenter wp-image-3609 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungi-icona.png" alt="Aggiungi icona" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungi-icona.png 426w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungi-icona-300x266.png 300w" sizes="(max-width: 426px) 100vw, 426px" /></p>
<p>&nbsp;</p>
<p>Mentre per la prima voce abbiamo utilizzato il codice preso dal sito Font Awesome , per la seconda voce invece possiamo direttamente utilizzare il simbolo &#8220;+&#8221; per scegliere l&#8217;icona :</p>
<p>&nbsp;</p>
<p><img decoding="async" class="aligncenter wp-image-3610 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Icone-wp-menu-icons-aggiungere-icone-al-tuo-sito-Wordpress.png" alt="Icone wp menu icons aggiungere icone al tuo sito WordPress" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Icone-wp-menu-icons-aggiungere-icone-al-tuo-sito-Wordpress.png 1557w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Icone-wp-menu-icons-aggiungere-icone-al-tuo-sito-Wordpress-300x154.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Icone-wp-menu-icons-aggiungere-icone-al-tuo-sito-Wordpress-1024x526.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Icone-wp-menu-icons-aggiungere-icone-al-tuo-sito-Wordpress-768x395.png 768w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Icone-wp-menu-icons-aggiungere-icone-al-tuo-sito-Wordpress-1536x789.png 1536w" sizes="(max-width: 1557px) 100vw, 1557px" /></p>
<p>&nbsp;</p>
<p>Bene, adesso non ti resta che personalizzare ogni voce del tuo menu e goderti il sito in WordPress con una user experience migliorata !</p>
<p>È stato utile questo articolo ? <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Lasciami un commento <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/aggiungere-icone-al-menu-di-wordpress/">Aggiungere icone al menu di WordPress</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/aggiungere-icone-al-menu-di-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
