Predloge za socialna omrežja. HTML predloge za socialna omrežja. Nove oznake HTML5

Pozdravljeni, dragi bralci spletnega dnevnika. Seveda lahko za to nalogo uporabite vtičnik, vendar Ni tako težko narediti sam, pa jih bo manj, sploh ker jih imam že veliko v delu (glej članek na navedeni povezavi). Vzel sem ikone družbenih omrežij, o katerih sem že podrobneje pisal (upam, da Dimox temu ne bo nasprotoval).

Prav tako se mi je zdelo primerno poslati e-pošto.

Iz gumbov ustvarimo sprite in v spletno mesto vstavimo Html kodo

Ko ste ustvarili vse potrebne skupine in strani na družbenih omrežjih in s tem prejeli vse potrebne povezave, vas lahko zmede dodajanje gumbov na spletno mesto. Seveda lahko v skladu z mojo objavo izberete ustrezno ikono za vsako družbeno omrežje in po potrebi zmanjšate njeno velikost na zahtevano velikost v in.

Vendar to ni najboljša možnost. Zakaj? No, ker bo za nalaganje vsake slike družbenega omrežja na vaš strežnik poslana ločena zahteva. Če imate ducat ikon, to pomeni deset zahtev, kar bo v vsakem primeru dodatno obremenilo strežnik in . Takšna zapravljivost nam ne ustreza, sploh ker se dogaja že dolgo.

Odločil sem se, da kolesa ne bom znova odkrival (ustvaril sprite), ampak sem uporabil tistega, ki ga je ustvaril konstruktor Share42 (povezava do opisa dela z njim je navedena tik zgoraj). V njem lahko izberete tista družbena omrežja, katerih ikone boste potrebovali, in skupaj s kodo prejmete CSS sprite, tj. fizično eno grafično datoteko, na kateri bodo nameščene vse ikone socialnih omrežij, ki jih potrebujete, in naročnine na vir RSS (in e-pošta, če je potrebno).

Izbral sem štiri glavna omrežja in nekaj ikon za naročanje na novice z velikostjo ikon 24 krat 24, tako da je moj sprite videti takole (čeprav je še vedno tam, vendar ni pomembno):

Zdaj imamo vse sestavine – povezave do skupin ali strani družbenih omrežij in ikone za njihov prikaz na spletnem mestu. Ostaja le, da vse to pravilno pripravimo, tj. pobotati se. Moj blog deluje na WordPressu, zato bom kodo z gumbi prilepil v enega od . V mojem primeru se imenuje sidebar.php. HTML koda to se izkaže za izjemno preprosto:

No, in najbolj zanimiva stvar. Z našo pomočjo določimo, katero področje našega spritea bo prikazano na tej določeni lokaciji kot ozadje (v našem primeru je to ozadje postavljeno pod hiperpovezavo). Razlaga, kako se to zgodi, traja zelo dolgo, zato preberite članek, povezan s povezavo, in vse vam bo postalo jasno (vsebuje tudi ilustrativne primere). Če ste leni, potem le eksperimentirajte s številkami, ki, kot ste morda opazili, niso zastonj deljive s 24.

Da, naložite datoteko sprite prek FTP na svoje spletno mesto in navedite pot do nje () v ozadju. To je vse. Če ne gre, pozorneje preberite gradiva na zgornjih povezavah, no, in če sploh nič ne uspe, opišite svojo situacijo v komentarjih (podrobno - če želite vstaviti kodo, jo ne pozabite priložiti v PHP oznake z oglatimi oklepaji).

Srečno! Kmalu se vidimo na straneh spletnega dnevnika

Morda vas bo zanimalo


 Zamisel o organizaciji internetne platforme za združevanje ljudi s skupnimi interesi, da bi nato prejeli dober promet in uvedli sistem plačljive naročnine, privlači mnoge. Za dosego tega cilja v kratkem času je primerno socialno omrežje, zgrajeno na predlogi WordPress, ki je združljiva z vtičnikoma BuddyPress in bbPress. Omogočajo polno funkcionalnost družbenega omrežja: ustvarjanje profilov, izmenjavo sporočil, dodajanje prijateljev, komuniciranje na forumu, sodelovanje pri datotekah in druge možnosti.

10 predlog za socialno omrežje na WordPressu + BuddyPress

1.Sweet Date

Predloga za družabno omrežje, ki ponuja 2 predstavitvi za spletno mesto za zmenke in 1 za spletno mesto za iskanje sopotnikov. Spletno mesto na Sweet Date lahko uporablja sistem plačljive naročnine in nadzoruje dostop do vsebine. Popolnoma odziven dizajn teme zagotavlja, da so obiskovalci ob obisku spletnega mesta na kateri koli napravi deležni enake uporabniške izkušnje.


