Ciao, cari lettori del sito blog. Ovviamente puoi utilizzare un plugin per questa attività, ma Non è così difficile farlo da solo, e ce ne saranno meno, soprattutto perché ne ho già molti funzionanti (vedi l'articolo al link fornito). Ho preso le icone dei social network, di cui ho già scritto in dettaglio (spero che Dimox non si opponga a questo).
E ho ritenuto opportuno anche mandare una mail.
Creiamo uno sprite dai pulsanti e inseriamo il codice Html nel sito
Dopo aver creato tutti i gruppi e le pagine necessari sui social network, e quindi ricevuto tutti i collegamenti necessari, potresti rimanere perplesso aggiungendo pulsanti al sito. Ovviamente puoi, secondo il mio post su, selezionare un'icona adatta per ciascun social network e, se necessario, ridurne le dimensioni alla dimensione richiesta in e.
Ma questa non è l'opzione migliore. Perché? Bene, perché per caricare ciascuna immagine del social network, verrà effettuata una richiesta separata al tuo server. Se hai una dozzina di icone, significa dieci richieste, che in ogni caso creeranno un carico aggiuntivo sul server e sul file . Tale spreco non ci soddisfa, soprattutto perché accade da molto tempo.
Ho deciso di non reinventare la ruota (creare uno sprite), ma di utilizzare quella creata dal costruttore Share42 (un collegamento alla descrizione di come lavorarci è fornito appena sopra). In esso puoi selezionare i social network di cui avrai bisogno delle icone e insieme al codice riceverai uno sprite CSS, ad es. fisicamente un file grafico su cui verranno inserite tutte le icone dei social network di cui avrai bisogno e le iscrizioni ai feed RSS (e alle Email, se richieste).
Ho scelto quattro reti principali e un paio di icone per l'iscrizione alle notizie con una dimensione dell'icona di 24 x 24, quindi il mio sprite assomiglia a questo (anche se è ancora lì, ma non importa):
Ora abbiamo tutti gli ingredienti: collegamenti a gruppi o pagine di social network e icone per visualizzarli sul sito. Non resta che preparare il tutto correttamente, cioè trucco. Il mio blog funziona su WordPress, quindi incollerò il codice con i pulsanti in uno dei file . Nel mio caso si chiama sidebar.php. Codice HTML questo risulta essere estremamente semplice:
Bene, e la cosa più interessante. Con il nostro aiuto determiniamo quale area del nostro sprite verrà visualizzata in questa posizione specifica come sfondo (nel nostro caso, questo sfondo è posizionato sotto il collegamento ipertestuale). Ci vuole molto tempo per spiegare come ciò avvenga, quindi leggi l'articolo collegato al link e tutto ti sarà chiaro (fornisce anche esempi illustrativi). Se sei pigro, sperimenta con i numeri che, come avrai notato, non sono divisibili per 24 per niente.
Sì, carica il file sprite tramite FTP sul tuo sito web e indica il percorso () in background. È tutto. Se non funziona, leggi più attentamente i materiali sui link sopra, beh, e se non funziona proprio nulla, descrivi la tua situazione nei commenti (in dettaglio - per inserire il codice, ricordati di allegarlo in PHP tag con parentesi quadre).
Buona fortuna a te! A presto sulle pagine del blog del sito
Potresti essere interessato
L'idea di organizzare una piattaforma Internet per unire persone con interessi comuni, al fine di ricevere successivamente un buon traffico e introdurre un sistema di abbonamento a pagamento, attira molti. Per raggiungere questo obiettivo in breve tempo è adatto un social network costruito su un template WordPress compatibile con i plugin BuddyPress e bbPress. Forniscono tutte le funzionalità del social network: creazione di profili, scambio di messaggi, aggiunta di amici, comunicazione sul forum, collaborazione su file e altre opzioni.
10 modelli per un sito di social network su WordPress + BuddyPress
1.Dolce appuntamento
Un template per un social network, che propone 2 demo per un sito di incontri e 1 per un sito per trovare compagni di viaggio. Il sito su Sweet Date può utilizzare un sistema di abbonamento a pagamento e controllare l'accesso ai contenuti. Il design completamente reattivo del tema garantisce che quando visitano il sito su qualsiasi dispositivo, i visitatori ricevano la stessa esperienza utente.
2. Prosperare
Modello per comunità intranet e online. È una piattaforma universale che combina le funzionalità di un social network, forum, sistemi di messaggistica, organizzazione di eventi, gestione di progetti e condivisione di file, e-commerce ed e-learning (se acquisti il plugin Learndash).
3. Amico
Il tema, sviluppato per Buddypress e bbPress, ti aiuta a creare un social network dal design moderno. Buddy utilizza il layout reattivo Retina Ready e la libreria di caratteri icona Font Awesome. Il modello ti consente di aggiungere facilmente widget al tuo sito come: "Utenti nuovi/popolari/attivi", "Gruppi nuovi/popolari", "Calendario", "Ultimi argomenti sul forum", "Statistiche", "Utenti online" .
4. Socializzare
Il modello sfrutta al massimo le capacità di Buddypress, rendendolo una buona base per una comunità o un social network. Socialize ha cambiato completamente il design di bbPress, avvicinandolo allo stile classico del forum. Affinché il webmaster possa ottenere il tipo di visualizzazione del contenuto desiderato, il modello include 4 opzioni di layout per la pagina principale, 9 per le categorie, 6 per i post.
5. Klein
Un tema innovativo progettato per funzionare con BuddyPress e bbPress, realizzato con particolare attenzione ai dettagli. Adatto a chi ha bisogno di una comunità online o di un social network basato su WordPress. Ideale per siti con un gran numero di utenti registrati. Collegandosi ai membri della comunità.
6. KLEO
KLEO si è guadagnato il titolo di tema BuddyPress più venduto di quest'anno perché è davvero all'altezza delle aspettative. Il modello ne offre uno semplice con elementi secondari verificati. Il tema utilizza la ricerca integrata, che non è inclusa in nessun altro modello, e ti consente di evitare l'installazione di plugin speciali, il che ha un effetto benefico sulla velocità del sito.
7. Mostroide2
Un modello universale, seguace del leggendario tema Monstroid, completamente riscritto da zero. Grazie alla sua compatibilità con il plugin BuddyPress, il modello consente ai webmaster di creare un sito di social network o una comunità online tematica senza alcuno sforzo aggiuntivo. Il modello fornisce 7 stili di intestazione personalizzati e supporta mega menu. L'acquirente può utilizzare le immagini della demo sul suo sito web.
Il primo tema WordPress più popolare per le comunità intranet/extranet. Woffice può essere utilizzato per reti intranet/extranet aziendali e governative, normali comunità Internet e social network, scuole o altri social network privati.
Diamo un'occhiata ad alcuni temi WordPress realizzati appositamente per i social media.
1. Mingle: tema WordPress multiuso
Se stai costruendo il tuo social network utilizzando BuddyPress, hai bisogno di Mingle con le sue funzionalità e il suo design. Sviluppato dal team d'élite di Parallelus, Mingle è fatto su misura per la piattaforma BuddyPress e include tantissime fantastiche funzionalità.
Caratteristiche di questo tema:
- contattare l'editore del campo
- generatore di barre laterali
- Supporto HTML5 + CSS3
- Codice SEO-friendly
- blog
- portafoglio
- Presentazione
- codici brevi
- molte altre funzionalità.
2. WordPress reattivo al saluto + tema BuddyPress
Con il rilascio di Salutation, si può dire con certezza che Parallelus capisce cosa serve per creare un buon design. Prima di tutto, vale la pena notare che Salutation è un prodotto reattivo al 100%: il tuo social network funzionerà perfettamente su vari dispositivi mobili con schermi di qualsiasi dimensione.
Inoltre, il Saluto ha alcune caratteristiche interessanti:
- Dispositivo di scorrimento della rivoluzione
- funzionalità di trascinamento della selezione
- scelta illimitata di colori
- campi di accesso popup
- impostazioni semplici
- blog
- widget
- pannello di amministrazione intuitivo
- generatore di barre laterali
- portafoglio
- Compatibile con BuddyPress
- codici brevi
- molto di piu.
3. Woffice: tema WordPress Intranet/Extranet
Questo tema ha molte funzionalità, una vasta gamma di funzionalità, inclusi elevati standard di codifica, aggiornamenti regolari e supporto eccellente. Puoi utilizzare Woffice per creare social network, reti interne ed esterne o comunità per scuole, luoghi di lavoro, aziende ed enti governativi.
Caratteristiche di questo tema:
- Supporto funzionalità BuddyPress
- gestore di file
- icone
- chat e messaggistica
- forum
- Caratteri di Google
- progettazione reattiva
- versione demo
- documentazione
- videolezioni
- calendario
- codici brevi
- bbPremere
- Supporto WMPL
- codice pulito
- numero illimitato di barre laterali
- widget personalizzati
- pagine di accesso dell'utente
- negozio online.
4. Serpent – Tema di social network reattivo
Questo tema ha così tante funzionalità che probabilmente non ne avrai mai bisogno. Serpent è un tema WordPress unico nel suo genere che può portare il tuo sito web al livello successivo. È semplicemente impossibile farle qualcosa di sbagliato.
Gli sviluppatori di questo tema sono il rispettabile team di Cosmothemes.
Caratteristiche principali del tema:
Il prezzo include aggiornamenti futuri e 6 mesi di supporto.
5. UnitedCommunity - Tema BuddyPress
UnitedCommunity è un tema WordPress multifunzionale per i social network del rispettabile team di Diabolique. Questo è un nuovo argomento pubblicato il 2 settembre 2015.
Le sue caratteristiche notevoli:
- design accattivante, unico e reattivo
- più di 40 pagine interne
- widget sulla home page
- facilità di installazione e configurazione
- Compatibile con WooCommerce
- widget personalizzati
- notifiche pop-up
- Supporto WPML
- Caratteri di Google
- menu a discesa
- molto di piu.
6. Klein – Un tema comunitario grintoso
Se stai cercando il tema WordPress perfetto per il tuo social network, non cercare oltre Klein. Offre agli utenti l'opportunità di lavorare con un social network completamente funzionale e ha una vasta gamma di funzionalità.
I tuoi utenti possono inviare messaggi illimitati, condividere eventi, aggiungere contatti, discutere idee sui forum e creare bellissimi profili utente. Puoi sfruttare la compatibilità WooCommerce di Klein e vendere prodotti ai membri della tua rete. Inoltre, Klein supporta WordPress 4.4, bbPress e BuddyPress, dandoti la possibilità di trasformare il tuo sito WordPress in un popolare social network.
Altre caratteristiche includono:
- redattore visivo
- colori personalizzati
- Dispositivo di scorrimento della rivoluzione
- Compatibile con WPML
- progettazione reattiva
- pannello di amministrazione intuitivo
- Codice SEO-friendly
- 6 diverse intestazioni + layout
- supporto dei social media
- Oltre 1000 icone di caratteri
- notifiche
- molte altre funzioni.
Per creare un potente social network con WordPress, devi pensare a qualcosa di più della semplice scelta di un plugin e di un tema. Dovrai anche occuparti della scelta di un hosting di qualità, nonché della promozione del tuo sito nei motori di ricerca. Quando si tratta di lavorare con i plugin, prova prima diverse opzioni e poi fai la scelta finale.
Nota
Creare un social network basato su WordPress è un processo semplice. Tutto ciò di cui hai bisogno è un piano aziendale, un plug-in per social media e un tema compatibile. Ricorda, puoi scegliere qualsiasi tema e personalizzarlo a tuo piacimento, ma i temi dei social media ti faranno risparmiare tempo offrendo molte opzioni.
Negli ultimi anni, la popolarità dei social network è salita alle stelle a livelli senza precedenti. Il leader riconosciuto in questo settore è, ovviamente, Facebook. Per questo è stato sviluppato un numero enorme di applicazioni diverse, utilizzando ampiamente la tecnologia.
Ma se i tuoi piani non includono il sorpasso in popolarità di Facebook o VKontakte, lo desideri e basta crea il tuo social network o comunità, simile a Facebook, Vkontakte, Twitter o Google Plus: allora questa recensione fa per te.
Considereremo 15 script per creare un social network su con funzioni standard per tali prodotti, chat, microblog alla Twitter e altre funzioni popolari che senza dubbio ti piaceranno. La selezione comprende sia soluzioni a pagamento che gratuite.
phpDolphin
Questo piattaforma per la creazione di un social network fornisce quasi le stesse funzionalità di Facebook: chat dal vivo, invio di messaggi privati, commenti, condivisione di foto e molto altro.Costo: $ 43
CMS LiveStreet
Piattaforma blogosocial produzione domestica. In RuNet ci sono spesso portali costruiti con il suo aiuto. Se provi a descrivere questo CMS in poche parole, è una specie di analogo del noto Habrahabr. Il significato del sistema è questo: ogni utente può diventare autore.Senza costi
Delfino Boonex
Boonex Dolphin è un potente CMS per la creazione di un social network. L'arsenale ha un numero enorme di estensioni, come: gruppi, annunci, catalogo audio e video, poster, blog, chat, catalogo di file, ecc. Puoi anche espandere il set standard di moduli con moduli a pagamento, che possono essere acquistati su il sito web ufficiale. È possibile personalizzare lo stile delle tue pagine. Inoltre, gli sviluppatori forniscono applicazioni mobili che si integrano con il tuo portale. Il CMS è a pagamento, ma esiste una versione di prova per testarlo.Dalla mia esperienza di lavoro con questo motore, posso dire che il sistema è potente e relativamente stabile, ma richiede un buon server, poiché consuma molte risorse.
Costo: da $29/mese o da $599 per un acquisto una tantum (esiste una versione di prova).
Impresa sociale
L’impresa sociale lo è script di social network per uomini d'affari. L'obiettivo principale di questo script è consentire agli uomini d'affari di trovare partner. Alcuni simile a LinkedIn.Costo: $ 32
Social Network SocEuro
SocEuro è abbastanza funzionale sceneggiatura dei social network con un set di moduli tipico per questo tipo di prodotto. Mangiare registrazioni audio come VKontakte, chat, feed, giochi...Costo: $ 43
Oxwall
Assolutamente script di social network gratuito fonte aperta. Ha un numero enorme degli stessi componenti aggiuntivi gratuiti e unici che non possono essere trovati nemmeno negli analoghi a pagamento: galleria fotografica, catalogo video, blog, forum, wiki, gruppi, eventi, amici, collaborazione, condivisione di file, videoconferenze, ecc. .Senza costi
Socialkit
Quasi tutte le funzionalità diventate standard per i social network sono racchiuse nella piattaforma ScialKit: live chat, pagine personali, messaggistica e link, possibilità di lasciare commenti e mi piace, notifiche, hashtag e menzioni.Costo: $ 39
Pligg
Pligg lo è gratuito, una soluzione semplice ma potente per creare un blog-social network o una community. La particolarità è che si può creare una comunità autoregolamentata. Gli utenti stessi decidono cosa è male e cosa è bene. Ciò elimina la necessità di moderazione. Habrahabr e il sistema LiveStreet CMS, presente anche in questa raccolta, lavorano con una filosofia simile.Senza costi
SocioQuiz
SocioQuiz è uno script che può trasformare il tuo sito web in un portale con un'ampia varietà di test, sondaggi e quiz. Fornisce il pieno supporto per i contenuti di foto e video, oltre alla completa libertà di utilizzare i propri. Ha molte più capacità rispetto a siti simili come Playbuzz, Buzzfeed e altri.Costo: $ 44
Rete sociale amichevole
Il social network amichevole è quello vero rete sociale per gli amici. Ha una serie completa di funzioni richieste in questo caso: pagine personali, gruppi, live chat, commenti, Mi piace, hashtag, menzioni, notifiche. È possibile creare profili separati per gli amici e quelli pubblici. Puoi controllare la visualizzazione dei post: visibili a tutti (pubblici) o solo agli amici. E queste sono solo alcune delle caratteristiche che rendono Friendly una piattaforma quasi ideale per creare la propria community.Costo: $ 36
