Tutorial SportsPress: come creare un sito Web di calcio o di qualsiasi sport

Ciao ragazzi

Oggi vi porto un tutorial che mi avete chiesto molto, come realizzare un sito web con risultati sportivi. Nello specifico in questo tutorial lo racconterò come creare un sito web per una squadra di calcio, ma funzionerebbe davvero per qualsiasi sport.

Vedremo come creare un sito web completo per una squadra di calcio, con classifiche dei giocatori, profili individuali, statistiche e molto altro.

Videotutorial

Iscriviti a un canale mi:  

Demo di SportsPress

In questo tutorial configureremo SportsPress per arrivare al risultato finale della demo che viene fornita ad esempio con il modello Rookie:

demo per principianti a tema

Se preferisci vedere la demo interattiva puoi farlo da qui:
http://demo.themeboy.com/rookie-soccer/

Di cosa abbiamo bisogno per seguire il tutorial

Per seguire il tutorial dobbiamo installare WordPress sul nostro server, se ancora non avete il web hosting ecco un buono sconto per Hostgator:

crea il tuowebeasy

Una volta installato WordPress, iniziamo a creare il nostro sito Web per una squadra di calcio, per questo installiamo il plugin per stampa sportiva.

Non lasciarti impressionare da tutte le opzioni che SportsPress ha, le vedremo poco a poco 🙂

Installazione di SportsPress

Non appena installiamo e attiviamo SportsPress, viene visualizzato un configuratore per installare facilmente il plug-in. Otterremo un'immagine come questa:

configuratore sportspress

Configuratore di base

La prima cosa che dobbiamo configurare è:

  • Fuso orario
  • Sport: Sportspress lavora con molti sport, noi dobbiamo scegliere il nostro
  • campionato principale: Nome del campionato a cui partecipiamo
  • Stagione in corso: Anno in cui si svolge la competizione

Ecco come appare questa schermata:

configurazione di base di sportspress

Attrezzatura

In questa schermata dobbiamo mettere il nome della nostra squadra e se vogliamo anche il nome delle squadre rivali. Questi dati possono anche essere aggiunti nelle opzioni di SportsPress in seguito.

attrezzature per la stampa sportiva

Giocatori e staff tecnico

In questa schermata possiamo aggiungere il nome e la posizione di ogni giocatore, oltre al nome dell'allenatore.

allenatore di giocatori di stampa sportiva

Estadio

In questa schermata possiamo inserire il nome e l'indirizzo del nostro Stadio o Recinto:

sede della stampa sportiva statale

Pagine di stampa sportiva

Il configuratore ci informa che sta per installare alcune pagine necessarie per il corretto funzionamento del nostro sito web, nello specifico verranno installate le seguenti pagine:

  • Calendario: Organizza e pubblica calendari utilizzando impostazioni diverse.
  • Tipi di classificazione Crea classifiche automatizzate per tenere traccia dei risultati delle squadre.
  • lista dei giocatori Crea elenchi di squadre, galleria giocatori e classifiche

pagine di stampa sportiva

E il gioco è fatto, siamo pronti per creare il nostro sito web per una squadra di calcio:

stampa sportiva pronta

Installa addon del nostro sport

SportsPress ha componenti aggiuntivi per quasi tutti gli sport, ciò significa che le opzioni non sono progettate per lo sport in generale ma per il calcio in particolare.

Se vai su Plugin -> Aggiungi nuovo plugin vedrai molte estensioni tra cui scegliere:

addons sportspress

Come scegliamo il calcio nel momento in cui riceviamo l'avviso che ci consiglia di installare il plugin SportsPress per il calcio (calcio)

Lo installiamo.

installa soccer sportspress

Installa il modello Rookie per SportsPress

Per ottenere il risultato che abbiamo nella demo dobbiamo installare il modello Rookie.

Se andiamo nel menu SportsPress -> Impostazioni troveremo l'avviso per installare il template:

installa il tema del principiante

Una volta installato e attivato, installeremo il contenuto demo per rendere più facile vedere il risultato di questo modello.

Installa il contenuto demo di SportsPress

Per installare il contenuto demo andiamo su SportsPress–> Impostazioni –> Generali

In questa schermata segniamo:

  • Installa contenuto demo
  • Nazionalità predefinite: nel mio caso la Spagna

contenuto demo sportspress

Per assicurarci di aver aggiunto il contenuto della demo, possiamo andare al menu Partite -> Partite e vedremo le partite che sono state aggiunte demo.

In questo modo possiamo avere il nostro sito web con contenuti demo per poterlo impaginare.

Configura pagina iniziale

La home page è configurata con i widget, ma prima di farlo dobbiamo creare una pagina vuota e contrassegnarla con il modello della home page negli attributi della pagina:

home page di stampa sportiva

Ora dobbiamo aggiungere questa pagina come home page in Personalizza -> Impostazioni copertina -> Una pagina statica -> Home

Una volta fatto abbiamo la home page vuota e dobbiamo configurare i widget nell'area Home Page:

widget della home page

E anche i widget della barra laterale:
widget della barra laterale

Se sei arrivato fin qui avrai una pagina come quella della demo o almeno molto simile 😉

risultato da principiante

Aggiungi bandiere ai roster dei giocatori

Se vogliamo che la bandiera con la nazionalità appaia nei widget dell'elenco giocatori, dobbiamo attivare l'opzione in SportsPress –> Giocatori –> Elenchi giocatori –> Mostra le bandiere nazionali

Il risultato sarebbe il seguente:
elenca le bandiere dei giocatori

Ti consiglio di dare un'occhiata a tutti i tipi di widget specifici che abbiamo a disposizione da SportsPress, potrebbero darti buone idee per rendere il tuo sito web ancora più interessante.

Tra i tipi di widget forniti di serie ci sono:

  • blocchi di eventi
  • Calendario degli eventi
  • conto alla rovescia
  • compleanno
  • il personale
  • galleria dei giocatori
  • Elenco degli eventi
  • lista dei giocatori
  • Classifica
  • TeamGallery

Conclusione

Come puoi vedere il plugin è un'opzione molto completa per creare un sito web sportivo.

C'è anche una versione pro che aggiunge ancora più funzionalità.

Spero vi sia piaciuto, se è così dimmelo e farò un corso su questo meraviglioso plugin 😉

saluti

4 commenti su "Tutorial SportsPress: come creare un sito web di calcio o di qualsiasi sport"

Lascia un commento