Statische Seite wird nicht korrekt dargestellt

Maniraiser

Hallo zusammen,
Ich bin gerade dabei meinen Wordpress Blog neu zu gestalten und wollte dabei neben dem eigentlichen Blog eine statische Seite vorschieben. Im Netz gab es dafür genug Tutorials nur komme ich in einem Punkt nicht weiter, vermutlich da er sehr speziell ist. Vielleicht kennt der ein oder andere Portfolios oder Webvisitenkarten. So eine Seite habe ich mir mal erstellt, allerdings unabhängig von jedweiligem CMS sondern einfach funktionierend mittels PHP und HTML. Diese Seite besteht allerdings aus mehreren Seiten.
Diese Seite wollte ich nun auch als meine Statseite in Wordpress nutzen. Also hab ich die Startseite an WP angepasst, was in dem Fall bedeutet ich habe es zu einem template gemacht das ich dann mit einer statischen Wordpress Seite verbunden habe, der eigentliche Blog liegt auch auf einer statischen Seite und die index.php ist also ebenfalls ein Template.
Funktionieren tut alles so weit, also rufe ich die Blogadresse auf (dazu sei gesagt ich lasse alles auf einem lokalen xampp Server laufen) dann komme ich auf die homepage.php wo ja die Startseite drin steckt und über einen Link dort kann ich die index.php des Blogs aufrufen, bzw. die statische Seite die mit ihr verknüpft ist. Aber auf der homepage.php sehe ich kein Design...muss ich die style.css der Startseite mit homepage.php verknüpfen anstatt mit der startseite.php? Außerdem liegt es wohl nicht im CSS, denn rufe ich die Seite einfach so auf ohne Wodpress, funktioniert das Design. Ich stecke hier wirklich fest. Bevor einer dazu kommt, ja Wordpress ist ein Blogsystem und ich sehs als solches an, ich will es ja auch nicht zum CMS vergewaltigen, ich will doch nur eine Startseite die NICHT nach Wordpress aussieht damit ein kleines Profil entsteht. Dort soll übrigens auf der Seite news.php die Kategorie News vom Blog angezeigt werden die ich vom eigentlichen Blog "excludet" habe aber das ist ein anderes Thema.
Nachfolgend der Code:

statseite.php (statische Seite)

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>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta name="description" content="Manoel Flesch - offizielle Webseite">
   <meta name="keywords" content="manoel flesch cutter videojournalist cg-league medienmensch journalismus gaming digital entertainment show videos kolumnen vita"></meta>
   <title>Startseite</title>
   <link rel="stylesheet" href="http://localhost/wp-content/themes/eigenesTheme/startseite/style.css" type="text/css" media="screen" />
</head>


<body style=" background:#fff url(background.png) repeat-x; margin:0;">
<?php $artikelseite = get_option('page_for_posts'); ?>
  
   <div id="bar"></div>


   <div id="main" >


      <div id="header" >
         <img src="header.png" alt="test">


         <div id="menue" >
                  <a href="http://manoel-flesch.square7.ch/Startseite/startseite.php">Startseite</a>
         </div>


      </div>


      <div id="content">
          <img src="Passbild.png" alt="test">
      </div>




     <div id="sidebar">
         <div class="bild"><a href="news.php"><img src="statseite/news.png" width="390" height="100" border="0" alt="Auf einen Blick"></a></div>
         <div class="bild"><a href="about.php"><img src="startseite/about.png" width="390" height="100" border="0" alt="Über mich"></a></div>
         <div class="bild"><a href=<?php echo get_permalink( $artikelseite ); ?>><img src="blog.png" width="390" height="100" border="0" alt="Blog"></a></div>
         <div class="bild"><a href="kontakt.php"><img src="startseite/kontakt.png" width="390" height="100" border="0" alt="Kontakt"></a></div>
      </div>


   </div>


   <div style=" clear: both; margin: 0; padding: 0; height: 0; width: 0; line-height: 0; font-size: 0;"></div>


</body>


</html>

Alles anzeigen

Die Daten liegen unter wp-content/themes/eigenesTheme und die Startseite liegt seperat im Ordner /startseite dort, da ich darin eine style.css dafür habe und einige bilder. Die style.css (der statischen Startseite) sieht so aus:

Code

root { 
    display: block;
}


