Čas branja: 3 minute. Objavljeno 26. 8. 2016

Zdravo! Še naprej analiziramo najzanimivejše in najbolj uporabne vtičnike za spletno mesto WordPress. Danes se boste naučili, kako na svoje spletno mesto zelo preprosto dodati pripomoček za družabne ikone. S tem pripomočkom lahko na svoje spletno mesto dodate ne samo družabne ikone, ampak tudi preprosto različne ikone na poljubnih spletnih mestih in straneh. V nastavitvah pripomočka boste imeli na izbiro več kot 400 različnih ikon. V vsako ikono lahko vstavite poljuben URL, socialno omrežje ali katero koli spletno mesto. Za ikono lahko izberete barvo in velikost. Na izbiro so trije slogi, okrogli, kvadratni in zaobljeni robovi.

Pripomoček Social Icons Widget WPZOOM lahko namestite neposredno iz skrbniške plošče WordPress. Pojdite na stran: Vtičniki – Dodaj novo, v iskalno polje vnesite ime vtičnika, pritisnite Enter, namestite in aktivirajte vtičnik.

– Naslov, lahko določite naslov za gradnik.

– Opis, lahko določite opis za gradnik.

– Prikaži oznake ikon, potrdite polje tukaj, če želite ikonam dodati opis.

– Odpri povezave v novem zavihku, potrdite polje tukaj, da odprete povezave v novem oknu.

– Slog ikon, obstajata dva sloga za ikone, z in brez ozadja.

– Slog ozadja ikon, tukaj lahko izberete slog za ozadje ikon, ozadje z zaobljenimi vogali, okroglo ozadje in kvadratno ozadje.

– Oblazinjenje ikon (piksli), tukaj lahko določite velikost oblazinjenja ikon.

– Velikost ikon (piksli), tukaj lahko nastavite velikost ikon.

– Ikone, privzeto boste imeli prikazana tri družabna omrežja. ikone za facebook, twitter in instagramm. Na svoje strani ali skupnosti na teh družbenih omrežjih morate dodati svoje povezave. Na koncu shranite pripomoček

Dodate lahko tudi dodatne ikone. Za dodajanje ikone kliknite na gumb – Dodaj več. Videli boste polje za novo ikono; kliknite na križec v črnem krogu.

Nato se odpre okno za izbiro ikon. Izberite ikono, izberite barvo za ikono, lahko izberete kategorijo ikone. Na izbiro boste imeli 4 kategorije z različnimi ikonami, več kot 400 kosov. Na koncu kliknite na spodnji gumb - Shrani.

Vsi, ki delamo na našem projektu, želimo čim hitreje in čim bolj celovito posredovati informacije bralcem. Zato poskušamo vse to postaviti tja, kjer bo vedno vidno – v stransko vrstico. In zato vedno ni dovolj prostora. In tja moramo postaviti tudi pripomočke za vsa družbena omrežja. Zato morate uporabiti storitev Social Carousel – vsi pripomočki socialna omrežja v enem. Spodaj bomo govorili o vseh njegovih prednostih in funkcijah prilagajanja.

Pogosto se soočamo s težavo postavljanja različnih oglasnih pasic, informacij o partnerjih, naših naročnin, naših informacijskih izdelkov, informacij o stolpcih, člankih in komentarjih na blogu. In seveda postavitev zdaj tako priljubljenih pripomočkov za družbena omrežja. In ves ta plaz informacij je treba postaviti na vidno mesto. In najpogosteje to mesto postane stranska vrstica.

Klasično vsi uporabljajo predloge z dvema stolpcema (polje in stranska vrstica na desni strani). Menim, da povečanje števila stolpcev ni povsem pravilno, saj močno obremeni prostor in negativno vpliva na vedenjske dejavnike obiskovalcev.

Mimogrede, naslov pravi 1. del, ker je to prva objava v seriji o varčevanju prostora v stranski vrstici. V naslednjih objavah si bom ogledal uporabo funkcije vrtenja pasic in uporabo zavihkov za izboljšanje uporabnosti spletnega mesta. Zato se naročite na posodobitve spletnega dnevnika.

