PHP in eine HTML - Seite einbinden

BitBuster2004

Guten morgen !

Ich habe hier folgendes Problem. Ich habe unter WP eine statische Startseite erstellt. ( In WP eine neue Seite angelegt und alles im HTML - Editor eingehackt ! )

Soweit, so gut ! Jetzt möchte ich, dass in dieser Seite die letzten Einträge auf meiner Homepage angezeigt werden. Allerdings weiss ich nicht, wie ich das bewerkstelligen soll.

Hier mal der Code meiner Startseite :

Code

<p style="text-align: left;">Hallo und Herzlich Willkommen auf unserer Homepage ! Hier dreht sich alles um die "Roten Teufel" vom Betzenberg. Aktuelle News &amp; Storys findet ihr hier genauso wie ältere Geschichten.</p>
<p style="text-align: right;">Also, viel Spaß auf unseren neuen Seiten</p>
<h3 style="text-align: left;">Der aktuelle Pressespiegel mit den letzten Updates...</h3>
<ul>    
<h3 style="text-align: left;">Unser nächstes Spiel : Stadion an der Hamburger Straße in Braunschweig</h3>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-134" style="margin-left: 30px; margin-right: 30px; border: 0px;" title="DFB - Pokal - 1. Runde gegen Eintracht Braunschweig" src=http://www.hier-steht-meine-domain-mit-dem-Bild alt="DFB - Pokal - 1. Runde gegen Eintracht Braunschweig" width="516" height="341" /></p>
<div align=center>
 <span id=c1 style="FONT: bold 30px arial; COLOR: #b42525;"></span><br />
 <span id=c2 style="FONT: bold 20px arial; COLOR: #b42525;">;</span><br />
 </div>
<script type='text/javascript'>
var end = new Date('July 31, 2009 20:30:00');
function toSt2(n) {
  s = '';
  if (n < 10) s += '0';
  return (s + n).toString();
}
function toSt3(n) {
  s = '';
  if (n < 10) s += '00';
  else if (n < 100) s += '0';
  return (s + n).toString();
}
function countdown() {
  d = new Date();
  count = Math.floor(end.getTime() - d.getTime());
  if(count > 0) {
    miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
    seconds = toSt2(count%60); count = Math.floor(count/60);
    minutes = toSt2(count%60); count = Math.floor(count/60);
    hours = toSt2(count%24); count = Math.floor(count/24);
    days = count;
    document.getElementById('c1').innerHTML = days + ' Tag(e)';
    document.getElementById('c2').innerHTML = hours + ' Stunden ' + minutes + ' Minuten ' + seconds + ' Sekunden ';
   setTimeout('countdown()', 100);
  }
}
countdown();
</script>
 
<h3 style="text-align: left;">Ein Fan - Video</h3>
<center>
<script type="text/javascript" src="[URL]http://www.you-fck.de/js/embed.js.php?id=330"></script><noscript><object[/URL] type="application/x-shockwave-flash" data="[URL]http://www.you-fck.de/vimp.swf?playlistmode=media&amp;mediaid=330&amp;webtv=false&amp;hosturl=http%3A%2F%2Fwww.you-fck.de%2Fflashcomm.php[/URL]" id="flashcontent_4a6e08001da61" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" name="c6a80378-3eb2-47e7-8415-ba1f7cff037e" codebase="[URL]http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0[/URL]" width="480" height="360" align="middle"><param name="movie" value="[URL]http://www.you-fck.de/vimp.swf?playlistmode=media&amp;mediaid=330&amp;webtv=false&amp;hosturl=http%3A%2F%2Fwww.you-fck.de%2Fflashcomm.php[/URL]" /><param name="width" value="480" /><param name="height" value="360" /><param name="align" value="middle" /><param name="quality" value="high" /><param name="allowscriptaccess" value="always" /></object></noscript>
Weitere Videos rund um den 1. FC Kaiserslautern gibt es <a title="[URL="http://www.you-fck.de"]www.you-fck.de[/URL] DAS Videoportal für FCK - Fans" href="[URL]http://www.you-fck.de/WebTV/usermedia/73[/URL]" target="_blank">-&gt; H I E R &lt; -
</a></center>
<h3 style="text-align: left;">Fan - Aktionen</h3>
<a href="[URL]http://www.keinkickvorzwei-kl.de[/URL]" target="_blank"><img class="aligncenter size-full wp-image-208" title="Banner Kein Kick vor Zwei" src=http://www.hier-steht-meine-domain-mit-dem-Bild  alt="Banner Kein Kick vor Zwei" width="500" height="93" /></a></ul>

