Eigene Kommentare hervorheben

mondschein789

Ich habe die Suche bemüht und gegoogelt, komme aber einfach nicht weiter. Nichts funktioniert...
Ich möchte meine eigenen Kommentare hervorheben (anderer Hintergrund, farbige Box um den Kommentar), habe auch schon etliche Codes, die man dazu im Netz findet, ausprobiert - aber entweder gab es gar keinen Effekt, oder der gesamte Hintergrund war nun farbig oder andere Katastrophen.
Das steht jetzt in meiner comments.php:

PHP

<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">
			<cite><?php comment_author_link() ?></cite> schreibt:
			<?php if ($comment->comment_approved == '0') : ?>
			<em>Dein Kommentar wird zur Freischaltung &uuml;berpr&uuml;ft.</em>
			<?php endif; ?>
			<br />


			<small class="commentmetadata"><a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('F jS, Y') ?> at <?php comment_time() ?></a> <?php edit_comment_link('e','',''); ?></small>


			<?php comment_text() ?>


		</li>

Alles anzeigen

Wo genau muss ich bitte was genau ändern? Und was muss ich dann wo in der style.css einfügen?
Alle denkbaren Links habe ich schon ausprobiert. Ich wäre über jede konkrete Hilfe sehr, sehr dankbar. Aber denkt bitte daran, mir das für kleine Doofis zu erklären.
Vielen Dank schon im Voraus für jede 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

Astrid

Hallo Tina,

Du könntest dem li 2 verschiedene Klassen zuteilen:

PHP

<li class="<?php if($isByAuthor ) { echo "admin";} else { echo "user"; } ?>"

mondschein789

Danke für die Antwort.
Und was muss ich dann in der Style.css eintragen?

Astrid

Zitat von mondschein789

Danke für die Antwort.
Und was muss ich dann in der Style.css eintragen?

Ja eigentlich was Du möchtest. Vielleicht .admin eine andere Hintergrundfarbe zuweisen oder ein Bild. Ich weiß ja nicht, wie die Hervorhebung aussehen soll. Und wenn Du mir das verrätst, kann ich Dir ohne Einsicht in den Code absolut keine Antwort geben.

mondschein789

Liebe Astrid, danke, dass Du Dich um mich kümmerst.
Ich habe Deinen obigen Code in die comments.php eingetragen, so dass dies nun so aussieht:

PHP

<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">
    <?php if($isByAuthor ) { echo "admin";} else { echo "user"; } ?>"
            <cite><?php comment_author_link() ?></cite> schreibt:
            <?php if ($comment->comment_approved == '0') : ?>
            <em>Dein Kommentar wird zur Freischaltung &uuml;berpr&uuml;ft.</em>
            <?php endif; ?>
            <br />


            <small class="commentmetadata"><a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('F jS, Y') ?> at <?php comment_time() ?></a> <?php edit_comment_link('e','',''); ?></small>


            <?php comment_text() ?>


        </li>

Alles anzeigen

Der style.css habe ich folgendes hinzugefügt:

PHP

.admin {
border:2px solid #521717;
background-color: #DAA1A0;
}

Fatales Ergebnis: der gesamte Hintergrund ist nun farbig, es sieht schlimm aus und man kann fast nichts mehr erkennen.
Ich bekomme folgende Fehlermeldung (die bekomme ich immer, egal was ich ausprobiere):
Parse error: syntax error, unexpected T_ENDFOREACH in /www/htdocs/w007aaa5/blog/wp-content/themes/connections-10/comments.php on line 44

Ich bin absolut ratlos. Vielleicht lässt das mein theme (connections 1.0) einfach nicht zu, kann das sein?

regenbogenjungs

Hallo,
unter
WordPress - Comment styling

ist eine schöne Möglichkeit beschrieben Kommentare hervorzuheben.
Einfach aber effektiv.

Mark

Olafb

Der Code da oben ist auch falsch, so sollte...

PHP

<li class="<?php echo $oddcomment; ?> <?php if($isByAuthor ) { echo "admin";} else { echo "user"; } ?>" id="comment-<?php comment_ID() ?>">
            <cite><?php comment_author_link() ?></cite> schreibt:

mondschein789

