Costruire un sito web sociale con WordPress BuddyPress Plugin

Pubblicato: 2018-11-13
WordPress BuddyPress
Segui @Cloudways

BuddyPress è un plugin per WordPress che ti aiuta a creare e gestire i social network in modo che gli utenti possano interagire e comunicare tra loro in modo molto intuitivo. Un set di plug-in aggiunge funzionalità specifiche che puoi combinare e abbinare per personalizzare la rete in base alle tue esigenze.

Questo tutorial aiuterà i lettori a installare i temi WordPress BuddyPress e a impostare un tema compatibile con BuddyPress. Alla fine, i lettori avranno un semplice sito web di social network pronto per il business.

Sommario

  • Installa un tema WordPress
  • Installa il plugin BuddyPress
  • Configura il plugin
  • Usa BuddyPress con il tema
  • Crea un menu per la barra di navigazione
  • Abilita registrazioni sul sito web
  • Imposta la prima pagina

Passaggio 1: installa il tema WordPress

Selezionerò un tema sociale semplice e di base per il sito Web di esempio. Per questo tutorial, userò il tema Quest WordPress. Per installare il tema, vai su Aspetto → Temi e cerca " Quest ". Quindi, fai clic sul pulsante Installa come mostrato di seguito.

download del tema della ricerca

Una volta installato, fai clic sul pulsante Attiva per attivare il tema sul sito web.

tema della ricerca

Passaggio 2: installa il plug-in BuddyPress

Vai al pannello di amministrazione di WordPress, vai a Plugin → Aggiungi nuovo → cerca BuddyPress nella casella di ricerca in alto a destra. Una volta trovato il plug-in, fai clic sul pulsante Installa ora .

Una volta terminato il processo, attiva il plugin.

plugin buddypress

Successivamente, configurerò il plug-in BuddyPress per usarlo con il tema Quest .

Passaggio 3: configurare il plug-in BuddyPress

Vai a Plugin → Plugin installati → BuddyPress → Impostazioni .

Noterai una scheda crediti e tre schede opzioni attraverso le quali puoi configurare WordPress BuddyPress in base alle tue esigenze.

1. Componenti

Queste opzioni consentono all'amministratore del sito di abilitare (o disabilitare) azioni che hanno un impatto diretto sul modo in cui gli utenti interagiscono con altri utenti del social network.

  • Profili estesi: se abilitati, puoi aggiungere campi personalizzati al profilo utente.
  • Impostazioni account: la selezione di questa voce consente agli utenti di modificare il proprio account e le notifiche direttamente dalla schermata del profilo.
  • Connessioni di amici: se abilitate, gli utenti possono inviare richieste di amicizia ad altri utenti del sito. Se la richiesta viene accettata, gli utenti possono monitorarsi a vicenda tramite il registro delle attività.
  • Messaggi privati: quando questa opzione è abilitata, gli utenti possono inviare messaggi privati ​​ad altri membri sia individualmente che in un gruppo.
  • Flussi di attività: questa opzione consente agli utenti di vedere le attività dei propri amici sul sito Web social, inclusi thread, commenti, menzioni, post diretti e preferiti. Gli utenti vengono avvisati anche tramite e-mail.
  • Notifiche: questa opzione consente agli utenti di ricevere notifiche istantanee delle attività degli amici, incluse richieste di amicizia, messaggi privati ​​ecc.
  • Gruppi di utenti: questa opzione consente agli utenti di creare gruppi di natura pubblici, privati ​​o nascosti.
  • Monitoraggio del sito: se abilitato, registra l'attività relativa a nuovi post e commenti.

2. Opzioni

Queste opzioni migliorano l'esperienza dell'utente consentendo (o non consentendo) azioni da parte degli utenti registrati.

scheda opzioni

Aggiornamento automatico dell'attività

La funzionalità più utilizzata dei social network è l'aggiornamento automatico dei feed di notizie in modo che gli utenti non debbano aggiornare la visualizzazione più e più volte per ottenere nuovi aggiornamenti. Per impostazione predefinita, questa opzione è abilitata in modo che gli utenti che hanno effettuato l'accesso vengano avvisati quando viene condiviso un nuovo post o commento.

Sincronizzazione profilo

Questa opzione consente agli utenti di collegare i propri profili WordPress con i propri profili BuddyPress.

Posta commenti

Se abilitato, gli utenti possono aggiungere i propri commenti ai post e ai commenti sul proprio flusso di attività.

3. Pagine

Questa è la sezione più importante per il tuo sito social.

scheda pagine

Sebbene questa scheda sia piuttosto semplice, molti utenti di BuddyPress si confondono. Lascia che ti aiuti a capire queste tre etichette:

  1. Membri
  2. Attività
  3. Gruppi di utenti

Nota: in caso di dubbio, scegli le impostazioni predefinite per queste etichette.

Ora creerò le pagine di registrazione e attivazione .

Registrati

