Inizialmente lanciato come semplice strumento di blogging nel 2003, WordPress si è evoluto in un efficace sistema di gestione dei contenuti (CMS). Sia che tu gestisca una rivista online, un blog multi-autore o semplicemente desideri un modo più efficiente di organizzare pile di contenuti, WordPress è una piattaforma semplice da imparare ma altamente personalizzabile.

Questa guida presuppone che tu abbia già acquistato un nome di dominio e un po 'di hosting Web, poiché è quello su cui installeremo WordPress. Installandolo sul tuo proprio hosting Web (al contrario di lasciare che WordPress.com ospiti i file) ti darà maggiore flessibilità e controllo sul tuo sito.

Prima di iniziare, vale la pena ricordare che modificare il tuo design può essere un processo delicato. Cancellare accidentalmente una linea vitale di codice può far sì che la tua home page vada dalla perfezione all'improvviso come se fosse stata progettata da un bambino di 6 anni bendato dopo un tubo di Smarties blu.

Dai un'occhiata alla nostra guida su come installare WordPress su un server locale: ciò significa che qualsiasi modifica di progettazione effettuata sarà visibile solo a te prima che tu possa scatenarli su una rete ignara.

• Come installare e testare WordPress su un server locale

Installazione di WordPress

La prima cosa che devi fare è caricare i file core di WordPress sul tuo web hosting - scarica l'ultima build su WordPress.org. Dopo averlo fatto, punta il mouse su questa pagina e segui le istruzioni su come installarlo. Dovrebbero essere necessari solo dai 5 ai 10 minuti: preparare una tazza di tè in anticipo e sarà la temperatura perfetta per il tempo necessario.

Dopo l'installazione, ti verrà chiesto di accedere con il nome utente e la password che hai scelto. Verrai quindi indirizzato all'hub centrale del tuo sito WordPress: la dashboard. Salva te stesso senza problemi segnalandolo ora.

Controllo delle basi

1. Per garantire che l'installazione del tuo sito avvenga senza intoppi, devi assicurarti che alcune opzioni siano impostate correttamente. Fai clic su Lettura sotto Impostazioni nella colonna a sinistra e assicurati che Front Page Displays sia impostato su I tuoi post più recenti prima di fare clic su Salva modifiche.

2. Fare clic su Generale, sotto Impostazioni nella colonna di sinistra e deselezionare la casella di controllo Chiunque può registrare. Questo non è necessario, poiché useremo Facebook per gestire i commenti inviati dall'utente. Imposta il ruolo predefinito nuovo utente su Contributor, quindi fai clic su Salva modifiche.

Installare il tema

1. Una volta installato WordPress, dovrai procurarti un tema. Il tema predefinito, TwentyEleven, è abbastanza carino, ma è più orientato verso il blogging standard e manca della funzionalità CMS. Utilizzeremo un tema in stile rivista open source di Wpshower.com chiamato Sight. Scaricalo qui e posiziona il file zip sul desktop. (Nota: Anche se wpshower è un sito affidabile, altri temi gratuiti possono essere inclusi con un codice sgradevole incluso. Vedi questo articolo per maggiori dettagli.)

2. Tornare alla dashboard e fare clic su Temi, che si trova nella colonna di sinistra, sotto Aspetto. Quindi fare clic su Installa tema. Fai clic su Carica e poi su Sfoglia per selezionare il file zip contenente il tema Mirino. Cliccando su Installa Ora ti presentiamo un'anteprima del tema. Infine, fai clic su Attiva per attivarlo.

Aggiunta di categorie, utenti e pagine

1. Il tuo sito ora utilizzerà il nuovo tema, ma sarà vuoto come un negozio di cioccolatini di cioccolato. La prima cosa che dobbiamo fare è creare alcune categorie.

Nella tua bacheca, cerca Categorie nella colonna di sinistra sotto Post e dagli un clic. Gli unici campi di cui dobbiamo prendere nota per ora sono Nome e Parent. Digitare il nome della prima categoria: Sport, ad esempio. Le categorie di WordPress funzionano in strutture gerarchiche, quindi per il primo dovrai lasciare il genitore come None. Fai clic su Aggiungi nuova categoria in basso per creare la categoria.

Ora puoi creare un'altra categoria a livello di genitore o creare una categoria secondaria, ad esempio Calcio. Prova ad aggiungere alcune categorie per formare il backbone del tuo CMS.

2. Dopo aver aggiunto le categorie, è necessario aggiungerle al menu di navigazione. Fai clic su Menu sotto Aspetto nella colonna di sinistra. Fare clic sulla scheda Navigazione e selezionare Automaticamente aggiungere nuove pagine di livello superiore.

3. Vai a dove dice Categorie in basso a sinistra di quella schermata. Fare clic sul collegamento 'Seleziona tutto' e quindi fare clic su Aggiungi al menu. Passare al pulsante blu 'Salva Menu' (mostrato sopra) e dargli un clic. Le categorie verranno ora visualizzate nell'intestazione del tuo sito.

