Indice dei contenuti

Aprire attività a Empoli sito web: il primo investimento per la tua nuova impresa

Stai per aprire attività a Empoli — un negozio, uno studio professionale, un laboratorio artigianale. Hai già pensato all’insegna, ai biglietti da visita, forse hai trovato anche i locali giusti. Ma hai già un sito web? Se la risposta è no, questo articolo è scritto apposta per te: ti spiego perché aprire attività a Empoli sito web professionale incluso è la mossa più intelligente che puoi fare fin dal giorno uno.

Perché aprire un’attività senza sito web nel 2025 è un rischio

Quando un potenziale cliente sente parlare della tua attività — da un amico, su un cartello, o passando davanti alla tua vetrina — la prima cosa che fa è cercarti su Google. Chi decide di aprire attività a Empoli sito web incluso parte già avvantaggiato: è trovabile da subito. Chi invece rimanda perde clienti reali ogni giorno, perché online non esiste.

Ho lavorato con decine di attività del Valdarno Inferiore — negozi, studi medici, artigiani, ristoratori, concerie. Il denominatore comune di chi stentava era sempre lo stesso: nessuna presenza digitale. Chi invece ha scelto di aprire attività a Empoli sito web professionale come punto di partenza ha ottenuto risultati concreti molto prima degli altri. Un sito non sostituisce il passaparola, ma lo amplifica enormemente.

Cosa fa davvero un sito web per una nuova attività a Empoli

Un sito web ben fatto non è una vetrina statica. È uno strumento di lavoro attivo. Ecco cosa fa concretamente per la tua attività appena aperta:

• Ti rende trovabile su Google quando qualcuno cerca il tuo servizio a Empoli o nei dintorni.
• Racconta chi sei e cosa fai in modo professionale, 24 ore su 24, senza che tu debba essere presente.
• Genera richieste di contatto e preventivi mentre sei al lavoro — o mentre dormi.
• Rafforza la tua credibilità rispetto ai competitor che ancora non ce l’hanno.
• Ti permette di raccogliere recensioni e costruire una reputazione online verificabile.

Non si tratta di avere un sito «bello». Si tratta di avere un sito che funziona — veloce, ottimizzato per i motori di ricerca, e pensato per il tuo target locale.

SEO locale: essere trovati a Empoli e nel Valdarno

Aprire attività a Empoli sito web ottimizzato per la SEO locale è una combinazione vincente: il mercato locale è accessibile, le persone cercano soluzioni vicine a casa, e la concorrenza digitale è spesso ancora bassa. Con una strategia SEO impostata fin dall’inizio, puoi posizionarti rapidamente sui risultati di ricerca per le keyword più rilevanti del tuo settore.

Io mi occupo di SEO a Empoli e nel Valdarno Inferiore da anni. Aiuto chi vuole aprire attività a Empoli sito web alla mano a posizionarsi fin da subito. So come funziona il territorio, conosco le dinamiche locali, e so quali keyword portano traffico qualificato — non visite casuali, ma clienti che cercano esattamente quello che offri attraverso la search console.

Quanto tempo ci vuole per avere un sito web pronto?

Per chi vuole aprire attività a Empoli sito web compreso, i tempi standard sono 2-4 settimane per un progetto completo — pagine principali, sezione servizi, form di contatto, integrazione Google My Business e SEO on-site di base. Se stai aprendo a breve, è utile avviare la conversazione il prima possibile, anche prima dell’apertura ufficiale: un sito online dal giorno uno parte già avvantaggiato.

Aprire attività a Empoli sito web: quanto costa?

La domanda giusta non è quanto costa, ma quanto vale avere clienti che ti trovano ogni giorno. Per chi vuole aprire attività a Empoli sito web professionale incluso, i progetti che seguo partono tipicamente da 1.000 euro e variano in base a funzionalità, pagine e integrazioni. Non vendo pacchetti preconfezionati: ogni preventivo nasce da un’analisi reale. E la prima consulenza è sempre gratuita.

→ Approfondisci qui: Quanto costa un sito web a Empoli nel 2026?

Come inizio? Il processo di lavoro con 360Smartweb

Lavoro in modo trasparente e strutturato, con una sequenza in cinque step:

• Analisi gratuita: parliamo della tua attività, del tuo target, dei tuoi obiettivi. Nessun impegno.
• Proposta: ti presento due opzioni concrete — o ti affianco come consulente mentre gestisci alcune cose tu, oppure ti delego l’intero progetto.
• Progettazione: wireframe, architettura dei contenuti, scelta del look in linea con il tuo brand.
• Sviluppo WordPress: costruisco il sito con il mio tema custom, puoi vedere come lavoro nella pagina creare siti web, ottimizzato per velocità e SEO.
• Lancio e supporto: il sito va online, ti formo sull’uso del pannello, resto disponibile per aggiornamenti e assistenza.

Empoli e il Valdarno Inferiore: un territorio in crescita, ma ancora poco digitale

Empoli è una città dinamica, con un tessuto imprenditoriale attivo che spazia dall’artigianato alla manifattura, dai servizi professionali alla ristorazione. Il bacino del Valdarno Inferiore — che include Castelfiorentino, Certaldo, Montelupo Fiorentino, San Miniato e Santa Croce sull’Arno — conta decine di migliaia di persone che cercano prodotti e servizi online ogni giorno.

Eppure molte attività locali sono ancora invisibili su Google. Aprire attività a Empoli sito web professionale alle spalle è un vantaggio competitivo reale: sei tra i pochi trovabili online nel tuo settore. Essere primo su Google in una nicchia locale significa guadagnare visibilità che durerà anni.

Segui clienti anche da Castelfiorentino, Certaldo, Montelupo e dintorni?

Se la tua attività serve un’area più ampia, aprire attività a Empoli sito web con geo-targeting diventa ancora più strategico. Con ottimizzazioni SEO locali — pagine dedicate, contenuti geo-specifici, Google Business Profile ottimizzato — puoi essere trovato da clienti in tutto il comprensorio empolese senza spendere in pubblicità.

FAQ: aprire attività a Empoli sito web — le domande più comuni

Vuoi aprire attività a Empoli sito web già pronto al lancio?

Aprire attività a Empoli sito web professionale già attivo: è esattamente quello che ho aiutato a fare a decine di imprenditori, artigiani e professionisti del Valdarno Inferiore. Posso farlo anche per te. Contattami per una consulenza gratuita: analizzeremo insieme la situazione e troveremo il percorso migliore.

→ Richiedi subito la tua analisi gratuita

Sito web per apertura attività a Empoli

Table of Contents

È una delle situazioni più frustranti che sento raccontare dai miei clienti: “Ho aperto l’attività, ho tutto a posto, ma la mia azienda di Empoli non appare su Google Maps.” Succede più spesso di quanto si pensi, e quasi sempre la causa non è un problema tecnico misterioso — è uno di questi cinque errori che vedo ripetersi costantemente sul territorio. Se la tua impresa è invisibile su Google Maps, continua a leggere.