2. Uspevajte

Predloga za intranet in spletne skupnosti. Je univerzalna platforma, ki združuje funkcionalnost socialnega omrežja, foruma, sistemov za sporočanje, organizacije dogodkov, vodenja projektov in deljenja datotek, e-trgovine in e-učenja (če kupite vtičnik Learndash).


3. Prijatelj

Tema, razvita za Buddypress in bbPress, vam pomaga ustvariti socialno omrežje s sodobnim dizajnom. Buddy uporablja odzivno postavitev Retina Ready in knjižnico pisav ikon Font Awesome. Predloga vam omogoča enostavno dodajanje pripomočkov na vaše spletno mesto, kot so: “Novi/priljubljeni/aktivni uporabniki”, “Nove/priljubljene skupine”, “Koledar”, “Zadnje teme na forumu”, “Statistika”, “Spletni uporabniki” .


4. Družite se

Predloga kar najbolje izkorišča zmožnosti Buddypressa, zaradi česar je dobra osnova za skupnost ali družabno omrežje. Socialize je popolnoma spremenil dizajn bbPressa in ga približal klasičnemu slogu forumov. Da lahko spletni skrbnik doseže želeno vrsto prikaza vsebine, predloga vključuje 4 možnosti postavitve za glavno stran, 9 za kategorije, 6 za objave.


5. Klein

Inovativna tema, zasnovana za delo z BuddyPress in bbPress, narejena s posebno pozornostjo do podrobnosti. Primerno za tiste, ki potrebujejo spletno skupnost ali družabno omrežje, ki ga poganja WordPress. Idealno za strani z velikim številom registriranih uporabnikov. S povezovanjem s člani skupnosti.


6. KLEO

KLEO si je prislužil naziv letošnje najbolje prodajane teme BuddyPress, ker resnično izpolnjuje pričakovanja. Predloga ponuja preprosto predlogo s preverjenimi sekundarnimi elementi. Tema uporablja vgrajeno iskanje, ki ni vključeno v nobeno drugo predlogo, in vam omogoča, da se izognete namestitvi posebnih vtičnikov, kar ugodno vpliva na hitrost spletnega mesta.


7. Monstroid2

Univerzalna predloga, sledilec legendarne teme Monstroid, popolnoma prepisana iz nič. Zahvaljujoč združljivosti z vtičnikom BuddyPress predloga omogoča spletnim skrbnikom, da brez dodatnega truda ustvarijo spletno mesto družbenega omrežja ali tematsko spletno skupnost. Predloga ponuja 7 slogov glave po meri in podpira mega menije. Kupec lahko uporabi slike iz demo na svoji spletni strani.


Prva najbolj priljubljena WordPress tema za intranet/ekstranet skupnosti. Woffice se lahko uporablja za korporativna in vladna intranet/ekstranet omrežja, običajne internetne skupnosti in socialna omrežja, šola ali druga zasebna socialna omrežja.


Oglejmo si nekaj tem WordPress, narejenih posebej za družbene medije.

1. Mingle – večnamenska WordPress tema

Če gradite svoje socialno omrežje z BuddyPressom, potrebujete Mingle z njegovimi funkcijami in dizajnom. Mingle, ki ga je razvila elitna ekipa pri Parallelusu, je narejen po meri za platformo BuddyPress in ima ogromno odličnih funkcij.

Lastnosti te teme:

  • urednik kontaktnega polja
  • generator stranske vrstice
  • Podpora za HTML5 + CSS3
  • SEO prijazna koda
  • blogi
  • portfelj
  • diaprojekcija
  • kratke kode
  • številne druge lastnosti.

2. Pozdrav odzivni WordPress + tema BuddyPress

Z izdajo Salutation lahko z gotovostjo rečemo, da Parallelus razume, kaj je potrebno za ustvarjanje dobrega dizajna. Najprej velja omeniti, da je Salutation 100-odstotno odziven izdelek – vaše socialno omrežje bo odlično delovalo na različnih mobilnih napravah s katero koli velikostjo zaslona.

Poleg tega ima Salutation nekaj kul funkcij:

  • Revolucijski drsnik
  • možnost povleci in spusti
  • neomejena izbira barv
  • pojavna polja za prijavo
  • enostavne nastavitve
  • blogi
  • pripomočki
  • intuitivna skrbniška plošča
  • generator stranske vrstice
  • portfelj
  • Združljivo z BuddyPress
  • kratke kode
  • veliko več.

