Suhtlusvõrgustiku mallid. HTML-mallid sotsiaalvõrgustike jaoks. Uued HTML5 sildid

Tere, kallid ajaveebisaidi lugejad. Loomulikult saate selle ülesande jaoks kasutada pistikprogrammi, kuid Seda pole nii raske ise teha, ja neid jääb vähemaks, eriti kuna mul on neid juba palju töökorras (vt artiklit lingil). Võtsin sotsiaalvõrgustiku ikoonid, millest ma juba üksikasjalikult kirjutasin (loodan, et Dimox ei vaidle sellele vastu).

Ja pidasin ka sobivaks meili saata.

Loome nuppudest spraiti ja sisestame saidile HTML-koodi

Kui olete sotsiaalvõrgustikes kõik vajalikud rühmad ja lehed loonud ning seetõttu kõik vajalikud lingid saanud, võite saidile nuppude lisamisega hämmingut tekitada. Loomulikult saate vastavalt minu postitusele valida iga sotsiaalvõrgustiku jaoks sobiva ikooni ja vajadusel vähendada selle suurust soovitud suuruseni ja.

Kuid see pole parim valik. Miks? Sest iga sotsiaalvõrgustiku pildi laadimiseks esitatakse teie serverile eraldi päring. Kui teil on kümmekond ikooni, tähendab see kümmet päringut, mis igal juhul loob serverile lisakoormuse ja . Selline raiskamine meile ei sobi, seda enam, et seda on juba ammu juhtunud.

Otsustasin mitte ratast uuesti leiutada (spriiti luua), vaid kasutasin Share42 konstruktori loodud ratast (sellega töötamise kirjelduse link on toodud ülalpool). Selles saate valida need sotsiaalsed võrgustikud, mille ikoone vajate, ja koos koodiga saate CSS-i spraiti, st. füüsiliselt üks graafiline fail, kuhu paigutatakse kõik vajalikud suhtlusvõrgustiku ikoonid ja RSS-kanali (ja vajaduse korral meili) tellimused.

Valisin neli põhivõrku ja paar ikooni uudiste tellimiseks, mille ikooni suurus on 24 x 24, nii et minu sprite näeb välja selline (kuigi see on endiselt seal kinni, kuid see pole oluline):

Nüüd on meil kõik koostisosad – lingid gruppidele või sotsiaalvõrgustike lehtedele ja ikoonid nende kuvamiseks saidil. Jääb vaid see kõik õigesti ette valmistada, s.t. meik. Minu ajaveebi töötab WordPressis, seega kleebin koodi koos nuppudega ühte . Minu puhul nimetatakse seda sidebar.php. HTML kood see osutub äärmiselt lihtsaks:

No ja mis kõige huvitavam. Meie abiga määrame kindlaks, millist meie spraiti piirkonda selles konkreetses kohas taustana kuvatakse (meie puhul asetatakse see taust hüperlingi alla). Selle selgitamine võtab väga kaua aega, nii et lugege lingile lingitud artiklit ja kõik saab selgeks (see toob ka illustreerivaid näiteid). Kui olete laisk, siis lihtsalt katsetage arvudega, mis, nagu olete märganud, ei jagu asjata 24-ga.

Jah, laadige sprite fail FTP kaudu oma veebisaidile üles ja märkige taustal selle tee ()). See on kõik. Kui see ei õnnestu, lugege tähelepanelikumalt ülaltoodud linkide materjale ja kui miski ei tööta, siis kirjeldage oma olukorda kommentaarides (üksikasjalikult - koodi sisestamiseks ärge unustage lisada see PHP-sse nurksulgudega sildid).

Edu sulle! Kohtumiseni ajaveebisaidi lehtedel

Võib-olla olete huvitatud


