Eigenes WP-Template Schritt 2

Im ersten Schritt ging es um das grundsätzliche Design der Seite. Aufgerufen im Browser des Vertrauens sieht das ganze schon ganz gut aus (ein bisschen Blindtext natürlich vorausgesetzt). Nun geht es daran, die Datei in 4 verschiedene aufzuteilen. Als Vorlage nimmt man sich am besten ein schon vorhandenes Template – ich habe hierzu das „Standardtheme“ Kubrick genommen. Folgende Dateien sind in diesem Theme enthalten:

404.php
archive.php
archives.php
attachment.php
comments-popup.php
comments.php
footer.php
functions.php
header.php
index.php
links.php
page.php
screenshot.png
search.php
searchform.php
sidebar.php
single.php
style.css

Am Anfang interessieren uns aber nur

footer.php
header.php
index.php
sidebar.php
style.css

Wir nehmen also die vorhandene Datei und zerstückeln diese.

In die Datei index.php kopieren wir diesen Quelltext:

<?php get_header(); ?>
<div id="content">

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="postrahmen">
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a xhref="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2><small><?php the_time('j. F Y') ?></small>
<div><?php the_content('Den ganzen Beitrag lesen »'); ?></div>
<p class="postfooter">Kategorie <?php the_category(', ') ?> <strong>|</strong> <?php comments_popup_link('0 Kommentare »', '1 Kommentar »', '% Kommentare »'); ?> <?php edit_post_link('Bearbeiten','<strong>|</strong> ',''); ?></p>
</div>
</div>
<?php endwhile; ?>
<div class="navigation">
<div class="links"><?php next_posts_link('« Vorherige Einträge') ?></div>
<div class="rechts"><?php previous_posts_link('Nächste Einträge »') ?></div>
</div>
<?php else : ?>
<h2>Nicht gefunden</h2>
<p class="center">Sorry, aber Du suchst gerade nach etwas, was hier nicht ist.</p>

<?php include (TEMPLATEPATH . "/searchform.php"); ?>
<?php endif; ?>
</div>
<?php get_footer(); ?>

Die zwei fett geschriebenen Verweise zeigen, dass innerhalb dieser index.php der Header und der Footer geladen werden. Damit dies auch geschieht, müssen sie existent und sinnvollerweise auch gefüllt sein.

Header.php

<title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

<link rel="stylesheet" xhref="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" xhref="<?php

bloginfo('rss2_url'); ?>" />
<link rel="pingback" xhref="<?php bloginfo('pingback_url'); ?>" />

<?php wp_head(); ?>
</head>
<body>

<div id="wrapper">
<div id="randlinks"></div>
<div id="randrechts"></div>
<div id="header">
<div id="logo"><h1><a xhref="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1></div>
<div>
<div id="mininavi">

<a xhref="<?php echo get_settings('home'); ?>/">

<img xsrc="<?php bloginfo('template_directory'); ?>/images/mini_homie.gif" alt="Home"/></a>

<?php bloginfo('description'); ?>
</div>
<div id="search"></div>
<div id="ads"></div>
</div>
</div>
<div id="body">
<?php get_sidebar(); ?>

Sidebar.php

<div id="sidebarleft">
<ul>

<?php wp_list_pages('title_li=<h2>Seiten</h2>' ); ?>

<li><h2>Archiv</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</li>

<li><h2>Kategorien</h2>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
</li>

<li><h2>Meta</h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<?php wp_meta(); ?>
</ul>
</li>
</ul>
</div>

Footer.php

</div>
<div id="footer">
Melbourne Streets 2007 by <a xhref="http://blog.langauer.net" mce_href="http://blog.langauer.net" ><img xsrc="<?php bloginfo('template_directory'); ?>/images/publicon_langauer_net.gif" alt="Langauer.net"/></a><br/>
<?php bloginfo('name'); ?> is proudly powered by <a xhref="http://wordpress.org/" mce_href="http://wordpress.org/" >WordPress</a> | <a xhref="http://wordpress-deutschland.org" mce_href="http://wordpress-deutschland.org" >WPD</a> | <a xhref="feed:<?php bloginfo('rss2_url'); ?>">Beiträge (RSS)</a> und <a xhref="feed:<?php bloginfo('comments_rss2_url'); ?>">Kommentare (RSS)</a>
</div>
<?php wp_footer(); ?>
</div>
</body>
</html>

Alles ins Themeverzeichnis hochgeladen und dort aktiviert... gar nicht soo schlecht. Damit man das eigene Template auch in WordPress erkennt, muss man folgenden Eintrag in der style.css vornehmen:

/*
Theme Name: Mein prima WP-Template
Theme URI: https://vanclan.de/
Description: Mein tolles Template - in Arbeit, deutsch
Version: 0.1
Author: Simon Langauer
Author URI: https://vanclan.de/
*/

Hier nehmt ihr natürlich eure Daten... als nächstes kommen bald die weiteren Dateien; in Schritt 3. Jetzt muss ich erstmal rausfinden, warum Firefox einen Abstand von einem Pixel zwischen die DIVs Search und Ads macht... zugegebenermaßen muss hier noch einiges optimiert werden.

Passende Artikel

Das könnte Dich auch interessieren …

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

*

Wir setzen auf dieser Seite Cookies ein.

Cookies erleichtern die Bereitstellung unserer Dienste. Mit der Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies verwenden. Tracking-Cookies von Google-Analytics und Facebook (Stand 08/2018 nicht auf diesen Seiten verwendet) können hier deaktiviert werden. Weitere Informationen finden Sie in der Datenschutzerklärung. Diese finden Sie zu jeder Zeit im Seitenfuss aufrufbar.