Möglich ist so ziemlich alles, was sich in einem Browser darstellen lässt. 🙂
Die Sache hat allerdings einen Haken: Header und Footer bestehen nicht nur aus dem im Front End sichtbaren Inhalten, also z.B. einem Titelbild, Website-Titel und Navigation sowie Fußzeile mit Adresse und z.B. Link zum Impressum (das von jeder Webseite aus erreichbar sein muss, wenn die Website in irgendeiner Weise „geschäftsmäßig“ tätig ist (vgl. Wikipedia), sondern enthalten auch Hooks, um z.B. JavaScript und Stylesheets platzieren zu können.
Die Lösung ist, in einem Child-Theme drei weitere Templates zu erstellen, die
- den Inhalt ausgeben (Template
page-weisse-seite.php für eine statische Seite mit Slug weisse-seite)
- eine leere Kopfzeile ausgeben, aber notwendigen Hook zur Verfügung stellen, sowie
- eine leere Fußzeile ausgeben, aber den notwendigen Hook zur Verfügung stellen.
Das würde dann (vereinfacht) so aussehen:
<?php
/* Template page-weisse-seite.php */
get_header('weisse-seite'); //ruft das Header-Template auf!
// Die Loop
while ( have_posts() ) : the_post();
the_title( '<h1 class="entry-title">', '</h1>' );
the_content();
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;
// Ende der Loop.
endwhile;
get_footer(); // ruft das Footer-Template auf!
Dazu der Header:
/* Template header-weisse-seite.php */
<!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<?php wp_head(); ?> <!-- Hook für JavaScript, Stylesheets, etc.! -->
</head>
<body <?php body_class(); ?>> <!-- gibt CSS-Klasse für die Seite aus! -->
und auch noch der Footer:
<?php wp_footer(); ?> <!-- Hook für JavaScript, Print-Stylesheet, etc.! -->
</body>
</html>
Was die Gestaltung angeht, erscheint es mir sinnvoller, zunächst das Stylesheet des Parent Themes ganz normal zu laden (damit zumindest z.B. Dinge wie Schriftart und -größe zum restlichen Erscheinungsbild passen).
Anschließend kannst du für die CSS-Klasse, die WordPress mit Hilfe von body_class() im body-Tag ausgibt (z.B. .page-id-42) abweichende CSS-Regeln hinzufügen:
body.page-id-42 { background: #fff; }