Alles anzeigen

Leider weiss ich nicht, wie ich die letzten Einträge unter das Feld : Der aktuelle Pressespiegel mit den letzten Updates... kriege !

Wer weiss einen Rat ?

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

BitBuster2004

Weiss niemand einen Rat ? Schade eigentlich ! Es muss doch irgendwie möglich sein, das die letzten Einträge immer aktuell auf der statischen Startseite stehen und ich diesen Code irgendwie in meine HTML - Seite einbinden kann.

Dachte schon an ein Inline Script Fenster oder so...

Verzweifel hier gleich. Suche schon den ganzen Tag im Netz und werde nicht fündig... *heul* :-)

jottlieb

http://faq.wordpress-deutschland.org/artikel-der-ka…ite-y-anzeigen/

BitBuster2004

Hallo,
das habe ich auchschon durchgelesen. Nur funktioniert das bei mir irgendwie nicht...

jottlieb

Zitat von BitBuster2004

Hallo,
das habe ich auchschon durchgelesen. Nur funktioniert das bei mir irgendwie nicht...

Das wird garantiert auch bei dir funktionieren...und wenn du Probleme damit hast, solltest du sie konstruktiver angehen in dem du z.B. den Code für das Seitentemplate hier zeigst.

BitBuster2004

Hallo nochmals,
den Code für die statische Seite habe ich doch hier oben im Artikel eingefügt. Und dort soll eben unter "Der aktuelle Pressespiegel mit den letzten Updates..." die letzten Artikel rein.

Das Problem ist, dass wie gesagt diese statische Startseite in HTML geschrieben ist...

jottlieb

Zitat

den Code für die statische Seite habe ich doch hier oben im Artikel eingefügt. Und dort soll eben unter "Der aktuelle Pressespiegel mit den letzten Updates..." die letzten Artikel rein.

Aber nicht den Code für das Anzeigen der Artikel und um den geht es doch, oder?

Zitat

Das Problem ist, dass wie gesagt diese statische Startseite in HTML geschrieben ist...

Ich sehe da kein Problem.

BitBuster2004

Okay, ich denke du meinst in meinem Fall die Datei index.php

Hier mal das Script ! Ich hoffe das ist das richtige :

PHP

<?php get_header(); ?>
      <?php 
    if(is_home()) { include (TEMPLATEPATH . '/slider.php'); }
   ?>
      <?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>
        <!-- post start -->
        <div class="post_box" id="post-<?php the_ID(); ?>">
         <h3><?php the_category(', ') ?></h3>
          <div class="post_title">
            <h1><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
          </div>
          <div class="post_details">
      <?php the_time('F jS Y') ?> | Geschrieben von <?php the_author_posts_link(); ?> <?php edit_post_link('edit'); ?>
          </div>
          
          <?php if(function_exists('the_ratings')){ ?>
          <div class="post_rating">
            <?php the_ratings(); ?>
          </div>
          <?php } ?>
          <div class="post_content">
            <?php the_content('Lies den ganzen Artikel >>'); ?>
          </div>
          <?php include (TEMPLATEPATH . '/post_footer.php'); ?>
        </div>
        <!-- post end -->
        
        <?php if(is_single()) { include (TEMPLATEPATH . '/post_info.php'); } ?>
        <?php if(is_single()) { comments_template(); } ?>
        <?php endwhile; ?>
        
        <?php include (TEMPLATEPATH . '/paginate.php'); ?>
      <?php else: ?>  
       <div class="post_message">Entschuldigung, der Eintrag den du suchst wurde gelöscht.</div>
      <?php endif; ?>
                
<?php get_sidebar(); ?>      
<?php get_footer(); ?>

Alles anzeigen

maxe

Bastel dir doch einfach ein eigenes Seitentemplate [size=8](<-klick)[/SIZE] wo du dann den kompletten Code reinsetzt und anschließend der Seite zuordnest:

PHP

<?php get_header(); ?>
      <?php 
    if(is_home()) { include (TEMPLATEPATH . '/slider.php'); }
   ?>


