Come creare un modello di BuddyPress

July 6

Come creare un modello di BuddyPress


Il quadro BuddyPress per WordPress consente di creare siti di social networking, portali complessi di comunità e strumenti di collaborazione attraverso una vasta libreria di template e plug-in. Ogni tema WordPress lavorerà con BuddyPress con poche o nessuna modifica, tuttavia si potrebbe desiderare di creare un insieme di modelli personalizzati per gestire BuddyPress-specifica funzionalità, come i profili del forum, Attività o membro. Il metodo più semplice e più sicuro per farlo è quello di creare un tema BuddyPress bambino, piuttosto che modificare il nucleo BuddyPress.

istruzione

1 Creare una nuova cartella e il nome dopo il vostro nuovo tema. Aprite il vostro editor HTML e creare due nuovi file. Salvare il primo file come "functions.php" nella nuova cartella. Salvare il secondo come "style.css".

2 Inserire il seguente modello di intestazione testo nel style.css:

/ *

Nome Tema:

URI Tema:

Descrizione:

Versione: 1.0

Autore:

Autore URI:

Modello: BP-default

tag:

* /

Compila ogni campo. Come minimo, il vostro style.css deve contenere un nome del tema e il valore del modello. Il valore del modello dovrebbe rimanere bp-default; Tuttavia, se si desidera basare il nuovo progetto sulla funzionalità di un quadro BuddyPress tema personalizzato, come ad esempio Buddymatic, inserirne il nome del tema invece.

3 Aprire la cartella quadro BuddyPress e quindi aprire la cartella "_inc" che si trova in "bp-themes / bp-default". Aprire ciascuno dei fogli di stile ritrovate in "css". Copiare il contenuto del documento default.css che iniziano con lo stile "corpo" e incollarlo nel documento style.css appena sotto il testo di intestazione modello. Continuare a copiare e incollare il reset.css e stili adminbar.css nel vostro foglio di stile.

4 Modifica, rimuovere o aggiungere stili, se lo desideri. Per vedere più facilmente quali stili colpiscono parti del layout generale, è possibile utilizzare la funzione "Inspect Element" del browser Opera o il Firebug add-on per Firefox. Ad esempio, se si desidera cambiare l'immagine di sfondo, è necessario modificare la seguente riga dello stile "corpo":

background: #000000 URL( ../images/mybg.jpg) fixed no-repeat;

Creare una cartella "immagini" nella nuova cartella del tema e assicurarsi che tutti gli stili che fanno riferimento le immagini utilizzare il percorso corretto per il file di immagine.

5 Aprire i file modello nella BuddyPress "BP-themes / bp-default" parti Cartella contenente del layout che si desidera personalizzare. Ad esempio, se si desidera personalizzare il contenuto che appare nella pagina principale, aprire il file "index.php" e salvarlo sul tuo nuova cartella del tema. Si possono aggiungere tag template, HTML o classi di stile che sovrascrivere il template predefinito BuddyPress.

6 Aggiungere eventuali funzioni personalizzate al file functions.php. È inoltre possibile aggiungere funzioni WordPress aggiuntive a questo file, come ad esempio la registrazione barre laterali o l'aggiunta di funzionalità plug-in. Tuttavia, non copiare il contenuto del file functions.php di default nel file. Se non hai nulla da aggiungere, salvare il file come un file vuoto per la nuova cartella del tema e sarà automaticamente erediterà le funzioni di default di qualsiasi modello che si dichiarati nel intestazione del style.css.

Consigli e avvertenze

  • Per aggiungere un altro livello di personalizzazione per il vostro tema, creare modelli di pagina personalizzati utilizzando BuddyPress tag modello trovato in BuddyPress Codex e salvarli nella nuova cartella tema BuddyPress proprio come si farebbe per un normale tema WordPress. Sarete in grado di selezionare i modelli di pagina in un editor di pagina di WordPress per dare alcune pagine un aspetto particolare e funzionalità.
  • Evitare di copiare l'intero tema di default di BuddyPress come che la struttura non è supportato da nuove versioni di BuddyPress e causerà conflitti. Il vostro bambino tema dovrebbe contenere solo i file dei modelli che sono stati modificati al di là del valore predefinito per contribuire a ridurre il rischio di conflitti. I file e style.css modello (.php) dovrebbero essere tutti nella radice della cartella del tema. Ulteriori JavaScript, fogli o immagini di stile possono essere organizzati in sottocartelle.