My Tutor » Sezioni » Master » Sezioni » by Master Bicomega » Wordpress “How To”: realizzare un…

Wordpress “How To”: realizzare un sito mantenendo il tema pubblico “Under Construction”

Supponiamo di dover realizzare un sito Internet commissionato da un cliente, e scegliamo di farlo con Wordpress. Tra le varie difficoltà da tenere in conto mettiamo anche che il cliente, non può venire da noi per vedere come procede il lavoro e per visionare le bozza, ma vuole fare tutto tramite Internet, comodamente seduto in poltrona. Il sito web però non deve essere visibile in pubblico fino alla sua ultimazione: un bel problema.

Il cliente ha sempre ragione!”, dobbiamo trovare il modo di accontentarlo!

Potremmo installare Wordpress in una cartella secondaria (www.miosito.it/cartelladiprova) ma al momento del “Visto, si pubblichi!” sarebbe un problema non da poco trasferire tutto nella cartella principale. Dovremmo re-installare Wordpress (o cambiargli gran parte delle impostazioni).

Un semplice ma fantastico plugin ci risolverà il problema in pochi minuti! La soluzione al nostro problema si chiama “Theme Test Drive”.

testdrive

Innanzitutto installiamo Wordpress nella cartella principale del sito e, come ormai in molti sanno, spostiamo (ad esempio via ftp) la cartella del tema fatto ad hoc per il nostro cliente nella cartella <cartella_pubblica>/wp-content/themes/ : avremo così i temi standard di Wordpress e il nostro tema da mostrare “in segreto” al nostro cliente. Ora si tratta di trovare il modo di mostrare al pubblico un tema fisso “di attesa”, ma offrire la possibilità al cliente di vedere il suo quando vuole.

Per prima cosa prepariamoci un tema “Under Construction”:

1) Costruiamo la pagina di attesa: creiamo il file index.php con il nostro editor di fiducia (o anche con l’editor di testo, per i più pazienti) e scriviamoci “Sito in costruzione” (o “Coming soon” o quello che vogliamoJ);

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it"> <head>
<meta name="content-type" http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="distribution" content="global" />
<meta name="content-type" http-equiv="Content-Language" content="it" />
<link type=”text/css” href=”<?php bloginfo('template_url') ?>/style.css” rel=”stylesheet” media=”screen” />
<title>
<?php bloginfo('name') ?> - Sito web in costruzione
</title>
</head>
<body>
<div id=”content”>
<img alt="Bicomega My Tutor" src="http://mytutor.bicomega.it/wp-content/themes/mytutor/images/sticker.png” />

<h1><?php bloginfo('name') ?> - Sito web in costruzione</h1>
<h2>Il sito web è in fase di allestimento</h2>
</div>
</body>
</html>

2) creiamo anche un foglio di stile style.css, che abbiamo già collegato al file di cui sopra, e personalizziamo le parti della pagina index.php a piacimento, inserendo però alcune info in testata:

/*
Theme Name: Under Construction
Theme URI: http://miosito.it/
Description: Un tema per la pagina under construction
Version: 1.0
Author: Enrico Corinti
Author URI: http://mytutor.bicomega.it/
*/
h1{color: #ff0000;}
h2{text-transform:uppercase;}
#content{text-align:center;}

/*...altro codice a piacimento...*/

3) salviamo entrambi i file in una nuova cartella: under_costruction;

4) copiamo questa cartella nella directory <cartella_pubblica>/wp-content/themes;

5) entriamo nel pannello “Amministratore” di Wordpress, andiamo nella sezione dedicata ai Temi e accertiamoci che i 4 temi (due di base, quello reale e quello che abbiamo appena caricato) siano presenti.

Volendo possiamo subito attivare il tema “Under Construction ”: a questo punto gli utenti vedranno solo la pagina “Sito in costruzione”, senza possibilità di interagire.

Scarica il tema già preparato “under_construction”.

Installiamo e attiviamo il nostro “Theme Test Drive” (per le fasi di installazione dettagliate vedere la documentazione) attraverso il classico processo di installazione di un plugin wordpress:

  • scarichiamo la cartella compressa e estraiamo il contenuto
  • uploadiamo la cartella in cartella_pubblica>/wp-content/plugins
  • accediamo all’area amministrativa della nostra installazione wordpress, sotto la voce “plugins”, troviamo il nostro plugin e attiviamolo

Vedremo che nel menù a tendina “Aspetto” c’è una nuova voce, “Theme Test Drive” appunto. Ci clicchiamo sopra: il pannello ci dà la possibilità di installare nuovi template, ma non è questo che ci interessa principalmente… più in giù possiamo scegliere di attivare un template che sarà visibile solo ad alcuni “eletti” (vedi immagine).

ttd-shot

Dal menu a tendina scegliamo quello che dovrà essere il template finale del cliente. In Access Level inseriamo 10 (che indica che solo gli amministratori potranno vedere il template scelto…può essere impostato a piacere) e poi clicchiamo su Enable Theme Drive. Fatto!

Ora i visitatori vedranno la pagina “Sito in costruzione”. Per il nostro cliente, invece, creiamo un account (amministratore o quello scelto); lo facciamo poi andare su www.miosito.it/wp-login.php e lo facciamo accedere con user e password che gli abbiamo fornito. Gli apparirà così il classico pannello di amministrazione di Wordpress. Dopo esserci raccomandati che non metta mano in nulla, gli diciamo di cliccare su “Visualizzza sito” in alto a sinistra… et voilà! Magicamente gli apparirà il sito “segreto”!

Abbiamo così accontentato il cliente, che potrà dirci cosa va e cosa non va, e ci siamo risparmiati delle perdite di tempo inutili. Quando il sito sarà terminato e pronto per la pubblicazione, non ci resterà che andare nel pannello di scelta dei template e scegliere il tema finito e funzionante.

Buon lavoro!

Articolo scritto da: Pierangelo Tempesta

Master frequentato: “Master in Marketing TuristicoComunicazione Multimediale” ed. 2008

Supporto scripting e revisione: Ing. Enrico Corinti, docente del modulo “Content Management Systems

Condividi l'articolo in rete:
  • E-mail this story to a friend!
  • Turn this article into a PDF!
  • Facebook
  • del.icio.us
  • Digg
  • Technorati
  • StumbleUpon
  • LinkedIn
  • Twitter
  • Wikio

Se l'articolo ti è piaciuto, segnalaci su OkNotizie cliccando su OK! Grazie.



Se desideri parlare di questo argomento direttamente con il tuo tutor scrivi a mytutor@bicomega.it

2 Commenti per “Wordpress “How To”: realizzare un sito mantenendo il tema pubblico “Under Construction””
Rimani informato su questa discussione con l'RSS dei commenti!
  1. Laura Di Pietrantonio dice:

    Grazie mille, sono felice che i nostri consigli ti abbiano aiutato! Buon lavoro!

  2. Renzo Bassi dice:

    Trovo molto utile e chiara questa indicazione e mi ha risolto un problema che mi affliggeva ad ogni nuovo sito installato.
    Grazie

Lascia un tuo commento nella form qui sotto:
Se hai un account Facebook lascia le tue impressioni cliccando qui, SENZA ISCRIZIONI! Bicomega CommunitySei già iscritto?
Login
Login usando Facebook:
Ultimi visitatori
(*) Campi obbligatori

I commenti con contenuti diffamatori, offensivi o denigratori non verranno pubblicati o verranno rimossi