wemaflo.net

Gerade fand ich beim ixiter eine Anleitung zum Einbau einer Zitatfunktion für die Kommentare in WordPress-Templates. Eine solche Funktion im Kommentar-Template ermöglicht es meines Erachtens sehr gut, tiefergehende Diskussionen zu Artikeln zu führen, auch wenn zwischen Kommentar und Antwort noch viele Kommentare geschrieben wurden (was dem Leser normalerweise die Übersicht klaut).

Die Lösung steckt in einem kleinen Bisschen PHP und einem JavaScript-Schnipsel, die hier im ixiter.com-Blog zu finden sind: WordPress – Zitatfunktion bei Kommentaren

Prinzipiell kann so jedes Theme modifiziert werden, bei manchen ist es komplizierter, bei anderen einfacher.

BuddyPress ist eine Pluginsammlung, die aus einer WordPress-Installation ein leistungsfähiges soziales Netzwerk aufbaut. Der Funktionsumfang ist vergleichbar mit dem bekannter sozialer Netzwerke wie Facebook. Nutzer interagieren durch eine Art „Aktivitätsstream“ wie bei Twitter und Gruppen mit Gruppenforen.
Nach Belieben kann auch eine weitere externe Forenkomponente installiert werden. Sowohl Gruppenforen, als auch das externe Forum werden mit der Forensoftware bbPress (basierend auf WordPress) realisiert.

Dieses Tutorial beschreibt die Installation eines Sozialen Netzwerkes mit BuddyPress mit der bereits integrierten Komponente der Gruppenforen. Dazu wird in diesem Beispiel ein unabhängiges Forum installiert, welches sich die Cookies und die Benutzerdatenbank mit BuddyPress teilt.
Die Installation, die hier vorgenommen wird, kann hier angesehen und ausprobiert werden:
http://buddypress.pytalhost.com und http://buddypress.pytalhost.com/forum
Nutzer: test
Passwort: test

Ich installiere BuddyPress unter WordPress MU, daher kann es für WordPress leichte Abweichungen geben, prinzipiell ist es für WordPress aber einfacher.

Dieses Tutorial gilt für BuddyPress 1.2.1 und bbPress 1.0.2

Inhalt:

1. Voraussetzungen
2. Installation von WordPress oder WordPress MU
3. Installation und Einrichten von BuddyPress
4. Installation und Einrichten von bbPress
5. Weiterführende Links

Mehr…

Beim ändern der URL des Blogs oder beim ändern einiger Ordnernamen muss man meistens Pfade in Artikeln, Tags usw. anpassen. Das Plugin Search Regex erleichtert diese Arbeit enorm.

Es muss lediglich ein Suchmuster eingegeben werden (beispielsweise /wp-content/uploads/) und das Muster, durch das ersetzt werden soll (beispielsweise /images/), das Plugin sucht dann auf Wunsch in der Tabelle mit den Artikeln nach diesem Muster und ersetzt es selbsttätig. Man kann zuerst eine Vorschau sehen, oder die Änderungen gleich ersetzen und speichern.

Ich habe bereits eine deutsche Sprachdatei für das Plugin erstellt, diese ist zwar beim Plugin-Autoren eingereicht, aber noch nicht integriert. Hier kann sie dennoch heruntergeladen werden: search-regex-de_DE.zip (im Ordner /locale speichern, de_DE.po kann mit Poedit bearbeitet werden, beim speichern wird die de_DE.mo aktualisiert).

Download: WordPress Plugin Directory
Plugin-Homepage: Urban Giraffe

Einige meiner Leser werden sicherlich schonmal in die Verlegenheit gekommen sein, eine Sprachdatei für ein Plugin zu erstellen oder zu ändern, oder aber auch die Sprachdatei von WordPress anzupassen. Das kann man mit einem Programm wie beispielsweise Poedit tun, dafür muss man, wenn man nur eine Sprachdatei ändern will, nicht viel tun. Einfach herunterladen, mit dem Programm öffnen und die Übersetzungen bearbeiten.

Wenn man allerdings eine Sprachdatei neu erstellen will, wirds komplizierter. Man muss ein Projekt anlegen, die PHP-Daten scannen und so einen Katalog mit allen übersetzbaren Textstücken anlegen, um diese dann Stück für Stück zu bearbeiten.