#bar {
height:38px; 
background:#fff url(top-bar.png) repeat-x; 
margin:0px 0px 0px 0px;    
}


#main {
margin: 0px auto; 
width:800px;       
}


#header {
width:791px; 
height:100px; 
margin:0px 0px 10px 0px;     
}


#menue {
width:791px; 
height:40px; 
background: url(menu.png)    
}


#content {
float:left; 
width:391px; 
height:450px; 
margin: 50px 0px 0px 0px; 
border:1px solid #000; 
Georgia, Garamond, Serif;
overflow:scroll;    
}


#sidebar
{
 float:left; 
 width:391px; 
 margin:50px 0px 10px 8px;   
}
.bild {margin: 0px 0px 17px 0px};

Alles anzeigen

In der Datei: homepage.php habe ich nun die Startseite includiert:

PHP

<?php
/* Template Name: Home */
include ABSPATH. 'wp-content/themes/eigenesTheme/startseite/startseite.php'
?>

Die Index.php des eigentlichen Themes von Wordpress sieht so aus: (ist eine Vorlage dort ist noch so gut wie nichts gemacht)

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<?php/* Template Name: Artikel */?>


<html> 
      <head profile="http://gmpg.org/xfn/11">
          
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta name="robots" content="index, follow" />
<meta name="description" content="<?php if ( is_single() ) { wp_title(''); echo ' - '; } elseif ( is_page() ) { wp_title(''); echo ' - '; } bloginfo('description'); ?>" />
<meta name="keywords" content="manoel flesch cutter youtube videojournalist cg-league giga liga medienmensch journalismus gaming digital entertainment show videos kolumnen vita" />
<meta name="language" content="<?php bloginfo('language'); ?>" />
<meta name="content-language" content="<?php bloginfo('language'); ?>" />
<meta name="publisher" content="<?php bloginfo('name'); ?>" />
<meta name="revisit-after" content="1 days" />
<meta name="author" content="Manoel Flesch" />
          <meta http-equiv="Content-Script-Type" content="text/javascript" />
       <title><?php if ( is_home() ) { _e('Startseite | ', 'THEMENAME'); } wp_title(' '); if (wp_title(' ', false)) { echo ' | '; } bloginfo('name'); ?></title>
        <?php wp_head(); ?>
       <style type="text/css" media="screen">
        @import url( <?php bloginfo('stylesheet_url'); ?> );
        </style>
        
    </head>
    <body>
       <div id="container">






 <div id="header">


Hier ist der Header 


 </div>


 <div id="navbar">


Hier ist die Navigationsleiste 


 </div>
          
           
   <div id="Featured">
    
        <?php include (ABSPATH . '/wp-content/plugins/featured-content-gallery/gallery.php'); ?>
       
   </div>


 <div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Sidebar") ) : ?> 
     Falls die Sidebar nicht angezeigt wird kommt dieser Text
 <div class="title"></div>
 
       
   
<?php endif; ?>
   
 </div>




<div id="content">
        <?php if (have_posts()) : ?>
    
        <?php while (have_posts()) : the_post(); ?>


        <div class="post">
            <h2><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
            <?php the_content(); ?>
        </div>


        <?php endwhile; ?>


        <?php else: ?>
                              <!-- Keine Beiträge gefunden! :O -->
    <?php endif; ?>


</div>


 <div id="footer">
<?php if ( function_exists('dynamic_sidebar') || dynamic_sidebar("Footer") ) : ?> 
     Falls die Sidebar nicht angezeigt wird kommt dieser Text
     <h2>Widgets</h2>
     <ul>
<li><a href="http://example.com/?cat=1">Category 1</a></li>
<li><a href="http://example.com/?cat=2">Category 2</a></li>
</ul>
<?php endif; ?>


<?php      wp_footer()?>     
 </div>






</div>


    </body>
</html>

Alles anzeigen

Edit: Wo ich schon dabei bin, vielleicht könnt ihr mir auch bei den Widgets helfen. Ich habe mir Tutorials durch gelesen wie man eigene Themes "Widgetized" Das habe ich jetzt mal versucht,oben findet ihr jetzt die index.php im geänderten Zustand wie sie mir momentan vorliegt und im nächsten Post die functions.php

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

Maniraiser

functions.php :

PHP

<?php 
/**
 * @package WordPress
 * @subpackage eigenesTheme
 */


