Design Meets Code

WordPress · PrestaShop

Nützliche Erweiterungen für das Forum „Flarum“

Leave a Comment

Follow Tags
Hierbei können Nutzer (oder du als Admin für alle) bestimmte Kategorien (Tags) abonnieren.

composer require fof/follow-tags

Die „Abonniert“-Erweiterung (FoF Subscribed)
Es gibt eine spezielle Erweiterung namens fof/subscribed. Diese wurde genau für den Zweck entwickelt, Admins oder bestimmten User-Gruppen die Möglichkeit zu geben, globale Benachrichtigungen einzurichten.

composer require fof/subscribed

Die Erweiterung fof/formatting (von FriendsOfFlarum) bringt das sogenannte MediaEmbed-Feature mit. Sobald das aktiv ist, wandelt Flarum einen einfachen YouTube-Link im Text vollautomatisch in ein abspielbares Video-Fenster um.

composer require fof/formatting

Autor einer Diskussion ändern 

composer require clarkwinkelmann/flarum-ext-author-change

Die mit Abstand beste und am weitesten verbreitete Erweiterung für den Datei-Upload in Flarum heißt FoF Upload (von der Entwicklergruppe FriendsOfFlarum).

Sie ist der absolute Community-Standard, extrem sicher und bringt intelligente Funktionen mit (wie automatische Bildverkleinerung, Drag & Drop und die Unterstützung von externem Speicher wie AWS S3 oder Imgur).

Du kannst sie mit folgendem Befehl über dein Terminal installieren:

composer require fof/upload

Ein paar Tipps für die Einrichtung danach:

Aktivieren & Einstellungen: Nach der Installation gehst du in dein Admin-Dashboard unter Erweiterungen und aktivierst FoF Upload. Es erscheint ein komplett eigener Einstellungsreiter für die Extension auf der linken Seite.

Dateitypen erlauben: Standardmäßig ist die Erweiterung so eingestellt, dass sie nur gängige Bildformate (wie PNG, JPEG, WebP) erlaubt. Wenn deine Nutzer auch PDFs, ZIP-Archive oder andere Dokumente hochladen dürfen, musst du die entsprechenden Dateitypen (sogenannte Mime-Types) in den Einstellungen in die Whitelist eintragen.
Bei mime z.B. application/pdf oder pdf eintragen und dann auf das kleine Pluszeichen rechts klicken.

Rechte vergeben: Vergiss nicht, unter Berechtigungen einzustellen, welche Benutzergruppen überhaupt Dateien hochladen dürfen (z. B. nur registrierte Mitglieder oder nur Moderatoren).

Das Forum Flarum auf all-inkl installieren

Leave a Comment

Um das Open Source Forum „Flarum“ zu installieren, sind folgende Voraussetzungen zwingend erfoderlich:

• PHP 8.2+ (mit Erweiterungen: curl, dom, gd, json, mbstring, openssl, pdo_mysql, tokenizer, zip).
• MySQL 8.0+ oder MariaDB 10.5+.
• Composer 2.0+ (zwingend erforderlich).
• SSH-Zugriff auf deinen Server.

Bei all-inkl sind alle Anforderungen standardmäßig erfüllt.

Es muss eine neue Datenbank erstellt werden. Notiere Datenbankname, Datenbanknutzer und das Datenbank Passwort.

Verbinde dich per SSH mit deinem Server und navigiere in das Verzeichnis, in dem die Website liegen soll. Das Verzeichnis muss leer sein.

Mit folgendem Befehl wird das Forum mit allen notwendigen Abhängigkeiten heruntergeladen:
composer create-project flarum/flarum .
(wichtig ist der Punkt am Ende, damit das Forum ohne zusätzlichen Unterordner angelegt wird)

Wichtig: Flarum nutzt ein Unterverzeichnis namens public als Document Root. Das ist ein Sicherheitsfeature. Du musst deinen Webserver so einstellen, dass die Domain direkt auf den public-Ordner zeigt.

Nun muss die Installation im Browser abgeschlossen werden. Rufe nun deine Domain im Browser auf. Es erscheint der Installer. Gib den Datenbanknamen, den Datenbanknutzer und das Datenbank Passwort ein. Anschließend muss noch das Admin Account (Benutzername, E-Mail und Passwort) erstellt werden.

Erweiterungen dürfen nur über SSH und diesen Befehl installiert:
composer require author/extension-name

Das deutsche Sprachpaket kann mit folgendem Befehl aktiviert werden:
composer require flarum-lang/german

Um ein Immpressum einzufügen, kann man die Erweiterung für Seiten installieren
composer require fof/pages

Wenn du keine zusätzlichen Extensions installieren möchtest, kannst du das Impressum (oder einen Link dazu) direkt in den Header oder Footer injizieren.

Admin-Bereich -> Appearance (Erscheinungsbild) -> Edit Custom Header / Footer:

Du kannst dort HTML-Code einfügen, der auf jeder Seite erscheint.

Beispiel für den Footer:

Theme spezifischen Border Radius im Theme Gwyneth entfernen

Leave a Comment

/* Entfernt die Rundung von allen Bildern im Content-Bereich */
.wp-block-image img,
.wp-block-image {
border-radius: 0 !important;
}
/* Spezifisch für Bilder */
.wp-block-image,
.wp-block-image img,
.wp-block-post-featured-image img {
border-radius: 0px !important;
clip-path: none !important; /* Wichtig, falls eine Maske genutzt wird */
}
/* Globaler Reset für alle Rundungen, die das Theme vorgibt */
:root {
–wp–custom–border-radius: 0px !important;
–wp–style–variable–border-radius: 0px !important;
}
/* Erweitert den Reset auf Beitragslisten und deren Container */
.wp-block-post-featured-image,
.wp-block-post-featured-image a,
.wp-block-post-featured-image img,
.wp-block-query .wp-block-image img {
border-radius: 0 !important;
clip-path: none !important;
}
/* Entfernt Rundungen von den umschließenden Containern in Listen */
.wp-block-post {
border-radius: 0 !important;
}
:root {
--wp--custom--border-radius--s: 0px;
--wp--custom--border-radius--m: 0px;
--wp--custom--border-radius--l: 0px;
--theme--css--wc--border-radius--corner: 0px;
}
[style*="radius:3rem"] {
border-radius: 0 !important;
}

Additional information:

This information is optional, as the above CSS forces no border radius automatically, however, here are some tips on editing border radius you’ve had problems with:

You can disable border radius on images (the theme applies subtle border radius here) by setting it in Appearance → Editor → Styles → Blocks → Image.
Some images inherit the border radius from their container (usually Group block). This is mostly the case with theme sections and layout and you should edit the appropriate template part to get rid of the border radius.

To remove border radius from featured image in post intro, edit “Intro: Post” (and “Intro (Page header)”) template part. The border radius is applied directly on Feature Image block here.

To remove border radius in footer, edit “Footer” template part, where border radius is applied both on Image block (with decorative image) and its Column block wrapper/container.

To remove border radius from featured image in posts list, edit “Posts list item” template part, where the border radius is applied on Group block wrapping around the Featured Image block.

You can access parent (wrapper, container) blocks in block editor multiple ways, such as by using List View.