Ni vam treba dokazovati, da je sodelovanje in promocija vaše blagovne znamke na družbenih omrežjih zdaj zelo velik pomen. Zato je izjemno pomembno, da so predstavljeni na spletnem mestu. In tako sem se spraševal, kako izvesti kombinacijo vseh pripomočkov družbenih medijev na enem mestu. In glej, naletel sem na rešitev tega vprašanja. Srečati...

Družabni vrtiljak – vsi pripomočki družbenih omrežij v eni »steklenici«. Prihranite prostor v stranski vrstici

To je brezplačna storitev, zahvaljujoč kateri je mogoče znatno prihraniti prostor v stranski vrstici našega projekta. Rad bi omenil, da ta storitev omogoča postavitev pripomočka ne samo na Motor WordPress, temveč tudi na ročno napisanih spletnih mestih z vstavljanjem kode html. Vsi pripomočki so takšni priljubljena omrežja kot so: , Facebook, Google+, YouTube in Twitter – implementirano v enem pripomočku v obliki zavihkov. Vizualno izgleda takole:

Začnimo se spoznavati. Storitev pripomočkov se nahaja.

O nastavitvah ne bom veliko govoril, njegov razvijalec je poskrbel za dobro razlago, kako ga je treba konfigurirati. Navodila so predstavljena v videoposnetkih, kjer smo dovolj podrobno seznanjeni s funkcijami njegove namestitve na spletnem mestu. Obstajajo nekatere posebnosti, ki pa niso kritične in jih je mogoče zlahka odpraviti. Najpomembneje je, da vam praktično ne bo treba urejati kode. Storitev bo naredila vse namesto vas.

Gremo skozi standardni postopek registracije. Gremo na servis. Kliknite – Moji pripomočki (točka 1), nato – Ustvari nov gradnik (točka 2). Izpolnimo polje, kako se bo imenovalo in vnesemo naslov naše spletne strani (3. točka). Shrani (4. točka).

Znajdemo se v naslednjem zavihku, kjer poteka dejanska gradnja. Našemu pripomočku je dodeljena identifikacijska številka. Če ga nameravate namestiti prek WordPress vtičnik, potem morate potrditi to polje (1. točka). Vpišemo dimenzije, ki jih potrebujemo, in nastavimo njegove zavihke na samodejno preklapljanje (pomaknjeni bodo drug za drugim po določenem časovnem intervalu) (2. točka). V obliki gradnika bo na dnu povezava do razvijalca in ponujena nam je, da jo odstranimo za denar (3. točka).

Nadaljujmo neposredno s socialnimi omrežji. S puščicami lahko nastavite vrstni red zavihkov (točka 4). S klikom na rdeči gumb nadaljujemo na nastavitev samih socialnih omrežij (točka 5). Izberete lahko, kateri od njih bo sodeloval v oddaji (obstajajo različne situacije - težave z vašim Google Računom ali stran VKontakte je zamrznjena).

Obkljukamo, da bomo uporabljali vtičnik za WordPress (1. točka). Označite polje Omogoči samodejno preklapljanje med zavihki in nastavite čas njihovega prikaza (po koliko sekundah bo preklop na naslednjega) (2. točka). Potem pa najbolj zanimiv del, saj ti podatki niso tako očitni. V pripomoček lahko postavite skupine in skupnosti iz družbenih omrežij in ne osebnih strani. Izpolnite ta polja (3. točka). Ali je namestitev pravilna, preverimo s klikom na gumb Predogled (4. korak).

Če želite videti ID skupine VKontakte, pojdite nanjo, premaknite miško na Udeleženci, nato z desno miškino tipko kliknite Kopiraj povezavo in jo prilepite v naslovna vrstica. Zadnje števke v naslovu so ID skupine. Jejte. Postavili smo ga v naše polje VKontakte.

Nastavitev ID-ja pripomočka za Twitter. Pojdimo na našo stran. Nato pojdite v zgornji desni kot - Nastavitve. V pojavnem meniju izberite – Widgets. Gradnik konfiguriramo v zahtevanem slogu in velikosti, v novo ustvarjeni kodi v oknu pa najdemo vrstico z ID-jem. Številke za njim so naš ID pripomočka za Twitter.

Če si želite ogledati svojo uporabniško prijavo na kanal YouTube, se prijavite v Google+ in pojdite na to povezava. Vzemite ID in ga prilepite v obrazec.