<p style="text-align: left;">Hallo und Herzlich Willkommen auf unserer Homepage ! Hier dreht sich alles um die "Roten Teufel" vom Betzenberg. Aktuelle News &amp; Storys findet ihr hier genauso wie ältere Geschichten.</p>
<p style="text-align: right;">Also, viel Spaß auf unseren neuen Seiten</p>
<h3 style="text-align: left;">Der aktuelle Pressespiegel mit den letzten Updates...</h3>
<ul>    
<h3 style="text-align: left;">Unser nächstes Spiel : Stadion an der Hamburger Straße in Braunschweig</h3>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-134" style="margin-left: 30px; margin-right: 30px; border: 0px;" title="DFB - Pokal - 1. Runde gegen Eintracht Braunschweig" src=http://www.hier-steht-meine-domain-mit-dem-Bild alt="DFB - Pokal - 1. Runde gegen Eintracht Braunschweig" width="516" height="341" /></p>
<div align=center>
 <span id=c1 style="FONT: bold 30px arial; COLOR: #b42525;"></span><br />
 <span id=c2 style="FONT: bold 20px arial; COLOR: #b42525;">;</span><br />
 </div>
<script type='text/javascript'>
var end = new Date('July 31, 2009 20:30:00');
function toSt2(n) {
  s = '';
  if (n < 10) s += '0';
  return (s + n).toString();
}
function toSt3(n) {
  s = '';
  if (n < 10) s += '00';
  else if (n < 100) s += '0';
  return (s + n).toString();
}
function countdown() {
  d = new Date();
  count = Math.floor(end.getTime() - d.getTime());
  if(count > 0) {
    miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
    seconds = toSt2(count%60); count = Math.floor(count/60);
    minutes = toSt2(count%60); count = Math.floor(count/60);
    hours = toSt2(count%24); count = Math.floor(count/24);
    days = count;
    document.getElementById('c1').innerHTML = days + ' Tag(e)';
    document.getElementById('c2').innerHTML = hours + ' Stunden ' + minutes + ' Minuten ' + seconds + ' Sekunden ';
   setTimeout('countdown()', 100);
  }
}
countdown();
</script>
 
<h3 style="text-align: left;">Ein Fan - Video</h3>
<center>
<script type="text/javascript" src="http://www.you-fck.de/js/embed.js.ph...script><object type="application/x-shockwave-flash" data="http://www.you-fck.de/vimp.swf?playl...Fflashcomm.php" id="flashcontent_4a6e08001da61" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" name="c6a80378-3eb2-47e7-8415-ba1f7cff037e" codebase="http://fpdownload.macromedia.com/pub...ersion=9,0,0,0" width="480" height="360" align="middle"><param name="movie" value="http://www.you-fck.de/vimp.swf?playl...Fflashcomm.php" /><param name="width" value="480" /><param name="height" value="360" /><param name="align" value="middle" /><param name="quality" value="high" /><param name="allowscriptaccess" value="always" /></object></noscript>
Weitere Videos rund um den 1. FC Kaiserslautern gibt es <a title="www.you-fck.de DAS Videoportal für FCK - Fans" href="http://www.you-fck.de/WebTV/usermedia/73" target="_blank">-&gt; H I E R &lt; -
</a></center>
<h3 style="text-align: left;">Fan - Aktionen</h3>
<a href="http://www.keinkickvorzwei-kl.de" target="_blank"><img class="aligncenter size-full wp-image-208" title="Banner Kein Kick vor Zwei" src=http://www.hier-steht-meine-domain-mit-dem-Bild  alt="Banner Kein Kick vor Zwei" width="500" height="93" /></a></ul>




<?php query_posts('category_name=Allgemein'); ?>


      <?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>
        <!-- post start -->
        <div class="post_box" id="post-<?php the_ID(); ?>">
         <h3><?php the_category(', ') ?></h3>
          <div class="post_title">
            <h1><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
          </div>
          <div class="post_details">
      <?php the_time('F jS Y') ?> | Geschrieben von <?php the_author_posts_link(); ?> <?php edit_post_link('edit'); ?>
          </div>
          
          <?php if(function_exists('the_ratings')){ ?>
          <div class="post_rating">
            <?php the_ratings(); ?>
          </div>
          <?php } ?>
          <div class="post_content">
            <?php the_content('Lies den ganzen Artikel >>'); ?>
          </div>
          <?php include (TEMPLATEPATH . '/post_footer.php'); ?>
        </div>
        <!-- post end -->
        
        <?php if(is_single()) { include (TEMPLATEPATH . '/post_info.php'); } ?>
        <?php if(is_single()) { comments_template(); } ?>
        <?php endwhile; ?>
        
        <?php include (TEMPLATEPATH . '/paginate.php'); ?>
      <?php else: ?>  
       <div class="post_message">Entschuldigung, der Eintrag den du suchst wurde gelöscht.</div>
      <?php endif; ?>
                
