Zufällige Header?

Affentennis

Hallo,
ich habe eine Frage zur Anpassung des Standard Themes.
So würde ich gerne mehrere verschiedene Header im entsprechenden Verzeichnis auf dem Server ablegen, die dann zufällig als Header für die blogseite benutzt werden.

Wie kann man sowas realisieren? Sollte ja vom prinzip her kein kompolizierter code sein, der dann eingefügt werden muss oder? für jede hilfe wäre ich dankbar! gibts vllt sogar ein plugin für sowas?

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

chilidog

Zitat von Affentennis

Hallo,
ich habe eine Frage zur Anpassung des Standard Themes.
So würde ich gerne mehrere verschiedene Header im entsprechenden Verzeichnis auf dem Server ablegen, die dann zufällig als Header für die blogseite benutzt werden.
Wie kann man sowas realisieren? Sollte ja vom prinzip her kein kompolizierter code sein, der dann eingefügt werden muss oder? für jede hilfe wäre ich dankbar! gibts vllt sogar ein plugin für sowas?

versuchs mal über die suchfunktion, zu dem thema gibts reichlich threads - einfach mal "header" eingeben und schon wirst du was finden.

Affentennis

Okay, ich hab mich an die Anleitung von tadzor in diesem thread gehalten:
http://forum.wordpress-deutschland.org/showthread.php…ighlight=header

ch benutze das standard_de theme von wordpress 2
allerdings klappt das bei mir nicht, irgendwas mach ich falsch :(
in meine header.php habe ich die beiden zeilen php code eingefügt, die tadzor im thread geschrieben hat. die eigentliche zufallsfunktion bewirkt doch, dass als stylesheet-dokumente style1.css, style2.css, style3.css und style4.css zufällig beim laden der seite aufgerufen werden.
wie muss ich nun in den jeweiligen dokumenten die unterschiedlichen links auf die verschiedenen header unterbringen?

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 
 <head profile="http://gmpg.org/xfn/11">
 <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
 
 <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archiv <?php } ?> <?php wp_title(); ?></title>
 
 <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
 
     <?php     //Initialisierung Zufallsgenerator. ab PHP 4.2.0 nicht mehr nötig
     mt_srand((double)microtime()*1000000);
     ?> 
 
 <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style<?php echo mt_rand(1, 4);?>.css" type="text/css" media="screen" />
 <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
 <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
 <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
 
 <style type="text/css" media="screen">
 /*    To accomodate differing install paths of WordPress, images are referred only here,
     and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
     not, then go right ahead and delete the following lines, and the image files. */
         
    body { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgcolor.jpg"); }    
 <?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single())) { ?>
     #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg.jpg") repeat-y top; border: none; }
 <?php } else { // No sidebar ?>
     #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; } 
 <?php } ?>
 /*    #header { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickheader.jpg") no-repeat bottom center; } */
     #footer { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickfooter.jpg") no-repeat bottom; border: none;}
 
 /*    Because the template is slightly different, size-wise, with images, this needs to be set here
     If you don't want to use the template's images, you can also delete the following two lines. */
         
    #header     { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
     #headerimg     { margin: 7px 9px 0; height: 192px; width: 740px; } 
 
 /*     To ease the insertion of a personal header image, I have done it in such a way,
     that you simply drop in an image called 'personalheader.jpg' into your /images/
     directory. Dimensions should be at least 760px x 200px. Anything above that will
     get cropped off of the image. */
     /*
    #headerimg { background: url('<?php bloginfo('stylesheet_directory'); ?>/images/personalheader.jpg') no-repeat top;}
     */
 </style>
 
 <?php wp_head(); ?>
 </head>
 <body>
 <div id="page">
 
 
 <div id="header">
  <div id="headerimg" onclick="location.href='<?php bloginfo('url'); ?>';" 
 onkeypress="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;">
   <h1><a href="<?php echo get_settings('home'); ?>" title="<?php bloginfo('name'); ?>">
 <?php bloginfo('name'); ?></a></h1>
   <div class="description"><?php bloginfo('description'); ?></div>
  </div>
 </div>
 <hr />

Alles anzeigen

und hier auch noch meine style1.css als beispiel, wo ich den link auf den header vllt irgendwie falsch eingefügt habe?

HTML

/* Begin Typography & Colors */
 body {
     font-size: 62.5%; /* Resets 1em to 10px */
     font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
     background-color: #d5d6d7;
     color: #333;
     text-align: center;
     }
 
 #page {
     background-color: white;
     border: 1px solid #959596;
     text-align: left;
     }
 
 #header {
     background-color: #73a0c5 url(images/kubrickheader.jpg) no-repeat bottom center;
     }
 
 
 #content {
     font-size: 1.2em
     }
 
 ..... und so weiter

Alles anzeigen

wär nett wenn mir jemand weiterhelfen könnte. danke! :)

Affentennis

warum einfach wenns auch kompliziert geht...

ich hab jetzt nur den zufallscode von tadzor in der header.php hinter kubrickheader und vor .jpg gesetzt, so dass per zufall kubrickheader1-4.jpg geladen werden... fertig

nuja, problem gelöst ;)

DAUdeluxe

Zitat von Affentennis

warum einfach wenns auch kompliziert geht...
ich hab jetzt nur den zufallscode von tadzor in der header.php hinter kubrickheader und vor .jpg gesetzt, so dass per zufall kubrickheader1-4.jpg geladen werden... fertig
nuja, problem gelöst ;)

Kannst die Zeile Code bitte mal zeigen? So wie sie jetzt bei Dir funzt.
Interessiert sicher noch mehr (Anfänger)... :)

Affentennis

klar kein problem:

PHP

#header { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickheader<?php echo mt_rand(1, 4);?>.jpg") no-repeat bottom center; }

Ich hab jetzt aber noch ein ganz anderes Problem. lässt es sich irgendwie bewerkstelligen, dem Blog Thema und dem Blog Titel im Header unterschiedliche Farben zu geben? Im Admin-Bereich lässt sich die Farbe nur für beide gleich einstellen.
Thx for help! :)

DAUdeluxe

Klappt super.
Dat war ja einfach! :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Zufällige Header?

Jetzt mitmachen!