Vrijeme čitanja: 3 minute. Objavljeno 26.08.2016

Zdravo! Nastavljamo s analizom najzanimljivijih i najkorisnijih dodataka za WordPress stranicu. Danas ćete naučiti kako vrlo jednostavno dodati widget ikone društvenih mreža na svoju web stranicu. Koristeći ovaj widget, možete dodati ne samo društvene ikone na svoju web lokaciju, već i jednostavno razne ikone na bilo koje web stranice i stranice. U postavkama widgeta imat ćete preko 400 različitih ikona koje možete izabrati. U svaku ikonu možete umetnuti bilo koji URL, društvenu mrežu ili bilo koju web stranicu. Možete odabrati boju i veličinu ikone. Postoje tri stila koje možete izabrati, okrugli, kvadratni i zaobljeni rubovi.

Možete instalirati Social Icons Widget by WPZOOM plugin direktno sa WordPress admin panela. Idite na stranicu: Plugins – Dodajte novi, unesite naziv dodatka u formular za pretragu, pritisnite Enter, instalirajte i aktivirajte dodatak.

– Naslov, možete odrediti naslov za vidžet.

– Opis, možete odrediti opis za vidžet.

– Prikaži oznake ikona, označite polje ovdje da dodate opis ikonama.

– Otvorite veze u novoj kartici, označite polje ovdje da biste otvorili veze u novom prozoru.

– Stil ikone, postoje dva stila za ikone, sa i bez pozadine.

– Stil pozadine ikone, ovdje možete odabrati stil za pozadinu ikona, pozadinu sa zaobljenim uglovima, okruglu pozadinu i četvrtastu pozadinu.

– Dopuna ikone (pikseli), ovdje možete odrediti veličinu dopuna ikone.

– Veličina ikone (pikseli), ovdje možete podesiti veličinu ikona.

– Ikone, imat ćete tri društvene mreže prikazane prema zadanim postavkama. ikone za facebook, twitter i instagramm. Morate dodati svoje veze na svoje stranice ili zajednice na ovim društvenim mrežama. Konačno, sačuvajte widget

Također možete dodati dodatne ikone. Za dodavanje ikone kliknite na dugme – Dodaj još. Vidjet ćete polje za novu ikonu; da biste odabrali ikonu, kliknite na križić u crnom krugu.

Zatim će se otvoriti prozor za odabir ikona. Odaberite ikonu, odaberite boju za ikonu, možete odabrati kategoriju ikona. Imaćete izbor od 4 kategorije sa različitim ikonama, više od 400 komada. Na kraju kliknite na dugme ispod - Sačuvaj.

Svi mi, dok radimo na svom projektu, želimo da što brže i potpunije prenesemo informacije našim čitateljima. Stoga se trudimo da sve ovo postavimo tamo gdje će uvijek biti vidljivo - u bočnoj traci. I stoga uvijek nema dovoljno prostora. A tamo moramo postaviti i widgete za sve društvene mreže. Zbog toga morate koristiti uslugu Social Carousel - svi widgeti društvene mreže u jednom. U nastavku ćemo govoriti o svim njegovim prednostima i mogućnostima prilagođavanja.

Često se susrećemo s problemom postavljanja raznih reklamnih banera, informacija o partnerima, naših pretplata, naših informativnih proizvoda, informacija o kolumnama, člancima i komentarima na blogu. I, naravno, postavljanje sada tako popularnih widgeta za društvene mreže. I sva ta lavina informacija mora biti postavljena na vidljivo mjesto. I najčešće ovo mjesto postaje bočna traka.

Klasično, svi koriste šablone sa dve kolone (polje i bočna traka sa desne strane). Mislim da povećanje broja kolona nije sasvim ispravno, jer u velikoj meri zatrpava prostor i negativno utiče na faktore ponašanja posetilaca.

Inače, u naslovu piše Prvi dio jer je ovo prvi post u nizu o uštedi prostora na bočnoj traci. U sljedećim postovima ću se osvrnuti na korištenje funkcije rotacije banera i korištenje kartica za poboljšanje upotrebljivosti stranice. Stoga se pretplatite na ažuriranja bloga.

