Wordpress og webutvikling

Opprett en sosial oppdateringsvegg i WordPress-bloggen din med sosialistisk jQuery-plugin

Opprett en sosial oppdateringsvegg i WordPress-bloggen din med sosialistisk jQuery-plugin / Wordpress og webutvikling

Sosialistisk er et utrolig nytt jQiuery-plugin som aggregerer oppdateringene dine på ulike sosiale nettverk og viser dem vakkert i et rutenett som ligner på Pinterest. Sjekk ut skjermbildet nedenfor for en ide om hvor nydelig dette er, og les videre for hvordan du implementerer dette i WordPress.

Merk: Sosialistisk er et jQuery-plugin. Jeg vil gi full instruksjoner om hvordan du implementerer dette i WordPress, men en fungerende kunnskap om jQuery vil være nyttig å identifisere skrivefeil eller feil i koden din. Også dette bør trolig betraktes som en beta-versjon; Noen ting er ødelagte, formatering er ikke perfekt, men det er fortsatt ganske brukbart og imponerende

Introduksjon

Forskjellige plugins finnes for å trekke oppdateringer fra bestemte nettverk eller de siste innleggene fra et RSS-feed, men ingen gjør dem alle og ingen er like attraktive som dette. Her kan du forvente fra rundt 10 linjer med kode:

Pluggen er i stand til å få tilgang til en rekke sojale nettverk, så vel som bare ren RSS, gripende bilder og innhold - inkludert:

  • Facebook
  • Twitter
  • Linkedin
  • Flickr
  • YouTube
  • pinte~~POS=TRUNC
  • RSS
  • Craigslist
  • Google+

Tumblr-støtte er også oppført, men det er en feil i koden som for tiden hindrer den i å fungere; forhåpentligvis vil det bli løst da denne opplæringen publiseres.

Integrere til WordPress

    1. Legg inn en side på nettstedet ditt, og se kilden. Søk etter strengen jQuery; hvis du allerede har det, fortsett til trinn 2. Hvis ikke, legg til jQuery ved å inkludere følgende linje i dine funksjoner.php: wp_enqueue_script ('jquery');
    2. Last ned zip-filen av sosialistisk fra github [Ikke lenger tilgjengelig]. Unzip, og last opp mappen til arbeidstemaet ditt via FTP.
    3. Gi nytt navn til mappen til “sosialist”
    4. I header.php legger du til følgende to linjer et sted under wp_head-funksjonen, men før slutt-taggen:
  1. Opprett en ny side der du vil at sosialistisk blokk skal vises; Jeg antar at du vil ha dette på en egen side, men du kan også legge til koden i indeksmalken din et sted. Hvis du skal til en egen side, dupliserer du eksisterende sidemal og ringer den “side-slug.php” hvor slug er permalinken som WordPress ga den nye siden din (det vil si tittelen, med bindestreker for mellomrom og vanlige ord fjernet).
  2. Rediger siden for å fjerne WordPress-loop-innholdet; Vi ønsker en grunnleggende layout med meta info og slikt.

Legge til sosialistisk kodeks

Åpne den spesielle sidemalen du opprettet tidligere, og lim inn i følgende kode til hovedinnholdsområdet. Endre stilen til den sosialistiske DIV for å passe temaet ditt; Jeg fant ikke å spesifisere bredde brøt oppsettet, men det kan ha vært spesielt for temaet mitt. Koden nedenfor er forhåndsprogrammert til noen av mine egne sosiale oppdateringskilder; selvfølgelig vil du endre de forskjellige IDene til din egen. For det nøyaktige formatet eller eventuelle andre parametere, se Readme-filen. Generelt, alt du trenger er id-parameteren. Begynn med en og vær opp, da en feil ID vil føre til at pluginet bryter.

Sammendrag

Det kan gjøre med litt mer tilpasning i form av bokstørrelse eller layout, og være mer robust; men det er fortsatt tidlige dager, og det vi allerede har er veldig imponerende tror jeg. Faktisk ville dette være et perfekt å sette på forsiden av ditt personlige domene med tanke på et personlig domene? Her er noen kule bruksområder for det å vurdere et personlig domene? Her er noen kule bruksområder Selv om du ikke er en fan av blogging og ikke har et fantastisk nytt nettsted å lansere, kan et personlig domene være et fantastisk verktøy for å eie for moro eller selvfremme: fra en tilpasset ... Les Mer som vi diskuterte forrige uke.

Hvis du har problemer eller trenger en hånd som setter dette inn i WordPress, kan du spørre i kommentarene nedenfor, men ta med en testwebadresse. Jeg kan se på og undersøke eventuelle kodefeil. For feil i selve pluginet, vennligst legg inn et nytt problem over på GitHub. Tror noen andre kunne gjøre bruk av denne fantastiske jQuery sosialiser plugin? Del deretter med knappene nedenfor for å fortelle verden.

Utforsk mer om: Blogging, Wordpress-plugins.