<?php get_sidebar(); ?>      
<?php get_footer(); ?>

Alles anzeigen

BitBuster2004

Hallo,
ich habe jetzt also eine Datei angelegt die start heisst, mittels FTP ins Theme - Verzeichnis kopiert...

Jetzt hängts ! Was muss ich denn weiter machen ? Sorry, bin ( noch ) kein PHP´ler...

So, habe das mal gemacht ! Der haut mir mein Design von der Startseite komplett in den Eimer... Sieht echt schlimm aus... komme da nicht weiter. Muss heute abend mal nochmal meine Gedanken kreisen lassen.

maxe

ja designtechnisch musst du sicherlich noch nachbessern. Du solltest deinen Code mindestens in die DIV Container packen:

HTML

<div class="post_box">
<div class="post_content">
...
dein code
...
</div>
</div>

Vermutlich wird's dann schon besser.

BitBuster2004

maxe :

Danke für deine Hilfe ! Habe es gestern abend hinbekommen.

Vielen Dank auch an alle anderen. Wirklich super hier im Forum dass so geholfen wird...

Ein Problemchen hätte ich allerdings noch. Ich möchte gerne anstatt der Punkte ( wie in ScreenShot 1 ) und der Schrift in blau das Ganze gerne so wie in ScreenShot 2. Also das Gif - Bildchen und die Schrift in Rot !

Die Screenshots sind beide von meiner Seite. Der 2. ScreenShot zeigt den Footer meiner Seite. Ich habe auchschon in der CSS - Datei geschaut und den Code rauskopiert, dann in meine Startseite eingefügt. Er haut mir dann allerdings das ganze Design auf den Kopf. Sieht schlimm aus...

Hier mal noch der Code meiner Startseite : ( Neues Template das ich start genannt habe )

PHP

<?php
/*
Template Name: start
*/
?>
<?php get_header(); ?>
      <?php 
    if(is_home()) { include (TEMPLATEPATH . '/slider.php'); }
   ?>
      <?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>
        <!-- post start -->
        <div class="post_box" id="post-<?php the_ID(); ?>">
        <h3>Der aktuelle Pressespiegel mit den letzten Updates</h3>
        <ul><?php get_archives('postbypost', 7); ?>  
        </ul>
          <div class="post_title">
 
          </div>
          <div class="post_details">
      <?php the_time('d. F Y') ?> | geschrieben von <?php the_author_posts_link(); ?> <?php edit_post_link('edit'); ?>
          </div>
          
          <?php if(function_exists('the_ratings')){ ?>
          <div class="post_rating">
            <?php the_ratings(); ?>
          </div>
          <?php } ?>
          <div class="post_content">
            <?php the_content('READ THE FULL ARTICLE >>'); ?>
          </div>
          <?php include (TEMPLATEPATH . '/post_footer.php'); ?>
        </div>
        <!-- post end -->
        
        <?php if(is_single()) { include (TEMPLATEPATH . '/post_info.php'); } ?>
        <?php if(is_single()) { comments_template(); } ?>
        <?php endwhile; ?>
        
        <?php include (TEMPLATEPATH . '/paginate.php'); ?>
      <?php else: ?>  
       <div class="post_message">Entschuldigung, der Eintrag den du suchst wurde gelöscht.</div>
      <?php endif; ?>
                
<?php get_sidebar(); ?>      
<?php get_footer(); ?>

Alles anzeigen

Und hier der Code meiner footer.php in der auch der untere Teil mit den aktuellen News und Kategorien eingefügt ist.

PHP

<div id="footer">    
<div id="footer_content">      
<div class="footer_box">  
<h3>Die letzen Kommentare</h3>  
<ul>        
<?php      
$sql = "SELECT * FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' ORDER BY comment_date DESC LIMIT 0 , 7";      
$comments = $wpdb->get_results($sql);      
foreach ($comments as $comment) {       
$data = $comment->comment_author . " @ " . $comment->post_title;       
echo "<li><a href=\"" . get_permalink($comment->comment_post_ID) . "\">" . substr($data,0,40) . " ...</a></li>";         
}     
?>      
</ul></div><div class="footer_box">  
<h3>Seiten</h3>  
<ul>   
<?php wp_list_pages('title_li='); ?>  
</ul></div><div class="footer_box">  
<h3>Neue Einträge</h3>  
<ul><?php get_archives('postbypost', 7); ?>  
</ul>
</div>    
</div>    
<div id="footer_credit">     
Copyright © <?php echo date('Y');
?> 
<a href="[URL]http://www.**********.de[/URL]" >| [URL="http://www.*************.de"]www.*************.de[/URL] |</a> Design & Realisation : *********** - Alle Rechte vorbehalten ! | Powered by WordPress.</a>
</div>
</div>
<div id="back_bottom"></div>  
</div>
</body>
</html>