Nema potrebe dokazivati ​​da je učešće i promocija vašeg brenda na društvenim mrežama sada jako veliki značaj. Stoga je izuzetno važno da budu predstavljeni na stranici. I tako sam se pitao kako implementirati kombinaciju svih widgeta društvenih medija na jednom mjestu. I eto, naišao sam na rješenje ovog problema. Upoznajte...

Društveni vrtuljak – svi widgeti društvenih mreža u jednoj „boci“. Uštedite prostor na bočnoj traci

Ovo je besplatna usluga, zahvaljujući kojoj je moguće značajno uštedjeti prostor na bočnoj traci našeg projekta. Želio bih napomenuti da ova usluga omogućava postavljanje widgeta ne samo na WordPress engine, ali i na rukom pisanim stranicama umetanjem html koda. Svi widgeti su ovakvi popularne mreže poput: , Facebook, Google+, YouTube i Twitter - implementirano u jednom widgetu u obliku tabova. Vizuelno to izgleda ovako:

Počnimo sa upoznavanjem. Widget usluga se nalazi.

Neću puno pričati o postavkama; njen programer se pobrinuo za dobro objašnjenje kako ga treba konfigurirati. Upute su predstavljene u video zapisima u kojima smo dovoljno detaljno upoznati sa značajkama njegove instalacije na web mjestu. Postoje neke specifičnosti, ali one nisu kritične i mogu se prilično lako riješiti. Najvažnije je da praktički nećete morati uređivati ​​kod. Servis će učiniti sve za vas.

Prolazimo kroz standardnu ​​proceduru registracije. Idemo na servis. Kliknite – Moji widgeti (tačka 1), zatim – Kreiraj novi widget (tačka 2). Popunimo polje kako će se zvati i unesemo adresu naše web stranice (tačka 3). Sačuvaj (tačka 4).

Nalazimo se u sljedećoj kartici, gdje se odvija stvarna konstrukcija. Naš widget ima dodijeljen identifikacijski broj. Ako planirate da ga instalirate preko WordPress dodatak, onda morate označiti ovo polje (tačka 1). Zapisujemo dimenzije koje su nam potrebne i postavljamo njegove kartice na auto-switch (pokretaće se jedna po jedna nakon određenog vremenskog intervala) (tačka 2). U obliku widgeta, na dnu će se nalaziti link do programera i nudi nam se da ga uklonimo za novac (tačka 3).

Pređimo direktno na same društvene mreže. Pomoću strelica možete podesiti redosled u kojem se nalaze kartice (tačka 4). Kliknite na crveno dugme da biste nastavili sa postavljanjem samih društvenih mreža (tačka 5). Možete odabrati koji će od njih sudjelovati u emisiji (postoje različite situacije - problemi s vašim Google računom ili stranica VKontakte je zamrznuta).

Označavamo okvir da ćemo koristiti dodatak za WordPress (tačka 1). Označite kućicu Omogući automatsko prebacivanje kartica i postavite vrijeme za njihov prikaz (nakon koliko sekundi će biti potrebno da se okrene na sljedeći) (tačka 2). Zatim najzanimljiviji dio, jer ove informacije nisu toliko očigledne. U widget možete postaviti grupe i zajednice sa društvenih mreža, a ne sa ličnih stranica. Popunite ova polja (tačka 3). Provjeravamo da li je instalacija ispravna klikom na dugme Pregled (korak 4).

Da vidite ID grupe VKontakte, idite na nju, pomaknite miša na Učesnici, a zatim desnim klikom na Kopiraj vezu i zalijepite je u adresna traka. Posljednje cifre u adresi su ID grupe. Jedi. Stavili smo ga u naše polje VKontakte.

Postavljanje widget ID-a za Twitter. Idemo na našu stranicu. Zatim idite u gornji desni ugao - Postavke. U iskačućem meniju izaberite – Widgeti. Konfigurišemo željeni widget po stilu i veličini, a u novom generisanom kodu u prozoru nalazimo red sa ID-om. Brojevi iza nje su naš widget ID za Twitter.

Da vidite svoju korisničku prijavu na YouTube kanalu, prijavite se na Google+ i idite na ovo veza. Uzmite ID i zalijepite ga u obrazac.

