Luo sosiaalisten päivitysten seinä WordPress-blogiisi sosialistisen jQuery-laajennuksen avulla

Mainos

Sosialisti on uskomaton uusi jQiuery-laajennus, joka yhdistää päivityksesi eri sosiaalisissa verkostoissa ja näyttää ne kauniisti ruudukossa, joka on samanlainen kuin Pinterest. Tutustu alla olevaan kuvakaappaukseen saadaksesi kuvan siitä, kuinka upea tämä on, ja lue ohjeet tämän toteuttamiseen WordPressissä.

Huomaa: sosialisti on jQuery-laajennus. Annan täydet ohjeet tämän toteuttamiseksi WordPressissä, mutta jQueryn tuntemus olisi hyödyllinen koodin kirjoitusvirheiden tai virheiden tunnistamisessa. Tätä tulisi todennäköisesti pitää myös beetaversiona; jotkut asiat ovat rikki, muotoilu ei ole täydellinen, mutta se on silti varsin käyttökelpoinen ja vaikuttava

esittely

Erilaisia ​​plugineja on päivitysten hakemiseen tietyistä verkoista tai viimeisimmistä viesteistä RSS-syötteestä, mutta mikään niistä ei tee niitä kaikkia, eikä yksikään niistä ole yhtä houkutteleva kuin tämä. Tässä on mitä voit odottaa noin 10 koodiriviltä:

Lisäosalla on pääsy moniin soikaaleihin verkkoihin sekä pelkkään RSS: ään, tarttumalla kuviin ja sisältöön - mukaan lukien:

• Facebook
• Viserrys
• LinkedIn
• Flickr
• YouTube
• pinterest
• RSS
• Craigslist
• Google+

Tumblr-tuki on myös luettelossa, mutta koodissa on virhe, joka estää sitä toimimasta; toivottavasti se korjataan siihen aikaan, kun tämä opetusohjelma julkaistaan.

Integrointi WordPressiin

1. Lataa mikä tahansa sivustosi sivu ja katso lähde. Etsi merkkijono jQuery; Jos sinulla on jo se, jatka vaiheeseen 2. Jos ei, lisää jQuery lisäämällä seuraava rivi funktioihisi.php: wp_enqueue_script ('jquery');
2. Lataa sosialistien zip-tiedosto githubista [Ei enää saatavilla]. Pura ja lähetä kansio toimivaan teemahakemistoon FTP: n kautta.
3. Nimeä kansio uudelleen ”sosialistiseksi”
4. Lisää otsikko.php-kohtaan seuraavat kaksi riviä jonkin verran wp_head-toiminnon alapuolelle, mutta ennen lopputunnistetta:

1. Luo uusi sivu, jolla haluat sosialistisen ryhmän näkyvän; Oletan, että haluat tämän erillisellä sivulla, mutta voit myös lisätä koodin hakemistopohjalle jonnekin. Jos etsit erillistä sivua, kopioi nykyinen sivumallisi ja kutsu sitä ”page-slug.php”, missä etana on WordPressin pysyvä linkki antoi uuden sivusi (eli otsikon, välilyönnit ja välilyönnit poistettu).
2. Muokkaa sivua, jotta WordPress-silmukka voidaan poistaa. sisältö; haluamme perusasettelun, joka sisältää metatiedot ja vastaavat.

Sosialistisen koodin lisääminen

Avaa aiemmin luomasi erityinen sivumallipohja ja liitä seuraava koodi pääsisältöön alueella. Muuta sosialistisen DIV: n tyyli sopimaan teemaasi; Löysin, että määrittelemättä leveyttä rikkoi asettelun, mutta se saattoi olla erityinen teemalleni. Alla oleva koodi on esiohjelmoitu joihinkin omiin sosiaalisen päivityksen lähteisiin; tietysti haluat vaihtaa eri tunnukset omaksi. Katso tarkka muoto tai mahdolliset lisäparametrit readme-tiedostosta. Yleensä kaikki mitä tarvitset on id-parametri. Aloita yhdellä ja jatka työskentelyä, koska virheellinen tunnus aiheuttaa laajennuksen rikkoutumisen.

yhteenveto

Se voisi tehdä joitain muita mukautuksia laatikon koon tai asettelun suhteen, ja olla enemmän vankka; mutta se on vielä varhaista päivää ja se, mitä meillä on jo, on mielestäni todella vaikuttavaa. Itse asiassa tämä olisi täydellinen sijoittaa henkilökohtaisen verkkotunnuksesi etusivulle Haluatko henkilökohtaisen verkkotunnuksen? Tässä on hienoja käyttötarkoituksia sille Vaikka et olekin blogin faneja ja sinulla ei ole uskomattoman uutta verkkosivustoa, jonka avaaminen on mahdollista, henkilökohtainen verkkotunnus voi olla mahtava työkalu omien hauskanpitoon tai omaan markkinointiin: mukautetulta... Lue lisää , josta keskustelimme viime viikolla.

Jos uudelleen ottaa Jos sinulla on ongelmia tai tarvitset kättä laittamalla se WordPressiin, kysy alla olevia kommentteja, mutta sisällytä testikohde, jota voin tarkastella ja tutkia mitä tahansa koodia virheitä. Lähettäkää itse varsinaisen laajennuksen virheitä lähettämällä uusi ongelma GitHubiin. Ajattele, että joku muu voisi tehdä tästä mahtavasta jQuery-seurustelu pluginista? Sitten jaa sitten alla olevien painikkeiden avulla kertoa maailmalle.