Google Maps non è solo uno strumento per trovare indirizzi. È oggi il primo punto di contatto tra un cliente potenziale e un’attività locale. Chi cerca un idraulico, un avvocato o un ristorante a Empoli lo fa quasi sempre da smartphone, e il primo risultato che vede è proprio la mappa. Non esserci significa regalare clienti alla concorrenza, ogni singolo giorno.

1. La scheda Google My Business non è stata verificata

Il motivo più comune per cui un’azienda di Empoli non appare su Google Maps è semplicissimo: la scheda Google My Business esiste, ma non è mai stata verificata. Google richiede una verifica — solitamente tramite cartolina postale, telefonata o video — per confermare che l’attività esiste davvero all’indirizzo indicato. Finché questa verifica non viene completata, la scheda resta invisibile nelle ricerche locali. Ho incontrato imprenditori convinti di essere online da mesi che, in realtà, non avevano mai concluso questo passaggio fondamentale.

2. Le informazioni sono incomplete o incoerenti

Google premia le schede complete e punisce quelle trascurate. Se il nome dell’attività, l’indirizzo o il numero di telefono sulla scheda Google My Business non corrispondono esattamente a quelli presenti sul tuo sito web, Google interpreta l’incoerenza come un segnale di inaffidabilità e abbassa il posizionamento. Quando un’impresa di Empoli non appare su Google Maps pur avendo una scheda attiva, il problema è quasi sempre qui: dati mancanti, categoria sbagliata, orari non aggiornati o descrizione assente.

3. Il sito web non supporta la SEO locale

Google Maps e il sito web di un’azienda non sono due mondi separati: si influenzano a vicenda. Un sito web privo di riferimenti geografici espliciti — il nome della città, le zone di intervento, i contenuti ottimizzati per ricerche locali — indebolisce anche la visibilità sulla mappa. Se il tuo sito non dice chiaramente che operi a Empoli, nel Valdarno o in provincia di Firenze, Google ha meno elementi per mostrarti nelle ricerche locali. È uno degli interventi che realizzo più spesso per i miei clienti: allineare il sito web alla strategia Google Maps per moltiplicare la visibilità su entrambi i fronti.

4. Nessuna recensione — o peggio, recensioni negative senza risposta

Le recensioni su Google Maps sono uno dei fattori di ranking più sottovalutati. Un’azienda con zero recensioni viene penalizzata rispetto ai concorrenti che ne hanno anche solo cinque o dieci. Ma c’è un errore ancora più grave: ricevere recensioni negative e ignorarle. Google valuta positivamente le attività che rispondono alle recensioni — sia positive che negative — perché è un segnale di cura verso i clienti e di gestione attiva della scheda. Se la tua azienda di Empoli non appare su Google Maps nonostante la scheda sembri in ordine, controlla quante recensioni hai e come le hai gestite.

5. La scheda è stata sospesa o penalizzata da Google

Google può sospendere una scheda Google My Business per diversi motivi: informazioni sospette, segnalazioni da parte di utenti o concorrenti, o violazioni delle linee guida. Una scheda sospesa sparisce completamente dai risultati, compresa la mappa. È un caso meno frequente ma più difficile da risolvere, perché richiede di capire esattamente la causa della sospensione e di presentare una richiesta di revisione documentata. Se sospetti che la tua scheda sia stata sospesa, è il momento di affidarti a un professionista.

Cosa fare se la tua azienda di Empoli non appare su Google Maps

Il primo passo è un’analisi seria della situazione: verificare lo stato della scheda, controllare la coerenza dei dati, valutare il sito web e leggere le recensioni. Non è un lavoro che si fa in dieci minuti, ma i risultati — quando si interviene nel modo giusto — arrivano in tempi relativamente brevi. Ho aiutato decine di attività del territorio empolese a passare dall’invisibilità a un posizionamento stabile nelle prime posizioni di Google Maps, con un impatto diretto e misurabile sulle telefonate e sui contatti ricevuti.

Vuoi che analizzi gratuitamente la tua scheda Google Maps?

Se la tua azienda di Empoli non appare su Google Maps, o appare ma in una posizione troppo bassa per fare la differenza, contattami. Faccio un’analisi gratuita della tua situazione e ti dico esattamente cosa non funziona e come sistemarlo. Nessun tecnicismo inutile, nessun impegno: solo un confronto diretto tra professionisti.

# La tua azienda di Empoli non appare su google maps

Table of Contents

Dopo anni di lavoro con imprenditori, professionisti e attività commerciali del territorio, la domanda che mi viene posta più spesso è sempre la stessa: quanto costa un sito web a Empoli? La risposta onesta è: dipende. Ma in questo articolo ti spiego esattamente da cosa dipende — e come non farti trovare impreparato quando chiedi un preventivo a un professionista del web.

Il mercato locale ha le sue regole: cosa ho imparato sul campo

Lavoro ogni giorno con aziende, artigiani e liberi professionisti dell’area empolese. Ho visto preventivi da 99 euro e preventivi da 15.000 euro per lo stesso tipo di progetto. La differenza non sta quasi mai nel sito in sé: sta nella competenza di chi lo realizza, nella strategia che c’è dietro e nel supporto che ricevi dopo la consegna. Quando un imprenditore locale mi chiede quanto costa un sito web a Empoli, la mia risposta inizia sempre da una domanda: cosa deve fare per te? Un sito web non è un volantino. È il tuo miglior commerciale, attivo 24 ore su 24, 365 giorni l’anno.

Quanto costa un sito web a Empoli: le fasce di prezzo reali nel 2026

Basandomi sulla mia esperienza diretta con clienti del territorio, queste sono le fasce di investimento più comuni per chi vuole realizzare un sito web a Empoli e dintorni:

Sito vetrina professionale: da 800€ a 1.600€

La soluzione ideale per studi professionali, ristoranti, negozi e artigiani. Include design personalizzato, ottimizzazione SEO di base, modulo di contatto e navigazione ottimizzata per smartphone. È il punto di partenza per chi vuole essere trovato online nella propria zona senza sprecare budget.

Sito aziendale con SEO locale: da 1.600€ a 2.700€

Per le PMI del distretto empolese che vogliono competere seriamente su Google. Questo tipo di progetto include un’architettura del sito studiata per il posizionamento organico, contenuti ottimizzati per parole chiave locali, sezione blog e integrazione con Google My Business. Quando mi chiedono quanto costa un sito web a Empoli per un’azienda strutturata, questa è la fascia che consiglio come investimento minimo serio.

E-commerce e soluzioni avanzate: da 2.700€ a 10.000€

Vendere online richiede un progetto serio: catalogo prodotti, sistema di pagamento sicuro, gestione degli ordini e ottimizzazione per velocità e conversioni. Il costo varia in base alla complessità, ma un e-commerce fatto male costa molto di più di uno fatto bene — in termini di vendite perse e reputazione danneggiata.

Perché affidarsi a un esperto locale fa davvero la differenza

Chi si chiede quanto costa un sito web a Empoli spesso confronta preventivi di agenzie milanesi o piattaforme online con i prezzi di un professionista locale. Il confronto, però, non regge: lavorare con qualcuno che conosce il tessuto economico di Empoli, Castelfiorentino, Certaldo e dell’intero Valdarno Inferiore significa avere al fianco un consulente che capisce il tuo mercato, i tuoi clienti e la tua concorrenza locale. Non un ticket aperto su una piattaforma anonima — una relazione professionale vera, costruita nel tempo.