3. Woffice – intranet/ekstranet WordPress tema

Ta tema ima veliko funkcij, široko paleto funkcij, vključno z visokimi standardi kodiranja, rednimi posodobitvami in odlično podporo. Woffice lahko uporabite za ustvarjanje socialnih omrežij, notranjih in zunanjih omrežij ali skupnosti za šole, delovna mesta, podjetja in vladne agencije.

Lastnosti te teme:

  • Podpora funkcij BuddyPress
  • upravitelj datotek
  • ikone
  • klepet in sporočanje
  • forumi
  • Googlove pisave
  • odziven dizajn
  • demo različica
  • dokumentacijo
  • video lekcije
  • koledar
  • kratke kode
  • bbPress
  • Podpora WMPL
  • čista koda
  • neomejeno število stranskih vrstic
  • pripomočki po meri
  • strani za prijavo uporabnikov
  • Spletna trgovina.

4. Serpent – ​​​​odzivna tema družbenega omrežja

Ta tema ima toliko funkcij, da nekaterih verjetno ne boste nikoli potrebovali. Serpent je edinstvena WordPress tema, ki lahko vaše spletno mesto popelje na naslednjo raven. Z njo je preprosto nemogoče narediti kaj narobe.

Razvijalci te teme so ugledna ekipa Cosmothemes.

Glavne značilnosti teme:

Cena vključuje prihodnje posodobitve in 6 mesecev podpore.

5. UnitedCommunity – tema BuddyPress

UnitedCommunity je večnamenska WordPress tema za družbena omrežja ugledne ekipe Diabolique. To je nova tema, objavljena 2. septembra 2015.

Njegove pomembne lastnosti:

  • privlačen, edinstven in odziven dizajn
  • več kot 40 notranjih strani
  • widgete na domači strani
  • enostavnost namestitve in konfiguracije
  • Združljivo z WooCommerce
  • pripomočki po meri
  • pojavna obvestila
  • Podpora za WPML
  • Googlove pisave
  • spustni meniji
  • veliko več.

6. Klein – Tema skupnosti Nitty Gritty

Če iščete popolno temo WordPress za svoje družbeno omrežje, ne iščite dlje od Kleina. Uporabnikom ponuja možnost dela s popolnoma delujočim družbenim omrežjem in ima širok nabor zmogljivosti.

Vaši uporabniki lahko pošiljajo neomejena sporočila, delijo dogodke, dodajajo stike, razpravljajo o idejah na forumih in ustvarjajo čudovite uporabniške profile. Izkoristite lahko Kleinovo združljivost WooCommerce in prodajate izdelke članom svojega omrežja. Poleg tega Klein podpira WordPress 4.4, bbPress in BuddyPress, kar vam omogoča, da svoje spletno mesto WordPress spremenite v priljubljeno družabno omrežje.

Druge funkcije vključujejo:

  • vizualni urejevalnik
  • barve po meri
  • Revolucijski drsnik
  • Združljiv z WPML
  • odziven dizajn
  • intuitivna skrbniška plošča
  • SEO prijazna koda
  • 6 različnih glav + postavitve
  • podpora družbenih medijev
  • 1000+ ikon pisav
  • obvestila
  • številne druge funkcije.

Če želite ustvariti zmogljivo socialno omrežje z WordPressom, morate razmišljati o več kot le o izbiri vtičnika in teme. Poskrbeti boste morali tudi za izbiro kakovostnega gostovanja, kot tudi za promocijo vaše strani v iskalnikih. Ko gre za delo z vtičniki, najprej preizkusite različne možnosti in se nato dokončno odločite.

Opomba

Ustvarjanje družbenega omrežja, ki temelji na WordPressu, je preprost postopek. Vse, kar potrebujete, je poslovni načrt, vtičnik za družbene medije in združljiva tema. Ne pozabite, da lahko izberete katero koli temo in jo prilagodite svojim željam, vendar vam bodo teme družbenih medijev prihranile čas, saj ponujajo številne možnosti.

V zadnjih nekaj letih je priljubljenost družbenih omrežij skokovito narasla na raven brez primere. Priznan vodja na tem področju je seveda Facebook. Zanj je bilo razvitih ogromno različnih aplikacij, ki široko uporabljajo to tehnologijo.

Če pa vaši načrti ne vključujejo prehitevanja Facebooka ali VKontakte v priljubljenosti, in si samo želite ustvarite svoje socialno omrežje ali skupnost, podobno kot Facebook, Vkontakte, Twitter ali Google Plus - potem je ta pregled za vas.

