Pozdrav, dragi čitaoci blog stranice. Možete, naravno, koristiti dodatak za ovaj zadatak, ali Nije tako teško to učiniti sami, a bit će ih manje, pogotovo što ih već imam dosta u radu (pogledajte članak na priloženom linku). Preuzeo sam ikone društvenih mreža o kojima sam već detaljno pisao (nadam se da se Dimox neće protiviti ovome).
Takođe sam smatrao prikladnim da pošaljem e-mail.
Kreiramo sprite od dugmadi i ubacujemo Html kod u stranicu
Nakon što ste kreirali sve potrebne grupe i stranice na društvenim mrežama, a samim tim i dobili sve potrebne linkove, možete biti zbunjeni dodavanjem dugmadi na stranicu. Možete, naravno, u skladu s mojim postom o, odabrati odgovarajuću ikonu za svaku društvenu mrežu i, ako je potrebno, smanjiti njenu veličinu na potrebnu veličinu u i.
Ali ovo nije najbolja opcija. Zašto? Pa, zato što će se za učitavanje svake slike društvene mreže poslati poseban zahtjev vašem serveru. Ako imate desetak ikona, to znači deset zahtjeva, što će u svakom slučaju dodatno opteretiti server i . Ovakvo rasipništvo nam ne odgovara, pogotovo što se dešava već duže vreme.
Odlučio sam da ne izmišljam točak (napravim sprite), već sam koristio onaj koji je kreirao Share42 konstruktor (link za opis rada s njim je dat malo iznad). U njemu možete odabrati one društvene mreže čije ikone će vam trebati, a uz kod ćete dobiti i CSS sprite, tj. fizički jedna grafička datoteka na kojoj će biti postavljene sve ikone društvenih mreža koje su vam potrebne i pretplate na RSS feed (i e-poštu, ako je potrebno).
Odabrao sam četiri glavne mreže i nekoliko ikona za pretplatu na vijesti sa veličinom ikone 24 x 24, tako da moj sprite izgleda ovako (iako je još uvijek tu, ali nije važno):
Sada imamo sve sastojke - linkove do grupa ili stranica društvenih mreža i ikone za njihovo prikazivanje na stranici. Ostaje samo da se sve to pravilno pripremi, tj. šminka. Moj blog radi na WordPress-u, tako da ću zalijepiti kod sa dugmadima u jedan od . U mom slučaju se zove sidebar.php. HTML kod ispostavilo se da je ovo krajnje jednostavno:
Pa, i ono najzanimljivije. Uz našu pomoć određujemo koje će područje našeg sprite-a biti prikazano na ovoj određenoj lokaciji kao pozadina (u našem slučaju, ova pozadina se nalazi ispod hiperveze). Potrebno je jako dugo da se objasni kako se to događa, pa pročitajte članak koji je povezan sa linkom i sve će vam biti jasno (daje i ilustrativne primjere). Ako ste lijeni, onda samo eksperimentirajte s brojevima, koji, kao što ste možda primijetili, nisu bez veze djeljivi sa 24.
Da, prenesite datoteku sprite-a putem FTP-a na svoju web stranicu i navedite put do nje () u pozadini. To je sve. Ako ne uspije, pažljivije pročitajte materijale na gornjim linkovima, pa, a ako ništa ne uspije, onda opišite svoju situaciju u komentarima (detaljno - da biste ubacili kod, ne zaboravite ga priložiti u PHP-u oznake sa uglastim zagradama).
Sretno ti! Vidimo se uskoro na stranicama blog stranice
Možda ste zainteresovani
Ideja o organizovanju internet platforme za ujedinjavanje ljudi sa zajedničkim interesima, kako bi se naknadno ostvario dobar promet i uveo sistem plaćene pretplate, privlači mnoge. Za postizanje ovog cilja u kratkom vremenu prikladna je društvena mreža izgrađena na WordPress predlošku kompatibilnom sa BuddyPress i bbPress dodacima. Oni pružaju punu funkcionalnost društvene mreže: kreiranje profila, razmjenu poruka, dodavanje prijatelja, komunikaciju na forumu, suradnju na datotekama i druge opcije.
10 šablona za stranicu društvene mreže na WordPress + BuddyPress
1.Sweet Date
Predložak za društvenu mrežu, koji nudi 2 demonstracije za sajt za upoznavanje i 1 za sajt za pronalaženje saputnika. Stranica na Sweet Date-u može koristiti sistem plaćene pretplate i kontrolirati pristup sadržaju. Potpuno responzivni dizajn teme osigurava da posjetitelji prilikom posjete web-mjestu na bilo kojem uređaju dobiju isto korisničko iskustvo.
2. Napredovati
Predložak za intranet i online zajednice. To je univerzalna platforma koja kombinuje funkcionalnost društvene mreže, foruma, sistema za razmenu poruka, organizaciju događaja, upravljanje projektima i deljenje datoteka, e-trgovinu i e-učenje (ako kupite dodatak Learndash).
3. Buddy
Tema, razvijena za Buddypress i bbPress, pomaže vam da kreirate društvenu mrežu modernog dizajna. Buddy koristi responzivni Retina Ready izgled i Font Awesome biblioteku fontova ikona. Predložak vam omogućava da jednostavno dodate widgete na vašu web stranicu kao što su: “Novi/popularni/aktivni korisnici”, “Nove/popularne grupe”, “Kalendar”, “Najnovije teme na forumu”, “Statistika”, “Online korisnici” .
4. Družite se
Šablon maksimalno koristi Buddypressove mogućnosti, čineći ga dobrom osnovom za zajednicu ili društvenu mrežu. Socialize je potpuno promijenio dizajn bbPress-a, približavajući ga klasičnom forumskom stilu. Kako bi webmaster mogao postići željeni tip prikaza sadržaja, predložak uključuje 4 opcije izgleda za glavnu stranicu, 9 za kategorije, 6 za objave.
5. Klein
Inovativna tema dizajnirana za rad sa BuddyPress i bbPress, napravljena s posebnom pažnjom na detalje. Pogodno za one kojima je potrebna online zajednica ili društvena mreža koju pokreće WordPress. Idealno za sajtove sa velikim brojem registrovanih korisnika. Povezivanjem sa članovima zajednice.
6. KLEO
KLEO je zaslužio titulu ovogodišnje najprodavanije BuddyPress teme jer zaista opravdava očekivanja. Predložak nudi jednostavan sa provjerenim sekundarnim elementima. Tema koristi ugrađenu pretragu, koja nije uključena ni u jedan drugi predložak, i omogućava vam da izbjegnete instaliranje posebnih dodataka, što povoljno utječe na brzinu stranice.
7. Monstroid2
Univerzalni predložak, sljedbenik legendarne Monstroid teme, potpuno prepisan od nule. Zahvaljujući svojoj kompatibilnosti s BuddyPress dodatkom, predložak omogućava webmasterima da kreiraju web stranicu društvene mreže ili tematsku online zajednicu bez ikakvih dodatnih napora. Predložak pruža 7 prilagođenih stilova zaglavlja i podržava mega menije. Kupac može koristiti slike sa demo na svojoj web stranici.
Prva najpopularnija WordPress tema za intranet/ekstranet zajednice. Woffice se može koristiti za korporativne i državne intranet/ekstranet mreže, obične internetske zajednice i društvene mreže, škole ili druge privatne društvene mreže.
Pogledajmo neke WordPress teme napravljene posebno za društvene mreže.
1. Mingle – višenamjenska WordPress tema
Ako gradite svoju društvenu mrežu koristeći BuddyPress, potreban vam je Mingle sa njegovim karakteristikama i dizajnom. Razvijen od strane elitnog tima u Parallelusu, Mingle je skrojen za BuddyPress platformu i dolazi s gomilom sjajnih funkcija.
Karakteristike ove teme:
- urednik polja kontakta
- sidebar generator
- HTML5 + CSS3 podrška
- SEO-friendly kod
- blogovi
- portfolio
- dijaprojekcija
- kratki kodovi
- mnoge druge karakteristike.
2. Salutation Responsive WordPress + BuddyPress tema
Sa izdavanjem Salutation-a, sa sigurnošću se može reći da Parallelus razumije šta je potrebno za kreiranje dobrog dizajna. Prije svega, vrijedi napomenuti da je Salutation 100% responsivan proizvod - vaša društvena mreža će savršeno raditi na raznim mobilnim uređajima s bilo kojom veličinom ekrana.
Osim toga, Salutation ima neke zanimljive karakteristike:
- Revolution klizač
- mogućnost prevlačenja i ispuštanja
- neograničen izbor boja
- popup polja za prijavu
- laka podešavanja
- blogovi
- widgeti
- intuitivni admin panel
- sidebar generator
- portfolio
- BuddyPress kompatibilan
- kratki kodovi
- mnogo više.
3. Woffice – Intranet/Extranet WordPress tema
Ova tema ima mnogo funkcija, širok spektar funkcija, uključujući visoke standarde kodiranja, redovna ažuriranja i odličnu podršku. Možete koristiti Woffice za kreiranje društvenih mreža, internih i eksternih mreža ili zajednica za škole, radna mjesta, preduzeća i vladine agencije.
Karakteristike ove teme:
- Podrška za BuddyPress funkciju
- file manager
- ikone
- ćaskanje i slanje poruka
- forumima
- Google fontovi
- responsive design
- demo verzija
- dokumentaciju
- video lekcije
- kalendar
- kratki kodovi
- bbPress
- WMPL podrška
- čisti kod
- neograničen broj bočnih traka
- prilagođeni widgeti
- stranice za prijavu korisnika
- online prodavnica.
4. Zmija – Responzivna tema društvenih mreža
Ova tema ima toliko mnogo funkcija da vam neke od njih vjerovatno nikada neće trebati. Serpent je jedinstvena WordPress tema koja može podići vašu web stranicu na viši nivo. Jednostavno je nemoguće učiniti bilo šta loše s njom.
Programeri ove teme su respektabilni Cosmothemes tim.
Glavne karakteristike teme:
Cijena uključuje buduća ažuriranja i 6 mjeseci podrške.
5. UnitedCommunity – BuddyPress tema
UnitedCommunity je multifunkcionalna WordPress tema za društvene mreže respektabilnog tima Diabolique-a. Ovo je nova tema objavljena 2. septembra 2015.
Njegove značajne karakteristike:
- privlačan, jedinstven i prilagodljiv dizajn
- više od 40 internih stranica
- widgeti na početnoj stranici
- jednostavnost instalacije i konfiguracije
- Kompatibilan s WooCommerceom
- prilagođeni widgeti
- iskačuća obavještenja
- WPML podrška
- Google fontovi
- padajući meniji
- mnogo više.
6. Klein – Nitty Gritty Community Theme
Ako tražite savršenu WordPress temu za svoju društvenu mrežu, ne tražite dalje od Kleina. Korisnicima pruža mogućnost rada sa potpuno funkcionalnom društvenom mrežom i ima širok spektar mogućnosti.
Vaši korisnici mogu slati neograničen broj poruka, dijeliti događaje, dodavati kontakte, raspravljati o idejama na forumima i kreirati prekrasne korisničke profile. Možete iskoristiti prednosti Kleinove WooCommerce kompatibilnosti i prodavati proizvode članovima svoje mreže. Osim toga, Klein podržava WordPress 4.4, bbPress i BuddyPress, dajući vam mogućnost da svoju WordPress stranicu pretvorite u popularnu društvenu mrežu.
Ostale karakteristike uključuju:
- vizuelni urednik
- prilagođene boje
- Revolution klizač
- WPML kompatibilan
- responsive design
- intuitivni admin panel
- SEO-friendly kod
- 6 različitih zaglavlja + rasporedi
- podrška društvenih medija
- 1000+ ikona fonta
- obavještenja
- mnoge druge funkcije.
Da biste kreirali moćnu društvenu mrežu s WordPress-om, morate razmišljati o više od samog odabira dodatka i teme. Morat ćete se pobrinuti i za odabir kvalitetnog hostinga, kao i za promociju Vaše stranice na pretraživačima. Kada je u pitanju rad s dodacima, prvo isprobajte različite opcije, a zatim napravite konačni izbor.
Bilješka
Kreiranje društvene mreže bazirane na WordPressu je jednostavan proces. Sve što vam treba je poslovni plan, dodatak za društvene mreže i kompatibilna tema. Zapamtite, možete odabrati bilo koju temu i prilagoditi je po svom ukusu, ali teme društvenih medija će vam uštedjeti vrijeme nudeći mnogo opcija.
U posljednjih nekoliko godina, popularnost društvenih mreža je naglo porasla do neviđenih nivoa. Priznati lider u ovoj oblasti je, naravno, Facebook. Za njega je razvijen veliki broj različitih aplikacija, široko koristeći tehnologiju.
Ali ako vaši planovi ne uključuju prestizanje Facebooka ili VKontaktea u popularnosti, a vi samo želite kreirajte vlastitu društvenu mrežu ili zajednicu, slično kao i Facebook, Vkontakte, Twitter ili Google Plus - onda je ova recenzija za vas.
Razmotrićemo 15 skripti za kreiranje društvene mreže na sa standardnim funkcijama za takve proizvode, chatovima, mikroblogovima a la Twitter i drugim popularnim funkcijama koje će vam se nesumnjivo svidjeti. Izbor uključuje plaćena i besplatna rješenja.
phpDolphin
Ovo platforma za kreiranje društvene mreže pruža gotovo iste funkcije kao i Facebook - chat uživo, slanje privatnih poruka, komentara, dijeljenje fotografija i još mnogo toga.Cijena: $43
LiveStreet CMS
Blogosocijalna platforma domaća proizvodnja. U RuNetu često postoje portali koji su izgrađeni uz njegovu pomoć. Ako pokušate da opišete ovaj CMS ukratko, to je neka vrsta analog dobro poznatog Habrahabra. Značenje sistema je sledeće: svaki korisnik može postati autor.Cijena: besplatno
Boonex Dolphin
Boonex Dolphin je moćan CMS za kreiranje društvene mreže. Arsenal ima ogroman broj ekstenzija, kao što su: grupe, najave, audio i video katalog, poster, blogovi, chat, katalog datoteka itd. Standardni set modula možete proširiti i plaćenim, koji se mogu kupiti na službenoj web stranici. Moguće je prilagoditi stil vaših stranica. Osim toga, programeri pružaju mobilne aplikacije koje se integriraju s vašim portalom. CMS se plaća, ali postoji probna verzija za testiranje.Iz svog iskustva u radu sa ovim motorom mogu reći da je sistem moćan i relativno stabilan, ali je za njega potreban dobar server, jer troši dosta resursa.
Cijena: od 29 USD mjesečno ili od 599 USD za jednokratnu kupovinu (postoji probna verzija).
Social Business
Društveni biznis jeste skripta društvenih mreža za poslovne ljude. Glavni cilj ove skripte je omogućiti poslovnim ljudima da pronađu partnere. Neki slično LinkedIn-u.Cijena: $32
SocEuro društvena mreža
SocEuro je prilično funkcionalan skripta za društvene mreže sa tipičnim setom modula za ovu vrstu proizvoda. Jedi audio snimci kao VKontakte, chatovi, feedovi, igre...Cijena: $43
Oxwall
Apsolutno besplatna skripta za društvene mreže open source. Ima ogroman broj istih besplatnih i jedinstvenih dodataka koji se ne mogu naći čak ni u plaćenim analozima: galerija fotografija, video katalog, blogovi, forumi, wikiji, grupe, događaji, prijatelji, suradnja, dijeljenje datoteka, video konferencije itd. .Cijena: besplatno
Socialkit
Gotovo sve funkcije koje su postale standardne za društvene mreže utjelovljene su u ScialKit platformi: live chat, lične stranice, poruke i linkovi, mogućnost ostavljanja komentara i lajkova, obavijesti, hashtagovi i spominjanja.Cijena: 39 dolara
Pligg
Pligg je besplatno, jednostavno, ali moćno rješenje za stvaranje blog-društvene mreže ili zajednice. Posebnost je u tome što možete stvoriti samoregulirajuću zajednicu. Korisnici sami odlučuju šta je loše, a šta dobro. Ovo eliminira potrebu za umjerenošću. Habrahabr i LiveStreet CMS sistem, koji je takođe prisutan u ovoj kolekciji, rade sa sličnom filozofijom.Cijena: besplatno
SocioQuiz
SocioQuiz je skripta koja može pretvoriti vašu web stranicu u portal širokog spektra testovi, ankete i kvizovi. Pruža punu podršku za foto i video sadržaj, kao i potpunu slobodu korištenja vlastitog. Ima znatno više mogućnosti u poređenju sa sličnim sajtovima kao što su Playbuzz, Buzzfeed i drugi.Cijena: 44 dolara
Prijateljska društvena mreža
Prijateljska društvena mreža je prava društvena mreža za prijatelje. Ima čitav skup funkcija potrebnih u ovom slučaju: lične stranice, grupe, chat uživo, komentari, lajkovi, hashtagovi, spominjanja, obavještenja. Moguće je kreirati zasebne profile za prijatelje i javne. Možete kontrolirati prikaz objava - vidljivih svima (javno) ili samo prijateljima. A ovo su samo neke od karakteristika koje Friendly čine gotovo idealnom platformom za stvaranje vlastite zajednice.Cijena: $36
