Autorbild (Avatar) für Beitrag

Dezember 2, 2019 - Lesezeit: 5 Minuten

Die Anzeige des Autor-Avatar unter einem Beitrag ist in einigen Themes von Bludit möglich, nicht jedoch im Theme "Alternative" und "Blog X". Sofern Sie für Ihren Benutzer ein Avatar-Bild hochgeladen haben und die Profilangaben ausgefüllt haben, können Bild und Nicname unterhalb jedes Beitrags automatisch dargestellt werden. Das folgende Coding ähnelt daher dem Beitrag Autor Nicname anzeigen, wurde jedoch um eine Zeile für das auslesen des Bildes und der Möglichkeit der CSS-Formatierung erweitert:

028  <!-- Load Bludit Plugins: Page End -->
029 <?php Theme::plugins('pageEnd'); ?>
030
031 <!-- Lohse 12-2019 Autor anzeigen -->
032 <div class="autorpic">
033 <img class="float-left rounded-circle"
034 style="width: 80px; margin-right: 15px; margin-top: 6px; margin-bottom: 15px;"
035 src="<?php echo $page->user('profilePicture') ?>" />

036 <?php echo $page->user('nickname'); ?>
037 </div>
038 <!-- Lohse Ende -->
039
040 </div>

Fügen Sie das oben gezeigte grüne Codesegment in die Datei:

bl-themes/blogx/php/page.php

ganz an das Ende vor dem letzten schließenden DIV (Zeile 40) ein.

Rufen Sie nun einen einzelnen Post auf, erscheint das Avatar-Bild des Autor und der Inhalt der Zeile Nicname aus dem User-Profile. Der besseren Trennung von Styling zu Code, habe ich in Zeile 32 eine Klasse autorpic eingeführt die ich dann im Plugin HTML-Code formatieren kann. Dies ist nicht zwingend, denn genau so gut lässt sich dies im PHP Script formatieren.

010  .autorpic {
011 margin-top: 50px;
012 border-top: 1px solid #cccccc;
013 padding-top: 20px;
014 color: #666666;
015 }

Als Bildgröße hat sich eine Auflösung von 512x512px bewährt.

Das Feld Nicname des Benutzerprofils bietet sogar ausreichend Platz, um etwas Bio oder Vita zu hinterlassen, die dann als Nicname ausgelesen wird. HTML-Vorgaben werden hier nicht unterstützt.

Die Methode user() kann mit folgenden Parametern die folgenden Werte liefern

user('role') Rolle des Users z.B. "admin", "editor", "author"
user('nickname') Inhalt des Feldes Nicname
user('username') Inhalt des Feldes Username z.B. "Admin"
user('lastname') Inhalt des Feldes Nachname Bsp. "Lohse"
user('firstname') Inhalt des Feldes Vorname Bsp. "Oliver"
user('email') Inhalt des Feldes eMail
user('registered') ab wann registriert z.B. "2019-05-28 20:50:11"
user('enabled') Benutzer aktiv (1) oder gesperrt (0)

 

Anmerkung | Dieses Coding können Sie auch im home.php Script einhängen, dann wird der Autor und das Bild bereits beim laden der Home-Seite unter jedem Beitrag angezeigt, allerdings könnte dies etwas überladen wirken. Es scheint besser die Autorinformationen anzuzeigen wenn der Leser konkret auf einen Post klickt.

Oliver Lohse - » Ich bin ausgebildeter Wirtschafts-Informatiker und Organisations-Programmierer in verschiedenen Sprachen bzw. Markup-Dialekten wie: Java, JEE, COBOL, PHP, MySQL, HTML, CSS, ANSI C, Lisp, Rexx, JavaScript, Scheme, ActionScript 2.0, Maschinensprache, Assembler und JCL. Seit mehr als 22 Jahren arbeite ich in einem großen Softwareunternehmen in Niedersachsen.

Über

Tipps. Tricks, Snippets, Hacks und Codings zum CMS Bludit, Automad oder anderen.

Leser heute

65


Passende Beiträge über Schlagwörter finden:

3.10.0 3.8.1 3.9.0 Admin Alternative Anpassungen Automad Autor Avatar Back Backend Bild Bilder Bildgröße Blog X Bludit Blättern Branding Categorie Characters CMS Content Copyright CSS Custom Dashboard Dateiextensionen Dateityp Datum Devtheme Editor eMail Ergonomie Expression Extensionen Filetype Flatfile Footer footer.php FTP Gesperrt GetSimple Größe Hochladen home.php HTML Images Info JavaScript Kategorie Key Keyword Keywords Kopf Kopfzeile Kopieren Layouting Leser Meta Metadaten Metainfo Nachname Name Navigation Nibbleblog OCTOBER page.php Paginator PHP Pictures RegExp Regular RegularExpression Remote Rolle Schlagwörter Script Secure Sicherheit Sichern Size Sortieren Spezial Statistik Tag Tags Template Templates Themes Tools TYPERITE Update Upload user variables.php Vor Vorname Werkzeug Zurück



CMS Automad

Das Flatfile CMS Automad (https://Automad.org) ist in der Lage Inhalte zu strukturieren. Es ist gut geeignet, um komplexe Projekte oder Online-Dokumentationen zu erstellen und zu pflegen.

Darüber hinaus bietet Automad bereits nach der Installation ein wirklich sehr elegantes und stylisches Layout das wirklich gefällt. Für die Gestaltung kann das UIKit CSS-Framework (https://getuikit.com) genutzt werden.

CMS Bludit

Bludit ist ein sehr kompaktes und effizientes CMS (https://Bludit.com) auf Flatfile-Basis (JSON). Alle Datenstrukturen können menschlich lesbar eingesehen werden. Bludit ist extrem pflegeleicht und lässt sich als Vorlage leicht auf weitere Web-Domains umkopieren.

Bereits das Standardlayout ist sehr elegant und gefällt. Zudemm können die CSS-Klassen des beliebten BOOTSTRAP (https://GetBootstrap.com) Frameworks zu Gestaltung genutzt werden.

CMS Flextype

Das Flatfile CMS Flextype ist extrem anpassungsfähig, da im Backend einfache Coding-Blöcke angelegt werden können die sehr flexiebel sind, allerdings ist für dieses CMS etwas Übung und Einarbeitung nötig, belohnt aber mit individuellem Aussehen.

CMS October

October ist ein sehr vielverprechendes CMS, das vom Layout sehr ansprechend scheint. Würde das aktuelle Release nicht unter einem Programmfehler leiden, könnten damit sehr ansprechende Webauftritte realisiert werden.