4. Se gestirai il tuo sito in collaborazione con altre persone, dovrai aggiungerli come utenti e impostare i loro livelli di accesso. Fai clic su Aggiungi nuovo, sotto Utenti nella colonna di sinistra. Compila i loro dettagli e spunta la casella "Invia questa password al nuovo utente via email".

Nella casella a discesa accanto a Ruolo, seleziona la quantità di accesso che desideri assegnare a quella persona. Se vuoi che siano in grado di inviare articoli, oltre a modificare gli articoli di altre persone, scegli Editor. Se si desidera concedere loro la possibilità di inviare articoli al sito, selezionare Contributor. Dai un'occhiata a questa pagina per un elenco completo di ciò che gli utenti di ciascun ruolo possono o non possono fare.

Suggerimento: puoi chiedere ad altri scrittori di inviarti tramite email i loro post per poterli modificare e caricare, oppure possono accedere al sito tramite //www.yourwebsitedomain.com/wp-admin (sostituendo yourwebsitedomain.com per il tuo dominio), inoltrare l'articolo da soli tramite la dashboard.

3. Si potrebbe anche voler aggiungere alcune pagine che ospiteranno alcune informazioni sul tuo sito, ad esempio una pagina Chi siamo o una pagina di contatto standard. Fai clic su Aggiungi nuovo sotto Pagine nella colonna di sinistra. Assegnare un titolo, digitare qualcosa nella casella di testo principale sottostante e fare clic su Pubblica per salvare la pagina. È meglio attenersi a cinque pagine con questo tema, in quanto è quello che verrà visualizzato comodamente accanto al tuo logo.

Personalizzazione delle opzioni del tema

Il tema Sight viene fornito con alcune opzioni configurabili dal fuori. Nella dashboard, fai clic su Opzioni tema nella colonna a sinistra, sotto Aspetto. Clicca su Carica il tuo logo per cambiare il logo principale del tuo sito (nota che dovresti renderlo di 290x128 pixel per evitare lo stretching). Il tema viene già fornito con uno sfondo di fantasia, ma puoi caricare il tuo se lo desideri.

Aggiungere contenuto

1. Per aggiungere un nuovo articolo, fare clic su Aggiungi nuovo sotto Post nella colonna a sinistra. Inserisci un titolo e digita la prima frase dell'articolo nella casella Estratto. L'estratto apparirà a destra dell'immagine del banner della home page. Inserisci il resto del post nella casella di testo grande.

È quindi necessario aggiungere eventuali tag pertinenti (utilizzati da WordPress per eseguire ricerche) e selezionare le categorie sul lato destro a cui appartiene il post. Non dimenticare di usare la casella a cascata sotto Autore per selezionare la persona che ha scritto il post.

2. La tua home page presenta un banner grande, bello e scorrevole, ma non apparirà finché non dirai a WordPress quali post verranno visualizzati in esso. In genere, scegli i contenuti più accattivanti da associare al banner, ad esempio le funzionalità.

Innanzitutto, crea un nuovo post o carica uno esistente. Sotto, dove selezioni le categorie, spunta la casella che dice Mostra nella presentazione sotto Opzioni presentazione. Sotto, fai clic su Imposta immagine in primo piano. Fare clic sul pulsante Seleziona file, individuare l'immagine che si desidera utilizzare (640x290 pixel per evitare lo stretching) e fare doppio clic su di essa.

Ti verrà quindi presentata una nuova finestra che dice Usa come immagine in primo piano. Fare clic su quello e quindi fare clic su Salva tutte le modifiche. Fai clic su Pubblica o Aggiorna (a seconda se il post è già pubblicato) e controlla la tua home page per vedere il tuo nuovo banner in tutta la sua gloria scorrevole.

3. Notare che è necessario allegare un'immagine di anteprima aggiuntiva a ciascun post per la pagina di archivio (la pagina che si ottiene quando si fa clic su una categoria) se tale post verrà visualizzato nel banner della home page o meno. Mentre stai modificando un post, fai clic sull'immagine quadrata sulla sinistra, qui mostrata:

Ora fare clic su Seleziona file e quindi fare doppio clic sull'immagine che si desidera includere. Fai clic su Imposta immagine in primo piano, copia tutta la scritta nella casella "URL di collegamento", quindi fai clic su Salva tutte le modifiche nell'angolo in basso a sinistra.

4. Tornare al post e guardare appena sotto la casella Estratto per la casella Campi personalizzati. Ci saranno due campi di testo: uno a sinistra, sotto Nome e uno a destra, sotto Valore. Sotto dove viene indicato Aggiungi nuovo campo personalizzato, fare clic su Invio Nuovo. Digita "mini-pollice" (senza gli apostrofi) e fai clic su Aggiungi campo personalizzato.

Nella casella a destra, incolla l'URL del collegamento che hai copiato in precedenza e fai clic su Aggiorna. Clicca su Pubblica per salvare tutte le tue modifiche. Questo processo è leggermente meno esteso dopo la prima volta perché, dopo la creazione, vengono memorizzati nuovi campi personalizzati per un facile accesso.

Configurazione del plugin Simple Connect per Facebook