Bomo razmislili 15 skriptov za ustvarjanje socialnega omrežja na s standardnimi funkcijami za tovrstne izdelke, klepeti, mikroblogi a la Twitter in drugimi priljubljenimi funkcijami, ki vam bodo nedvomno všeč. Izbor vključuje tako plačljive kot brezplačne rešitve.

phpDolphin

to platforma za ustvarjanje socialnega omrežja ponuja skoraj enake funkcije kot Facebook - klepet v živo, pošiljanje zasebnih sporočil, komentarje, deljenje fotografij in še veliko več.
Cena: 43 $

LiveStreet CMS

Blogosocialna platforma domače proizvodnje. V RuNetu so precej pogosto portali, ki so bili zgrajeni z njegovo pomočjo. Če poskusite na kratko opisati ta CMS, je to neke vrste analog dobro znanega Habrahabra. Pomen sistema je naslednji: vsak uporabnik lahko postane avtor.
Cena: brezplačno

Boonex Dolphin

Boonex Dolphin je močan CMS za ustvarjanje socialnega omrežja. Arzenal ima ogromno razširitev, kot so: skupine, objave, avdio in video katalog, plakat, blogi, klepet, katalog datotek itd. Razširite lahko tudi standardni nabor plačljivih modulov, ki jih lahko kupite na uradnem Spletna stran. Možno je prilagoditi slog vaših strani. Poleg tega razvijalci zagotavljajo mobilne aplikacije, ki se integrirajo z vašim portalom. CMS je plačan, vendar obstaja poskusna različica za testiranje.
Iz mojih izkušenj pri delu s tem motorjem lahko rečem, da je sistem zmogljiv in relativno stabilen, vendar zahteva dober strežnik, saj porabi veliko virov.
Cena: od 29 $/mesec ali od 599 $ za enkratni nakup (obstaja preizkusna različica).

Socialno podjetje

Socialno podjetništvo je skript socialnega omrežja za poslovneže. Glavni cilj te skripte je omogočiti poslovnežem iskanje partnerjev. nekaj podobno kot LinkedIn.
Cena: 32 $

Socialno omrežje SocEuro

SocEuro je precej funkcionalen skript družbenega omrežja s tipičnim nizom modulov za to vrsto izdelka. Jejte zvočni posnetki kot VKontakte, klepeti, viri, igre ...
Cena: 43 $

Oxwall

Vsekakor brezplačen skript za socialno omrežje odprtokodno. Ima ogromno enakih brezplačnih in edinstvenih dodatkov, ki jih ni mogoče najti niti v plačljivih analogih: fotogalerija, video katalog, blogi, forumi, wikiji, skupine, dogodki, prijatelji, sodelovanje, deljenje datotek, video konference itd. .
Cena: brezplačno

Socialkit

Skoraj vse funkcije, ki so postale standard za družbena omrežja, so vključene v platformo ScialKit: klepet v živo, osebne strani, sporočila in povezave, možnost puščanja komentarjev in všečkov, obvestil, hashtagov in omemb.
Cena: 39 $

Pligg

Pligg je prost, preprosta, a zmogljiva rešitev za ustvarjanje blog-družabnega omrežja ali skupnosti. Posebnost je, da lahko ustvarite samoregulativno skupnost. Uporabniki sami odločajo, kaj je slabo in kaj dobro. To odpravlja potrebo po zmernosti. Po podobni filozofiji delujeta Habrahabr in sistem LiveStreet CMS, ki je prisoten tudi v tej zbirki.
Cena: brezplačno

Družabni kviz

SocioQuiz je skript, ki lahko vašo spletno stran spremeni v portal najrazličnejših testi, ankete in kvizi. Zagotavlja popolno podporo za foto in video vsebine ter popolno svobodo uporabe lastnih. Ima bistveno več zmogljivosti v primerjavi s podobnimi stranmi, kot so Playbuzz, Buzzfeed in druge.
Cena: 44 $

Prijazno socialno omrežje

Prijazno socialno omrežje je tisto pravo socialno omrežje za prijatelje. Ima celoten nabor funkcij, ki so potrebne v tem primeru: osebne strani, skupine, klepet v živo, komentarji, všečki, hashtags, omembe, obvestila. Možno je ustvariti ločene profile za prijatelje in javne. Nadzirate lahko prikaz objav – vidne vsem (javno) ali samo prijateljem. In to je le nekaj funkcij, zaradi katerih je Friendly skoraj idealna platforma za ustvarjanje lastne skupnosti.
Cena: 36 $