In BuddyPress, questo è il modulo di registrazione predefinito. BuddyPress ha bisogno di una pagina per assegnare il suo modulo di iscrizione. Ecco perché devo aggiungere una nuova pagina dal mio pannello di amministrazione di WordPress

Attivare

Questo è anche un processo di attivazione dell'account predefinito di BuddyPress. Per questo, devo creare nuovamente una nuova pagina andando sul pannello di amministrazione di WordPress e aggiungendo una nuova pagina.

Crea registrazione e attiva pagine di account

Crea la pagina " Registrazione " navigando su Pagine → Aggiungi nuovo .

WordPress installazione BuddyPress

Crea la pagina " Attiva account " andando su Pagine > Aggiungi nuovo .

WordPress installazione BuddyPress

Ora vai su Impostazioni → BuddyPress → Pagine.

Nota: se queste opzioni non sono visibili, vai su Impostazioni → Generale e abilita l'opzione " Chiunque può registrarsi ".

Infine, fai clic sul pulsante " Salva modifiche " alla fine della pagina.

Passaggio 4: utilizzo di BuddyPress con il tema

Vai su Aspetto → Menu. Apri Opzioni schermo nell'angolo in alto a destra.

WordPress installazione BuddyPress

Assicurati di aver contrassegnato BuddyPress.

WordPress installazione BuddyPress

Passaggio 5: creare un menu per la barra di navigazione

Nota: se disponi già di una barra dei menu, eliminala prima di continuare.

WordPress installazione BuddyPress

Segui questi passaggi per aggiungere una nuova barra dei menu.

WordPress installazione BuddyPress

Rimuovi i widget predefiniti del tema e configurali in base alle tue necessità.

WordPress installazione BuddyPress

Aggiungi i widget BuddyPress alla barra laterale.

(BuddyPress) Login: questo widget incorpora la funzionalità di login di BuddyPress. Il widget presenta il form di login nella barra dei menu laterale.

(BuddyPress) Ultime attività: questo widget mostra le attività recenti sul sito BuddyPress, consentendo agli utenti di seguire le tendenze della comunità.

(BuddyPress) Membri: questo widget del menu laterale elenca tutti i membri recenti, popolari e attivi.

(BuddyPress) Membri attivi di recente: come suggerisce il nome, questo widget mostra i membri attivi di recente.

(BuddyPress) Chi è online: essere online non significa che anche l'utente sia attivo. Questo widget aiuta gli altri utenti a vedere altri membri online.

(BuddyPress) Navigazione primaria: mostra l'attività e le menzioni a tutti gli utenti. Questa è la navigazione principale e dovrebbe essere visibile nella parte superiore di tutti gli altri widget.

Passaggio 6: abilitare le registrazioni degli utenti sul sito web.

Nel caso di un social network pubblico, la registrazione dell'utente dovrebbe essere aperta a tutti i visitatori. Tuttavia, se la rete è privata, puoi disattivare completamente la registrazione o, meglio ancora, rendere il processo solo su invito.

Per rendere pubblico il processo di registrazione, vai su Impostazioni → Generale → contrassegna Chiunque può registrarsi.

WordPress installazione BuddyPress

Passaggio 7: impostazione della prima pagina

Infine, l'ultima e la parte più importante del processo è impostare una prima pagina del tuo sito web. Quando un visitatore arriva al tuo sito web, questa è la prima pagina che vedrà.

In questo esempio, ho impostato la pagina " attività " come prima pagina del mio sito web. Per questo, vai su Impostazioni> Lettura.

WordPress installazione BuddyPress

Ora fai clic sul pulsante Salva modifiche . Il tuo sito web social basato sul plugin WordPress BuddyPress è ora pronto per i visitatori.

Poiché ho selezionato la pagina "Attività" come prima pagina, i visitatori possono vedere l'attività corrente subito dopo aver visitato il sito web. In alto, ho il menu BuddyPress con opzioni come Notifiche, Impostazioni e Profilo.

Nel menu di destra sono elencati tutti i widget nell'ordine in cui li ho aggiunti e nella sezione principale della pagina ho il flusso di attività che viene aggiornato in tempo reale.

Sto eseguendo il mio social network senza problemi con Varnish abilitato sul mio server gestito da Cloudways. Tuttavia, se riscontri un problema e il problema è una pagina specifica, vai avanti ed escludi quegli URL dalle impostazioni di Varnish. Se il problema persiste, disattiva la dashboard del server Varnish dal server Cloudways o contatta il supporto della chat dal vivo 24 ore su 24, 7 giorni su 7.

Pensieri finali

L'installazione di WordPress BuddyPress è un lavoro duro e il processo potrebbe richiedere tempo. Ci sono alcune cose che potrebbero andare storte e ho cercato di presentare soluzioni ai problemi più comuni che potrebbero rovinare la tua esperienza con BuddyPress.

Incoraggio inoltre i lettori a sentirsi liberi di porre le loro domande tramite la sezione commenti qui sotto. Sarei felice di risponderti e guidarti. Buon collegamento!