Alles anzeigen

In der STYLE.CSS steht folgendes im Abschnitt FOOTER ( Interessant ist der Abschnitt footer_content ul li a da dort der Hinweis auf die GIF - Datei zu finden ist... ) :

Code

/* footer */
#footer {
 padding: 7px 4px 7px 3px;
 margin: 0px;
 position: relative;
 float: left;
 width: 978px;
 min-height: 20px;
 background-image:url(images/back_center.png);
 background-repeat:repeat-y;
}
#footer_content {
 float:left;
 width: 935px;
 margin: 0px 19px 0px 17px;
 padding: 7px 0px 20px 7px;
 border: 1px solid #E6E6E6;
 background: url(images/grad2.gif) repeat-x bottom #FFFFFF;
 -moz-border-radius: 5px;
 border-radius: 5px;
 min-height: 200px;
}
#footer_content a {
 color:#7e1111;
 text-decoration:none;
 font-weight: bold;
}
#footer_content a:hover {
 color:#FF5604;
 text-decoration:none;
}
#footer_content .footer_box {
 float:left;
 width: 310px;
}
#footer_content h3 {
 display: block;
 background-image:url(images/sidebar_header_red.png);
 background-repeat:no-repeat;
 height: 29px;
 margin: 5px 0px 0px 0px;
 padding: 6px 15px 5px 15px;
 font-size: 13px;
 color: #FFFFFF;
}
#footer_content ul {
 padding: 0px 12px 5px 10px;
 margin: 0;
 list-style: none;
}
#footer_content ul li {
 padding: 0 0 1px;
 margin: 0;
 background: url(images/hdot.gif) repeat-x bottom;
}
#footer_content ul li a {
 display: block;
 padding: 5px 5px 5px 15px;
 background: url(images/icon-pages_green.gif) no-repeat left;
}
#footer_content ul li a:hover, #footer_content ul li a:active, #footer_content ul li a:focus {
 background: url(images/icon-pages_green.gif) no-repeat left;
}
#footer_credit {
 float:left;
 width: 935px;
 margin: 10px 19px 0px 17px;
 padding: 7px 0px 0px 7px;
 text-align: center;
 font-size: 11px;
}

Alles anzeigen

Hat jemand dafür noch eine Lösung ?

maxe

Ohne Link zum Blog verweigern auch die Glaskugeln ihre Arbeit :twisted:

BitBuster2004

Zitat von maxe

Ohne Link zum Blog verweigern auch die Glaskugeln ihre Arbeit :twisted:

Halli Hallo,
erstmal sorry für den Doppelpost ! Also der Link zu meiner Seite möchte ich noch nicht veröffentlichen da die Seite noch im Aufbau ist und eigentlich erst online geht, wenn alles funktioniert.

Ich schicke dir mal was per PM !

maxe

Okay, ausnahmsweise hier mal die Formatierungen die du am besten ans Ende der style.css einfügst. Wobei ich nicht weiß warum du eine Website betreibst, wenn du sie nicht öffentlich haben willst.

Code

.post_box ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 12px 5px 10px;
}
.post_box ul a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/icon-pages_green.gif) no-repeat scroll left center;
padding:5px 5px 5px 15px;
color: green;
color:#7E1111;
font-weight:bold;
text-decoration:none;
}


.post_box ul a:hover {
color:#FF5604;
text-decoration:none;
}

Alles anzeigen

BitBuster2004

Hallo,
danke erstmal ! Werde das gleich mal ausprobieren. Die Webseite wird ja öffentlich. Wenn alles funktioniert. Momentan ist das noch nicht der Fall. Aber wie gesagt, erst wenn alles perfekt läuft möchte ich die Homepage online stellen...

Wie geil ! Es funktioniert... DU bist mein Held ;-)

BitBuster2004

Also das funktioniert einwandfrei... Jetzt nurnoch eine kleine Änderung und meine Seite kann online gehen...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

PHP in eine HTML - Seite einbinden

Jetzt mitmachen!