Idee korraldada Interneti-platvorm, mis ühendaks ühiste huvidega inimesi, et seejärel saada hea liiklus ja võtta kasutusele tasuline liitumissüsteem, köidab paljusid. Selle eesmärgi saavutamiseks lühikese ajaga sobib BuddyPressi ja bbPressi pluginatega ühilduvale WordPressi mallile üles ehitatud sotsiaalvõrgustik. Need pakuvad sotsiaalse võrgustiku kõiki funktsioone: profiilide loomine, sõnumite vahetamine, sõprade lisamine, foorumis suhtlemine, failide kallal koostöö ja muud võimalused.

10 malli sotsiaalvõrgustiku saidile WordPressis + BuddyPress

1. Magus kohting

Suhtlusvõrgustiku mall, mis pakub 2 demo tutvumissaidi jaoks ja 1 reisikaaslaste otsimise saidi jaoks. Sweet Date'i sait võib kasutada tasulist tellimussüsteemi ja kontrollida juurdepääsu sisule. Teema täielikult reageeriv disain tagab, et saidi külastamisel mis tahes seadmes saavad külastajad sama kasutajakogemuse.


2. Areneda

Siseveebi ja veebikogukondade mall. See on universaalne platvorm, mis ühendab endas sotsiaalvõrgustiku, foorumi, sõnumsidesüsteemide, sündmuste korraldamise, projektihalduse ja failide jagamise, e-kaubanduse ja e-õppe (kui ostate Learndashi pistikprogrammi) funktsionaalsust.


3. Sõber

Buddypressi ja bbPressi jaoks välja töötatud teema aitab teil luua kaasaegse kujundusega suhtlusvõrgustiku. Buddy kasutab tundliku Retina Ready paigutust ja Font Awesome'i ikooni fondikogu. Mall võimaldab teil hõlpsasti oma saidile lisada vidinaid, nagu "Uued/populaarsed/aktiivsed kasutajad", "Uued/populaarsed rühmad", "Kalender", "Foorumi uusimad teemad", "Statistika", "Võrgukasutajad". .


4. Suhtlema

Mall kasutab Buddypressi võimalusi maksimaalselt ära, muutes selle kogukonna või suhtlusvõrgustiku jaoks heaks aluse. Socialize on bbPressi disaini täielikult muutnud, tuues selle lähemale klassikalisele foorumi stiilile. Selleks, et veebihaldur saaks soovitud sisu kuvamise tüübi saavutada, sisaldab mall 4 küljendusvalikut avalehe jaoks, 9 kategooriate jaoks, 6 postituste jaoks.


5. Klein

Uuenduslik teema, mis on loodud töötama koos BuddyPressi ja bbPressiga, pöörates erilist tähelepanu detailidele. Sobib neile, kes vajavad WordPressi jõul töötavat veebikogukonda või sotsiaalvõrgustikku. Ideaalne suure hulga registreeritud kasutajatega saitidele. Ühenduse loomise kaudu kogukonna liikmetega.


6. KLEO

KLEO on pälvinud selle aasta enimmüüdud BuddyPressi teema tiitli, kuna see vastab tõeliselt ootustele. Mall pakub lihtsat kontrollitud sekundaarsete elementidega. Teema kasutab sisseehitatud otsingut, mis ei sisaldu üheski teises mallis, ja võimaldab vältida spetsiaalsete pistikprogrammide installimist, millel on kasulik mõju saidi kiirusele.


7. Monstroid2

Universaalne mall, legendaarse Monstroidi teema järgija, mis on täiesti nullist ümber kirjutatud. Tänu ühilduvusele BuddyPressi pistikprogrammiga võimaldab mall veebihalduritel luua sotsiaalse võrgustiku saidi või temaatilise võrgukogukonna ilma täiendavate pingutusteta. Mall pakub 7 kohandatud päise stiili ja toetab megamenüüd. Ostja saab kasutada oma veebilehel oleva demo pilte.