Codestyling Localisation macht es einem leichter: Einfach das Plugin installieren, per Mausklick das gewünschte Plugin wählen und ebenso einfach einen Katalog einlesen. Übersetzen kann man entweder einfach im sich öffnenden Editor (mit praktischer „Speichern und weiter“-Taste), oder aber per Google-Übersetzungs-API (was auch praktisch ist).

Wer also des öfteren kleine Bearbeitungen an Sprachdateien durchführen will, oder auch ganze Plugins lieber online übersetzt, der sollte sich mal Codestyling Localization ansehen:

WordPress Plugin: Codestyling Localization

Wer BuddyPress nutzt und mit dem Social-Network-System ein Netzwerk aufgebaut hat oder eines aufbaut, weiß, dass es nicht wirklich viele Themes für BuddyPress gibt. In der nächsten Version der Software (1.2) wird sich das nicht grundlegend ändern, dennoch, hier ist ein weiteres Theme hinzu gekommen. Neben dem inzwischen technisch leicht „veralteten“ BuddyPress-Theme in Orange und Grau, gibt es nun ein neues „BuddyPress Default“, das recht aufgeräumt und minimalistisch daherkommt, technisch aber einiges mehr unter der Haube hat, als das alte.

Wer also als Entwickler BuddyPress-mäßig mit der Zeit gehen will, sollte zum erstellen eines eigenen Designs jetzt schon auf die Entwicklerversion von BuddyPress 1.2 zurückgreifen (mehr dazu hier) und sein Theme an den Templates des aktuellen „BuddyPress Default 1.2-rare“ anlehnen.
Um dafür nicht das gesamte Theme zu verändern oder alle alten Dateien in ein neues Theme zu kopieren, bietet es sich an, ein Child-Theme zu erstellen und BuddyPress Default als Parent-Theme zu nutzen. Wie das funktioniert, soll dieses kleine Tutorial zeigen.

Das Tutorial kann natürlich auch auf andere Themes übertragen werden.

Voraussetzungen:

1. Installiertes WordPress MU
2. Aktiviertes und konfiguriertes BuddyPress 1.2-rare
3. BuddyPress-Themes von wp-content/plugins/buddypress/bp-themes nach /wp-content/themes verschoben

Herunterladen:

Falls die oben genannten Voraussetzungen noch nicht gegeben sind, muss die Software noch installiert werden. WordPress-Mu gibt es bei mu.wordpress.org, die aktuelle Entwicklerversion von BuddyPress gibt es im Trunk. Unten auf der Seite gibt es den Link zum aktuellen Zip-Archiv des Plugins.

Erstellen des Child-Themes:

Zuerst erstellen wir den Ordner des neuen Themes. Er sollte sinnvoll gewählt dem Namen des Themes entsprechen. In meinem Fall „child-tut“. In diesem Ordner erstellen wir eine style.css und öffnen sie in einem Editor. Ganz zu Anfang fügen wir nun folgende Zeilen ein (Großschrift ist natürlich individuell zu ersetzen):

---

/*
Theme Name: NAME DES THEMES
Template: bp-default
Description: Theme basierend auf BP Default 1.2-rare.
Version: 1.2-rare
Author: IHR NAME
Author URI: IHRE SEITE
*/

---

Mit diesen Angaben weiß WordPress, um was es sich handelt. Theme Name teilt den Namen des Themes mit, Template enthält den Namen des Parent-Theme (in unserem Fall bp-default), sodass WordPress weiß, welche Dateien als Templates zu nutzen sind. Description enthält eine kleine Beschreibung des Theme, Version die Versionsnummer. Unter Author sollte Ihr Name stehen, unter Author URI die Adresse Ihrer Internetseite.

Nun müssen noch die CSS-Dateien des Parent-Themes eingegliedert werden. Dafür fügen wir folgendes in die Datei ein:

---

/***
* The default theme styles.
*/
@import url( ../bp-default/_inc/css/default.css );

/***
* The admin bar styles.
*/
@import url( ../bp-default/_inc/css/adminbar.css );

---

Die Datei wird nun abgespeichert und sollte so aussehen:

---

