Készítsen szociális frissítések falát a WordPress Blogban a szocialista jQuery plugin segítségével

Hirdetés

A Szocialista egy hihetetlen új jQiuery plugin, amely összesíti a frissítéseket a különféle közösségi hálózatokon, és szépen megjeleníti azokat a rácsban, mint a Pinterest. Nézze meg az alábbi képernyőképet, hogy megtudja, mennyire pompás ez, és olvassa el tovább, hogyan kell ezt a WordPress alkalmazásba telepíteni.

Megjegyzés: A szocialista egy jQuery plugin. Teljes utasításokat fogok adni ennek a WordPress-ben történő megvalósításához, de a jQuery gyakorlati ismerete hasznos lenne a kód helyesírásának vagy hibáinak azonosításában. Ez is valószínűleg béta verziónak tekintendő; egyes dolgok megsérülnek, a formázás nem tökéletes, de mégis eléggé használható és lenyűgöző

Bevezetés

Különböző beépülő modulok léteznek bizonyos hálózatoktól származó frissítések vagy RSS-hírcsatornák legfrissebb hozzászólásainak beolvasásához, de egyik sem teszi meg mindegyiket, és egyik sem olyan vonzó. Íme: mit várhat körülbelül 10 kódsorból:

A plugin hozzáférhet számos soical hálózathoz, valamint egyszerű RSS-hez, képekhez és tartalomhoz - beleértve:

• Facebook
• Twitter
• LinkedIn
• Flickr
• Youtube
• pinterest
• RSS
• Craigslist
• Google+

A Tumblr támogatás szintén fel van sorolva, de van egy hiba a kódban, amely megakadályozza a működését; remélhetőleg ez az oktatóanyag közzétételének időpontjáig megjavul.

Integráció a WordPress-hez

1. Töltsön be bármilyen oldalt a webhelyén, és tekintse meg a forrást. A jQuery karakterlánc keresése; Ha már megvan, folytassa a 2. lépéssel. Ha nem, adjon hozzá jQuery-t az alábbi sor beillesztésével a function.php-be: wp_enqueue_script ('jquery');
2. Töltse le a szocialista zip fájlt a githubból [Nincs már elérhető]. Csomagolja ki és töltse fel a mappát az aktív témakönyvtárba FTP-n keresztül.
3. Nevezze át a mappát „szocialista” -ra
4. A header.php mappába adjuk hozzá a következő két sort a wp_head függvény alá, de a végcím előtt:

1. Hozzon létre egy új oldalt, ahol megjelenik a szocialista blokk; Feltételezem, hogy ezt egy külön oldalra akarja, de ugyanúgy hozzáadhatja a kódot az index sablonjához. Ha külön oldalt akar keresni, másolja ki a meglévő oldalsablonját, és nevezze „page-slug.php” -nek, ahol a meztelencím az állandó link, amelyet a WordPress megadta az új oldalát (azaz a címet, szóközökkel és a megszokott szavakkal eltávolítva).
2. Szerkessze az oldalt a WordPress hurok eltávolításához. tartalom; alapvető elrendezést akarunk, amely tartalmaz metainformációt és hasonlókat.

Szocialista Kód hozzáadása

Nyissa meg a korábban létrehozott speciális oldalsablont, és illessze be a következő kódba a fő tartalomhoz terület. Módosítsa a szocialista DIV stílusát, hogy megfeleljen a témának; Úgy találtam, hogy nem határoztam meg a szélességet, eltörte az elrendezést, de ez valószínűleg a témámhoz kapcsolódott. Az alábbi kód előre be van programozva a saját közösségi frissítési forrásokhoz; természetesen meg szeretné változtatni a különböző azonosítókat a sajátjain. A pontos formátumot vagy az esetleges további paramétereket lásd a readme fájlban. Általában csak az id paraméterre van szüksége. Indítsa el az egyiket, és dolgozzon fel, mivel egy helytelen azonosító megszakítja a beépülő modult.

Összegzés

A dobozméret vagy elrendezés szempontjából még néhány testreszabással járhat, és több lenni erős; de még mindig korai napok vannak, és azt hiszem, hogy már meglehetősen lenyűgöző. Valójában ez tökéletes lenne, ha a személyes domain a személyes domainre tekint? Íme néhány jó felhasználási lehetőség ehhez: Még ha nem is a blogolás rajongója vagy, és nem rendelkezik elképesztő új webhellyel, amelyet elindíthat, a személyes domain lehet egy fantasztikus eszköz a szórakozáshoz vagy önpromócióhoz: egy testreszabott... Tudjon meg többet , amelyet a múlt héten tárgyaltunk. újra megvan problémákra van szükség, vagy szükség van egy kéz beillesztésére a WordPressbe, kérjük, bátran kérdezze meg az alábbi megjegyzéseket, de tartalmazzon egy teszt URL-t, amelyben megnézhetek és megvizsgálhatom a kódot hibákat. A tényleges beépülő modul hibáival kapcsolatban kérjük, tegyen közzé egy új kiadást a GitHub-on. Gondolod, hogy valaki más is megteheti ezt a fantasztikus jQuery szocializációs plugint? Ezután ossza meg az alábbi gombok segítségével, hogy elmondja a világnak.