Esimene populaarseim WordPressi teema sise-/ekstraneti kogukondade jaoks. Woffice'i saab kasutada ettevõtete ja valitsuse sise-/ekstranetivõrkudes, tavalistes Interneti-kogukondades ja sotsiaalvõrgustikes, koolides või muudes erasotsiaalvõrgustikes.


Vaatame mõnda WordPressi teemat, mis on loodud spetsiaalselt sotsiaalmeedia jaoks.

1. Mingle – mitmeotstarbeline WordPressi teema

Kui loote oma sotsiaalvõrgustikku BuddyPressi abil, vajate Mingle'i koos selle funktsioonide ja kujundusega. Paralleluse eliitmeeskonna poolt välja töötatud Mingle on kohandatud BuddyPressi platvormi jaoks ja sellel on palju suurepäraseid funktsioone.

Selle teema omadused:

  • kontaktvälja redaktor
  • külgriba generaator
  • HTML5 + CSS3 tugi
  • SEO-sõbralik kood
  • ajaveebid
  • portfell
  • slaidiseanss
  • lühikoodid
  • palju muid funktsioone.

2. Tervitustundlik WordPress + BuddyPressi teema

Salutationi ilmumisega võib kindlalt väita, et Parallelus mõistab, mida on vaja hea disaini loomiseks. Esiteks väärib märkimist, et Salutation on 100% tundlik toode – teie sotsiaalne võrgustik töötab suurepäraselt erinevates mobiilseadmetes ja mis tahes ekraanisuurusega.

Lisaks on Salutationil mõned lahedad funktsioonid:

  • Revolutsiooni liugur
  • lohistamise võimalus
  • piiramatu värvivalik
  • hüpikaknad sisselogimisväljad
  • lihtsad seadistused
  • ajaveebid
  • vidinaid
  • intuitiivne administraatoripaneel
  • külgriba generaator
  • portfell
  • BuddyPressiga ühilduv
  • lühikoodid
  • palju rohkem.

3. Woffice – sisevõrgu/ekstraneti WordPressi teema

Sellel teemal on palju funktsioone, lai valik funktsioone, sealhulgas kõrged kodeerimisstandardid, regulaarsed värskendused ja suurepärane tugi. Woffice'i abil saate luua sotsiaalvõrgustikke, sise- ja välisvõrke või kogukondi koolide, töökohtade, ettevõtete ja valitsusasutuste jaoks.

Selle teema omadused:

  • BuddyPressi funktsiooni tugi
  • failihaldur
  • ikoonid
  • vestlus ja sõnumite saatmine
  • foorumid
  • Google'i fondid
  • tundlik disain
  • demo versioon
  • dokumentatsioon
  • videotunnid
  • kalender
  • lühikoodid
  • bbVajutage
  • WMPL tugi
  • puhas kood
  • piiramatu arv külgribasid
  • kohandatud vidinad
  • kasutajate sisselogimislehed
  • online pood.

4. Serpent – ​​tundlik sotsiaalvõrgustiku teema

Sellel teemal on nii palju funktsioone, et tõenäoliselt ei vaja te mõnda neist kunagi. Serpent on ainulaadne WordPressi teema, mis võib viia teie veebisaidi järgmisele tasemele. Temaga on lihtsalt võimatu midagi valesti teha.

Selle teema arendajad on lugupeetud Cosmothemesi meeskond.

Teema peamised omadused:

Hind sisaldab tulevasi värskendusi ja 6-kuulist tuge.

5. UnitedCommunity – BuddyPressi teema

UnitedCommunity on Diabolique'i auväärse meeskonna multifunktsionaalne WordPressi teema sotsiaalvõrgustikele. See on uus teema, mis ilmus 2. septembril 2015.

Selle märkimisväärsed omadused:

  • pilkupüüdev, ainulaadne ja tundlik disain
  • rohkem kui 40 siselehte
  • avalehel olevaid vidinaid
  • paigaldamise ja seadistamise lihtsus
  • WooCommerce'iga ühilduv
  • kohandatud vidinad
  • hüpikteatised
  • WPML tugi
  • Google'i fondid
  • rippmenüüd
  • palju rohkem.

