Hintergrundfarbe für einzelne Artikel ändern

das haengt im prinzip davon ab, ob das theme dem post eine individuelle id oder class mitgibt;
einige themes verwenden code wie diesen (vom default theme):

<div <?php post_class() ?> id="post-<?php the_ID(); ?>">

das gibt nicht nur eine reihe von classes durch die verwendung von 'post_class();' aus, sondern auch noch eine css id mit der internen post-ID, die dann in der style.css zB mit dem folgenden formatiert werden lkann:

#post-23 { background-color:#123456; }

wenn du einen link zum blog postest, kann das jemand mal nachgucken.
oder du siehst dir den html code der seite im browser an; oder den code in der index.php oder single.php.

Falls es ausreichend ist, das der Text-Bereich eine Hintergrundfarbe hat, so könntest Du den Bereich der Eingabe in einen div-Container stecken.

<div class="rot">Dein Text und Bilder...</div>

in der style.css würdest Du dann der class rot einen Background oder ein Hintergrundbild zuordnen.

.rot {
  background:red;
}

post_class() waere eine moeglichkeit;
http://justagirlintheworld.com/take-advantage…n-wordpress-27/

oder die verwendung von 'is_sticky()' in der post div:

http://codex.wordpress.org/Conditional_Tags#A_Sticky_Post

nur als beispiel:

<div <?php class="post<?php if(is_sticky()) { echo ' sticky'; ?>" id="post-<?php the_ID(); ?>">

damit koennte der sticky post im style.css mit dem folgenden formatiert werden:

.post.sticky { background: #123456; }

könnte man mit

#post-23 { background-color:#123456; }

in der style.css auch für jeden artikel, falls gewünscht, ein anderes hintergrundbild einbinden?
wenn ja, was ist dabei zu beachten?
wenn nein, wie ist das zu bewerkstelligen?

da dein theme diese css id ausgibt, ist das machbar.

zu beachten ist das uebliche: hintergrundbildgroesse? soll es wiederholt werden? hat #post-23 einen abstand innen zum text? leidet die lesbarkeit? etc.

wie immer: 'versuch mach klug' - einfach probieren; vorher sicherungskopie anlegen.

und wie bekommt man es so hin wie hier z.B. http://www.derbastard.com/blog ?
dass jeder Artikel sein eigenes Hintergrundbild bekommt. :-(
gibt's da nicht ein Plugin oder eine einfache Version, die auch ein Anfänger hinbekommt? Danke. 8-)

Zitat

und wie bekommt man es so hin, dass jeder Artikel sein eigenes Hintergrundbild bekommt.

moeglickeit a:
mit einem oder zwei benutzer-definiertem feld(ern) fuer den post; hintergrundbild und/oder -farbe festlegen.
(bei zu vielen verschiedenen, grossen hintergrundbildern wird die ladezeit von der seite leiden. der beispiel-link scheint ein festes hintergrundbild mit schattierungen zu haben, und die hintergrundfarbe wird variiert)

moeglichkeit b:
hintergrundbild und -farbe kategorie-abhaengig fuer jeden post anzeigen.

wie und wo das genau in die templates eingebaut werden muss, haengt vom theme ab.

in meinem Fall wäre es das http://madebyraygun.com/lab/melville Theme.

wie hoch wäre der Schwierigkeitsgrad?

gibt es vielleicht auch schon ein fertiges Theme, wo diese Funktion intergriert ist? :p

hier ist mein Wunsch sehr gut von jemanden anderen beschrieben worden:
http://forum.wordpress-deutschland.org/design/87590-t…html#post394573

beim 'melville' theme ist die div um die posts sehr nahe am sichtbaren text - fuer einen effekt wie in deinem beispiel-link muesste da noch angepasst werden.
jeder post hat schon kategorie-spezifische css classes, mit denen ganz einfach kategorie-spezifische hintergrundfarben angezeigt werden koennten; zB:

.post.category-wellhead { background-color: #123def; }

fuer benutzer-definierte hintergrundfarben muesste dieser teil angepasst werden (wahrscheinlich in index.php zu finden; oder evtl in loop.php, oder...):

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

zum beispiel, eine neue version:

<div id="post-<?php the_ID(); ?>" <?php post_class(); 
$h_img = get_post_meta($post->ID, 'hintergrundbild', true);
$h_col = get_post_meta($post->ID, 'hintergrundfarbe', true);
if( $h_img || $h_col ) { echo ' style="';
if( $h_img ) echo 'background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/' . $h_img .'); '; 
if( $h_col ) echo 'background-color: ' . $h_col .'; '; 
echo '"'; } ?>>

das benutzer-feld 'hintergrundbild' muss den bild-namen mit extension (zB [FONT=Courier New][COLOR=blue]flowerpot.jpg[/COLOR][/FONT]) enthalten; und das bild muss im /images/ verzeichnis des themes sein.
das benutzer-feld 'hintergrundfarbe' muss den farbcode (zB [FONT=Courier New][COLOR=blue]#123fde[/COLOR][/FONT] enthalten.
der inline-style wird nur ausgegeben, wenn mindestens eins der felder fuer den post ausgefuellt ist.

eine kombination von kategorie-abhaengig und benutzer-feld geht auch ....

oh, Gott, das scheint für mich ein wenig kompliziert zu sein...
ich denke, ich sollte mich zuerst ein wenig in wordpress einlesen zu müssen,
um erstmal die Grundlagen und Logik zu verstehen. So verstehe ich da im Moment wenig.

bin jedoch für weitere Tipps, Ideen usw. offen und weiterhin dankbar. :smile:
vielleicht finden sich noch mehr Personen, die das gleiche möchten und
wohlmöglich weiter gekommen sind, als ich. dann wird's viel schneller und einfacher für den Rest. Danke. :D

ok, ich bin jetzt mittlerweile ein wenig weiter.
was mir jetzt Kopfschmerzen bereitet:

Zitat von alchymyth

zum beispiel, eine neue version:

PHP

<div id="post-<?php the_ID(); ?>" <?php post_class(); 
$h_img = get_post_meta($post->ID, 'hintergrundbild', true);
$h_col = get_post_meta($post->ID, 'hintergrundfarbe', true);
if( $h_img || $h_col ) { echo ' style="';
if( $h_img ) echo 'background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/' . $h_img .'); '; 
if( $h_col ) echo 'background-color: ' . $h_col .'; '; 
echo '"'; } ?>>

das benutzer-feld 'hintergrundbild' muss den bild-namen mit extension (zB [FONT=Courier New][COLOR=blue]flowerpot.jpg[/COLOR][/FONT]) enthalten; und das bild muss im /images/ verzeichnis des themes sein.
das benutzer-feld 'hintergrundfarbe' muss den farbcode (zB [FONT=Courier New][COLOR=blue]#123fde[/COLOR][/FONT] enthalten.
der inline-style wird nur ausgegeben, wenn mindestens eins der felder fuer den post ausgefuellt ist.

eine kombination von kategorie-abhaengig und benutzer-feld geht auch ....

da ich ja, jedes Mal wenn ich ein Artikel verfasse, ein anderes Bild als Hintergrund haben möchte,
bräuchte ich auch eine einfachere Lösung, die mir ermöglicht, das Bild im Backend aus der Galerie auszuwählen.

hier ist verwandter artikel, wie man das 'post_thumbnail'-bild als hintergrundbild verwendet:
http://wpengineer.com/2123/use-wordp…ckground-image/

angepasst und ist absolut ungetestet :mrgreen::

<div id="post-<?php the_ID(); ?>" <?php post_class(); 
$h_col = get_post_meta($post->ID, 'hintergrundfarbe', true);
  
$h_img = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID) );  
   
if( $h_img || $h_col ) { echo ' style="';
  if( $h_img ) echo 'background-image: url(' . $h_img .'); '; 
  if( $h_col ) echo 'background-color: ' . $h_col .'; '; 
  echo '"'; 
} ?>>

in functions.php eingefügt - keine Wirkung.
oder wo soll der Code hin? :shock:

der code muss in die index.php oder single.php (oder evtl in loop.php oder so), in den wordpress loop, wo die post div anfaengt;

genaues haengt vom verwendeten theme ab.

der von http://wpengineer.com/2123/use-wordp…ckground-image/ soll in die index.php? :-o

:roll: dieser hier:

<div id="post-<?php the_ID(); ?>" <?php post_class(); 
$h_col = get_post_meta($post->ID, 'hintergrundfarbe', true);
 
$h_img = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID) );  
 
if( $h_img || $h_col ) { echo ' style="';
  if( $h_img ) echo 'background-image: url(' . $h_img .'); '; 
  if( $h_col ) echo 'background-color: ' . $h_col .'; '; 
  echo '"'; 
} ?>>

soll den urspruenglichen code ersetzen (und was genau, haengt eben von deinem theme ab); beispiel:

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

welches theme verwendest du? (ist das immer noch 'melville'?)
link zu deiner seite?

das der von Dir in die index.php soll, ist mir schon bewusst,
ich meine den hier: http://wpengineer.com/2123/use-wordp…ckground-image/
WOHIN mit dem?