Da pogledate ID na Google +, prijavite se tamo, idite na Profil i možete vidjeti brojeve u adresnoj traci. Potrebno ih je uneti u polje u obrascu.

Za Facebook (važno!), ne kopiramo link profila, ne link grupe, već link stranice. Moja Facebook stranica izgleda ovako:

Sve. Obrazac je popunjen. Kliknite Generiši kod. Ovo je kod koji imamo. Kopirajmo. Sada imamo 2 opcije za instalaciju na web mjestu.

Opcija 1. Preko WordPress dodatka. Da ga kopirate, idite na WordPress dodatak, kao na bilo kojoj od društvenih oznaka i preuzmite ga.

Zatim ga standardno ugrađujemo na motor i aktiviramo. Zatim Postavke – Društveni vrtuljak. Zalijepimo naš kod, unesemo njegov ID, postavimo dimenzije widgeta i spremimo.

Idite na Izgled – Widgeti (tačke 1-2). Prevucite tekstualni widget na bočnu traku i u njega postavite sljedeći kod za prikaz vidžeta društvene mreže:

Spreman. Divimo se i uživamo u rezultatima našeg rada.

Opcija 2. Ovaj dodatak je počeo u sukobu s jednim od već instaliranih. Štoviše, nedavni trend je rješavanje nepotrebnih stvari i ušteda prostora. Stoga sam demolirao dodatak i stavio naš generirani kod u datoteku header.php moje teme prije završne oznake. Ispalo je nesto ovako:

Moj generisani kod

Ostavio sam vidžet bočne trake sa izlazom kakav jeste. Rezultat možete vidjeti ovdje na blogu sa desne strane. Prilično je dobro napravljen i ima ogroman plus – štedi nam prostor.

To je sve. Odlična usluga, što je najvažnije BESPLATNA, koja vam omogućava da značajno poboljšate upotrebljivost stranice. Mislim da će ti se svidjeti. Danas smo uštedjeli prostor na našoj bočnoj traci tako što smo instalirali widget usluge Social Carousel – svi widgeti društvenih mreža u jednom. Ako imate bilo kakvih pitanja, kontaktirajte nas i ne zaboravite ostaviti recenzije. Pretplatite se na ažuriranja bloga. Vidimo se uskoro.

Na kraju pogledajte video o usluzi:

Više zanimljivih stvari pročitajte na blogu

Želite li biti u TOP-u? Jedinstvenost slike će pomoći. Koristimo uslugu TinEye

2 komentara

Paralelno s web-stranicom ili blogom, korisno je održavati grupu na društvenim mrežama. Tamo možete objavljivati ​​najave svojih novih članaka, dijeliti informacije o srodnim temama i jednostavno pisati svoja razmišljanja. A zauzvrat ćete dobiti dodatni priliv posjetitelja.

Widgeti društvenih mreža za stranicu pomoći će vam da povežete ova dva projekta. Nakon jednostavnog podešavanja, veze do vaših grupa će se pojaviti na bočnoj traci i ljudi se mogu odmah pretplatiti na njih.

Uglavnom ćemo razgovarati o tome kako povezati grupu na društvenim mrežama sa svojom web lokacijom. I postavite obrazac za pretplatu na bočnu traku kako biste olakšali ljudima da se pretplate na ažuriranja. No, osim ovoga, neke društvene mreže nude i druge korisne karakteristike, koje je vredno pomena. Dakle, osim ovoga, razmišljao sam i o kreiranju anketa, lajkova, repostova i komentara sa društvenih mreža - ima puno informacija i sve je korisno.

Ali ovdje, opet, vrijedi znati kada stati, jer što više različitih widgeta postoji, to će se web-mjesto duže učitati i mogu nastati problemi.

VKontakte grupni widget na web stranici

Zaista mi se sviđa društvena mreža VKontakte, pa ću početi s njom. Htio sam samo razgovarati o tome kako dodati grupni widget, ali ću istovremeno pogledati i ostalo u slučaju da vas nešto drugo zanima.

Da biste pristupili svim widgetima, idite na odjeljak Postavke i kliknite na dugme Programeri na dnu stranice.

Na sljedećoj stranici odaberite srednju ikonu koja kaže Povezivanje web lokacija i widgeta.