Olafb, erst mal danke - aber:
ich habe nun deinen obigen Code eingesetzt
mit folgender Ergänzung in der style.css:

PHP

.admin {
border:2px solid #521717;
background-color: #DAA1A0;
}

Ergebnis: kein Effekt, alles so wie vorher, keine Hervorhebung der eigenen Kommentare.
Mache ich da etwas in der style.css falsch oder wo könnte nun der Fehler sein?

regenbogenjungs: danke für den Hinweis, werde ich auch ausprobieren.

Olafb

Nu wäre interessant ob der Code was bewirkt, also schau mal in den Selbigen auf deiner Seite. Da sollte nun bei einem Kommentar vom Admin dies erscheinen:

PHP

<li class="??? admin" id="comment-555">

Die Fragezeichen sind Platzhalter, kann was sein oder auch nicht.

Einfacher wäre ein Link zu einer Seite die einen Komm. vom Admin enthält, es könnte auch noch sein das die Klasse ??? Vorrang hat.

mondschein789

regenbogenjungs:
hab nun auch alles so gemacht, wie in dem von Dir geposteten Link beschrieben:
hat leider auch nicht funktioniert - es tat sich nichts, kein Effekt.

Ich poste hier mal die kompletten Dateien, comments.php und style.css.
Ich hoffe sehr, dass mir jemand helfen kann. Es muss doch möglich sein, das Problem zu lösen!

comments-php:

PHP

<?php // Do not delete these lines
	if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
		die ('Please do not load this page directly. Thanks!');


        if (!empty($post->post_password)) { // if there's a password
            if ($_COOKIE['wp-postpass_'.$cookiehash] != $post->post_password) {  // and it doesn't match the cookie
				?>
				
				<p class="nocomments"><?php _e("This post is password protected. Enter the password to view comments."); ?><p>
				
				<?php
				return;
            }
        }


		/* This variable is for alternating comment background */
		$oddcomment = 'alt';
?>


<!-- You can start editing here. -->
 	
<?php if ($comments) : ?>
	<h3 id="comments"><?php comments_number('Keine Antworten', 'Eine Antwort', '% Antworten' );?> zu “<?php the_title(); ?>”</h3> 


	<ol class="commentlist">


	<?php foreach ($comments as $comment) : ?>


		<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">
			<cite><?php comment_author_link() ?></cite> schreibt:
			<?php if ($comment->comment_approved == '0') : ?>
			<em>Dein Kommentar wird zur Freischaltung &uuml;berpr&uuml;ft.</em>
			<?php endif; ?>
			<br />


			<small class="commentmetadata"><a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('F jS, Y') ?> at <?php comment_time() ?></a> <?php edit_comment_link('e','',''); ?></small>


			<?php comment_text() ?>


		</li>


	<?php /* Changes every other comment to a different class */	
		if ('alt' == $oddcomment) $oddcomment = '';
		else $oddcomment = 'alt';
	?>


	<?php endforeach; /* end for each comment */ ?>


	</ol>


 <?php else : // this is displayed if there are no comments so far ?>


  <?php if ('open' == $post-> comment_status) : ?> 
		<!-- If comments are open, but there are no comments. -->
		
	 <?php else : // comments are closed ?>
		<!-- If comments are closed. -->
		<p class="nocomments">Comments are closed.</p>
		
	<?php endif; ?>
<?php endif; ?>




<?php if ('open' == $post-> comment_status) : ?>


<h3 id="respond">Kommentar schreiben</h3>
<!-- Clickable smileys start here -->
<?php 
	if ( function_exists(csm_comment_form) ) {
		csm_comment_form(); 
	}
?>
<!-- Clickable smileys end here -->	


<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
<p>Du musst <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php the_permalink(); ?>">eingeloggt sein,</a> um zu kommentieren.</p>
<?php else : ?>


<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">


<?php if ( $user_ID ) : ?>


<p>Eingeloggt als <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="<?php _e('Ausloggen') ?>">Logout &raquo;</a></p>


<?php else : ?>
<p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
<label for="author"><small>Name <?php if ($req) _e('(required)'); ?></small></label></p>