/*
Theme Name: NAME DES THEMES
Template: bp-default
Description: Theme basierend auf BP Default 1.2-rare.
Version: 1.2-rare
Author: IHR NAME
Author URI: IHRE SEITE
*/

/***
* The default theme styles.
*/
@import url( ../bp-default/_inc/css/default.css );

/***
* The admin bar styles.
*/
@import url( ../bp-default/_inc/css/adminbar.css );

---

Prinzipiell ist das Child-Theme nun schon fertig. Sie können es hochladen und wie andere Themes aktivieren (erst im Theme-Admin, dann unter Design), es sollte exakt aussehen, wie das BuddyPress Default Theme.

Möchten Sie das Theme nun anpassen, kopieren Sie einfach die zu ändernde Datei in den entsprechenden Ordner Ihres Child-Themes und bearbeiten sie dort. Wenn sie beispielsweise den Kopfbereich der Seite verändern wollen, kopieren Sie die header.php von BuddyPress Default in den Ordner Ihres Child-Themes. Nach den Anpassungen wird automatisch die header.php aus dem Ordner Ihres Child-Theme genutzt.

Wieso das Ganze?

Dafür gibt es verschiedene Gründe. Einer davon ist die Übersichtlichkeit. Alle Dateien sind im Parent-Theme vorhanden, nur die veränderten im Child-Theme. Weiterhin hat man immer die Möglichkeit, Fehler im Child-Theme anhand der Änderungen gegenüber dem Parent-Theme zu suchen.

Ein wichtiger Punkt aber ist die Aufwärtskompatibilität. Eventuell werden zur nächsten Version von BuddyPress Änderungen am Default-Theme vorgenommen, beim Update wird das Theme also überschrieben. Wer direkt im Default-Theme geändert hat, muss jetzt alle Änderungen wieder neu hinein kopieren (und vorher wissen, was wo verändert wurde). Nutzt man ein Child-Theme, sind nur die geänderten Dateien des Child-Theme an das Parent-Theme anzupassen (sofern von den Neuerungen betroffen), das Anpassen ist weitaus unkomplizierter.

Über WPMU.org erfuhr ich soeben von einem Plugin (aktuell als Beta erhältlich), welches ein Widget für die Startseite von BuddyPress erstellt, in dem der angemeldete Nutzer eines Netzwerkes eine Vorschau seiner Mitteilungen in der Sidebar angezeigt bekommt.

Mehr dazu gibt es auf wpmu.org [EN]. Die Pluginseite [EN] ist hier zu finden, dort kann das Plugin auch heruntergeladen werden. Die aktuelle Entwicklerversion von BuddyPress gibt es im Trunk. Unten auf der Seite ist der Link zum Zip-Archiv.

In der aktuellen Entwicklungsversion (1.2-rare) wurde eine große Neuerung in BuddyPress eingeführt: Um BuddyPress nutzen zu können, muss man nicht mehr WordPress tMu nutzen, sondern kann BuddyPress als Plugin für das ganz normale WordPress installieren.

Wer also in Zukunft BuddyPress nutzen will, die Multi-User-Funktion von WPMU (unendlich viele Blogs mit einer Installation) aber nicht braucht, kann BuddyPress mit der normalen WordPress-Installation nutzen.

Auf wpmu.org [EN] gibt es mehr zum Thema nebst kleiner Anleitung zur Installation. Die Aktuelle WordPress-Version kann hier (auf deutsch) heruntergeladen werden, die aktuellste Entwicklerversion von BuddyPress 1.2 ist im Trunk bereitgestellt und kann (unten auf der Seite) auch als Zip-Archiv heruntergeladen werden.

Dieses Tutorial soll das Installieren eines sozialen Netzwerkes mit BuddyPress Schritt für Schritt anhand von Text und Bild erklären. Um dieses Tutorial zu verstehen, sollte man WordPress kennen und wissen, was WordPress MU ist. Ebenso sollte man sich ein wenig mit PHP, MySQL und dem Erstellen von Internetseiten allgemein auskennen.

Vor einiger Zeit verfasste ich schon ein Tutorial zur Installation von BuddyPress mit Gruppenforen, damals war die Installation und die Integration der Forensoftware noch weitaus komplizierter.