Attenzione alle offerte troppo basse: il risparmio che non conviene

Nel corso degli anni ho “ereditato” decine di siti da rifare completamente dopo pochi mesi. Siti lenti, non ottimizzati per Google, impossibili da aggiornare, con codice scadente e template generici acquistati per pochi euro. Quando qualcuno mi contatta chiedendo quanto costa un sito web a Empoli e mi mostra un preventivo da 150 euro, so già come andrà a finire. Un sito web è un investimento: va valutato sul ritorno che genera, non solo sul costo iniziale.

Cosa deve sempre essere incluso nel preventivo

Quando richiedi un preventivo per il tuo sito web, verifica che siano chiaramente indicate queste voci fondamentali:

• Design grafico personalizzato (non un template generico)
• Ottimizzazione SEO on-page per le parole chiave del tuo settore
• Versione mobile perfettamente funzionante
• Velocità di caricamento ottimizzata (Core Web Vitals Google)
• Configurazione di Google Analytics e Search Console
• Piano di manutenzione e aggiornamenti post-consegna

Vuoi sapere quanto costa un sito web a Empoli per la tua attività?

Non esiste il sito giusto in assoluto: esiste il sito giusto per la tua attività, il tuo mercato e i tuoi obiettivi. Per questo il mio approccio inizia sempre da un confronto diretto — senza impegno e senza moduli da compilare. Se hai un progetto in mente, o anche solo vuoi capire quanto costa un sito web a Empoli per la tua specifica situazione, contattami oggi stesso. Analizziamo insieme le tue esigenze e costruiamo qualcosa che funzioni davvero.

Buongiorno a tutti i lettori,
oggi vediamo come realizzare lo smooth scroll in css, quell’effetto piacevole che permette lo scroll da un link ad un ancora sulla pagina, attraverso una semplicissima animazione fluida (effetto molto simile a quello già realizzato nella guida Come aggiungere il pulsante scroll top a WordPress in 5 minuti, animazione realizzata in jQuery).

La guida è semplice ed è alla portata di tutti.

CSS Smooth scroll to anchor (scroll della pagina fluido verso le ancore)

Per realizzare questo scroll fluido, le righe di codice si contano davvero in una mano: vedi il codice qui sotto.

/* Applicare css smooth scroll a tutta la pagina */
html {
  scroll-behavior: smooth;
}

Questo codice permette di avere lo scroll smooth in tutta la pagina, se usi WordPress e utilizzi lo style.css lo vedrai su tutto il sito web.

/* Applicare css smooth scroll solo ad ancore custom */
#tuo-id {
  scroll-behavior: smooth;
}

Quest’altro codice, invece, permette lo scroll to anchor solo e soltanto ad un ID o classe (basta modificare il selettore iniziale) in modo da poter decidere voi stessi quali ancore debbano avere lo scroll fluido e quali no.

Velocità dello scroll -> Scroll Smooth Speed

CSS3, nonostante sia molto avanzato e permetta di fare cose che fino a poco tempo fa erano impensabili, non permette la regolazione della velocità di scroll. In caso le vostre necessità siano obbligatoriamente quelle di averlo più lento o più veloce, continuate con la lettura della guida e scoprite come realizzarlo con jQuery.

Compatibilità Scroll Behavior

La compatibilità di questa proprietà CSS è quasi totale (attualmente solo ie, Internet Explorer non è compatibile), ma ci sono vecchie versioni di browser che non sono compatibili e richiedono l’azione di qualche riga di codice da parte di jQuery.

Per l’alta percentuale di compatibilità sconsiglio questa pratica, va solo ad appesantire il vostro file .js

Come ci ricordano gli amici di W3School nella loro pagina (howto css smooth scroll) vediamo insieme il codice da utilizzare per avere la certezza di riuscita per tutti i browser.

jQuery Smooth scroll to anchor

Andiamo a richiamare la libreria jQuery all’interno del tag <head></head> o nel function.php di WordPress.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>

Inseriamo lo script all’interno della pagina su cui vogliamo che lo scroll smooth funzioni (meglio se all’interno del tag <footer></footer>) o all’interno del vostro main.js se usate WordPress.

$(document).ready(function(){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {

    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){

        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });
});
</script>

Come accennato poco fa, non solo questo codice permette di avere la piena compatibilità con tutti i browser, ma permette anche la regolazione della velocità di scroll: nell’esempio qui sopra il valore è impostato a 800 (espresso in millisecondi, quindi poco meno di un secondo).

Smooth scroll offset

Molti di voi che stanno seguendo questa guida si saranno accorti che una volta cliccato sul link che rimanda all’ancora, se sul sito c’è la sticky navbar (la navbar sempre visibile anche dopo lo scroll) i contenuti verranno un po’ nascosti da questa.

Non è un errore di css o di impostazioni ma è la semplice interpretazione del css che manda in posizione top:0 l’elemento ancora.

Come ovviare a questo?

andiamo ad usare un piccolo trucco che permette di avere un offset di 100px o di qualsiasi dimensione voi vogliate.

:target {
    margin-top: -100px;
    padding-top: 100px;
}

Ovviamente potete personalizzarlo a piacimento con dimensioni vostre, in base alla grandezza della vostra navbar.

Se volete vedere qual’è l’offset in questione, guarda l’immagine in cima alla pagina

Conclusioni

Come potete vedere questa guida per il css smooth scroll è davvero alla portata di tutti, principianti, intermedi e esperti (che ovviamente non avranno bisogno di questa guida ).

Come sempre, se avete bisogno di aiuto, commentate questo articolo, sarò felice di aiutarvi nel mio piccolo.

Oggi voglio mostrarvi, in modo “semplice”, come aggiungere il pulsante scroll top a WordPress in fondo alla pagina che al click (su desktop) o al tap (da mobile) porti in alto nella pagina senza dover eseguire scroll infiniti verso l’alto, molto utile per siti con articoli o pagine con molti contenuti.

Un esempio lo potete trovare in questo sito web

Mantenendomi sul solito stile vi mostro come farlo prima tramite codice, e successivamente tramite l’utilizzo di plugin.
Ma veniamo a noi!

Video guida su come aggiungere il pulsante scroll top a WordPress in 5 minuti

Aggiungere il pulsante scroll top a WordPress tramite codice

Realizzare il pulsante scroll top in html

Per prima cosa dobbiamo andare a realizzare la versione html del contenitore del nostro pulsante.

<a id="to-top"><span class="margine-to-top-button">Top</span> <i class="far fa-arrow-alt-circle-up"></i></a>

Andiamo ad inserire il codice qui sopra in header.php all’interno del tag <body>, subito dopo l’apertura.

Assegnare il movimento al bottone scroll top grazie ad un po’ di codice