Če si želite ogledati ID v storitvi Google+, se tam prijavite, pojdite na Profil in v naslovni vrstici si lahko ogledate številke. Vstaviti jih je treba v polje obrazca.

Za Facebook (pomembno!) ne kopiramo povezave do profila, ne do skupine, ampak do strani. Moja Facebook stran izgleda takole:

Vse. Obrazec je izpolnjen. Kliknite Ustvari kodo. To je koda, ki jo imamo. Kopirajmo ga. Zdaj imamo 2 možnosti za namestitev na spletno mesto.

Možnost 1. Prek vtičnika WordPress. Če ga želite kopirati, pojdite na vtičnik WordPress, tako kot na katerem koli družbenem zaznamku, in ga prenesite.

Nato ga serijsko namestimo na motor in aktiviramo. Nato Nastavitve – Družabni vrtiljak. Prilepimo našo kodo, vnesemo njen ID, nastavimo dimenzije gradnika in shranimo.

Pojdite na Videz – Pripomočki (točke 1-2). Povlecite gradnik Besedilo v stransko vrstico in vanj postavite naslednjo kodo za prikaz gradnika družbenega omrežja:

pripravljena Občudujemo in uživamo v rezultatih našega dela.

Možnost 2. Ta vtičnik je začel v sporu z enim od že nameščenih. Poleg tega je nedavni trend znebiti se nepotrebnih stvari in prihraniti prostor. Zato sem uničil vtičnik in postavil našo ustvarjeno kodo v datoteko header.php svoje teme pred zaključno oznako. Izkazalo se je nekaj takega:

Moja ustvarjena koda

Pripomoček stranske vrstice sem pustil z izhodom, kot je. Rezultat si lahko ogledate tukaj na blogu na desni strani. Je kar kvalitetno narejen in ima velik plus - prihrani nam prostor.

To je vse. Odlična storitev, predvsem BREZPLAČNA, ki vam omogoča bistveno izboljšanje uporabnosti strani. Mislim, da vam bo všeč. Danes smo prihranili prostor v naši stranski vrstici z namestitvijo storitvenega pripomočka Social Carousel – vsi pripomočki družbenega omrežja v enem. Če imate kakršna koli vprašanja, se obrnite na nas in ne pozabite pustiti ocene. Naročite se na posodobitve spletnega dnevnika. Se vidiva kmalu.

Za konec si oglejte video o storitvi:

Več zanimivosti preberite na blogu

Ali želite biti na TOP? Edinstvenost slike bo pomagala. Uporabljamo storitev TinEye

2 komentarja

Vzporedno s spletno stranjo ali blogom je koristno vzdrževati skupino na družbenih omrežjih. Tam lahko objavite napovedi svojih novih člankov, delite informacije o povezanih temah in preprosto napišete svoje misli. In v zameno boste prejeli dodaten priliv obiskovalcev.

Pripomočki za socialna omrežja za spletno mesto vam bodo pomagali povezati ta dva projekta. Po nekaj preprostih nastavitvah se bodo povezave do vaših skupin pojavile v stranski vrstici in ljudje se lahko takoj naročijo nanje.

Govorili bomo predvsem o tem, kako skupino na socialnih omrežjih povezati s svojo spletno stranjo. V stransko vrstico postavite obrazec za naročnino, da se bodo ljudje lažje naročili na posodobitve. A poleg tega nekatera družbena omrežja ponujajo še druge uporabne lastnosti, ki jih je vredno omeniti. Zato sem poleg tega upošteval ustvarjanje anket, všečkov, ponovnih objav in komentarjev iz družbenih omrežij - informacij je veliko in vse so koristne.

Toda tudi tukaj je vredno vedeti, kdaj se ustaviti, saj več kot je različnih pripomočkov, dlje se bo spletno mesto nalagalo in lahko pride do težav.

Pripomoček skupine VKontakte na spletnem mestu

Zelo mi je všeč socialno omrežje VKontakte, zato bom začel z njim. Želel sem govoriti le o tem, kako dodati pripomoček skupine, hkrati pa si bom ogledal ostalo, če vas bo še kaj zanimalo.

Za dostop do vseh pripomočkov pojdite v razdelek Nastavitve in kliknite gumb Razvijalci na dnu strani.

Na naslednji strani izberite srednjo ikono z napisom Povezovanje spletnih mest in pripomočkov.

