Visualizzazione post con etichetta wordpress+guide. Mostra tutti i post
Visualizzazione post con etichetta wordpress+guide. Mostra tutti i post

venerdì 20 maggio 2016

Come inserire uno ShortCode in una pagina WordPress

Dopo aver scoperto cosa sono gli shortcodes, vediamo come inserirne uno in una pagina o in un articolo di wordpress.

Per fare una prova, creiamo una funzione che stampi a video la frase "Mantracite nau!".
Andiamo dunque nel file functions.php contenuto dentro la cartella del nostro tema wordpress.
Il percorso sarà una cosa del genere: miosito\wp-content\themes\miotema\functions.php.

Inseriamo la nostra funzione in fondo al file functions.php, che in questo esempio sarà:
function mantracite_nau()
{
    return 'Mantracite nau!';
}


La funzione php appena creata, semplicemente stampa a video una scritta.
Ora, aggiungiamo questa ulteriore riga di codice:
add_shortcode('mantracite', 'mantracite_nau');

Con questa semplice riga abbiamo definito a livello globale su wordpress, che quando chiamiamo lo shortcode mantracite, lui lancia la funzione mantracite_nau, la quale stampa a video la nostra frase.
Salviamo e chiudiamo pure il file functions.php.

Ora, andiamo ad inserire lo shortcode dentro una pagina wordpress.
Apriamo una pagina o un articolo ed incolliamo questa stringa:
[mantracite]

Come inserire uno ShortCode in una pagina WordPress

Salviamo e pubblichiamo la pagina.
Il risultato sarà una cosa del genere:

pagina con shortcode wordpress

Abbiamo così creato ed usato il nostro primo shortcode wordpress, yeah!
Ora ci basterà includere lo shortcode wordpress in tutte le pagine e gli articoli in cui vogliamo che appaia.

Inoltre volendo, potremmo anche creare degli shortcodes con delle funzioni alla quali è possibile passare dei parametri, in modo da poter usare shortcode che mostrano risultati diversi a seconda delle variabili passate.
Ad esempio, creando la seguente funzione e poi registrandola con questo codice:
function mantracite_nau2($variabili_passate)
{
    extract(shortcode_atts(array('var1' => '','var2' => ''), $variabili_passate));
    return 'Mantracite nau '.$var1.' '.$var2;
}

add_shortcode('mantracite2', 'mantracite_nau2');
La sintassi da usare poi nello shortcode per fare in modo che passi le variabili alla nostra funzione php è la seguente:
[mantracite2 var1="ciao" var2="hola"]

Il risultato (nosense) a video scopritelo voi :)

giovedì 19 maggio 2016

Come creare un widget personalizzato per il tuo tema wordpress

I widget sono delle funzionalità aggiuntive presenti nei vari temi di wordpress.
Ogni tema di wordpress ha installato di suo una serie di widget base che consentono (una volta attivati), di aggiungere funzionalità al proprio sito internet.

Il limite dei widget preesistenti su di un tema è quindi quello che questi fanno solo quello per cui sono stati creati, quindi se vi serve avere qualche funzionalità in più sul vostro tema e non avete voglia di installare un apposito plugin, ora vi spiegherò come creare un widget personalizzato per il vostro tema wordpress.

Innanzitutto apriamo il file functions.php presente nella cartella del nostro tema (percorso tipico: tuosito\wp-content\themes\tuotema).

Andiamo dunque ad aggiungere questo codice in fondo al file functions.php:

class nuovowidget extends WP_Widget
{
    function
nuovowidget() 
   {
        parent::__construct( false, 'Il tuo IP' );
    }
    function widget( $args, $instance )
    {
        extract($args);
        echo $before_widget;
        echo $before_title.$instance['title'].$after_title;
        //CODICE DEL WIDGET
        echo "Il tuo indirizzo ip e': ".$_SERVER['REMOTE_ADDR'];
        //FINE CODICE DEL WIDGET
        echo $after_widget;
    }
    function update( $new_instance, $old_instance )
    {
        return $new_instance;
    }
    function form( $instance )
    {
        $title = esc_attr($instance['title']);
        echo "<p><label for=".$this->get_field_id('title').">";
        echo "Titolo: <input class=\"widefat\" id=\"".$this->get_field_id('title')."\" name=\"".$this->get_field_name('title')."\" type=\"text\" value=\"".$title."\" />";
        echo "</label></p>";
    }
}
function my_register_widgets()
{
    register_widget( '
nuovowidget' );
}
add_action( 'widgets_init', 'my_register_widgets' );


L'unica cosa che dovrete cambiare in questo codice è l'eventuale titolo del widget:
parent::__construct( false, 'Il tuo IP' );
Dove, nel mio esempio, "il tuo ip" è il titolo del mio widget.

E poi ovviamente dovrete scrivere il codice php o html che volete che appaia sul vostro sito, subito dentro ai commenti:
//CODICE DEL WIDGET
....
//FINE CODICE DEL WIDGET
Dove io ad esempio ho messo un semplice codice php per ricavare l'indirizzo ip del navigatore.

Salvate dunque il file functions.php e tornate alla vostra interfaccia di amministrazione di wordpress.

Andate in Aspetto e poi su Widget.

Troverete il vostro widget nell'elenco dei widget disponibili per quel tema, quello che dovrete fare è semplicemente trascinare il vostro widget nell'area principale dei widget, poi inserire un eventuale titolo, e cliccare su Salva.

creare un widget personalizzato per il tuo tema wordpress

Il widget da voi creato sarà ora presente all'interno delle pagine del vostro sito, nella posizione prevista dal tema che avete installato.

il tuo indirizzo ip

Nel mio caso ho creato un semplice widget che ti dice quale è il tuo indirizzo ip, ma potrete creare qualsiasi tipo di widget, da quelli semplici che stampano a video una variabile, a veri e propri programmi che girano all'interno del vostro sito wordpress... figata!

Come disinstallare un plugin su wordpress

Dopo aver imparato come installare un plugin, vediamo ora come disinstallare un plugin su wordpress.

Rimuovere un plugin da wordpress è (come al solito) un'operazione molto semplice e veloce.
Andiamo nel menù Plugin e clicchiamo su Plugin installati.

Come disinstallare un plugin su wordpress

Cerchiamo il nostro plugin dalla lista o facendo la ricerca e clicchiamo su Disattiva.

Come disattivare un plugin su wordpress

Facendo così avremo quindi già tolto il plugin wordpress dal nostro sito web.
Se però non ci basta disattivare il plugin e se vogliamo eliminarlo definitivamente, clicchiamo su Cancella.

Come cancellare un plugin su wordpress

La cartella contenente il plugin wordpress verrà dunque rimossa ed in caso si cambiasse idea occorrerà riscaricare il plugin da capo.

Disinstallare i plugin inutilizzati (o quantomeno disattivarli), è importante per rendere il nostro sito wordpress più veloce e più sicuro da attacchi mirati ai bachi dei vari plugin :)

sabato 14 maggio 2016

Come configurare Wordpress per mandare email

Se vuoi spedire delle email usando il tuo sito su wordpress, c'è un plugin che fa al caso tuo.
In realtà di plugin wordpress per spedire le mail ce ne sono parecchi, ma in questo tutorial ti parlerò di uno dei più famosi: Easy WP SMTP.

Easy WP SMTP è infatti un componeante aggiuntivo per wordpress, completamente gratuito, che consente di configurare i parametri smtp del tuo sito in modo che possa mandare delle email.

Installa ed attiva il plugin Easy WP SMTP con la solita procedura (se non sai come installare un plugin leggi qui), poi vai su Impostazioni, Easy WP SMTP.

Come mandare email con Wordpress

Finirai così nella pagina Easy WP SMTP Settings.

