Wordpress și dezvoltare web

Creați un zid de actualizări sociale în blogul dvs. WordPress cu plug-in socialist jQuery

Creați un zid de actualizări sociale în blogul dvs. WordPress cu plug-in socialist jQuery / Wordpress și dezvoltare web

Socialist este un plugin incredibil de jQiuery, care agregă actualizările dvs. pe diferite rețele sociale și le afișează frumos într-o rețea similară cu Pinterest. Check out imaginea de mai jos pentru o idee despre cât de minunat este acest lucru și citiți-o despre cum să implementați acest lucru în WordPress.

Notă: socialistul este un plugin jQuery. Voi oferi instrucțiuni complete despre modul în care să implementați acest lucru în WordPress, dar o cunoaștere a jQuery ar fi utilă pentru a identifica greșelile sau erorile din codul dvs. De asemenea, aceasta ar trebui probabil considerată o versiune beta; unele lucruri sunt rupte, formatarea nu este perfectă, dar este încă folositoare și impresionantă

Introducere

Există diferite pluginuri pentru a trage actualizări din rețelele specifice sau cele mai recente postări dintr-un feed RSS, dar niciunul nu le face pe toate și nici unul nu este la fel de atractiv ca acesta. Iată ce vă puteți aștepta de la aproximativ 10 rânduri de cod:

Plugin-ul poate accesa o varietate de rețele soical, precum și doar RSS simplu, grabbing imagini, precum și conținut - inclusiv:

  • Facebook
  • Stare de nervozitate
  • LinkedIn
  • Flickr
  • YouTube
  • pinterest
  • RSS
  • Craigslist
  • Google+

Suportul Tumblr este, de asemenea, listat, dar există un bug în codul care împiedică în prezent lucrul; sperăm că va fi rezolvată până la data publicării acestui tutorial.

Integrarea în WordPress

    1. Încărcați orice pagină pe site-ul dvs. și vizualizați sursa. Căutați jQuery; dacă aveți deja, continuați cu pasul 2. Dacă nu, adăugați jQuery prin includerea următoarei linii în funcțiile dvs..php: wp_enqueue_script ('jquery');
    2. Descărcați fișierul zip al socialistului de la github [Nu mai este disponibil]. Dezarhivați și încărcați folderul în directorul tematic de lucru prin FTP.
    3. Redenumiți directorul la “socialist”
    4. În header.php, adăugați următoarele două linii undeva sub funcția wp_head, dar înainte de eticheta de sfârșit:
  1. Creați o pagină nouă în care doriți să apară blocul socialist; Presupun că doriți acest lucru pe o pagină separată, dar puteți adăuga în mod egal codul în șablonul dvs. index undeva. Dacă mergeți pentru o pagină separată, duplicați șablonul de pagină existent și apelați-l “Pagina-slug.php” unde slug este permalink-ul pe care WordPress ți-a dat-o nouă pagină (adică titlul, cu liniuțe pentru spații și cuvintele obișnuite eliminate).
  2. Editați pagina pentru a elimina conținutul buclă WordPress; vrem un layout de bază cu meta info și altele.

Adăugarea codului socialist

Deschideți șablonul de pagină special creat anterior și lipiți-l în următorul cod în zona principală de conținut. Modificați stilul DIV socialist pentru a vă potrivi temei; Am constatat că nu specifică lățimea rupt aspectul, dar asta ar fi putut fi specific temei mele. Codul de mai jos este preprogramat la unele din propriile mele surse de actualizare socială; bineînțeles, veți dori să schimbați diferitele coduri de identitate proprii. Pentru formatul exact sau parametrii suplimentari, consultați fișierul readme. În general, tot ce aveți nevoie este parametrul id. Începeți cu una și lucrați în sus, deoarece un ID incorect va determina ruperea pluginului.

rezumat

Ar putea fi făcută cu o mai mare personalizare în ceea ce privește mărimea sau aspectul cutiei, fiind mai robustă; dar este încă primele zile și ceea ce am deja este cu adevărat impresionant cred. De fapt, acest lucru ar fi perfect pentru a vă pune pe prima pagină a domeniului dvs. personal Considerând un domeniu personal? Iată câteva utilizări răcoritoare pentru aceasta, având în vedere un domeniu personal? Iată câteva aplicații cool pentru el Chiar dacă nu sunteți un fan al bloggerilor și nu aveți un nou site uimitor de lansat, un domeniu personal poate fi un instrument minunat de a fi pentru a vă distra sau a promova singur: dintr-un ... Mai multe despre care am discutat săptămâna trecută.

Dacă aveți probleme sau aveți nevoie de o mână care pune acest lucru în WordPress, nu ezitați să întrebați în comentariile de mai jos, dar includeți o adresă de test pe care o pot examina și puteți examina erorile de cod. Pentru bug-uri în plugin-ul propriu-zis, vă rugăm să postați o nouă problemă la GitHub. Gândește-te pe altcineva care ar putea face makeUseOf acest minunat jQuery socialize plugin? Apoi împărtășiți folosind butoanele de mai jos pentru a spune lumii.

Explorați mai multe despre: Blogging, Wordpress Plugins.