I ovdje možete vidjeti sve vrste widgeta za vašu web stranicu:

Vidžet "Komentari" - možete postaviti blok sa komentarima iz VK-a na svoju web stranicu, kao što sam ja učinio. Ljudima je praktičnije i brže da ostave unos u ovom obrascu nego da unesu svoje ime i email u standardni obrazac. A kod ovakvih komentara automatski se pravi repost na zidu komentatora, što će vam biti veliki plus.

Postavke nisu komplikovane. Morate unijeti naziv stranice, adresu, odabrati temu - ovo je registracija vaše stranice u sistemu. Dodajte ga jednom, a zatim jednostavno možete izabrati sa liste.

Zatim postavke samog obrasca: odaberite broj komentara koji će biti prikazani na stranici (ostatak će biti ispod spojlera "prikaži druge komentare"). Pritisnite više detalja pored Mediji, a možete onemogućiti neke funkcije. Odredite širinu okvira za komentare tako da ne bude prekratak i ne prelazi ivice. Ako niste odmah pogodili širinu, možete je ispraviti direktno u kodu - zamijenite brojeve u "širina: "665".

Kopirajte kod i postavite ga na željeno mjesto na stranici. Možete obrisati komentare, staviti neke korisnike na crnu listu ili unajmiti moderatora da pregleda komentare - ima puno neželjene pošte.

Ako imate poteškoća s postavljanjem ovog koda, možete dodati komentare pomoću posebnog dodatka VK Comments. ID možete saznati u istom odjeljku za programere, samo top meni Odaberite Moje aplikacije i otvorite željenu stranicu. Brojevi na kraju veze će biti vaš ID (na primjer, vk.com/editapp?id=123456).

Vidžet „Pošta na zidu“ se rijetko koristi, ali nekome može biti koristan. Uz njegovu pomoć možete umetnuti objavu iz VKontaktea u članak. Svi lajkovi se čuvaju i prikazuju na objavama u grupi. Drugi način za korištenje je doslovno citiranje. važna informacija, odmah dajući link do izvora.

Otvorite željeni post klikom na njegov datum, kopirajte link iz adresne trake. Zalijepite u gornju marginu, postavite širinu. Nakon toga kopirajte kod i zalijepite ga u članak u Text/Html modu. Na desnoj strani se odmah vidi kako će to izgledati.

Vidžet Zajednice je odličan način da povežete svoju grupu i web stranicu kako bi se ljudi aktivnije pretplatili. Dodajte ovaj widget na svoju bočnu traku i uvijek će biti vidljiv.

U nastavku možete prilagoditi boju ako vam standardne boje ne odgovaraju. Nakon toga, kopirajte kod i zalijepite ga u Text widget kako biste ga dodali na bočnu traku. Ili na bilo koje drugo mjesto na stranici, kako Vama odgovara.

Vidžet Sviđa mi se je dizajniran da omogući korisnicima da lajkuju vaše članke i podijele veze do njih sa prijateljima. Samo ga namjesti izgled dugmad prema vlastitom nahođenju, a zatim kopirajte kod i zalijepite ga na stranicu.

U opciji “Dugme sa brojačem teksta” možete sami odabrati oznaku za dugme.

Vidžet Preporuke radi samo u sprezi sa prethodnim. Analizira broj lajkova na člancima i prikazuje listu najpopularnijih postova. Sva podešavanja su intuitivna: broj zapisa, za koji period se podaci prikazuju (dan, sedmica, mjesec) i tekst iznad sekcije (Sviđa mi se/Zanimljivo... Ljudi).

Vidžet Ankete omogućava brzo i jednostavno pokretanje ankete na vašoj web lokaciji. U polje za temu unesite pitanje, a ispod navedite sve opcije odgovora, dodajući nove pomoću dugmeta Dodati. Odaberite veličinu koja odgovara širini bočne trake ili stranice, kopirajte tekst i zalijepite ga na željeno mjesto.

Vidžet "Pretplati se na korisnika" prikazuje zasebno dugme koje vam omogućava da jednim klikom postanete vaš VKontakte pretplatnik. Ne radi se o grupi, već konkretno o vašem računu. Navedite link do korisnika kojeg možete pratiti, a zatim odaberite izgled gumba između 4 opcije.