Nella sezione General Settings, inserisci i seguenti dati:
  • From Email Address: l'indirizzo email del mittente che spedisce
  • From Name: il nome che apparirà come mittente
  • SMTP Host: l'indirizzo smtp del server che spedisce le mail
  • Type of Encription: none, ssl, tls (nel dubbio lascia none, anche se l'ssl potrebbe essere in realtà richiesta da certi server)
  • SMTP Port: la porta usata per spedire (lascia pure 25)
  • SMTP Authentication: se si spedisce mettendo user e password (di solito per sicurezza e per ridurre lo spam è sempre meglio dire di si)
  • SMTP username: la username necessaria per spedire
  • SMTP Password: la password chettelodicoaffare
Inseriti tutti i dati necessari, clicca su Save Changes per rendere effettive le modifiche.

Ad esempio, per fare una prova, se hai un account gmail potresti mettere l'smtp di google (smtp.gmail.com), porta 465 per l'ssl o 587 per il tls, e come username e password quelli che usi per collegarti alla tua email.
Io a dire il vero ho avuto qualche problemino con il tls e leggendo su internet ho letto di un baco del php 5.6.x, quindi alla fine per fare una prova ho usato il mio smtp server personale (se vuoi scoprire come creare un mail server su win leggi qui).

Per testare che wordpress possa spedire le email, a fine pagina trovi la sezione Testing And Debugging Settings.

Inserisci:
  • To: il destinatario (il tuo indirizzo email, se no come fai a sapere se arrivano le mail? :p)
  • Subject: l'oggetto della mail
  • Message: il messaggio di prova da spedire
Infine clicca su Send test email.

email con Wordpress smtp test mail

Se tutto è andato a buon fine riceverai il messaggio: Test mail was sent.

Bene, ora sei pronto per spedire le email con wordpress.

Adesso a seconda di quello che devi fare, puoi scaricarti il plugin adatto alle tue esigenze di spedizione mail dal sito.
Magari a breve farò qualche altra guidina su come creare form o altre funzionalità per spedire e ricevere le email tramite wordpress.

Come installare un plugin su WordPress

Il bello del cms Wordpress, la piattaforma più diffusa per realizzare siti internet e blog, è che è possibile installare tanti plugin gratuiti.
Un plugin è una funzionalità aggiunta di wordpress, sviluppata da terze parti, scaricabile ed installabile gratuitamente.

Per installare un nuovo plugin su wordpress, vai nella sezione Plugin nel menù di sinistra, poi clicca su Aggiungi nuovo.

Come installare un plugin su WordPress

Finirai così nella pagina dei plugin di wordpress, dove potrai sceglierne uno tra quelli presenti nelle seguenti sezioni:
  • segnalati
  • popolari
  • raccomandati
  • preferiti
Oppure più semplicemente usare il box Cerca plugin, se sai già cosa cercare.

Una volta trovato il tuo plugin, clicca su Installa adesso.

Installa adesso plugin wordpress

Finirai in una schermata di installazione.
Attendi la fine dell'installazione, poi clicca sul tasto Attiva plugin.

Attiva plugin wordpress

A seconda di come funziona il plugin che hai appena installato, troverai la possibilità di utilizzarlo dentro i post, nel menù delle impostazioni o in qualsiasi altra parte dell'admin di wordpress.

Per modificare il plugin o leggerne qualche informazione in più, potrai comunque sempre ritrovarlo nel menù Plugin, alla voce Plugin installati.

Se poi il plugin è situato su un sito esterno (occhio però che sia affidabile), potrete fare un'installazione manuale del plugin sul vostro wordpress, scaricando il file zippato ed estraendo la cartella contenente tutti i file del plugin dentro la cartella del vostro sito che contiene i plugin:
wp-content\plugins
Poi basta che andate nel pannello dei plugin ed attivate il plugin appena installato.
Quindi se qualcuno vi chiede: dove si trova la cartella dei plugin di wordpress?
Cosa gli rispondete?
Semplice: tuosito/wp-content\plugins

Sapere come installare plugin su wordpress è molto importante, perchè i plugin sono la vera forza di questo cms, il quale ha un po' di funzionalità base, ma è solo grazie ai plugin che con wordpress si può davvero fare tutto.
Potrai aggiungere quanti plugin vuoi a wordpress, ma...

Attenzione però a non installare troppi plugin!
In primis perchè potresti rallentare il tuo wordpress, poi perchè più plugin metti e più c'è la possibilità che qualcuno di questi sia bucabile o abbia qualche bug di sicurezza.

Forse ti potrebbe anche interessare (cit.): come disinstallare un plugin.

giovedì 12 maggio 2016

Come creare una pagina su WordPress

Oltre agli articoli, su WordPress è possibile anche creare delle pagine di testo statico.
Creare una nuova pagina su WordPress è un'operazione molto semplice, da pochi click.

Per aggiungere una nuova pagina sul tuo sito wordpress, vai nel menù di sinistra Pagine e clicca sulla voce Aggiungi nuova.

Come creare una pagina su WordPress

Si aprirà una nuova schermata dove potrai inserire il titolo ed il testo della pagina.
Come per i post (leggi il mio articolo su come inserire un articolo :p), anche in questo caso avrai a disposizione un utilissimo editor html che ti consentirà di formattare al meglio la tua pagina.

Come creare una nuova pagina su WordPress

Finito di creare la tua pagina wordpress, potrai cambiarne gli Attributi.
Nella voce Genitore, potrai indicare se si tratta di una pagine base o una pagina di esempio (lascia pagina base), ed eventualmente modificarne l'ordinamento (lascia pure il valore di default se non hai particolari esigenze di ordinamento).

Come per i post, potrai anche settare l'immagine in evidenza, ovvero l'immagine che appare come anteprima della pagina (molto importante per un'eventuale condivisione sui social network).

Infine, per pubblicare la pagina online, clicca su Pubblica, o se preferisci salvala in bozza per terminare le modifiche un altro giorno.

Pubblicare pagina wordpress

Potrai modificare la tua pagina wordpress in qualsiasi momento, andandola a cercare nel menù Pagine, Tutte le pagine, e poi su Modifica sopra il nome della pagina da modificare.
E come per i post, potrai riportare una pagina in bozza o eliminarla grazie all'opzione Cestino.

Le pagine su wordpress di solito vengono usate per elementi più statici rispetto ai post, tipo delle sezioni più istituzionali e poco mutevoli, come le classiche pagine dei Contatti, Chi Siamo, La storia, ecc...
Inoltre, le pagine possono essere anche usate nei menù di navigazione, ma questa è un altro post (cit.)

Come aggiungere un post su wordpress

Bene, ora che hai installato e configurato wordpress, e che gli hai anche cambiato il tema grafico, vediamo come si fa a creare un nuovo articolo.

Per aggiungere un post su wordpress, collegati alla tua piattaforma di admin:
http://www.indirizzotuosito.it/wp-admin/

Nel menù di sinistra Articoli, clicca su Aggiungi nuovo.

Come aggiungere un post su wordpress

Inserisci il titolo del post ed il testo dell'articolo (con la possibilità di inserire html a mano o con il comodo editor).

Nuovo post wordpress


Poi puoi scegliere il formato dell'articolo tra queste opzioni:
  • standard
  • digressione
  • immagine
  • video
  • citazione
  • link
  • galleria
  • stato
  • audio
  • chat

Infine puoi aggiungere una categoria per questo post, un tag, e scegliere un'immagine in evidenza (importante per l'anteprima dell'articolo).

Taggare un post su wordpress

Categorizzare un post e mettere dei tag è molto importante per poter facilitare la ricerca all'utente per argomento.

Quando hai inserito tutti i dati necessari, puoi guardare l'anteprima del post, ed infine pubblicarlo cliccando su Pubblica.
Se invece vuoi finire di lavorarci dopo, clicca su Salva bozza.

Pubblica articolo wordpress

Potrai modificare il tuo articolo wordpress in qualsiasi momento, cliccando su Articoli, Tutti gli articoli e cliccando su Modifica (scritta che apparirà dopo esser passato con il mouse sul nome del tuo articolo).
Potrai effettuare tutte le modifiche che vuoi al post wordpress, lavorando direttamente online o mettendolo in bozza (spubblicandolo), ed ovviamente potrai anche cancellare il post cliccando su Cestina o Sposta nel cestino.

Ora che sei un maestro di creazione di articoli wordpress, ti auguro una buona pubblicazione :)

Come aggiungere un tema su wordpress

Appena installato e creato il tuo sito wordpress, la prima cosa che varrai sicuramente fare è modificarne l'aspetto grafico, andando a cambiare il tema di default.
Wordpress infatti, ha un sacco di temi personalizzabili, molti dei quali gratuiti.

Per aggiungere un nuovo tema su wordpress, accedi alla pagina d'amministrazione del tuo sito:
http://www.tuositowordpress.it/wp-admin/

Nel menù di destra vai su Aspetto e poi clicca su Temi.

Come aggiungere un tema su wordpress

Clicca sul bottone Aggiungi nuovo, in alto nella pagina che si aprirà.
Finirai in una pagina dove troverai un elenco di temi wordpress (compreso quello che hai già installato sul tuo sito), dove potrai cercare il tuo tema preferito con le seguenti modalità:
  • in evidenza
  • popolari
  • più recenti
  • preferiti
  • filtro funzionalità
  • cerca temi

Aggiungere tema wordpress - ricerca

Una volta individuato il tema wordpress che ti piace, puoi cliccare direttamente sul pulsante Installa presente sulla foto di anteprima del tema, oppure entrarci dentro per vederlo meglio e cliccare sul pulsante installa in alto a sinistra nella pagina del tema.

Come installare un tema su wordpress

Attendi la fine dell'installazione del tema, poi clicca sul tasto Attiva.

Attiva tema wordpress

Complimenti, hai installato il tuo primo tema wordpress.
Apri il tuo blog/sito web per vedere il risultato finale.

Con questa guida hai imparato ad aggiungere un tema su wordpress, presto ti spiegherò anche come personalizzarlo.

ps puoi aggiungere un nuovo tema wordpress anche manualmente, scaricandolo ed estraendo la cartella contenente il tuo tema, nella cartella dei temi di wordpress, che ha questo percorso: 
tuosito/wp-content/themes

martedì 10 maggio 2016

Come configurare wordpress con pochi semplici click

Se hai appena installato wordpress, ora è venuto il momento di configurarlo per poter creare velocemente, con pochi semplici click del mouse, il tuo primo sito internet con il più usato cms del web.

Innanzitutto, se non sai come scaricare ed installare wordpress leggi qui.

Dopo aver installato worpress sul tuo pc, apri la pagina iniziale del tuo sito wordpress, che potrebbe essere un url del genere:
http://127.0.0.1/wordpress/

Si aprirà una pagina internet dove potrai finalmente iniziare a configurare wordpress.

Prima però di iniziare a configurare wordpress, devi aver fatto un paio di operazioni preliminari:

Bene, ora clicca sul pulsante Iniziamo!

Andrai così a configurare i seguenti parametri necessari al corretto funzionamento del tuo sito wordpress:
  • Nome del database
  • Nome utente del database
  • Password del database
  • Host del database
  • Prefisso tabelle (se desideri eseguire più WordPress con un solo database)

Come configurare wordpress

Inserisci dunque i dati richiesti, e lascia localhost se stai creando un'installazione locale di wordpress, oppure inserisci i dati che ti ha fornito il tuo provider di hosting, infine, clicca su Invio.

Se tutto è andato a buon fine, ti apparirà il seguente messaggio:
Tutto a posto amico! Hai completato questa parte dell'installazione. Ora WordPress può comunicare con il database. Se sei pronto, ora è il momento di…
Clicca su Eseguire l'installazione.

Si aprirà una nuova finestra, dove dovrai inserire:
  • Il titolo del sito
  • Il nome utente (da usare per amministrare il sito)
  • La password di accesso
  • La tua email
  • Visibilità ai motori di ricerca (se il sito deve essere indicizzato su google o no)
Inseriti tutti i dati necessari, clicca su Installa wordpress.

Come configurare wordpress - installazione

Attendi un attimo il completamento dell'installazione e ti verrà fuori un messaggio finale di conferma, dal quale potrai fare il login al tuo sito come amministratore (con le credenziali appena create).

Come configurare wordpress - congratirazioni

Mi raccomando, segnati username e password d'accesso al tuo sito wordpress, o non potrai più modificare il tuo sito web :)

Anche senza fare la login comunque, il tuo sito wordpress è già bello che pronto.
Puoi trovarlo all'inizizzo che hai digitato all'inizio per eseguire la configurazione, che in questo caso è:
http://127.0.0.1/wordpress/

Come configurare wordpress - nuovo sito

Visto? Con pochi semplici click hai configurato il tuo primo sito in wordpress.
Certo, così è un po' bruttino, ma non preoccuparti, a breve farò altre guide su come personalizzare un sito wordpress :)

giovedì 5 maggio 2016

Come scaricare ed installare wordpress sul tuo pc

Hai sempre sentito parlare del famoso cms wordpress ma non lo hai mai provato?
Bene, siamo in due :p
In realtà io l'avevo provicchiato hostato online e non mi era piaciuto perchè era lento, così oggi ho deciso di dargli un'altra possibilità e di installarmi wordpress sul mio pc.

La prima cosa da fare è ovviamente quella di scaricare l'ultima versione di wordpress.

Collegati al seguente indirizzo per scaricare wordpress in italiano:
https://it.wordpress.org/

Clicca su Download wordpress e scarica il file .zip contenente i sorgenti del famoso cms.

Nel file zip troverai una cartella chiamata Wordpress, contenente una serie di file php e di altre cartelle.

Come scaricare ed installare wordpress file zip

Quello che devi fare è semplicemente estrarre la cartella wordpress all'interno della cartella dove tieni i tuoi siti web in php.

Nel mio caso, che ho easyphp, mi basta estrarre il contenuto dello zip nella cartella:
C:\Program Files (x86)\EasyPHP-Devserver-16.1\eds-www
Dove quindi avrò la sottocartella wordpress (o nome-sito).

Si può dire che facendo solo queste 2 semplici operazioni, abbiamo già finito.
Abbiamo così scaricato ed installato wordpress in italiano sul nostro pc.
Infatti, se apriamo il nostro sito wordpress dal browser (presumibilmente con un indirizzo del tipo: http://127.0.0.1/wordpress/), apparirà una schermata dove sarà possibile configurare wordpress... clicca qui per scoprire come creare il tuo primo sito wordpress con pochi click.

Come scaricare ed installare wordpress sul tuo pc

Tutto quanto spiegato qui, lo ritrovi riassunto in questa videoguida per wamp:
https://youtu.be/3aTa0S8GCg4

ps questa guida è stata fatta per wordpress per windows, ma la procedura per tutti gli altri sistemi operativi (es linux), è praticamente identica.