Tukaj si lahko ogledate vse vrste pripomočkov za vaše spletno mesto:

Pripomoček »Komentarji« - na svojem spletnem mestu lahko postavite blok s komentarji iz VK, kot sem naredil jaz. Za ljudi je bolj priročno in hitreje, da pustijo vnos v tem obrazcu, kot da vnesejo svoje ime in e-pošto v standardnem. In s takšnimi komentarji se na steni komentatorja samodejno naredi ponovna objava, kar bo za vas velik plus.

Nastavitve niso zapletene. Vnesti morate ime spletnega mesta, naslov, izbrati temo - to je registracija vašega spletnega mesta v sistemu. Dodajte ga enkrat, nato pa preprosto izberite s seznama.

Nato nastavitve samega obrazca: izberite število komentarjev, ki bodo prikazani na strani (ostali bodo pod spojlerjem "prikaži druge komentarje"). Pritisnite Več podrobnosti zraven Mediji in lahko onemogočite nekatere funkcije. Določite širino polja za komentar, da ne bo prekratko in ne bo segalo čez robove. Če s širino niste takoj uganili, jo lahko popravite neposredno v kodi - zamenjajte številke v »širina: »665«.

Kopirajte kodo in jo postavite na želeno mesto na strani. Komentarje lahko izbrišete, nekatere uporabnike uvrstite na črno ali najamete moderatorja za pregledovanje komentarjev – nezaželene pošte je veliko.

Če imate težave pri postavljanju te kode, lahko dodate komentarje s posebnim vtičnikom VK Comments. ID lahko najdete v istem razdelku za razvijalce, samo zgornji meni Izberite Moje aplikacije in odprite želeno spletno mesto. Številke na koncu povezave bodo vaš ID (na primer vk.com/editapp?id=123456).

Pripomoček »Wall Post« se redko uporablja, vendar je lahko komu koristen. Z njegovo pomočjo lahko v članek vstavite objavo iz VKontakte. Vsi všečki se shranijo in prikažejo na objavi v skupini. Druga metoda za uporabo je dobesedno citiranje. pomembna informacija, ki takoj navede povezavo do vira.

Odprite želeno objavo s klikom na njen datum, kopirajte povezavo iz naslovne vrstice. Prilepite na zgornji rob, nastavite širino. Po tem kopirajte kodo in jo prilepite v članek v načinu Text/Html. Na desni lahko takoj vidite, kako bo izgledalo.

Pripomoček Skupnosti je odličen način za povezovanje vaše skupine in spletnega mesta, tako da se ljudje bolj aktivno naročajo. Dodajte ta pripomoček v stransko vrstico in vedno bo viden.

Spodaj lahko prilagodite barvo, če vam standardne barve ne ustrezajo. Po tem kopirajte kodo in jo prilepite v gradnik za besedilo, da jo dodate v stransko vrstico. Ali na katero koli drugo mesto na spletnem mestu, kot vam ustreza.

Pripomoček Všeč mi je zasnovan tako, da uporabnikom omogoča, da všečkajo vaše članke in delijo povezave do njih s prijatelji. Samo nastavite videz gumbe po lastni presoji, nato pa kopirajte kodo in jo prilepite na spletno mesto.

V opciji “Gumb s števcem besedila” lahko sami izberete oznako za gumb.

Gradnik Priporočila deluje samo v povezavi s prejšnjim. Analizira število všečkov člankov in prikaže seznam najbolj priljubljenih objav. Vse nastavitve so intuitivne: število zapisov, za katero obdobje so prikazani podatki (dan, teden, mesec) in besedilo nad rubriko (Všeč mi je/Zanimivo… Ljudje).

Pripomoček Ankete omogoča hitro in enostavno zagon ankete na vašem spletnem mestu. V polje Zadeva vnesite vprašanje, spodaj pa navedite vse možnosti odgovora, nove pa dodajte z gumbom Dodaj. Izberite velikost, ki ustreza širini stranske vrstice ali strani, kopirajte besedilo in ga prilepite na želeno mesto.

Pripomoček »Naroči se na uporabnika« prikazuje ločen gumb, ki vam omogoča, da postanete naročnik VKontakte z enim klikom. Ne gre za skupino, ampak posebej za vaš račun. Navedite povezavo do uporabnika, ki mu lahko sledite, nato pa med 4 možnostmi izberite videz gumba.