6. Klein – Nitty Gritty kogukonna teema

Kui otsite oma suhtlusvõrgustiku jaoks ideaalset WordPressi teemat, otsige Kleinist kaugemale. See annab kasutajatele võimaluse töötada täielikult toimiva sotsiaalse võrgustikuga ja sellel on lai valik võimalusi.

Teie kasutajad saavad saata piiramatult sõnumeid, jagada sündmusi, lisada kontakte, arutada ideid foorumites ja luua kauneid kasutajaprofiile. Saate kasutada Kleini WooCommerce'i ühilduvust ja müüa tooteid oma võrgu liikmetele. Lisaks toetab Klein versioone WordPress 4.4, bbPress ja BuddyPress, mis annab teile võimaluse muuta oma WordPressi sait populaarseks suhtlusvõrgustikuks.

Muud funktsioonid hõlmavad järgmist:

  • visuaalne redaktor
  • kohandatud värvid
  • Revolutsiooni liugur
  • WPML-iga ühilduv
  • tundlik disain
  • intuitiivne administraatoripaneel
  • SEO-sõbralik kood
  • 6 erinevat päist + paigutust
  • sotsiaalmeedia tugi
  • 1000+ fondiikooni
  • teateid
  • palju muid funktsioone.

WordPressiga võimsa suhtlusvõrgustiku loomiseks peate mõtlema enamale kui lihtsalt pistikprogrammi ja teema valimisele. Samuti peate hoolitsema kvaliteetse hostimise valimise ja oma saidi reklaamimise eest otsingumootorites. Pistikprogrammidega töötamisel proovige esmalt erinevaid valikuid ja seejärel tehke lõplik valik.

Märge

WordPressil põhineva sotsiaalvõrgustiku loomine on lihtne protsess. Kõik, mida vajate, on äriplaan, sotsiaalmeedia pistikprogramm ja ühilduv teema. Pidage meeles, et saate valida mis tahes teema ja kohandada seda oma maitse järgi, kuid sotsiaalmeedia teemad säästavad teie aega, pakkudes palju võimalusi.

Viimastel aastatel on sotsiaalvõrgustike populaarsus hüppeliselt tõusnud enneolematule tasemele. Tunnustatud liider selles vallas on loomulikult Facebook. Selle jaoks on tehnoloogiat laialdaselt kasutades välja töötatud tohutul hulgal erinevaid rakendusi.

Kuid kui teie plaanid ei hõlma Facebooki või VKontakte'i populaarsuse ületamist ja sa lihtsalt tahad looge oma sotsiaalne võrgustik või kogukond, mis sarnaneb Facebooki, Vkontakte, Twitteri või Google Plusiga – siis on see ülevaade teie jaoks.

Me kaalume 15 skripti sotsiaalse võrgustiku loomiseks selliste toodete standardfunktsioonidega, vestlused, mikroblogid a la Twitter ja muud populaarsed funktsioonid, mis teile kahtlemata meeldivad. Valikus on nii tasulisi kui ka tasuta lahendusi.

phpDolphin

See platvorm sotsiaalse võrgustiku loomiseks pakub peaaegu samu funktsioone nagu Facebook – otsevestlus, privaatsõnumite saatmine, kommentaarid, fotode jagamine ja palju muud.
Maksumus: 43 dollarit

LiveStreet CMS

Blogosotsiaalne platvorm kodumaine toodang. RuNetis on üsna sageli portaale, mis on selle abiga ehitatud. Kui proovite seda CMS-i lühidalt kirjeldada, on see omamoodi tuntud Habrahabri analoog. Süsteemi tähendus on järgmine: igast kasutajast võib saada autor.
Maksumus: tasuta

Boonexi delfiin