Dieses Tutorial gilt für BuddyPress 1.1.2 (Deutsch) mit WordPress MU 2.8.6

Inhalt:

• Was ist BuddyPress?
• Voraussetzungen
• Herunterladen
• Hochladen
• Installieren von WordPress MU
• Aktivieren von BuddyPress
• Weitere Konfiguration
• Nützliche Plugins
• Wichtige Verweise

Was ist BuddyPress?

BuddyPress ist ein Plugin von WordPress MU, das es ermöglicht ein soziales Netzwerk auf Basis des bekannten Blogsystems WordPress zu erstellen. Nutzer können ein Profil erstellen, Gruppen erstellen und Gruppen beitreten und sich in Gruppenforen austauschen. Ähnlich wie bei Facebook und Konsorten kann ein Nutzer einen Status angeben.
Da BuddyPress als Plugin auf WordPress MU aufbaut, hat man auch alle Funktionen dieses CMS. Neben dem Netzwerk also besteht auch die Möglichkeit, Blogs zu erstellen.

Voraussetzungen:

Webspace mit PHP und MySQL und FTP-Zugriff
FTP-Programm (z.B. FileZilla)
Browser (z.B. Firefox)

Für die hier gezeigte Installation wird Webspace von Pytal verwendet.

Herunterladen:

Unter http://buddypress.de/download kann man sich die aktuelle deutschsprachige Version des Netzwerkes herunterladen. Die BuddyPress-Combo beinhaltet alle benötigten Dateien.
Laden Sie diese Datei herunter und entpacken Sie sie.

ACHTUNG:
Die aktuell auf buddypress.de angebotene Kombo ist Fehlerhaft! Nutzen Sie stattdessen WordPress-MU von wpmu.de und die englische BuddyPress-Version von buddypress.org zusammen mit der Sprachdatei von buddypress.de.

Hochladen:

Nutzen Sie ihr FTP-Programm und laden Sie den Inhalt des Ordners „BuddyPress“ auf Ihren Webspace. Stellen Sie sicher, dass wirklich alle Dateien korrekt hochgeladen wurden.

Installieren von WordPress MU:

Zuerst benötigen Sie ein paar Daten. Legen Sie die MySQL-Zugangsdaten bereit. Sie benötigen den Datenbanknamen, den MySQL-Nutzernamen und das MySQL-Passwort, sowie den Host des Datenbankservers (meistens „localhost“).

• Nun rufen Sie die URL zu den hochgeladenen Dateien auf. Es erscheint automatisch eine Installationsseite.
• Wählen Sie aus, ob Blogs unter Subdomains oder Verzeichnissen abrufbar sein sollen.
• Geben Sie in dem Formular die MySQL-Zugangsdaten ein.
• Wählen Sie einen Titel für Ihre Installation (kann später geändert werden).
• Geben Sie Ihre Mailadresse an. Von dieser Adresse bekommen Nutzer die Bestätigungen, Sie bekommen Nachrichten vom Netzwerk.
• Bestätigen Sie das Formular mit einem Klick auf „Submit“.

