Creare una pagina personalizzata

  • Ciao a tutti, in questa guida vi spiegherò come creare una pagina personalizzata.

    Una pagina personalizzata é composta da minimo 2 file:
    xxxPage.class.php >> xxx é il nome della pagina
    yyy.tpl >> yyy é il nome del template


    Cominciamo.
    Prima di tutto, aprite il vostro editor di testo (vi consiglio Notepad++), e incollate questo:





    XboxLivePage dovete lasciare "Page" alla fine e inserire un nome per la pagina. *
    xboxLive é il nome della pagina. Questo file lo riuseremo più tardi per il template associato. Il nome dei template deve sempre cominciare con una lettera minuscola.
    xboxlive é il nome della pagina, in minuscolo, sarà utilizzato come variabile.


    Registrate il file con il nome "XboxLivePage.class.php" (dovete mettere il nome della pagina, vedi *)
    Mettete questo file nel directory /wcf/lib/page/ (tramite l'FTP).


    Ora andate nell'ACP >> Aspetto >> Temi >> aggiungere un gruppo di temi.
    Nel nome del gruppo e nel nome della cartella, mettete qualcosa che assomigli al nome della pagina (per non confondere).
    Poi ritornate nei Temi e cliccate su Aggiungere un template.
    Nel Gruppo di template scegliete il pacchetto che avete appena fatto, dategli un nome (il nome deve essere uguale al nome del file del pacchetto, cioé questo:




    PHP
    1. public $templateName = 'xboxLive';




    ).


    Ora, creiamo la vera e proprio pagina.
    Nel template del tema, copiate e incollate questo:



    HTML
    1. {include file="documentHeader"}<head> <title>{lang}page.perso.xboxlive.titre{/lang} - {lang}{PAGE_TITLE}{/lang}</title> {include file='headInclude' sandbox=false}</head><body{if $templateName|isset} id="tpl{$templateName|ucfirst}"{/if}>{include file='header' sandbox=false}
    2. <div id="main"> <ul class="breadCrumbs"> <li><a href="index.php?page=Index"><img src="icon/indexS.png" alt=""> <span>{lang}{PAGE_TITLE}{/lang}</span></a> »</li></ul> <div class="mainHeadline"> <img src="{icon}staticSiteL.png{/icon}" alt="" /> <div class="headlineContainer"> <h2>{lang}page.perso.xboxlive.soustitre{/lang}</h2> <h3>{lang}page.perso.xboxlive.description{/lang}</h3> </div> </div> {if $userMessages|isset}{@$userMessages}{/if} {if $additionalTopContents|isset}{@$additionalTopContents}{/if} <div class="border"> !! Qui trovate il contenuto della pagina !!
    3. </div>
    4. </div>
    5. {include file='footer' sandbox=false}
    6. </body></html>



    e modificare il tutto.


    Ora, dovete modificare i titoli, sottotitoli eccetera.
    Andate su Aspetto >> Lingue >> aggiungere una variabile della lingua


    Su "Nuova categoria" mettete: "nome.pagina"
    Su "Nome della variabile" mettete ad esempio: "xboxlive.titolo"
    Nella traduzione in italiano mettete il titolo della pagina, ad esempio "Xbox Live".


    e fate la stessa cosa per le altre variabili.


    La nuova pagina si troverà su [url='http://www.iltuosito.com/index.php?page=XboxLive']http://www.ILTUOSITO.COM/index.php?page=XboxLive
    Non dimenticate di aggiungere un link nel menù o nella home, oppure nessuno potrà accedere alla nuova pagina!


    Bye.
    VI RICORDO CHE IL NOME Xbox Live con cui è stato fatto il progetto può essere modificato a vostro piacimento, poiché è il nome della pagina che dovete creare