//News Kategorie ausschließen
function exclude_category($query) {
if ( $query->is_home ) {
$query->set('cat', '-3');
}
return $query;
}
add_filter('pre_get_posts', 'exclude_category');


//Sidebar registrieren (Widgets)


if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Sidebar',
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '<div class="title">',
        'after_title' => '</div>',
    ));
//Widget im Footer
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Footer',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));




// add feed links to header
if (function_exists('automatic_feed_links')) {
    automatic_feed_links();
} else {
    return;
}




// smart jquery inclusion
if (!is_admin()) {
    wp_deregister_script('jquery');
    wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '1.3.2');
    wp_enqueue_script('jquery');
}




// enable threaded comments
function enable_threaded_comments(){
    if (!is_admin()) {
        if (is_singular() AND comments_open() AND (get_option('thread_comments') == 1))
            wp_enqueue_script('comment-reply');
        }
}
add_action('get_header', 'enable_threaded_comments');




// remove junk from head
remove_action('wp_head', 'rsd_link');
remove_action('wp_head', 'wp_generator');
remove_action('wp_head', 'feed_links', 2);
remove_action('wp_head', 'index_rel_link');
remove_action('wp_head', 'wlwmanifest_link');
remove_action('wp_head', 'feed_links_extra', 3);
remove_action('wp_head', 'start_post_rel_link', 10, 0);
remove_action('wp_head', 'parent_post_rel_link', 10, 0);
remove_action('wp_head', 'adjacent_posts_rel_link', 10, 0);




// add google analytics to footer
function add_google_analytics() {
    echo '<script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script>';
    echo '<script type="text/javascript">';
    echo 'var pageTracker = _gat._getTracker("UA-XXXXX-X");';
    echo 'pageTracker._trackPageview();';
    echo '</script>';
}
add_action('wp_footer', 'add_google_analytics');




// custom excerpt length
function custom_excerpt_length($length) {
    return 20;
}
add_filter('excerpt_length', 'custom_excerpt_length');




// custom excerpt ellipses for 2.9+
function custom_excerpt_more($more) {
    return '...';
}
add_filter('excerpt_more', 'custom_excerpt_more');


/* custom excerpt ellipses for 2.8-
function custom_excerpt_more($excerpt) {
    return str_replace('[...]', '...', $excerpt);
}
add_filter('wp_trim_excerpt', 'custom_excerpt_more'); 
*/




// no more jumping for read more link
function no_more_jumping($post) {
    return '<a href="'.get_permalink($post->ID).'" class="read-more">'.'Continue Reading'.'</a>';
}
add_filter('excerpt_more', 'no_more_jumping');




// add a favicon to your 
function blog_favicon() {
    echo '<link rel="Shortcut Icon" type="image/x-icon" href="'.get_bloginfo('wpurl').'/favicon.ico" />';
}
add_action('wp_head', 'blog_favicon');




// add a favicon for your admin
function admin_favicon() {
    echo '<link rel="Shortcut Icon" type="image/x-icon"  href="'.get_bloginfo('stylesheet_directory').'/images/favicon.png"  />';
}
add_action('admin_head', 'admin_favicon');




// custom admin login logo
function custom_login_logo() {
    echo '<style type="text/css">
    h1 a { background-image: url('.get_bloginfo('template_directory').'/images/custom-login-logo.png) !important; }
    </style>';
}
add_action('login_head', 'custom_login_logo');




// disable all widget areas
function disable_all_widgets($sidebars_widgets) {
    //if (is_home())
        $sidebars_widgets = array(false);
    return $sidebars_widgets;
}
add_filter('sidebars_widgets', 'disable_all_widgets');




// kill the admin nag
if (!current_user_can('edit_users')) {
    add_action('init', create_function('$a', "remove_action('init', 'wp_version_check');"), 2);
    add_filter('pre_option_update_core', create_function('$a', "return null;"));
}




// category id in body and post class
function category_id_class($classes) {
    global $post;
    foreach((get_the_category($post->ID)) as $category)
        $classes [] = 'cat-' . $category->cat_ID . '-id';
        return $classes;
}
add_filter('post_class', 'category_id_class');
add_filter('body_class', 'category_id_class');




// get the first category id
function get_first_category_ID() {
    $category = get_the_category();
    return $category[0]->cat_ID;
}


?>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Statische Seite wird nicht korrekt dargestellt

Jetzt mitmachen!