To su svi widgeti, VKontakte widgeti, koji se mogu postaviti na stranicu.

Odnoklassniki widget za web stranicu

Idemo na odjeljak za programere. Da biste to učinili, idite na Postavke, a zatim idite dolje i pronađite Programeri. U sljedećem prozoru odaberite Social Widgets.

Ovdje nema mnogo postavki, tako da to možete lako shvatiti:

• Sami odaberite širinu i visinu prema vašim željama.
• ID grupe – idite u svoju grupu i pogledajte adresnu traku. Brojevi u redu će biti vaš ID (na primjer, http://ok.ru/group/50582132228315). Zamijenite brojeve svojim.

Kopirajte kod, a zatim idite na admin panel Dizajn - Widgeti, prevucite widget Tekst na lijevo područje i zalijepite ovaj kod.

Facebook widget za web stranicu

Idemo na stranicu za programere: ispod desnog odjeljka „možda ih poznajete“ nalazi se lista raznih linkova, ali morate kliknuti na „više“, a na ovoj padajućoj listi odaberite Za programere.

Zatim idite na odjeljak Dokumenti u gornjem izborniku i pronađite Social Plugins na listama.

Idite na odjeljak Plugin stranice i popunite informacije o svojoj grupi: vezu do stranice, širinu i visinu vidžeta i izgled.

Kada budete zadovoljni rezultatom, samo kliknite na “Preuzmi kod” i tada će vam biti ponuđena dva koda.

Uradi rezervna kopija stranice tako da ako dođe do greške, možete je brzo vratiti.

Ubacite dio iznad kojeg je napisano Uključite SDK JavaScript na svoju stranicu jednom, idealno odmah nakon početne oznake tijela— idite na admin panel, odaberite Dizajn - Editor i pronađite podnožje ovdje. Pokrenite okvir za pretragu (ctrl + F) i potražite tijelo. Treba nam upravo završni -< /body >. I u red iznad, desno iznad njega, zalijepite kod iz gornjeg prozora. Sačuvaj.

Drugi dio treba ubaciti u widgete. Da biste to učinili, idite na Dizajn – Widgeti i prevucite widget Tekst na lijevo područje i zalijepite ovaj kod. Provjerite da li sve radi ispravno i da li je sve ispravno prikazano.

Twitter widget za web stranicu

Konačno, razmislit ću o dodavanju Twittera, iako se dodaje prilično rijetko.

Idite na Postavke i odaberite Widgeti.

Nakon toga kliknite na veliko dugme Kreiraj i prilagodite izgled widgeta.

Dugo nisam pisao ništa o WordPress-u. Danas ćemo pričati o widgetima društvenih mreža.

Čovjek sjedi za stolom sa laptopom

U prvom postu ćemo pogledati najpopularnije društvene mreže: FB, VK, G+ i OK.

Facebook

Postoji mnogo ekstenzija za Facebook widgete, ali ja sam za dodavanje koda jer vam daje mnogo više opcija prilagođavanja. Možete ga kreirati koristeći službenu uslugu Page Plugin. Idite na stranicu i popunite parametre widgeta.

Kliknite na “Preuzmi kod”.

Kod se sastoji od dva dijela.

Kopiramo i zalijepimo uzastopno oba dijela koda u widget. Spreman.

VK

VK ima svoj servis Widget za zajednice. Postavke su osnovne: izgled, širina i boja elemenata. I ne zaboravite pogledati ostale VK widgeti, ima tu dosta zanimljivih stvari.

G+

Da dobijemo kod za G+ widget, koristit ćemo uslugu Google+ značka. Prijavite se putem Google račun, odaberite postavke i preuzmite kod. To je jednostavno.

uredu

Za Odnoklassniki je slična priča, samo što ima manje postavki. Idite na uslugu Group Widget, popunite ID grupe i odaberite visinu i širinu. ID grupe možete pronaći u postavkama vaše zajednice u OK.

U drugom dijelu govorit ću o instaliranju twitter widgeta i drugih društvenih mreža. Hvala vam na pažnji.

Hvala na čitanju! Pratite me na društvenim mrežama