[gelöst] Benutzerbild soll in Teaser-Info erscheinen
Eingetragen von scaexp (123)am 23.08.2013 - 15:46 Uhr in
Hallo,
wenn ich in der Konfiguration Benutzerbild aktiviere, erscheint das Bild zwischen Titel und Inhalt. Wie kann ich es ändern, das es in der Teaser-Info erscheint. Wäre für jede Hilfe dankbar.
- Anmelden oder Registrieren um Kommentare zu schreiben
Ein moeglicher Ansatzpunkt
am 23.08.2013 - 19:01 Uhr
Ein moeglicher Ansatzpunkt ist die node.tpl.php.
Welches Theme wird verwendet?
Wa ist mit Teaser-Info gemeint?
Danke für die Rückmeldung, in
am 24.08.2013 - 06:35 Uhr
Danke für die Rückmeldung,
in den Design-Optionen kann ich zwar das Verbergen oder Anzeigen der Benutzerbilder in Beiträgen steuern. Aber ich möchte es wie hier, das es in der Autor und Datumsanzeige erscheint. Es ist kein Drupal-Theme
Hast Du es
am 24.08.2013 - 10:23 Uhr
Hast Du es ueberlesen?
Ein moeglicher Ansatzpunkt ist die node.tpl.php.
Willst Du jetzt auch den Code fuer die Template-Datei?
Wenn es kein Drupal-Theme ist, was ist es dann? Wir sind hier bei Drupal.
Eine weitere Moeglichkeit waere das Modul Display Suite.
Natürlich ist es ein Drupal
am 24.08.2013 - 10:53 Uhr
Natürlich ist es ein Drupal Theme, hatte mich verschrieben. Wenn du einen Vorschlag für die Template hast, bitte gerne. Mit dem Display Modul werde ich mich mal befassen, dk für den Hinweis.
Design - Anzeigen Ein- oder Ausschalten
am 24.08.2013 - 13:40 Uhr
Damit kannst Du das festlegen, dass das Bildchen neben der Autoren- und Datumsanzeige erscheint.
Design
Einstellungen
Dein Theme
Anzeigen Ein- oder Ausschalten
Benutzerbilder in Beiträgen
Benutzerbilder in Kommentaren
Cache leeren
Ja ist mri schon klar, nur es
am 24.08.2013 - 14:00 Uhr
Ja ist mri schon klar, nur es erscheint im body und nicht neben der datumsanzeige
Moeglicherweise ist Dein
am 25.08.2013 - 09:48 Uhr
Moeglicherweise ist Dein Problem nur eine Frage von CSS.
Kann man das online sehen?
kannst du, ich habe es
am 25.08.2013 - 10:45 Uhr
kannst du, ich habe es momentan freigeschaltet: www.glueckauf-auerbach.eu
Bin gerade auf der Seite.
am 25.08.2013 - 10:56 Uhr
Bin gerade auf der Seite. Bitte gib mir einen Link zu einer Inhalt welcher das Benutzerbild anzeigt. Ist http://www.glueckauf-auerbach.eu/Fu%C3%9Fball/knappen-l-sen-pflichtaufgabe ein solcher Link?
Oder auf der Startseite der obere Teaserinhalt mit dem Video?
Nachfolgender HTML-Code zeigt
am 25.08.2013 - 11:24 Uhr
Nachfolgender HTML-Code zeigt die zu realisierende Aenderung, um das Benutzerbild wie gewuenscht zu positionieren.
Eine reine CSS-Angelegenheit ist es also nicht.
Loesen kann man es aber recht einfach durch die Aenderung des Node-Templates, ergaenzt mit CSS-Formatierung fuer eine saubere Anzeige Teaser-Info Zeile.
<div class="node-105 node sticky clearfix thing">
<div class="node-inner">
<div class="teaser clearfix">
<div class="teaser-info">
<span property="dc:date dc:created" content="2013-08-18T23:41:33+02:00" datatype="xsd:dateTime">So, 18/08/2013 - 23:41</span> von <span rel="sioc:has_creator">
<span class="username" xml:lang="" about="/users/scaadmin" typeof="sioc:UserAccount" property="foaf:name" datatype="">scaadmin</span></span>
<!-- POSITION; aber am besten nicht als div sondern als span einfuegen -->
</div>
<h2 property="dc:title" datatype="" class="title">
<a href="/das-team-video-voten-ab-26-august">Das Team Video - Voten ab 26. August</a>
</h2>
<!-- Dieses div muss an eine andere Position. Siehe POSITION -->
<div class="user-picture">
<img typeof="foaf:Image" src="http://www.glueckauf-auerbach.eu/sites/default/files/styles/benutzerbild_85/public/pictures/picture-1-1377268610.png?itok=UL_4jc2t" alt="Bild des Benutzers scaadmin" title="Bild des Benutzers scaadmin" />
</div>
<div class="teaser-content">
<div class="field field-name-field-youtube-video field-type-media field-label-hidden">
<div class="field-items">
<div class="field-item even">
<div class="media-youtube-video media-youtube-1">
<iframe class="media-youtube-player" width="450" height="240" title="wbQw7qQkio0" src="//www.youtube.com/embed/wbQw7qQkio0?wmode=opaque&theme=light" frameborder="0" allowfullscreen>Video of wbQw7qQkio0</iframe>
</div>
</div></div></div>
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even" property="content:encoded">
<p>Amateur-Fußballer, gewinnt jetzt mit NIVEA MEN und Jogi Löw Profi-Ausrüstung, Trainingslager und ein Spiel gegen die DFB-Allstars auf eigenem Platz. <a href="http://www.niveamen.de/highlights/Local/de/vorbereitet-wie-ein-profi/Profi#eyJwYWdlSWQiOiJ0ZWFtcy52aWV3IiwicGFyYW1zIjoiNTIwZDI5ZTQtM2Q0OC00YTdmLWE1YTQtNzAwYjNlYThkOTAyIiwiZGF0YSI6IjUyMGQyZDZiLTAyMmMtNDQ0Ni04YTc3LTc1ZTIzZWE4ZDkwMiJ9">Mehr Infos und zum Voting:</a></p>
</div></div></div></div>
<div class="teaser-links">
<ul class="links inline"><li class="node-readmore first last"><a href="/das-team-video-voten-ab-26-august" rel="tag" title="Das Team Video - Voten ab 26. August">Weiterlesen<span class="element-invisible"> über Das Team Video - Voten ab 26. August</span></a></li>
</ul>
</div>
</div>
</div></div> <!-- /node-inner, /node -->
div zu span
am 25.08.2013 - 11:34 Uhr
Um das div Element der Benutzerbild-Anzeige in ein span Element zu aendern kann man das Template user-picture.tpl.php verwenden.
Kannst du mir die Änderung in
am 25.08.2013 - 12:03 Uhr
Kannst du mir die Änderung in der node.tpl. einfügen. Wäre super
<?php
$show_author_teaser = theme_get_setting('show_author_teaser');
$show_author_post = theme_get_setting('show_author_post');
$show_date_teaser = theme_get_setting('show_date_teaser');
$show_date_post = theme_get_setting('show_date_post');
$show_taxonomy_teaser = theme_get_setting('show_taxonomy_teaser');
$show_taxonomy_post = theme_get_setting('show_taxonomy_post');
?>
<div class="node-<?php print $node->nid; ?> node<?php if ($sticky) { print ' sticky'; } ?><?php if (!$status) { print ' node-unpublished'; } ?> clearfix thing"><div class="node-inner">
<?php if ($teaser): ?>
<div class="teaser clearfix">
<?php if ($display_submitted) : ?>
<div class="teaser-info">
<?php if ($display_submitted) : ?> <?php print $date; ?> von <?php print $name; ?><?php endif; ?>
</div>
<?php endif; ?>
<?php print render($title_prefix); ?>
<?php if (!$page): ?>
<h2<?php print $title_attributes; ?> class="title">
<a href="<?php print $node_url; ?>"><?php print $title; ?></a>
</h2>
<?php endif; ?>
<?php print render($title_suffix); ?>
<?php if ($user_picture) : ?>
<?php print $user_picture; ?>
<?php endif; ?>
<div class="teaser-content">
<?php
// We hide the comments and links now so that we can render them later.
hide($content['comments']);
hide($content['links']);
print render($content);
?>
</div>
<div class="teaser-links">
<?php print render($content['links']); ?>
</div>
<?php print render($content['comments']); ?>
</div>
<?php endif; ?>
<?php if ($page == 1 || $page == 0 && $teaser == 0): ?>
<div class="full-node">
<?php if ($display_submitted) : ?>
<div class="node-info">
<?php if ($submitted) : ?> <?php print $date; ?> von <?php print $name; ?><?php endif; ?>
</div>
<?php endif; ?>
<?php print render($title_prefix); ?>
<?php if (!$page): ?>
<h2<?php print $title_attributes; ?> class="title">
<a href="<?php print $node_url; ?>"><?php print $title; ?></a>
</h2>
<?php endif; ?>
<?php print render($title_suffix); ?>
<?php if ($user_picture) : ?>
<?php print $user_picture; ?>
<?php endif; ?>
<div class="node-content">
<?php
// We hide the comments and links now so that we can render them later.
hide($content['comments']);
hide($content['links']);
print render($content);
?>
</div>
<div class="node-links">
<?php print render($content['links']); ?>
</div>
<?php print render($content['comments']); ?>
</div>
<?php endif; ?>
</div></div> <!-- /node-inner, /node -->
node.tpl.php
am 25.08.2013 - 12:55 Uhr
Der Benutzerbild-Code
<?php if ($user_picture) : ?><?php print $user_picture; ?>
<?php endif; ?>
Display-Submitted Codebereich, in den der Benutzerbild-Code verschoben wird
<?php if ($display_submitted) : ?><div class="teaser-info">
<?php if ($display_submitted) : ?> <?php print $date; ?> von <?php print $name; ?><?php endif; ?>
</div>
<?php endif; ?>
Display-Submitted Codebereich nach der Aenderung
<?php if ($display_submitted) : ?><div class="teaser-info">
<?php if ($display_submitted) : ?> <?php print $date; ?> von <?php print $name; ?><?php endif; ?>
<?php if ($user_picture) : ?>
<?php print $user_picture; ?>
<?php endif; ?>
</div>
<?php endif; ?>
Benutzerbild Template
Nun noch aus dem Coremodul user die Datei user-picture.tpl.php in den Themeordner kopieren - also neben die Datei node.tpl.php.
In dieser Datei div zu span aendern.
Super herzlichen Dank für die
am 25.08.2013 - 13:34 Uhr
Super herzlichen Dank für die kompetente Bereitschaft zu helfen. Die css user-Picture habe ich angepasst. jetzt habe ich nur noch bei den darauffolgenden Titel einen Einrücker. Was muss ich da noch ändern?
Einrücker?
am 25.08.2013 - 14:00 Uhr
habe ich nur noch bei den darauffolgenden Titel einen Einrücker
Was meinst Du mit Einrücker?
Hab mir es eben online angesehen. Kommt doch schon mal gut.
Edit: habs gesehen
Einrücker korrigieren
am 25.08.2013 - 14:10 Uhr
Erweitere die Klasse teaser-info mit der Klasse clearfix:
<?php if ($display_submitted) : ?><div class="teaser-info clearfix">
<?php if ($display_submitted) : ?> <?php print $date; ?> von <?php print $name; ?><?php endif; ?>
<?php if ($user_picture) : ?>
<?php print $user_picture; ?>
<?php endif; ?>
</div>
<?php endif; ?>
Vermutlich ist noch eine CSS-Korrektur notwendig:
div.teaser-info .user-picture {margin: 0 5px -5px 0;
}
Muss noch in verschiedenen Browsern getestet werden, ob das margin -5px korrekt interpretiert wird. (Sollte es eigentlich)
PERFEKT nochmal herzlichen
am 25.08.2013 - 14:39 Uhr
PERFEKT
nochmal herzlichen Dank
mfg Gruss
K.H. Schmid
www.skho.de
Da ist noch etwas
am 25.08.2013 - 15:03 Uhr
Mir ist auf der gelinkten Website aufgefallen, das Umlaute von Node-Titeln in einen Bindestrich umgewandelt werden. Dies sollte man aendern so das bspw. ein ä in der URL so erscheint wie im Wort aendern.
Bei Fragen dazu bitte neuen Thread eroeffnen. Wobei es aber zu diesem Thema, auch hier auf DC, hinreichend Hinweise und Tips geben sollte.
Mit den Umlauten habe ich
am 25.08.2013 - 16:32 Uhr
Mit den Umlauten habe ich angepasst. Danke
Muss dich nochmal belästigen. Habe jetzt festgestellt, das das Benutzerbild beim Artikel selber im Body erscheint. In der Datumsanzeige nicht. ?
Benutzerbild in der Nodeansicht aendern
am 25.08.2013 - 17:15 Uhr
Ich verkneife mir mal das Meckern ueber Deine Kreativitaet.
Das Nachfolgende ist eine schematische Wiederholung der Code-Aenderung fuer die Teaser-Ansicht.
Der Benutzerbild-Code der Nodeansicht
<?php if ($user_picture) : ?><?php print $user_picture; ?>
<?php endif; ?>
Display-Submitted Codebereich, in den der Benutzerbild-Code verschoben wird
<?php if ($page == 1 || $page == 0 && $teaser == 0): ?><div class="full-node">
<?php if ($display_submitted) : ?>
<div class="node-info">
<?php if ($display_submitted) : ?> <?php print $date; ?> von <?php print $name; ?><?php endif; ?>
</div>
<?php endif; ?>
Display-Submitted Codebereich der Nodeansicht nach der Aenderung
<?php if ($page == 1 || $page == 0 && $teaser == 0): ?><div class="full-node">
<?php if ($display_submitted) : ?>
<div class="node-info clearfix">
<?php if ($display_submitted) : ?> <?php print $date; ?> von <?php print $name; ?><?php endif; ?>
<?php if ($user_picture) : ?>
<?php print $user_picture; ?>
<?php endif; ?>
</div>
<?php endif; ?>
CSS-Korrektur erweitern
div.teaser-info .user-picture, div.node-info .user-picture {margin: 0 5px -5px 0;
}
Da war noch etwas
Bei einer Autopath-Konfiguration fuer Umlaute sollte mann das ß nicht vergessen.
Momentan werden diese Zeichen auf der Seite in den URL's weggeparst. Man sollte sie in ss umwandeln.
www.glueckauf-auerbach.eu/viel-spa-beim-sommer-schleiferlturnierAusserdem, ae Korrekturen auf alle Inhalte ausweiten. Hier nur EIN Beispiel:
www.glueckauf-auerbach.eu/h-rtetest-b-rnfelsDa ist noch Weiteres
am 25.08.2013 - 17:22 Uhr
Verwende mal den Crome fuer die
glueckauf-auerbach.euSeite.Ich bekomme diesen Fehler gemeldet.
Blocked a frame with origin "http://www.youtube.com" from accessing a frame with origin "http://www.glueckauf-auerbach.eu". Protocols, domains, and ports must match. www-embed-player-vflq9Xn49.js:219Gemeint ist damit wohl die URL
www-embed-player-vflq9Xn49.js- fehlendes vorangestelltes http://Den Rüffel muss ich wohl
am 25.08.2013 - 18:52 Uhr
Den Rüffel muss ich wohl einstecken. Sorry Mein Akku ist derzeit leer