Mentre sovraccarichi il tuo sito con troppi plug-in (stiamo parlando di oltre 40 anni) può rallentare i tempi di caricamento e causare conflitti, usando alcuni scelti con cura puoi fare meraviglie per trasformare il tuo sito in un CMS meccanico, aggiungendo funzionalità aggiuntive e consentendoti di interagire meglio con i tuoi lettori.

I siti stanno abbandonando sempre più le sezioni di commenti nativi a favore di un sistema di commenti di Facebook incorporato. Questo potrebbe non essere adatto a tutti i siti (un forum sulla privacy online avrebbe probabilmente qualche problema con esso), ma la maggior parte delle persone nel Regno Unito hanno un account Facebook e sono felici di commentare con il loro vero nome.

1. Fai clic su Aggiungi nuovo sotto Plugin nella colonna a sinistra. Sotto Cerca, clicca nella casella e digita "Facebook Simple Connect" e premi invio. Quando lo hai trovato, fai clic su Installa ora, quindi su OK. Infine, fai clic su Attiva plugin. Nella colonna sinistra della tua dashboard, sotto Impostazioni, fai clic su Facebook Simple Connect.

2. La configurazione del plugin sembra inizialmente travolgente a causa delle istruzioni che ti vengono presentate, tuttavia, se segui le istruzioni sotto "Non hai ancora creato un'applicazione?" non puoi sbagliare molto.

In primo luogo, è necessario creare un'app Facebook. Dopo averlo fatto, devi ottenere l'ID applicazione e il Segreto applicazione. Inseriscili nelle caselle nella pagina delle impostazioni e fai clic su Salva modifiche in basso per aggiungere un piccolo modulo di commento alimentato da Facebook sotto gli articoli sul tuo sito. Dovrebbe sembrare come questo:

Configurazione dei widget

1. I widget vengono utilizzati per visualizzare frammenti di informazioni sul tuo sito. Utilmente, il tema Sight viene fornito con alcuni preinstallati. Passa a Widget sotto Aspetto nella colonna a sinistra. Il lato sinistro di questa schermata mostra quali widget sono installati e il lato destro mostra quali widget sono attivi e dove vengono visualizzati. Nella casella "Descrizione sito", assicurati che l'unico widget elencato sia "Pagine". Se ci sono altri widget, fai clic su di essi e quindi su "Elimina". Se Pages non è lì, trovalo sul lato sinistro e trascinalo nella casella.

2. Nella casella sottostante, intitolata Barra laterale, trascinare nel widget Commenti recenti e quindi trascinare nel widget Sight Recent Posts. Fare clic sulla freccia rivolta verso il basso su quel widget, digitare 'Articoli recenti' nella casella Titolo e fare clic su Salva. Infine, trascina il widget Sight Social Links nella stessa casella e fai clic sulla freccia rivolta verso il basso. Digita "Social" nella casella del titolo.

Di seguito sono riportati alcuni collegamenti che, dopo aver fatto clic su di essi, consentono di inserire gli URL dei profili dei social network del proprio sito. Prova a fare clic su uno e poi a inserire l'URL del tuo profilo di social network (ad esempio, //www.twitter.com/yoursocialprofile) in corrispondenza di dove dice URL profilo, facendo clic su Salva quando hai finito. Torna al tuo sito per vedere il tuo duro lavoro allineato in modo perfetto nella barra laterale.

Per pluginity ... e oltre?

A questo punto avrai un design CMS dinamico, mutevole, di base, ma perfettamente funzionante, pronto per te e per i tuoi collaboratori per iniziare a caricare i contenuti in massa. In termini di possibilità, però, hai appena scalfito la superficie di ciò che WordPress è capace.

La buona notizia è che i plugin, che fanno la maggior parte del lavoro per voi, sono numerosi, facili da trovare e ancora più facili da installare. Dai un'occhiata al vasto database di plugin di WordPress e installa alcuni di quelli che ti piacciono. Prendi nota di quelli che vengono precaricati con i widget, poiché il semplice processo di trascinamento e rilascio nella barra laterale rende gli esperimenti rapidi e indolore. Ecco 10 suggerimenti che miglioreranno la prodezza CMS del tuo sito in pochissimo tempo:

• All In One SEO Pack: ottimizza il tuo sito WordPress per i motori di ricerca.
• DDPostsByAuthor - Visualizza gli ultimi 10 post dell'autore corrente sotto l'articolo.
• Socievole - Aggiunge collegamenti a più siti Web di social bookmarking sotto il post.
• Admin Menu Editor: consente di personalizzare completamente la colonna sinistra della dashboard
• Foto dell'utente - Visualizza un'immagine dell'autore del post su qualsiasi pagina di post.
• Modulo di contatto 7 - Inserisci un modulo di contatto nel tuo sito.
• Captcha davvero semplice - Aggiungi un captcha per andare con il modulo di contatto. Impedisce ai bot di accedere al tuo sito.
• Cleaner-Gallery - Aggiungi una galleria di foto facilmente al tuo sito.
• WP-PageNavi - Sostituisce i collegamenti Avanti e Precedente nelle pagine di archivio con collegamenti di navigazione numerici.
• Da WP a Twitter: consente di twittare automaticamente un collegamento a un post pubblicato da un account specificato.