Boonex Dolphin on võimas CMS sotsiaalvõrgustiku loomiseks. Arsenalil on tohutul hulgal laiendusi, näiteks: rühmad, teadaanded, heli- ja videokataloog, plakat, ajaveebid, vestlus, failikataloog jne. Samuti saate laiendada tasuliste moodulite standardset komplekti, mida saab osta ametlikult veebisait. Lehtede stiili on võimalik kohandada. Lisaks pakuvad arendajad teie portaaliga integreeruvaid mobiilirakendusi. CMS on tasuline, kuid testimiseks on olemas prooviversioon.
Selle mootoriga töötamise kogemuse põhjal võin öelda, et süsteem on võimas ja suhteliselt stabiilne, kuid see nõuab head serverit, kuna kulutab palju ressursse.
Maksumus: alates 29 dollarist kuus või alates 599 dollarist ühekordse ostu korral (seal on prooviversioon).

Sotsiaalne äri

Sotsiaalne äri on sotsiaalvõrgustiku skript ärimeestele. Selle skripti peamine eesmärk on võimaldada äriinimestel partnereid leida. Mõned sarnane LinkedIniga.
Maksumus: 32 dollarit

SocEuro sotsiaalvõrgustik

SocEuro on üsna funktsionaalne sotsiaalse võrgustiku skript tüüpilise moodulite komplektiga seda tüüpi toodete jaoks. Sööma helisalvestised VKontakte'ina, vestlused, kanalid, mängud...
Maksumus: 43 dollarit

Oxwall

Absoluutselt tasuta sotsiaalvõrgustiku skript avatud lähtekoodiga. Sellel on tohutul hulgal samu tasuta ja ainulaadseid lisandmooduleid, mida ei leia isegi tasulistest analoogidest: fotogalerii, videokataloog, ajaveebid, foorumid, vikid, rühmad, sündmused, sõbrad, koostöö, failide jagamine, videokonverentsid jne .
Maksumus: tasuta

Sotsiaalne komplekt

Peaaegu kõik sotsiaalsete võrgustike jaoks standardseks saanud funktsioonid sisalduvad ScialKiti platvormis: reaalajas vestlus, isiklikud lehed, sõnumside ja lingid, võimalus kommenteerida ja meeldida, märguanded, hashtagid ja mainimised.
Maksumus: 39 dollarit

Pligg

Pligg on tasuta, lihtne, kuid võimas lahendus ajaveebi-sotsiaalse võrgustiku või kogukonna loomine. Omapära on see, et saate luua isereguleeruva kogukonna. Kasutajad otsustavad ise, mis on halb ja mis hea. See välistab vajaduse mõõdukuse järele. Habrahabr ja LiveStreet CMS-süsteem, mis on samuti selles kollektsioonis olemas, töötavad sarnase filosoofiaga.
Maksumus: tasuta

Ühiskondlik viktoriin

SocioQuiz on skript, mis võib muuta teie veebisaidi laia valiku portaaliks testid, küsitlused ja viktoriinid. Pakub täielikku tuge foto- ja videosisule, samuti täielikku vabadust oma enda kasutamiseks. Sellel on oluliselt rohkem võimalusi võrreldes sarnaste saitidega, nagu Playbuzz, Buzzfeed ja teised.
Maksumus: 44 dollarit

Sõbralik sotsiaalne võrgustik

Sõbralik sotsiaalvõrgustik on tõeline sotsiaalne võrgustik sõpradele. Sellel on täielik komplekt sel juhul vajalikke funktsioone: isiklikud lehed, rühmad, reaalajas vestlus, kommentaarid, meeldimised, hashtagid, mainimised, märguanded. Sõpradele ja avalikele on võimalik luua eraldi profiile. Saate juhtida postituste kuvamist – see on nähtav kõigile (avalik) või ainult sõpradele. Ja need on vaid mõned funktsioonid, mis muudavad Friendly peaaegu ideaalseks platvormiks oma kogukonna loomiseks.
Maksumus: 36 dollarit