Skip to main content

Tutorial na pridanie tlačidiel sociálnych médií

Anonim

Ktokoľvek s účtom Tumblr môže zdieľať obsah s ostatnými používateľmi stlačením tlačidla Ako tlačidlo uzávierky,Tlačidlo Reblog alebo Tlačidlo Odoslať na konkrétnom príspevku blogu v informačnom paneli Tumblru.

Tieto vstavané tlačidlá umožňujú zdieľať obsah vo virtuálnych stenách siete Tumblr; nedávajú vám však flexibilitu zdieľania obsahu z webového blogu Tumblr (sat BlogName.Tumblr.com ) na všetkých ďalších významných stránkach sociálnych médií, ako sú Facebook, Twitter, Google+ alebo iné miesta.

Ak chcete na blog Tumblr pridať ďalšie tlačidlá zdieľania, aby vyzeralo ako skutočný blog, môžete buď zaplatiť za prémiovú tému, ktorá je vybavená tlačidlami, alebo si sami urobíte prácu kopírovaním a vložením nejakého kódu do šablóny blogu Tumblr ,

Pridanie iba jedného pásu kódu do pravého oddielu dokumentov HTML vašej témy automaticky umiestni tlačidlá sociálnych médií pod všetky predchádzajúce publikované blogové príspevky a všetky budúce blogové príspevky.

Nebojte sa, je to jednoduchšie, ako si myslíte. Tu je postup, ako to urobiť.

01 z 07

Zaregistrujte sa alebo sa prihláste do svojho účtu Tumblr, ak chcete vytvoriť alebo pristupovať k vášmu blogu

Ak ste ešte nevytvorili blog Tumblr alebo ste sa prihlásili do účtu, najskôr musíte navštíviť stránku Tumblr.com, kde budete požiadaní o zadanie svojej e-mailovej adresy, hesla a adresy URL požadovaného blogu, aby ste mohli začať. ,

Ak už máte účet a blog, jednoducho sa prihláste.

02 z 07

Vyberte tlačidlá sociálnych médií

Vyhľadajte pomocou Google vyhľadávanie tlačidiel zdieľania sociálnych sietí, ktoré chcete umiestniť na svoj blog Tumblr. Väčšina (ak nie všetky) významné sociálne siete majú vyhradené stránky pomoci, ktoré vám ukážu, ako ich nastaviť.

Pre vaše pohodlie je tu niekoľko oficiálnych stránok s tlačidlami zdieľania pre niektoré z najpopulárnejších sociálnych sietí:

  • Oficiálne tlačidlo Facebook Like
  • Oficiálne tlačidlo Twitter Twitter
  • Oficiálne tlačidlo Zdieľať LinkedIn
  • Oficiálne tlačidlo zdieľania Google+
  • Oficiálne tlačidlo Pinterest Save

Niektoré sociálne siete vám umožnia prispôsobiť ich tlačidlá, vrátane zmien veľkosti tlačidiel, ďalšieho nadpisu, štruktúry adries URL, možnosti počtu účtov a nastavení jazyka. Nie všetky sociálne siete vám to umožnia, ale pre tých, ktorí to robia, úryvok kódu sa zmení podľa toho, ako ste ho nastavili.

Pokúste sa upustiť od zahrnutia príliš veľa tlačidiel na svojom blogu, pretože by to mohlo spôsobiť, že vzhľad vašich príspevkov bude pre čitateľov, ktorí môžu chcieť zdieľať váš obsah, vyzerajú prehnane a matovo.

Zvážte umiestnenie maximálne piatich alebo šiestich tlačidiel sociálnych médií pod každý blogový príspevok, ale menej je pravdepodobne lepšie.

03 z 07

Prispôsobte si tlačidlá a chyťte kód

Postupujte podľa pokynov na stránke tlačidiel zdieľania sociálnych sietí a prispôsobte svoje tlačidlo v prípade potreby. Po dokončení by ste mali dostať reťazec kódu, ktorý budete potrebovať pre svoj blog Tumblr.

Skopírujte ho a vložte ho do prázdneho slova alebo textového dokumentu. Urobte to pre všetky tlačidlá, ktoré chcete, aby ste mali reťazec kódov každého tlačidla pripravený ísť.