<p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
<label for="email"><small>Mail (wird nicht ver&ouml;ffentlicht, <?php if ($req) _e('notwendig)'); ?></small></label></p>


<p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small>Homepage (freiwillig)</small></label></p>


<?php endif; ?>


<!--<p><small><strong>XHTML:</strong> You can use these tags: <?php echo allowed_tags(); ?></small></p>-->
 
<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>


<p><input name="submit" type="submit" id="submit" tabindex="5" value="Absenden" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<?php do_action('comment_form', $post->ID); ?>


</form>
 
<?php endif; // If registration required and not logged in ?>


<?php endif; // if you delete this the sky will fall on your head ?>

Alles anzeigen

style.css (verkürzt, weil im Original zu viele Zeichen):

PHP

/* 
Theme Name: Connections
Theme URI: http://www.patriciamuller.com/
Version: 1.0
Description: A Theme from wpthemes.Info
Author: Patricia Muller
Author URI: http://www.vanillamist.com/blog/
*/
body {
	margin:0;
	padding:0;
	font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif;
	font-size: 0.9em;
	text-align:center;
	color:#29303B;
	line-height:1.3em;
	background: #521717;
}
a {
	color: #909D73;	
	text-decoration:none;
}
a:visited {
	color: #8a3207;
}
a:hover {
	color: #753206;
	text-decoration:underline;
}
input, textarea 
{
	background: #F3F6ED;
	border: #E1D6C6 1px solid;
}
#rap 
{
	background:#fff;
	width:760px;
	margin:0 auto;
	padding:0px 8px;
	text-align:left;
	font-family: Trebuchet MS,Georgia, Arial, serif;
	font-size: 0.9em;
}
#header {
	background:#fff url(img/header_bg.jpg) no-repeat bottom; 	
 	height: 183px;
	margin: 0 auto;
	width:760px;
	padding:0;
	border:#fc9 0px solid;
}
#main 
{
	margin:0 auto;
	padding:0;
	background: #FFF;
	width:740px;
}
#content {
	width:510px;
	float:left;
	padding:5px;
	margin:0;
	overflow:hidden;
	display:inline;
}
#sidebar {
	width:186px;
	float:right;
	padding:0px 8px 10px 8px;
	margin:0;
	font-size:1em;
	color:#000;
	display:inline;
} 
a img {
	border: none;
}
acronym, abbr {
	border-bottom: 1px dotted #0c6bf0;
}
acronym, abbr, span.caps {
	cursor: help;
	letter-spacing: .07em;
}
code {
	font-size: 1em;
	font-style: italic;
}
blockquote {
	margin: 15px 30px 0 45px;
	padding: 0 0 0 45px;
	background: url(img/blockquote.gif) no-repeat left top;
	font-style:italic;
}