Successivamente, per aggiungere il pulsante scroll top, dobbiamo andare a scrivere le poche righe di codice che serve per realizzare l’animazione.

  var btn = $('#to-top');
  $(window).scroll(function() {
    if ($(window).scrollTop() > 600) {
      btn.addClass('show');
    } else {
      btn.removeClass('show');
    }
  });
  btn.on('click', function(e) {
    e.preventDefault();
    $('html, body').animate({scrollTop:0}, {easing: "swing", duration: 1000});
  });

Spiegato brevemente, lo script è un jQuery scroll top o jQuery scroll to top, che dir si voglia, , che assegna tutto il contenuto dello script all’ID che noi abbiamo impostato come #to-top, poi si compone in due parti:

Recupero del valore di scroll top

Recupera il valore dello scroll che stiamo eseguendo in quel momento e quando arriviamo ad uno scroll di almeno 600 pixel aggiunge la classe .show, se il valore è minore allora rimuove la solita classe.

Animazione al click o al tap sul pulsante scroll top

Quando il pulsante sarà visibile e quindi dopo che avremo eseguito lo scroll per più di 600px, andiamo ad assegnare l’animazione per fare uno scroll verso l’alto con un effetto di smooth scroll.

Modificare i valori dello script

In questo script, avete la possibilità di andare a modificare alcuni valori come:

• La durata dello scroll: alla voce “duration:1000” che per il momento è impostata su 1 secondo (1000 è un valore espresso in millisecondi, quindi in questo caso sarà un secondo)
• Il tipo di velocità dello scroll: chi conosce il css, sa che si possono inserire più valori come linear, swing, cubic-bazier ecc
• La distanza dal top della pagina: questa distanza è considerata dal margine più alto della pagine, fino al valore scelto.
  Questo valore servirà per andare a mostrare il pulsante (in questo caso 600, che è un valore espresso in pixel).

Assegnare il css al pulsante To Top Page per dare un tocco di grafica

Adesso il pulsante sarà già visibile sul vostro schermo :p scherzo

Anche se non proprio… il pulsante c’è ma non ha la proprietà giusta… assegnamo il css on scroll, qui sopra, per stilizzare e posizionare il tutto:

#to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: auto;
	height: auto;
	background: #ffffffa3;
	line-height: 10px;
	text-align: center;
	border-radius: 5px;
	color: #000;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: all .5s cubic-bezier(.215, .61, .355, 1);
	cursor: pointer;
	padding: 13px 13px;
	font-size: 1.1em;
	box-shadow: 0px 10px 7px -10px #000;
}
#to-top.show {
	opacity: 1;
	visibility: visible;
}
#to-top i {animation: my-animation 1.5s infinite ease-in-out;}
span.margine-to-top-button {margin-right: 10px;}
@keyframes my-animation{
  0% {transform: translateY(-6px);}
	50%{transform: translateY(6px);}
  100% {transform: translateY(-6px);}
}

Se controllate bene il codice css qui sopra, noterete che ho aggiunto una formula che non tutti conoscono, ovvero @keyframe. Questa non fa altro che permetterci di realizzare le nostre animazioni personalizzate, specificando semplicemente la % della timeline e cosa deve fare.

Inserire il pulsante scroll top tramite l’utilizzo di un plugin

WPFront Scroll Top

L’alternativa più semplice è quella di inserire un plugin che faccia questo al posto nostro, ovvero WPFront Scroll Top reperibile sulla repository ufficiale di WordPress.