To so vsi pripomočki, pripomočki VKontakte, ki jih je mogoče postaviti na spletno mesto.

Odnoklassniki widget za spletno mesto

Pojdimo na razdelek za razvijalce. Če želite to narediti, pojdite v Nastavitve, nato pojdite dol in poiščite Razvijalci. V naslednjem oknu izberite Social Widgets.

Tukaj ni veliko nastavitev, tako da lahko to enostavno ugotovite:

• Sami izberite širino in višino po svojih željah.
• ID skupine – pojdite v svojo skupino in poglejte naslovno vrstico. Številke v vrstici bodo vaš ID (na primer http://ok.ru/group/50582132228315). Zamenjajte številke s svojimi.

Kopirajte kodo, nato pojdite na skrbniško ploščo Oblikovanje - Pripomočki, povlecite pripomoček Besedilo v levo območje in prilepite to kodo.

Facebook widget za spletno stran

Pojdimo na stran za razvijalce: pod desnim razdelkom »morda jih poznate« je seznam različnih povezav, vendar morate klikniti »več« in na tem spustnem seznamu izbrati Za razvijalce.

Nato pojdite na razdelek Dokumenti v zgornjem meniju in na seznamih poiščite Social Plugins.

Pojdite v razdelek Vtičnik strani in vnesite informacije o svoji skupini: povezava do strani, širina in višina pripomočka ter videz.

Ko ste z rezultatom zadovoljni, samo kliknite »Pridobi kodo« in nato vam bosta ponujeni dve kodi.

naredi varnostno kopijo spletno mesto, da ga lahko hitro obnovite, če pride do napake.

Vstavite del, nad katerim je napisano Enkrat vključite JavaScript SDK na svojo stran, najbolje takoj za uvodno oznako body— pojdite na skrbniško ploščo, izberite Oblikovanje - Urejevalnik in tukaj poiščite nogo. Zaženite iskalno polje (ctrl + F) in poiščite body. Potrebujemo ravno zaključno -< /body >. In v zgornjo vrstico, tik nad njo, prilepite kodo iz zgornjega okna. Shrani.

Drugi del je treba vstaviti v pripomočke. Če želite to narediti, pojdite na Oblikovanje – Pripomočki in povlecite pripomoček Besedilo v levo območje ter prilepite to kodo. Preverite, ali vse deluje pravilno in je vse pravilno prikazano.

Pripomoček Twitter za spletno stran

Nazadnje bom razmislil o dodajanju Twitterja, čeprav je dodan zelo redko.

Pojdite v Nastavitve in izberite Pripomočki.

Nato kliknite velik gumb Ustvari in prilagodite videz pripomočka.

Že dolgo nisem nič napisal o WordPressu. Danes bomo govorili o pripomočkih družbenih omrežij.

Moški sedi za mizo s prenosnikom

V prvem prispevku si bomo ogledali najbolj priljubljena socialna omrežja: FB, VK, G+ in OK.

Facebook

Obstaja veliko razširitev za pripomočke Facebook, vendar sem za dodajanje kode, saj vam ponuja veliko več možnosti prilagajanja. Ustvarite ga lahko z uradno storitvijo Page Plugin. Pojdite na stran in izpolnite parametre pripomočka.

Kliknite »Pridobi kodo«.

Koda je sestavljena iz dveh delov.

Kopiramo in zaporedno prilepimo oba dela kode v gradnik. pripravljena

VK

VK ima svojo storitev Pripomoček za skupnosti. Nastavitve so osnovne: videz, širina in barva elementov. In ne pozabite preveriti drugih Pripomočki VK, tam je veliko zanimivih stvari.

G+

Za pridobitev kode za gradnik G+ bomo uporabili storitev Google+ Badge. Prijava prek Googlov račun, izberite nastavitve in pridobite kodo. Enostavno je.

v redu

Za Odnoklassniki je podobna zgodba, le da je manj nastavitev. Pojdite na storitev Group Widget, vnesite ID skupine in izberite višino in širino. ID skupine najdete v nastavitvah skupnosti v OK.

V drugem delu si bom ogledal namestitev pripomočka twitter in drugih družbenih omrežij. Hvala za vašo pozornost.

Hvala za branje! Spremljajte me na družbenih omrežjih