cite {
	font-size: 0.9em;
	font-style: normal;
}
h3 {
	margin: 0;
	padding: 0;
	font-size:1.3em;
}
p {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.5em;
}
h1, h2, h3, h4 {
	font-family: Georgia, "Lucida Sans Unicode", lucida, Verdana, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
}
#header h1 
{
	margin: 0;	
	font-size: 1.6em;	
	padding:10px 20px 0 0;
	text-align:right;	
}
#header h1 a 
{
	color:#B5C09D;
	text-decoration:none;
}
#header h1 a:hover 
{
	color:#F7F3ED;
}
#header #desc
{
	font-weight:normal;
	font-style:italic;
	font-size:1em;
	color:#B5C09D;
	text-align:right;
	margin:0;
	padding:0 20px 0 0;
}
#sidebar h2 {
	margin: 10px 0 0 0;
	padding:2px;
	font-size: 1em;
	color: #000;
	text-align:center;
	background:url(img/sidenav_top.jpg) no-repeat center;
	border:#ccc 0px solid;
	height:22px;
	font-weight:bold;
}
#sidebar ul {
	list-style-type: none;
	padding: 5px;
	margin: 0;
	font-size: 0.9em;	
	padding-bottom:3em;
	background:#FFF9CC url(img/sidenav_bottom.jpg) no-repeat bottom;
	border:#E1D6c6 1px solid;
	border-top:#f3f6ed 1px solid;
}
#pagenav
{
	list-style:none;
}
#sidebar ul li {
	margin: 0.1em 0 0 0;
	padding: 0;	
}
#sidebar ul li a {
	text-decoration: none;
	border:none;
}
#sidebar ul li a:link {
	color: #909D73;	
}
#sidebar ul li a:visited {
	color: #999999;	
}
#sidebar ul li a:hover, #sidebar ul li a:active {
	color: #990000;
}
#sidebar ul ul {
	list-style-type: none;
	padding: 5px;
	margin: 0;
	font-size: 1em;	
	background:none;
	border:none;
}
#sidebar ul ul li 
{
	margin:0;
	padding:0;
	padding-left:10px;
	margin-left:10px;
	background:url(img/subcat_bullet.gif) no-repeat left;
}
#content ul {
	margin-left: 0;
	padding-left: 45px;
	list-style-type: none;
}
#content ul li {
	background: url(img/bullet.gif) no-repeat 0 7px;
	padding-left: 1.5em;
}
.post , .page
{
	margin:0 0 30px 0;
}
.page 
{
	margin:25px -5px 0 27px;
}
.post-info, .page-info 
{
	font-size:0.85em;
	font-family: Verdana, Arial, Sans-Serif;
	margin:0;
	padding:0;
	color:#333;
}
.page-info 
{
	text-align:center;	
}
.post-info a
{
	color:#990000;
}
.post-info a:hover 
{
	color:#000;
}
.post-content, .page-content {
	padding:10px 0;
	margin:3px 0;
	border-top:#9A3D3D 1px solid;	
	font-family: Georgia, Verdana, Arial, serif;
	font-size:12px;
}
.page-content {


}
.post-title, .page-title {
	font-family:Georgia, Arial, Serif;
	font-size:1.3em;
	margin:0;
	font-weight:bold;
}
.page-title 
{
	font-size:1.6em;
	font-weight:normal;
}