04 z 07

Prístup k vášmu Tumblr Theme Code

Prejdite späť na hlavný panel Tumblr. Kliknite na tlačidlo ikona osoby v pravom hornom menu a potom kliknite na tlačidlo Upraviť vzhľad v rozbaľovacej ponuke príslušného blogu (ak máte viac blogov).

Na nasledujúcej stránke kliknite na položku Tlačidlo Upraviť tému, Váš blog sa otvorí v režime ukážky na pravej strane obrazovky pomocou editora vľavo.

kliknite Upraviť HTML v editore vľavo pod štítkom Custom theme. Editor sa rozbalí, aby vám ukázal celý kód vašej témy.

Jednotlivci, ktorí nemajú skúsenosti s prácou s HTML, PHP, JavaScriptom a iným počítačovým kódom, sa môžu cítiť zastrašením pri pohľade na túto časť. Dôležité je mať na pamäti, že nebudete písať žiadny nový kód vôbec.

Jediné, čo musíte urobiť, je umiestniť kód tlačidla do dokumentov témy, ktoré vám budú ukázané ako urobiť v ďalších častiach.

05 z 07

Vyhľadávanie prostredníctvom kódu vášho témy

Jediný riadok kódu, ktorý potrebujete nájsť, je riadok, ktorý číta: {/ Blok: Príspevky}.

totopredstavuje koniec príspevku blogu a zvyčajne sa nachádza v dolnej časti témových dokumentov v závislosti od témy, ktorú používate v Tumblre. Ak máte problémy s nájdením tohto riadku kódu práve prehliadaním, môžete sa pokúsiť použiť Ctrl + F / Cmd + F klávesovou skratkou alebo kliknite na tlačidlo ozubené koliesko v ľavom hornom rohu obrazovky kliknite na položku Nájdite a nahraďte a potom napíšte {/ Blok: Príspevky} do Vyhľadajte pole.

Vyhľadávacia funkcia automaticky nájde a zvýrazní{/ Blok: Príspevky} v kóde témy.

06 z 07

Vložte kód tlačidla do kódu vášho témy

Skopírujte prispôsobený kód tlačidla, ktorý ste vytvorili, a prilepte ho priamo pred riadok kódu, ktorý číta: {/ Blok: Príspevky}.

Toto informuje tému blogu, že zobrazuje tlačidlá sociálnych médií v spodnej časti každého blogu.

kliknite Aktualizovať ukážku a potom kliknite na tlačidlo modré tlačidlo Uložiť v hornej časti editora.

07 z 07

Otestujte svoj blog Tumblr, aby ste videli svoje nové tlačidlá zdieľania v sociálnej sieti

Urobil si to na zábavu. Ak ste správne vložili kód tlačidla do kódu vášho témy, váš blog Tumblr by mal zobraziť tlačidlá zdieľania podľa vášho výberu v spodnej časti každého príspevku a tiež na každom príspevku zobrazenom na hlavnom kanáli.

Kliknutím na ne môžete jednoducho zdieľať vaše príspevky Tumblr v iných sieťach sociálnych médií.

Tipy:

  • Prilepte kód tlačidla do dokumentov témy vždy, keď zmeníte tému blogu na úplne novú tému. Pri zmene témy sa pôvodný vkladaný kód neprevedie do nových dokumentov témy.
  • Pri umiestňovaní viac než jedného tlačidla sociálnych médií do svojho blogu sa uistite, že medzi dvomi rôznymi úryvkami kódu tlačidla nie sú žiadne medzery ani nové riadky. Tým sa zabezpečí, aby sa viac tlačidiel zobrazilo vodorovne vedľa seba navzájom, na rozdiel od toho, aby sa zobrazovali vertikálne na rôznych linkách.
  • Experimentujte s umiestnením úryvkov kódu pre sociálne tlačidlá pred ostatnými prvkami {/ block: too. V závislosti od vášho témy si možno všimnete, že sa tlačidlá zobrazujú v spodnej časti stránky blogu po všetkých poznámkach ostatných používateľov Tumblr.