• Nach bestätigen des Formulares wird eine Bestätigungsseite angezeigt. Sehen Sie in Ihren E-Mail nach, ob Ihnen Nutzername und Passwort zugeschickt wurden, ansonsten notieren Sie selbige auf der Seite.
• Die Installation ist Beendet. Wenn Sie die URL aufrufen, sollte Ihnen ein Weblog im Standard-Design gezeigt werden.
• Hängen Sie an Ihre URL noch /wp-admin an (http://meinedomain.de/wp-admin, Sie erhalten eine Anmeldeseite, auf der Sie sich mit ihrem Nutzernamen (admin) und dem angezeigten Passwort anmelden können. Danach werden Sie in das Backend weitergeleitet.

Aktivieren von BuddyPress:

Bisher haben Sie lediglich WordPress MU installiert. BuddyPress liegt als Plugin bei und muss nur noch aktiviert werden.

Sollten Sie die WordPress MU-Version 2.8.5.2 zur Installation verwendet haben (aktuell in der BuddyPress-Combo), müssen Sie zuerst ein Sicherheitsupdate durchführen. Klicken Sie dafür auf „update“ und folgen Sie den Anweisungen.

Nun stellen Sie WordPress MU von Englisch auf Deutsch um:

• Klicken Sie auf „Settings“ (links unten).
• Wählen Sie im Drop-Down-Menü für Blog-Language „German“ aus und klicken Sie auf „Save Changes“.
• Wählen Sie unter „Admin -> Einstellungen“ (links oben) für Standard-Sprache „German“ und bestätigen Sie mit „Einstellungen Aktualisieren“.

Nun aktivieren Sie BuddyPress und aktivieren Sie die Themes des Netzwerkes.

• Rufen Sie das Plugin-Verzeichnis Ihrer Installation auf.
• Klicken Sie auf „Aktiviere BuddyPress Blogübergreifend“.
• Gehen Sie nun auf „Admin -> Themes“ und aktivieren Sie „BuddyPress Default“ und „BuddyPress Social Network Parent Theme“
• Gehen Sie auf „Design“ und aktivieren Sie „BuddyPress Default 1.1.2″. Aktivieren Sie nicht das Parent Theme!

BuddyPress ist nun fertig Konfiguriert. Ihre Startseite sollte nun wie unten abgebildet aussehen:

Im Backend können Sie nun unter „Design -> Widgets“ die Startseite mit Widgets (einzelne Komponenten) füllen. Sie können die Widgets anordnen, wie Sie wollen.

Weitere Konfiguration:

Sie müssen sich nun entscheiden, ob ihre Mitglieder Blogs anlegen dürfen, oder ob sie sich nur ein Nutzerkonto anlegen dürfen. Sie können später alles ändern. Ebenso sollten Sie jetzt einige Funktionen von BuddyPress kennen lernen.

Um festzulegen, ob Ihre Nutzer sich nur anmelden dürfen, oder ob sie auch Blogs anlegen dürfen, tun Sie folgendes:

• Gehen Sie zu „Admin -> Einstellungen“.
• Legen Sie unter „Erlaube neue Registrierungen“ fest, was Ihre Nutzer tun dürfen.

Auf dieser Seite können auch weitere Einstellungen vorgenommen werden, die (wie unter „Admin“ immer) das gesamte Netzwerk betreffen.

Ein weiterer wichtiger Punkt ist die Gruppenfunktion von BuddyPress. Schon jetzt können von Ihren Nutzern Gruppen erstellt werden. Wenn Sie möchten, dass jede Gruppe ein eigenes integriertes Gruppenforum hat, in dem sich Ihre Nutzer austauschen können, befolgen Sie die folgenden Anweisungen:

• Gehen Sie auf „BuddyPress -> Foreninstallation“.
• Klicken Sie nun auf „Eine neue bbPress-Installation aufsetzen“. BuddyPress wird nun das bereits mitgelieferte Forum installieren und integrieren.
• Klicken Sie auf „Installation fertigstellen“.

Nun sind die Gruppenforen für Ihr Netzwerk installiert und integriert. Jeder, der eine Gruppe erstellt, kann nun wählen, ob die Gruppe ein Forum haben soll, oder nicht. Unter „BuddyPress -> Komponenten-Installation“ können Sie die Gruppenforen jederzeit deaktivieren, ohne die bestehenden Inhalte der Foren zu löschen.

Sie können nun festlegen, welche Daten Ihre Nutzer in ihre Profile eingeben können:

• Gehen Sie auf „BuddyPress -> Profilfelder“
• Legen Sie dort weitere Felder fest und erstellen Sie neue Feldgruppen.

Sie haben eine funktionstüchtige Installation von BuddyPress erstellt und damit den Grundstock für ein soziales Netzwerk geschaffen. Was für ein soziales Netzwerk jetzt noch fehlt, sind Nutzer. Diese müssen selbst gesucht und geworben werden.

Nützliche Plugins:

Um die jetzt erstellte Community weiter anzupassen, gibt es inzwischen viele Plugins. Hier stelle ich ein paar davon vor und verlinke gleich auf die entsprechende Download-Seite.

bpPicture Album
Fügt für jeden Benutzer ein Bilderalbum zum Profil hinzu. Der Nutzer kann damit seine Fotos hochladen und den anderen Mitgliedern in Form eines Albums zeigen.

TDLC Birthdays
Erstellt ein Widget auf der Startseite, das an die Geburtstage der Mitglieder erinnert. Man kann auswählen, ob die Geburtstage jedem angezeigt werden, oder ob nur angemeldete Nutzer die Geburtstage ihrer Freunde sehen können. Ebenfalls kann ausgewählt werden, ob das Alter der Nutzer mit angezeigt werden soll, oder nicht.
Für dieses Plugin habe ich eine deutsche Sprachdatei erstellt:
tdlc-birthdays-de_DE.po
tdlc-birthdays-de_DE.mo

Welcome Pack
Welcome Pack ist ein Plugin, das neu Registrierten Nutzern eine Einladung in eine vorgegebene Gruppe sendet und eine Freundschaft zu einer vorgegebenen Person herstellt. Außerdem wird dem neuen Nutzer eine automatisierte Nachricht geschickt, in dem man ihn beispielsweise willkommen heißen kann.

Auch viele Plugins, die für eine normale WordPress-Installation gemacht wurden, funktionieren mit BuddyPress und WordPress MU, so zum Beispiel Akismet, WP-ShortStat und Simple Google Sitemap.

Wichtige Verweise:

• BuddyPress Deutschland
• WordPress MU Deutschland
• BuddyPress – WordPress Deutschland Forum

Über Erfolge und Misserfolge kann man gerne Kommentare hinterlassen. Ebenso natürlich, wenn sich Fehler oder unklare Formulierungen eingeschlichen haben. Verbesserungsvorschläge sind natürlich auch gern gesehen.

Nach oben ^^

Vor ein paar Tagen fand ich bei code-styling.de einen interessanten Artikel, in dem der Autor eine gemeinschaftlich überarbeitete Version der WordPress-Core-Datei vorstellt, die die maschinenlesbaren Sprachdateien interpretiert.
Mit der veränderten Version soll es laut Autor möglich sein, den Arbeitsspeicherverbrauch der Sprachdateien von WordPress zu verringern. Dies ist gerade für diejenigen interessant, die viele Plugins nutzen (und somit viel Speicher verbrauchen), oder größere Blogs oder Internetseiten mit WordPress realisieren und betreiben.

Ich habe die Datei heruntergeladen und ausgetauscht, tatsächlich konnte ich eine Verringerung des Speicherbedarfs feststellen. Wo WordPress vorher 33,41MB brauchte, wurde mir nach dem Tausch der Datei ein Bedarf von 32MB Arbeitsspeicher angezeigt.
Auch ein Test auf einer Installation von BuddyPress (Wordpress MU + BuddyPress [Social Network Plugin]) zeigte eine Einsparung. Von 40,61MB sank der Speicherhunger der recht gewaltigen Installation auf 38,7MB, eine Einsparung also von 1,91MB.

Die Datei wird ausdrücklich als Beta angeboten, da sie bei manchen Sprachdateien Fehler hervorrufen kann, ich allerdings konnte bisher an keiner der beiden Installationen Fehler feststellen.

Die veränderte mo.php kann hier heruntergeladen werden und ersetzt die Datei mo.php im Ordner /wp-includes/pomo/. Es empfielt sich immer, ein Backup zu machen, bevor man solche Änderungen vornimmt.

Auch wenn es nicht so aussieht: Hier ist alles neu. Nachdem das System (Wordpress) unzählige Male aktualisiert wurde, war es nun an manchen Stellen ein wenig fehlerbehaftet. Aus diesem Grund habe ich die gesamten Wordpress-Dateien gegen neue ersetzt, alle (nicht nur die beim Update aktualisierten) Dateien sind nun auf dem aktuellen Stand.
Inzwischen ist auch der kleine Fehler mit den nicht funktionierenden Permalinks behoben, die .htaccess-Datei ist neu erstellt.

Da der Footer meines Designs völlig überladen war von Buttons und Links zu Verzeichnissen, habe ich ihn mal von selbigen weitestgehend befreit, ausgenommen den Hinweis auf den Autoren des Designs (halte ich für Ehrensache) und des Buttons des Bloggeramtes.

Falls euch noch Fehler auffallen sollten (waren eher auf der Backendseite), schreibt doch bitte einen Kommentar oder eine Mail.