.commentlist {
	font-size:1em;
	font-weight:normal;	
}
#commentform 
{
	margin:0 0 0 40px;
}
#commentform textarea {
	width: 80%;
}
#commentform p {
	margin: 0 0 1em;
}
#comments,#respond {
	text-transform: uppercase;
	margin: 3em 0 1em 40px;
	color: #676E04;
	font: 0.9em verdana, helvetica, sans-serif;
}
.commentlist li 
{
	margin:5px 0;
	padding:10px 10px 20px 10px;
	background:#F3F6ED url(img/comments_bottom.jpg) repeat-x bottom;
	border:#E1D6C6 1px solid;
}
.commentlist .alt 
{

Alles anzeigen

Bitte: wo muss ich was ändern, ersetzen oder ergänzen?
Zur Erinnerung: meine eigenen Kommentare sollen einen farbigen Hintergrund (#E1D6C6) und einen 3-Punkt-Rand (#521717) haben.

Vielen Dank im Voraus für die Hilfe!

Olafb

Ich kann den obigen Code da nicht entdecken :( mach ihn rein und wir sehen weiter...

Olafb

Also noch mal von vorne, versuche mal das:

PHP

<li id="comment-<?php comment_ID() ?>" class="<?php comment_author() ?>">

Dann sollte bei jedem Kommentar der Username mit auftauchen, dann in die CSS:

PHP

.commentlist li.USERNAME{
border:2px solid #521717;
background-color: #DAA1A0;
}

USERNAME ist Platzhalter für den Usernamen, achte auf GROß-klein-Schreibung!!! Das kannst du dann für jeden User individuell anpassen...

EDIT ach noch was, heißt ein User "August Schmidt", dann reicht li.August hast du mehrere August's dann nimm den Nachnamen, li.Schmidt ;)

N8

Nochmal Edit bei dir sinds ja Klassen, oben angepasst!!!

mondschein789

Sorry, ich weiß, ich bin ein schwerer, begriffsstutziger Fall - aber ich kapiere das nicht so richtig (Link zu meinem Blog ist übrigens in meiner Signatur).

Ziel: nur meine (Admin) Kommentare sollen hervorgehoben werden, nicht die anderer Authoren. Es müsste über die if-Abfrage "Admin" gehen, da es noch einen Author gleichen Namens (also Vorname) gibt.
Der jetzige php-Code sieht so aus:

PHP

<?php foreach ($comments as $comment) : ?>


		<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

Olaf, Du hattest nun folgenden Code vorgeschlagen:

PHP

<li id="comment-<?php comment_ID() ?>" class="<?php comment_admin() ?>">

Muss ich diesen jetzt ergänzen (wenn ja darunter, oder wo sonst?) oder ersetzen? Wenn ersetzen: fehlt dann nicht <li class=" ?

Dann hast Du folgende Ergänzung in der style.css vorgeschlagen:

PHP

.commentlist li.USERNAME{
border:2px solid #521717;
background-color: #DAA1A0;
}

Sollte ich darin dann USERNAME mit ADMIN ersetzen?

Das

PHP

<li class="??? admin" id="comment-555">

habe ich gar nicht verstanden. Was bedeutet die "555" und wo sollte dieser Code rein?

Vielen Dank für Antworten!

Olafb

Du solltest DAS ersetzen. Dann musst du USERNAME mit deinem Usernamen in der CSS ersetzen, eigentlich denk ich hab ichs genügend ausgeführt. Ersetze mal das PHP-Teil, dann sehen wir weiter...

mondschein789

Ich verstehe, dass Du inzwischen genervt bist. Wäre ich auch. Aber Username ist schlecht, denn es gibt diesen (meinen) Namen zwei Mal, wie ich schrieb. Kann ich das also irgendwie anders machen? Kann ich das als "admin" deklarieren?
Aber ich teste jetzt mal.
Danke für Deine (jetzt offenbar endende) Geduld!
Ich werde berichten...

Olafb

Also ich denk ich bin sehr geduldig, immerhin hast du immer noch nicht meinen Code eingesetzt und ich antworte immer noch :)
Dein USERNAME ist Tina, richtig? und es gibt noch eine Tina??? Warum sollen die sich grafisch unterscheiden? Andersrum, warum unterscheiden sich nicht die Namen?
Hier noch mal der Code den du ersetzen sollst:

PHP

<li id="comment-<?php comment_ID() ?>" class="<?php comment_author() ?>">

Olafb

Wo schrieb ich was von comment_admin() vergleiche eins drüber!!!

mondschein789

Okay.
Bei folgendem Code in der comments.php (inzwischen natürlich wieder geändert)

PHP

<?php foreach ($comments as $comment) : ?>


		<li id="comment-<?php comment_ID() ?>" class="<?php comment_admin() ?>">
			<cite><?php comment_author_link() ?></cite> schreibt:
			<?php if ($comment->comment_approved == '0') : ?>
			<em>Dein Kommentar wird zur Freischaltung &uuml;berpr&uuml;ft.</em>
			<?php endif; ?>
			<br />


			<small class="commentmetadata"><a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('F jS, Y') ?> at <?php comment_time() ?></a> <?php edit_comment_link('e','',''); ?></small>


			<?php comment_text() ?>


		</li>

Alles anzeigen

egal, was ich in der style.css angebe, ergibt sich folgendes, nicht gewünschtes Erscheinungsbild:
http://www.tinas-texte.de/eigene_fotos/Kommentar5.jpg

Die als Fehler monierte Line 29 ist exakt der Code, den ich ersetzt habe.
Also

PHP

<li id="comment-<?php comment_ID() ?>" class="<?php comment_admin() ?>">

Hier kann also grundsätzlich etwas nicht stimmen.

Hat jemand vielleicht noch andere Antworten? Ideen? Vorschläge?
Das muss doch zu lösen sein!

Olafb

lesen lernen, ... siehe weiter oben ;)

mondschein789

Lieber Olaf,
ich habe immer Deine Codes eingesetzt, alles ausprobiert, was Du mir vorgeschlagen hast. Ich lese alles und versuche auch zu lernen.
Ich habe mir dann allerdings erlaubt, die Dinge wieder zurück zu setzen, als ich sah, dass sie nichts bewirken oder einen nicht gewünschten Effekt verursachen.
Ich habe auch versucht zu dokumentieren, was ich im Code verändert habe - und was dann daraus gefolgt ist.
Es funktioniert halt leider nicht. Liegt sicherlich an mir...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Eigene Kommentare hervorheben

Jetzt mitmachen!