Wordpress & Webentwicklung

Erstellen Sie eine Social Updates Wall in Ihrem WordPress-Blog mit dem Socialist jQuery Plugin

Erstellen Sie eine Social Updates Wall in Ihrem WordPress-Blog mit dem Socialist jQuery Plugin / Wordpress & Webentwicklung

Socialist ist ein unglaubliches neues jQiuery-Plugin, das Ihre Updates in verschiedenen sozialen Netzwerken sammelt und sie in einem Raster ähnlich wie Pinterest anzeigt. Schauen Sie sich den Screenshot unten an, um zu erfahren, wie großartig das ist, und lesen Sie weiter, wie Sie dies in WordPress implementieren können.

Hinweis: Socialist ist ein jQuery-Plugin. Ich gebe Ihnen vollständige Anweisungen, wie Sie dies in WordPress implementieren können. Die Kenntnis von jQuery wäre jedoch hilfreich, um Tippfehler oder Fehler in Ihrem Code zu erkennen. Außerdem sollte dies wahrscheinlich als Beta-Version betrachtet werden. Einige Dinge sind kaputt, die Formatierung ist nicht perfekt, aber dennoch recht brauchbar und beeindruckend

Einführung

Es gibt verschiedene Plug-Ins, um Updates aus bestimmten Netzwerken oder die neuesten Beiträge aus einem RSS-Feed abzurufen, aber keines macht sie alle und keines ist so attraktiv. Folgendes können Sie von rund 10 Zeilen Code erwarten:

Das Plugin kann auf eine Vielzahl von soischen Netzwerken zugreifen sowie auf reine RSS-Nachrichten zugreifen und Bilder sowie Inhalte abrufen - einschließlich:

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

Die Tumblr-Unterstützung wird ebenfalls aufgeführt. Der Code verhindert jedoch derzeit einen Fehler. hoffentlich wird es behoben, wenn dieses Tutorial veröffentlicht wird.

Integration in WordPress

    1. Laden Sie eine beliebige Seite Ihrer Website und zeigen Sie die Quelle an. Suchen Sie nach dem String jQuery. Wenn Sie es bereits haben, fahren Sie mit Schritt 2 fort. Fügen Sie andernfalls jQuery hinzu, indem Sie die folgende Zeile in Ihre functions.php einfügen: wp_enqueue_script ('jquery');
    2. Laden Sie die ZIP-Datei des Sozialisten von github [nicht mehr erhältlich] herunter. Entpacken Sie den Ordner und laden Sie den Ordner per FTP in Ihr Arbeitsverzeichnis.
    3. Benennen Sie den Ordner in um “sozialistisch”
    4. Fügen Sie in der header.php die folgenden zwei Zeilen irgendwo unterhalb der wp_head-Funktion, aber vor dem end-Tag ein:
  1. Erstellen Sie eine neue Seite, auf der der sozialistische Block erscheinen soll. Ich gehe davon aus, dass Sie dies auf einer separaten Seite möchten, aber Sie könnten den Code auch irgendwo in Ihre Indexvorlage einfügen. Wenn Sie sich für eine separate Seite entscheiden, duplizieren Sie Ihre vorhandene Seitenvorlage und rufen Sie sie an “page-slug.php” Wo ist Slug der Permalink, den WordPress Ihrer neuen Seite gegeben hat (d. h. der Titel, Bindestriche für Leerzeichen und allgemeine Wörter entfernt).
  2. Bearbeiten Sie die Seite, um den Inhalt der WordPress-Schleife auszublenden. wir wollen ein grundlegendes Layout mit Metainformationen und so.

Sozialistischen Code hinzufügen

Öffnen Sie die zuvor erstellte spezielle Seitenvorlage und fügen Sie den folgenden Code in den Hauptinhaltsbereich ein. Ändern Sie den Stil des sozialistischen DIV nach Ihrem Thema. Ich habe festgestellt, dass die Angabe der Breite das Layout nicht durchbrochen hat, aber das war möglicherweise für mein Thema besonders. Der folgende Code ist für einige meiner eigenen Social-Update-Quellen vorprogrammiert. Natürlich möchten Sie die verschiedenen IDs an Ihre eigenen anpassen. Das genaue Format oder weitere Parameter finden Sie in der Readme-Datei. Im Allgemeinen benötigen Sie lediglich den Parameter id. Beginnen Sie mit eins und arbeiten Sie nach, da das Plugin durch eine falsche ID beschädigt wird.

Zusammenfassung

Dies könnte mit etwas mehr Anpassungen in Bezug auf die Boxgröße oder das Layout auskommen und robuster sein. aber es ist noch früh und was wir bereits haben, ist wirklich beeindruckend, denke ich. In der Tat wäre dies die perfekte Ergänzung Ihrer persönlichen Domain unter Berücksichtigung einer persönlichen Domain? Sind hier einige coole Anwendungen für eine persönliche Domäne? Hier sind einige coole Anwendungen für Sie Auch wenn Sie kein Bloggen-Fan sind und keine erstaunliche neue Website zum Starten haben, kann eine persönliche Domain ein fantastisches Werkzeug sein, das Sie für Spaß oder Eigenwerbung nutzen können: von einer… Read Mehr darüber haben wir letzte Woche diskutiert.

Wenn Sie Probleme haben oder eine Hand benötigen, die dies in WordPress einfügt, können Sie in den Kommentaren unten nachfragen, aber geben Sie eine Test-URL an, die ich mir ansehen und etwaige Codefehler prüfen kann. Wenn Sie Probleme mit dem eigentlichen Plugin haben, veröffentlichen Sie bitte eine neue Ausgabe bei GitHub. Denken Sie, jemand anderes könnte MakeUseOf dieses fantastischen jQuery-Plugins sozialisieren? Dann teilen Sie mit den Schaltflächen unten die Welt.

Erfahren Sie mehr über: Blogging, Wordpress-Plugins.