Il plugin è molto semplice da usare e ricco di opzioni, cliccate le immagini qui sotto per vedere ciò che vi aspetta (Screenshot presi direttamente dalla pagina della repository appena menzionata che potete trovare all’indirizzo https://it.wordpress.org/plugins/wpfront-scroll-top/ ).

Conclusioni

Come avete visto da soli la procedura per aggiungere il pulsante scroll top in WordPress è molto semplice in entrambi i casi e non richiede nessuna particolare skill per poter inserire il pulsante.

Nel caso riscontriate qualche sorta di errore nella procedura o in caso vogliate assistenza nella procedura, non esitate a contattarmi con il modulo di contatto qui sotto.

Come molti di voi sapranno, il classico tag <a href=””> non ha solo il compito di inserire un link all’interno di un teso in html, ma ha anche molteplici utilizzi tra cui il mailto: che permette al realizzatore del testo di far aprire il client di posta (il programma di posta utilizzato di default, come “outlook”, “mail”, “thunderbird” ecc) dell’utente finale, al semplice clic sul link.

Quali sono i valori che si possono assegnare al mailto html?

Creare un link href mailto per far aprire solo il client di posta

Se il vostro intento è semplicemente quello di far aprire il client di posta, è possibile farlo con un semplice mailto: vuoto.

<a href="mailto:">clicca per inviare l'email</a>

Creare un link semplice ad una email pre-impostata

<a href="mailto:nome@sito.it">clicca per inviare l'email</a>

Creare un link semplice a più destinatari con email pre-impostate

<a href="mailto:nome@sito.it,nome2@sito.it,nome3@sito.it">clicca per inviare l'email</a>

Adesso andiamo ad implementare i parametri che abbiamo visto ad inizio post nella tabella.

Creare un link con destinatario e oggetto pre-compilati

<a href="mailto:nome@sito.it?subject=Oggetto del messaggio">Destinatario e oggetto pre-compilato</a>

Analizzaiamo la struttura: come potete vedere, abbiamo inserito dopo il mailto: l’indirizzo email del destinatario e come primo delimitatore di campo, abbiamo inserito il carattere ? seguito dal campo subject= con un testo che verrà visualizzato all’interno del campo oggetto della mail.

Adesso inseriamo un ulteriore campo, mettiamo il campo del testo della mail, al link.

Creare un link con destinatario, oggetto e testo pre-compilati

<a href="mailto:nome@sito.it?subject=Oggetto del messaggio&body=Inserite qui il testo del messaggio">Destinatario, oggetto e testo pre-compilati</a>

Analizziamo la struttura: come vedete, in aggiunta all’esempio precedente, abbiamo delimitato la fine del secondo campo con il simbolo & e abbiamo inserito il campo body= con un breve messaggio.

Creare un link con destinatario, oggetto, testo e campo per conoscenza e conoscenza nascosto pre-compilati

Inseriamo sia il campo per conoscenza e conoscenza nascosto nel solito esempio per non dilungarsi troppo, tanto il procedimento è sempre il solito, non dilunghiamoci troppo.

<a href="mailto:nome@sito.it?subject=Oggetto del messaggio&body=Inserite qui il testo del messaggio&cc=nome2@sito.it&bcc=nome3@sito.it">Destinatario, oggetto, testo pre-compilati e destinatario nascosto</a>

Se volete vedere in azione questi link, eccovi qui sotto una lista da cliccare che vi mostrerà il risultato finale

• Apre solo il client di posta
• Inserisce il destinatario
• Inserisce più destinatari
• Aggiunge il campo oggetto
• Aggiunge anche il campo testo
• Aggiunge anche il capo per conoscenza e nascosto

Come personalizzare il link mailto in WordPress in modo più specifico

Per chi ci segue saprà che cerchiamo sempre di incastrare WordPress in tutte le nostre guide; questa non è un eccezione.

Molto semplicemente, tanto per dare l’input, a chi conosce tutti i template tag e richiami vari, un’applicazione molto favorevole potrebbe essere quella di realizzare un tasto “richiedi info” nella scheda prodotto con il richiamo del titolo nel campo oggetto…

<a href="mailto:nome@sito.it?subject=Richiesta di info per il prodotto <?php the_title(); ?>">Clicca per inviare l'email</a>

In questo modo potrete avere il campo dell’oggetto con il nome del prodotto, richiamato in modo dinamico, nella vostra single-prodotto.php.

Adesso che ho dato il “la” per la dinamicizzazione dei campi, sbizzarritevi pure

Conclusioni

Come avete visto per personalizzare il link mailto ci sono piccoli “trucchetti” che possono aumentare la user experience sul vostro sito e sono molto facili da realizzare, con un coefficiente di difficoltà molto molto basso.

Spero che questa guida vi sia piaciuta e se avete domande a riguardo o dubbi, vi prego di commentare l’articolo, sarò molto felice di aiutarvi.

Bongiorno a tutti i lettori che ci seguono, oggi vogliamo parlare di un argomento che per chi lo fa di professione sembra una cosa scontata ma non lo è, ovvero come personalizzare Il login WordPress.

La personalizzazione del login di WordPress può essere fatta in vari modi e a vari livelli, ovviamente per chi ci conosce sa benissimo che potrà essere fatto in modo manuale, con codici, o in semi-automatico con l’utilizzo di plugin creati appositamente allo scopo

Le personalizzazioni possono essere sia a livello grafico (come inserimento del proprio logo, dei propri colori e del proprio stile di layout grafico) o personalizzazioni di modifica della URL di accesso che, oltre a una personalizzazione pratica serve anche per aumentare la sicurezza del vostro sito WordPress in modo esponenziale.

Qual è la pagina di login di WordPress o URL di login

Iniziamo con il mostrarvi quali sono le pagine di Login di WordPress:

• Wp Login: www.tuosito.it/wp-login
• Admin Login WordPress: www.tuosito.it/wp-admin

Entrambe le soluzioni sono usufruibili da chiunque voglia accedere al sito web, anche se generalmente gli amministratori, sviluppatori o comunque utenti che possono modificare il sito web, utilizzano la versione /wp-admin/ che comunque fa riferimento al file login.php che rimanderà alla Dashboard di WordPress .

Personalizzare la pagina di login di WordPress

Adesso che sapete come si può accedere alla Dashboard di WordPress, passiamo alla vera e propria personalizzazione della pagina, ovvero il WordPress Login; questa può essere semplicemente grafica o di modifica della URL (wp-login o wp-admin) per motivi pratici interni (può essere utile per i membri dello staff avere un link più semplice da ricordare).

Personalizzare la grafica della pagina di log in WordPress

Per personalizzare il login wordpress graficamente, attraverso la sua pagina di login, ci sono due modi:

1. tramite del buon vecchio CSS
2. tramite l’utilizzo di plugin creati appositamente per lo scopo.

Personalizzare la grafica della pagina di login con CSS

Cambiare il colore dello sfondo

Utilizzeremo il nostro blu per mostrarvi l’esempio

body.login{
    background: #073c77;
}

Cambiare il colore di tutti i link

body.login a {
	    color: #fff !important;
}

È necessario inserire !important altrimenti non tutti i link verranno modificati

Cambiare il logo

Nell’esempio utilizzeremo il nostro logo per prova

body.login h1 a {
	    background-image: url(https://360smartweb.it/wp-content/uploads/2019/07/Logo-vettoriale-360smartweb-Giugno-2019.svg?x51216/wp-content/uploads/Logo-Main.png) !important;
	    width: 100% !important;
	    background-size: 300px;
}

Ovviamente di personalizzazioni ce ne sono anche altre, come l’inserimento di una immagine di sfondo

Personalizzare la grafica della pagina di login con un plugin

Adesso, invece, vediamo insieme come modificare l’intera pagina di Login con il plugin “custom login”.

1. Sezione di abilitazione del plugin
   Iniziamo con abilitare il plugin, spuntando il flag su “toggle this plugin on & Off”
2. Sezione HTML
   permette di cambiare il colore di sfondo e addirittura di inserire una immagine di sfondo andando a personalizzare anche la Position, la Size (consigliamo di impostare la size “flex” in modo che si adatti a tutti i dispostivi su cui può essere visualizzata) e il Repeat (in caso di immagini più piccole che non si adattano allo schermo)
3. Sezione Logo
   In questa sezione potrete scegliere il vostro logo, impostando molti campi, come larghezza, altezza, la Size, il Repeat e la Position proprio come per l’immagine di sfondo del punto precedente.
4. Sezione Login form
   In questa sezione è possibile andare a modificare il layout del form di accesso in tutte le sue parti
5. Sezione MISC
   In questa sezione potrete finire la vostra personalizzazione aggiungendo, modificando e rimuovendo l’effetto ombra del form ed i link che si trovano sotto il form di accesso.

Adesso avrete la vostra pagina di login bella modificata secondo le vostre esigenze o gusti grafici.

Personalizzare la URL di login di WordPress o creare un link personalizzato di accesso

In ultima battuta, vediamo come andare a personalizzare la URL della pagina di accesso con un plugin leggero e di semplice configurazione.. WPS Hide Login.

Il plugin si compone di sole due voci:

1. URL di accesso
2. Redirection URL

URL di accesso

Basta inserire la vostra URL nuova che volete (ad esempio www.tuosito.it/accesso/) stando bene attenti ad inserire solo la parte finale; se si prende l’esempio appena fatto, nel form scriverete solo accesso senza / o l’indirizzo del vostro sito

Redirection url

In questo campo, invece, dovrete inserire una pagina di reindirizzamento per chi dovesse tentare l’accesso alla vecchia URL come wp-admin o wp-login.
Di default reidirizzerà alla pagina di errore 404 ma potete anche crearne una vostra custom.

Social login (accedere utilizzando i vostri account social)

Social login è un plugin distribuito gratuitamente che permette agli utenti del sito web, di effettuare la registrazione, prima, e il login, dopo, utilizzando uno dei vostri account social (attualmente sono presenti in lista più di 25 social da cui è possibile registrarsi)

Ovviamente ne fanno parte i big come Google, Facebook, Paypal, Linkedi, Twitter, Intagram e Yahoo.

Il plugin ha riscosso un bel successo, con più di 30.000 attivazioni e una media di 4 stelle su 5 come recensioni.

Personalizzare la pagina di login di WordPress anche in versione mobile

Arrivati in fondo a questa guida, se volete dare un tocco in più alla vostra pagina di login in versione mobile, vi consiglio di leggere e seguire questa guida per andare a personalizzare ulteriormente il login. La guida si chiama “Modificare layout sito mobile con CSS“.

CONCLUSIONI

Come potete vedere, questa guida per personalizzare il login WordPress, è molto semplice sia per chi optasse per la modifica grafica della pagina in CSS sia per chi volesse utilizzare il plugin e la modifica della URL è davvero molto molto semplice.

Per chi avesse dubbi sulla procedura o avesse delle domande specifiche, non esitate a scrivere nella sezione commenti.

Oggi vediamo insieme come cambiare un font in WordPress in modo facile e veloce.

Vi sarà capitato spesso di realizzare siti web, passando ore cercando il tema più adatto alle esigenze del cliente sia nell’aspetto che nelle funzionalità vero?!

E quante volte il cliente vi ha detto “ma si può cambiare quel font che così proprio non mi piace”, nonostante non abbiano minimamente le competenze grafiche e tecniche per esprimere un giudizio?

Bene, qui per alcune persone inizia il dramma, in quanto WordPress non ha una funzione nativa che permetta di andare a sostituire un font da uno all’altro e i temi che permettono di scegliere quale font utilizzare non sono molti, direi che sono quelli più commerciali e “multipurpose” che si prestano a molteplici usi.

Ma come cambiare font in WordPress in modo facile e veloce?

Scegliere il font che si vuole inserire nel sito web

Online ci sono molti servizi che permettono di comprare font o di scaricarne di gratuiti, come adesempio Google Fonts, Dafont, Fontsquirrel, Fontfabric tra i primi risultati in una ricerca in Google, o Adobe Edge Web Font o con Font.com o con plugin inseribili all’interno di WordPress.

Ma quindi quale metodo scegliere?

Noi della 360smartweb ci sentiamo di dirvi di inserirli manualmente, ma per fare ciò dovrete avere pieno controllo del sito web, avendo accessi FTP del vostro sito.

Quali tipi di font esistono?

True Type Fonts (TTF)
Forse il formato di font più conosciuto, sviluppato da Microsoft e compatibile con tutti i browser.

Open Type Fonts (OTF)
Anche questo formato è stato sviluppato da Microsoft, e come il TTF è supportato da tutti i browser.

Web Open Font Format (WOFF)
Sono font ottimizzati per il caricamento online, che aumentano la velocità di caricamento, e per questo consigliati dai creatori del noto plugin (W3T)

WOFF 2.0
Più compressi rispetto ai WOFF normali, con velocità di caricamento ancora più bassa, ma non supportati da browser come safari e ie, ma pienamente funzionanti con Chrome, Firefox ecc.

Embedded Open Type Fonts (OTF)
Sono font incorporati all’interno di una pagina e supportati da tutti i browser.

Convertire un font per rendere sicura la sua compatibilità

Web Font Generator

Uno dei servizi più conosciuti per la conversione dei font per il web è senza dubbio Web Font Generator.

La procedura è veramente semplice; non appena avete scaricato i file del font che vi serve da uno dei servizi sopra citati basterà che seguiate questi punti:

• Accedete a Web Font Generator
• Caricate il vostro file cliccando su “upload font” stando attenti alle condizioni contrattuali del font che avete scelto (controllate sempre che possano essere utilizzati all’nterno di un sito web, o in grafiche. alcune volte è richiesto l’accredito dell’autore, in caso di font free, cosa che non dovrebbe accadere con quelli a pagamento)
• Scegliete la compressione del vostro file in uscita
• accettate il trattamento dei vostri dati
• Adesso cliccate su “download your kit”

Verrà fornito un file .zip contenente i vosti font ottimizzati per il web.

Aggiungere font personalizzati

Vediamo adesso come aggiungere font personalizzati manualmente all’interno del vostro sito web (questa procedura va bene sia per un sito creato in WordPress che in altri CMS o in semplice html).

Utilizzo di Google Font

Il miglior metodo, se riuscite a trovae il font che vi piace o che vi interessa, è quello di utilizzare Google Fonts che ha un vastissimo assortimento di fonts gia ottimizzati per il web, e subito disponibili per essere scaricati e inseriti.

Una volta che siete all’interno del sito web, sceglietene uno cliccando sulla “x” rossa relativa al font, e in automatico ve lo ritroverete in un finestrella in basso a destra.

Basta cliccarci sopra e vi appariranno i dettagli come da immagine qui sotto

Come potete vedere, c’è un link per l’embed automatico del font; basta inserirlo all’interno del tag head e tutto funziona.

La voce “specify in CSS” vi spiega come andare a richiamarlo, in questo caso sarà:

h1 {
font-family: 'Roboto', sans-serif;
}

ovviamente potete assegnare il font a tutte le classi e stili che volete.

Usare font personalizzati in WordPress tramite la function.php

In caso si voglia usare font personalizzati in WordPress, è necessario inserire un piccolo codice all’interno della funzione di richiamo dei fogli di stile nella function.php

if(! function_exists('tuosito_styles') ) {

  function tuosito_styles(){
    wp_enqueue_style('tuosito-font','//fonts.googleapis.com/css?family=Roboto:300,400,700');

  }
}

add_action('wp_enqueue_scripts','tuosito_styles');

quella porzione di codice da inserire dopo // la potrete recuperare dall’immagine precedente

NB: i numeri che ci sono dopo la scritta “Roboto” sono il classico “font-weight” che volete venga caricato.

Come integrare font personalizzati tramite @font-face

Per integrare font personalizzati tramite l’utilizzo di @font-face, è necessario che abbiate gli accessi ftp del vostro sito web.

Accedete con un client FTP (come FileZilla o Coda 2) alla root principale e create la cartella /fonts/ all’interno del tema child, in caso di WordPress (vedi qui come creare un tema child per WordPress) o nella root principale in caso di sito in html.

Una volta inseriti i file che vi servono dovete semplicemente caricarli all’interno dello style.css o in un tag <style></style> all’interno di una pagina (sempre meglio caricarlo nell’head).

Font personalizzati CSS

Per inserire font personalizzati CSS la sintassi con cui caricare il font è la seguente:

@font-face {
   font-family: 'Nome con cui vorrete richiamare il vostro font';
   src: url('font/nomefont.ext') format('truetype');;
}

Adesso per assegnare il font, per esempio ad i titoli ed i paragrafi, la sintassi è la seguente:

h1, h2, h3, h4, h5, h6, p {font-family: "Nome di richiamo scelto prima"}

Voilà… ricaricate la vosta pagine e assicuratevi che la procedura sia andata a buon fine.

Cambiare o aggiungere font a WordPress con un plugin

Wp Google Fonts

Wp Google Fonts è sicuramente il più conosciuto.

Questo plugin fa esattamente la solita procedura appena descritta, in auomatico, permettendovi di scegliere sia il tipo di carattere da Google Font e scegliare a quali elementi assegnare il nuovo carattere.

Per installarlo basta andare in “plugin > aggiungi nuovo> cercare Wp Google Fonts e installarlo/attivarlo”.

Use Any Font

Altro plugin che permette di caricare i font scaricati (OTF TTF ecc) e di assegnarli a classi specifiche.

Per installarlo basta andare in “plugin > aggiungi nuovo> cercare Use Any Font e installarlo/attivarlo”.

Cambiare font in WordPress attraverso il tema acquistato.

Come detto ad inizio articolo, ci sono dei temi che permettono di cambiare il font in WordPress attraverso le impostazioni del tema, o addirittura scegliendo l’opzione elemento per elemento.

Solitamente questi temi, sono quelli “multipurpose” ( che vanno bene in più situazioni ) e solitamente sono quelli più scelti dalle persone o che non hanno voglia di stare a smanettare con lo sviluppo del sito o che non ne sono proprio capaci o che, per motivi di tempo, si trovano a dover utilizzarli.

Questi temi, sono reperibili tramite Google, o tramite un noto servizio di raccolta di Temi, template, plugin, grafiche, suoni ecc, dal nome Themeforest.

Andando nella sezione temi > WordPress, potrete trovare migliaia di temi tra cui quelli di cui vi sto parlando. solitamente hanno 5 stelline, con migliaia di recensioni.

I più famosi sono:

• Avada
• The7
• Enfold
• Flatsome
• BeTheme

Detto questo, la particolarità che li accomuna, è il fatto di avere un visual composer integrato che esso sia “Bakery Composer” o un plugin come Elementor o il nuovo Oxigen (i temi elencati hanno solo il Bakery composer o un composer simile nativo).

Comunque, chi un un modo chi in un altro, tutti questi permettono di cambiare font in WordPress.

Alcuni attraverso la sezione dedicata del tema, alcuni direttamente sull’elemento singolo ( Come Bakery) infine, alcuni permettono entrambe le soluzioni.

Conclusioni

Come potete vedere dala guida, è molto semplice fare tutto ciò, basta avere un pizzico di familiarità con i CSS e con gli account FTP.

In caso aveste problemi di attuazione, contattatemi andando nella sezione contatti.

Oggi vediamo insieme come aggiornare la versione PHP Aruba e altri hosting con una pratica guida.

Aggiornare la versione PHP | WordPress, con uno dei suoi ultimi aggiornamenti, ha introdotto un controllo della “salute”del sito web, con un accorgimento sulla versione del PHP, in particolare sull’essere obsoleta o aggiornata all’ultima versione, in modo da assicurare una percentuale di stabilità e sicurezza maggiore. Vediamo adesso come aggiornare la versione PHP Aruba e altri hosting.

Come in WordPress, anche alcuni hosting permettono di aggiornare la versione in automatico, anche se ne sconsigliamo l’uso in quanto, per siti web obsoleti, con temi vecchi e plugin sorpassati, questo può causare un blocco del sito o uno scorretto funzionamento.

Si consiglia quindi di controllare la versione wordpress utilizzata e controllare la compatibilità.

Ma perché aggiornare la versione php di WordPress?

I motivi principali sono 3:

• Sicurezza
• Stabilità
• Velocità del sito

Fate questo ragionamento: perché aggiornare WordPress?
Lo fate per avere più sicurezza contro gli attacchi, una maggiore stabilità e una velocità più alta dovuta all’ottimizzazione del codice che WordPress vi offre con i suoi aggiornamenti.

Bene, per i soliti motivi dovreste anche aggiornare la versione php;
vi ricordo che il core, ovvero la struttura che regge tutto il sito web e il CMS è basata su questa tecnologia.

Molti di voi che non hanno ancora aggiornato la versione php, probabilmente si ritrovano con la 5.6 a discapito della 7.3 che è l’ultima versione.

Quest’ultima vanta un aumento significativo della velocità e delle prestazioni del vostro sito web (circa il 20-25% in più).

Se non siete sicuri della vostra versione attuale, seguite la guida successiva per il cambiarla, potrete visualizzare a video la versione attuale

Controllare la compatibilità dei plugin di WordPress

Prima di andare ad aggiornare la versione php, è necessario andare a controllare la compatibilità di tutti i plugin che vi servono sul vostro sito, in modo da avere il 100% di sicurezza per questa procedura…

Ma come si fa a controllare la compatibilità?

Ci sono 2 modi:

• In modo manuale
• Con l’ausilio di un plugin

Controllare la compatibilità dei plugin in modo manuale

Chi mi conosce ormai sa che il modo manuale è quello mio preferito

Tecnicamente è molto semplice, ma porta via una ventina di minuti (forse meno) perché c’è bisogno di aprire una pagina web per ogni plugin.

Veniamo a noi…

1. Per iniziare, recatevi nella repository principale di WordPress accedibile tramite questo link https://it.wordpress.org/plugins/.
2. Nella barra di ricerca, inserite il nome del plugin che trovate nella vostra sezione di WordPress, sulla barra di sinistra, cliccando su plugin.
   Nella lista che vi appare segnatevi i nomi di tutti i plugin.
3. Una volta trovato il plugin, sulla sidebar di destra ci sarà la compatibilità sia della versione di WordPress (molto importante con temi acquistati) e la versione di compatibilità di php.

Niente di più niente di meno…

Come già detto è molto semplice, ma se si hanno tanti plugin la cosa diventa un po’ troppo lunga.

Comunque potete vedere il risultato dall’immagine (ho preso come esempio il plugin Gutenberg blocks)

Controllare la compatibilità dei plugin e dei temi WordPress, con una particolare versione di php, tramite un plugin.

Il plugin che ci aiuta a controllare in modo automatico la versione php si chiama Php Compatibility checker che, ironia della sorte, non ha la sicurezza di compatibilità con l’ultimissima versione di WordPress però dovrebbe funzionare tutto perfettamente, anche perché ha compatibilità con la versione 5.

Il plugin è semplice da utilizzare:

• apri il plugin che trovi sotto strumenti
• seleziona la versione php che vuoi inserire
• metti il flag (spunta la casella) su scan all plugins and theme
• clicca su scan

Nei risultati di ricerca, ci saranno tutti i plugin con degli “alert” che sono rispettivamente:

• Compatible
• Attention
• Error

Ovviamente “compatible” vuole dire che è pienamente compatibile, “attention” vuol dire che dovrebbe funzionare ma con per dipendenze tra vari plugin e temi, in alcuni casi non funzionerà e “error” vuol dire che non è minimamente compatibile.

Aggiornare la versione PHP su Aruba

La procedura è la seguente:

• Aruba pannello di controllo
• Strumenti ed impostazioni
• scelta versioni php
• php preferito (php update)

Accedete ad Aruba e fate un login nella vostra area riservata, accedete e cliccate su “pannello di controllo” di riferimento del dominio a cui volete modificare la versione PHP. 

Accederete ad una nuova schermata dove troverete il tasto “Strumenti ed impostazioni” come da immagine sopra

Se invece di avere un hosting Linux, avete un hosting WordPress, dovete cliccare sulla barra di sinistra sulla voce relativa.

Cliccate su “scelta della versione PHP”

Adesso, avrete a video una finestra che vi permetterà di scegliere la versione di php che vi serve (solitamente l’ultima, ma occhio alla compatibilità con temi e plugin)

Aggiornare la versione PHP su cPanel

Qui dobbiamo premettere che ogni hosting ha la sua procedura di accesso, spesso è (https://www.tuohosting.com/cpanel.php) altrimenti accedete al vostro pannello di controllo del vostro hosting, e cercate una voce che faccia riferimento al vostro spazio web (su register.it, se avete acquistato un piano linux enterprise, vi troverete sulla barra di destra una voce che si chiama proprio “Hosting linux enterprise” ). una volta acceduto al vostro cPanel 

Questa schermata è simile a quella precedente; scorrete fino a “software” e cliccateci sopra.

Adesso sarete catapultati su di una nuova schermata come vedete da foto sopra, in cui potete cambiare molte cose, tra cui la versione del php.

Cliccate su “seleziona versione PHP” e scegliete la vostra versione preferita.

Aggiornare la versione PHP su Plesk

Per modificare il php in Plesk, è necessario fare riferimento alla documentazione fornita dal vostro hosting utilizzato, ma in linea di massima diciamo che la guida è questa.

Non appena vi sarete loggati, sarete portati sul pannello di controllo di Plesk. Qui, adesso, è necessario cliccare su “Impostazioni PHP” (vedi immagine sotto)

Adesso basterà scegliere la versione di PHP che desiderate, dal menù a tendina.

Importante cliccare su “salva” a fine.

Aggiornare la versione php tramite file .htaccess

L’ultima via che mi sento di consigliarvi, è quella tramite il file .htaccess.

Per usare questo metodo è sufficiente andare ad aprire l’omonimo file con un editor di testo, ed andare ad inserire una delle stringhe che trovare sotto, in base alla versione che volete utilizzare.

PHP 5.6

AddHandler application/x-httpd-php56 .php .php5 .php4 .php3

PHP 7

AddHandler application/x-httpd-php7 .php .php5 .php4 .php3

PHP 7.1

AddHandler application/x-httpd-php71 .php .php5 .php4 .php3

PHP 7.2

AddHandler application/x-httpd-php72 .php .php5 .php4 .php3

PHP 7.3

AddHandler application/x-httpd-php73 .php .php5 .php4 .php3

Considerazioni

Mantenere aggiornata la versione PHP per un sito web che basa il suo CORE su questa tecnologia, è di vitale importanza.

Quindi, continuate ad aggiornare WordPress, senza dimenticarvi dell’ aggiornamento plugin e controllate le varie compatibilità prima di cimentarvi in questa pratica.

NB: per aggiornare i plugin, è sufficiente cliccare sulla voce “plugin” nel vostro WordPress e cliccare su aggiorna plugin.

Assistenza

Se avete bisogno di assistenza, di un feedback o di una partnership

Per ogni altra info, non esitate a commentare questo articolo, saremo felici si aiutarvi.

Molte volte vi sarà capitato di voler modificare un sito internet, e in particolare di dare, ad esempio ad un semplice titolo H2, uno stile differente dal resto del sito web ma, ovviamente, andando a modificare il css per l’H2 nello style.css, appena inserisci il tag, tutto il testo messo in H2 prenderà il solito stile appena modificato.

Quello che c’è da fare è di rendere possibile che si possa modificare il tag h2 solo di una singola pagina.
Molti temi WordPress hanno il proprio CSS in style.css che formatta tutto il sito web secondo le proprie specifiche, ma per fortuna, WordPress permette comunque di modificare pagina web singola con il css.

Modificare pagina web singola con il CSS

Per poter modificare sito web, in particolare il css, i modi sono molti tra cui:

• tramite plugin come My CSS
• tramite la console di wordpress per il CSS aggiuntivo
• tramite l’editor di wordpress modificando il file proprietario style.css (Sconsigliatissimo anche per chi sa dove mettere le mani)
• tramite un programma editor di testo per l’html.

Il terzo punto, lo sconsiglio, se non si è installato un tema child, in quanto se viene modificato il file originale che formatta graficamente tutto il sito web, diventa un lavoro mooolto grosso per ripristinare se non si ha attivo un servizio di backup come parlato in precedenza in questo post qua

Qale che sia il metodo che userete, il modo di implementare il CSS è sempre il solito. Vediamo insieme.

1- Inserire CSS tramite plugin

Tra i più diffusi e pratici c’è sicuramente CUSTOM CSS che, anche se vi ho spiegato come fare su un editor CSS Unico, vi da la possibilità di inserire CSS anche pagina per pagina come c’è gia nei temi premium.

Altrimenti c’è SIMPLE CUSTOM CSS O JS, che vi permette di inserire i css in un file unico (e sicuramente più leggero, a patto che non si esageri)

2- Inserire CSS tramite console di WordPress

Per entrare in questa sezione vi basterà entrare nella vostra Dashboard di WordPress e nella barra di sinistra cliccare su aspetto > Personalizza > CSS aggiuntivo (O edit CSS) et voilà

3- Inserire CSS tramite editor del tema

Come detto prima, vi sprono a non utilizzare questo metodo, ma se proprio volete, almeno installate un tema child per evitare ogni modifica indesiderata che renderà difficile il ripristino
Vi basterà entrare nella vostra Dashboard di WordPress e nella barra di sinistra cliccare su aspetto > Editor. troverete, oltre il file style.css anche tutti i file php che potrete modificare a vostro rischio e pericolo.

4- Inserire CSS tramite editor di testo come “Sublime text”

Se siete un po’ più pratici dell’argomento, e avete accesso ai file del vostro sito web, recatevi pure, aprendo il sito web in FTP con programmi come FileZilla, nella cartella wp-content>themes>tuo-tema e aprite il file con un programma per html semplice quanto potente, che si chiama Sublime text.

É un programma molto intuitivo che serve per modificare pagine web (solitamente per modificare file html), specialmente per modificare html, php, js ecc.

Adesso si aprirà una schermata che vi mostrerà tutti gli stili e le classi che sono state utilizzate all’interno del sito web.

Ovviamente, se l’autore del tema aggiornerà quello che state utilizzando, andrà a cancellare tutto il vostro lavoro eseguito sullo style.css, ma poco male, basta creare uno child theme (letteralmente tema figlio) che vi permette di modificare tutto quello che volete senza andare a perderne le modifiche. Vedi il mio post Creare un child theme in WordPress

Individuare il page-id ovvero l’ID della pagina

Ogni pagina ha un ID univoco su cui possiamo lavorare. Per trovare questo codice, è necessario usare un Browser come Google Chrome o Firefox.
Entriamo nella pagina di nostro interesse e apriamo la console per sviluppatori, per farlo basta cliccare con il tasto destro del mouse e cliccare su ispeziona (in chrome) o analizza elemento (in firefox).

Vedrete che nella prime righe del tag <body> tra le classi ci sarà quella con scritto page-id-xx dove xx è un numero identificativo

Trovato il numero siamo in grado di modificare il singolo elemento all’interno della pagina. Se per esempio vogliamo modificare i margini di una riga, la sintassi normale sarebbe:

.row1 {
    margin: 10px 10px 10px 10px;
}

ma fatto così, tutti gli elementi row1 se non sono univoci, verranno modificati all’interno dell’intero sito web. Per ovviare a questo ci viene in aiuto la classe appena trovata, il CSS diventerà quindi il seguente:

.page-id-16 .row1 {
    margin: 10px 10px 10px 10px;
}

se invece dovete cambiare semplicemente un tag h2, p ecc allora la sintassi è:

.page-id-16 h2 {
    color: #309303;
}

Adesso sapete come modificare un sito web, e una pagina singola e potrete modificare qualsiasi singolo CSS del vostro sito web.

Se hai necessità di qualcosa di più specifico o se vuoi semplicemente una consulenza, CLICCA QUI e compila il form di contatto