Design Plugin User Photo

kluck

Hallo,

seit Stunden versuche ich ein eigentlich einfaches Design mit dem Plugin User Photo (WordPress › User Photo WordPress Plugins)

Ich will vor jeden Content auf einer Seite das Autor-Bild anzeigen lassen und rechts davon einige weitere Informationen zum Autor. Der Code in der single.php ist der Folgende bisher:

PHP

<div class="author">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top">
    <?php userphoto_the_author_thumbnail(); ?>
    <br>
    <?php the_author() ?>
    </td>


    <td valign="top">
    Erstellt am  <?php the_time('j. F, Y'); ?>; um <?php the_time('g:i a'); ?> Uhr.<br />
       Weitere Informationen zum Autor erhalten Sie unter <?php user_url; ?>
    <br>
    Alle Beitr&auml;ge von <?php the_author_posts_link(); ?>
    </td>
  </tr>
</table>

Alles anzeigen

In der Style.css steht für den Bereich author

Code

.author {
    margin-top: -8px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 0.8em;
    color: #666666;
    border-top-style: dashed;
    border-top-width: 1px;
    border-top-color: #CCCCCC;
    padding-top: 2px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    padding-bottom: 5px;
}

Alles anzeigen

Nun passiert Folgendes:

In der linken Spalte der Tabelle der single.php wird das Bild und darunter der Name auch richtig angezeigt. In der rechten Spalte wird der Inhalt weitestgehend auch richtig angezeigt. Allerdings startet der Inhalt nicht oben in der Spalte, sondern unterhalb des Bildes, obwohl die Tabelle als valign=top gestellt ist.

Irgendwie scheint das mit dem Befehl userphoto_the_author_thumbnail()

Der Text wird nämlich nicht am oberen Rand des Bildes nach dem Bild angefügt, sondern am unteren Ende des Bildes.

Wie kann ich den Code der single.php so gestalten, dass in der rechten Spalte nicht alles erst am unteren Ende des Bildes aufgelistet wird?

Und meine zweite Frage ist:
Wie kann ich die im Profil hinterlegte Website auflisten? Mit <?php user_url; ?> zeigt er leider gar nichts an.

Herzlichen Dank für Eure Hilfe.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Zitat von kluck

Der Text wird nämlich nicht am oberen Rand des Bildes nach dem Bild angefügt, sondern am unteren Ende des Bildes.

Das ist normal so in HTML. Das Bild muss floaten:
float: Elemente umfließen lassen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Das Plugin gibt dem Bild sicher eine Klasse oder ID über die du es per CSS ansprechen kannst. Schau einfach mal in das generierte HTML.

Zitat

Und meine zweite Frage ist:
Wie kann ich die im Profil hinterlegte Website auflisten? Mit <?php user_url; ?> zeigt er leider gar nichts an.

Wie kommst du auf die Zeile? Schau mal hier:
Template Tags/the author link WordPress Codex

kluck

Das Problem ist, dass es sich nicht um ein Bild-Element als Solches handelt bei dem User Photo Plugin.

Das Bild wird mit der Zeile

PHP

<?php userphoto_the_author_thumbnail(); ?>

eingebunden. Alles, was ich davor oder danach bisher gesetzt habe, hat dazu geführt, dass das Bild überhaupt nicht angezeigt wird. Auch, wenn ich es als Quelle des IMG angegeben habe. Dann wird nämlich nur der Name des Bildes angezeigt und nicht das Bild selbst. Da liegt ja mein Problem.

Vielleicht nochmal kurz zur Klarstellung. Es ist eine Tabelle mit 2 Spalten und in der rechten Spalte wird nicht "ganz oben" angefangen, sondern quasi am Ende des Bildes. Ziel soll es ja sein, dass auf der linken Seite das Bild mit Name des Autors darunter steht und auf der rechten Seite daneben quasi einige weitere Informationen, wie z.B. die URL des Autors.

marX

Zitat von kluck
Das Bild wird mit der Zeile
PHP
<?php userphoto_the_author_thumbnail(); ?>
eingebunden.

Ich weiß wie PHP funktioniert. Du auch? ;-) Wie ich schon sagte, schau in den HTML-Quelltext der Seite (Browser -> Seitentquelltext anzeigen). Dort suchst du deine Tabelle und das Bild darin.

kluck

Danke für die Hilfe.

Die Lösung war nun, dass man das Plugin abändern musste, denn dort wird der IMG String zusammengebaut und dort kann man auch das align dann entsprechend einfügen.

Danke für den Tip mit dem Quelltext, da mich das auf den richtigen Weg gebracht hat.

Schönen Abend.

marX

Mmh, so wars zwar nicht gemeint, aber okay. Denk nur dran die Änderung wieder vorzunehmen wenn du das Plugin mal updatest. :?

roemi

Ich habe da mal ein ähnliches Problem ... zumindest passt es hier.

Hi (erstmal),

Ich habe vor ein Foto und div. Angaben von den usern aufzulisten.
Dazu habe ich mir folgendes ausgedacht. Eine Tabelle in einer Tabelle.
Solange ich das Bild nicht einbinde funktioniert auch alles prächtig.

PHP

<div id="content" class="narrowcolumn">
    <div class="post" id="post-<?php the_ID(); ?>">
    <h2><?php the_title(); ?></h2>
    <br>
    <?php $sql_user = "SELECT * FROM wp_users where id <> '1'";
    $result_user = mysql_query($sql_user);
    


    while ($row_user = mysql_fetch_assoc($result_user)) {
    echo "<table width='100%' border='1'>";
        echo "<tr><td width='20%'>".userphoto($row_user['ID']) . "</td>";
    echo "<td><table width='100%' border='1'>";


        $user_info = get_userdata($row_user['ID']);
        echo "<tr><td><b>".$user_info->user_login . "</b></td></tr>";
        echo "<tr><td>" . $user_info->first_name . "</td></tr>";
        echo "<tr><td>" . $user_info->last_name . "</td></tr>";
        echo "<tr><td>" . $user_info->user_email . "</td></tr>";
        
        $telefon = get_cimyFieldValue($row_user['ID'], 'TELEFON');
        echo "<tr><td>" . $telefon . "</td></tr>";
        echo "<tr><td>&nbsp;</td></tr>";
    echo "</table></td></tr>";
    echo "</table>";


    } 
        ?>


    </div>
   </div>

Alles anzeigen

Sobald das Bild mit userphoto($row_user['ID'] einbinde landet es ausserhalb der Tabelle. Füge ich anstelle Text ein, steht er wie gewünscht da.

Wa mache ich falsch?

roemi

Auch dieses Problem hat sich gelöst. Ich bin das Bild völlig normal (html) ein und dann passt es (vorher per sql ausgelesen).

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Design Plugin User Photo

Jetzt mitmachen!