Vorbereitungen fiktive Company
- Neues installiertes WordPress
- Neuen Theme-Ordner anlegen, Name: fc
C:\xampp\htdocs\wordpress\wp-content\themes\fc - vier Dateien darin anlegen
header.php / index.php / sidebar.php / footer.php - Permanlink einstellen
/%post:id%/%postname%/
- Zugriffe: 1423
fiktive Company - header.php
Die header.php ist der Kopfbereich Ihres Themes. Sie ist gültig für die ganze Website,
da sie von den anderen WordPress-Dateien aufgerufen wird.
<!DOCTYPE html>
<head>
<!-- Titel der aktuellen Seite --> <!-- Name Ihrer Website -->
<title><?php wp_title('|', 1, 'right'); ?> <?php bloginfo('name'); ?></title>
<!-- UTF-8 ist u.a. das deutsche Alphabet -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Link zur reset.css -->
<link rel="Stylesheet" type="text/css" href="/<?php echo get_stylesheet_directory_uri(); ?>/reset.css" />
<!-- Link zur style.css -->
<link rel="Stylesheet" type="text/css" href="/<?php echo get_stylesheet_directory_uri(); ?>/style.css" />
<!-- Pfad zur xmlrpc -->
<link rel="pingback" href="/<?php bloginfo('wpurl'); ?>/xmlrpc.php" />
<!-- Pfad zum RSS-Feed -->
<link rel="alternate" type="application/rss+xml" title="RSS-Feed" href="/<?php bloginfo('wpurl'); ?>/feed/" />
<!-- Hook, sollte in jedes Theme, damit Plugins mit WordPress korrekt arbeiten -->
<?php wp_head(); ?>
</head>
<body>
<!-- ID für header-bar festlegen -->
<div id="header-bar"></div>
<!-- ID für page festlegen -->
<div id="page">
<!-- ID für den header festlegen und für das Logo -->
<div id="header">
<img src="/images/logo.gif" width="61" height="73" alt="Fiktive Company">
<span>Fiktive Company</span>
<!-- Klasse für Widgets festelgen -->
<div class="widget">
<!-- Menü - Navigation -->
</div>
</div>
<!-- ID für den Hauptbereich -->
<div id="main">
<!-- ID für das Banner mit Pfad zur Bild-Datei -->
<div id="banner">
<img src="/images/banner.gif" width="940" height="320" alt="Wir lassen Sie nicht im Regen stehen..." />
</div>
<!-- ID content festlegen für den Inhalt -->
<div id="content">
- Zugriffe: 2067
fiktive Company - sidebar.php
Die Sidebar steuert die Seitenleiste und was in ihr zu sehen ist.
</div>
<!-- ID für die Sidebar -->
<div id="sidebar">
<!-- Klasse für Widgets -->
<div class="widget">
<!-- Überschrift für den Suchen-Bereich <h6> -->
<h6>Suche</h6>
<!-- Klasse für submenu -->
<ul class="submenu">
<!-- Kategorien -->
</ul>
</div>
<!-- Klasse für Widgets -->
<div class="widget">
<!-- Überschrift Aus dem Blog <h6> -->
<h6>Aus dem Blog</h6>
<!-- Klasse für articles -->
<ul class="articles"
<!-- Letzte Artikel -->
</ul>
</div>
<!-- Klasse für Widgets -->
<div class="widget">
<!-- Überschrift Über uns <h6> -->
<h6>Über uns</h6>
</div>
</div>
- Zugriffe: 2080
fiktive Company - index.php
Die index.php ist die Startseite Ihres Webauftritts. Mit ihr müssen folgende Dateien eingebunden werden
- header.php
- sidebar.php
- footer.php
<!-- Einbinden der header.php -->
<?php get_header(); ?>
<!--
Einbinden der sidebar.php - wenn hier platziert, befindet sich die Sidebar links,
wenn vor dem Aufruf von footer, dann befindet sie sich rechts
-->
<?php get_sidebar(); ?>
<h1 class="archive">Fictitious Company Blog</h1>
<!-- Loop Funktion startet hier -->
<!--
Wenn Beiträge existieren, gebe diese aus, solange noch nicht alle ausgegeben wurden
Die maximale Anzahl der Beiträge legen Sie fest unter Einstellungen / Lesen / Blogseiten zeigen maximal
Diesen Loop auch in die single.php und page.php
-->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- Formatierung der einzelnen Beiträge erfolgt in der Klasse entry -->
<div class="entry">
<!-- Die Ausgabe des Titels erfolgt formatiert gemäß Permalink und per the_title() als <h2> Überschrift -->
<h2><a href="/<?php the_permalink(); ?>" title="Lesen Sie "<?php the_title(); ?>" vollständig"><?php the_title(); ?></a></h2>
<!-- Ausgabe von Einzelheiten zum Autor Klasse blogmeta -->
<p class="blogmeta">
<!-- Ausgabe der Author-Namens -->
<?php the_author_posts_link(); ?>
<!-- Ausgabe der URL des Authors -->
<a href="/<?php bloginfo('url'); ?>/archiv/">
<!-- Anzeige von Artikeln nach Datum (tt.mm.jjjj) ggfs aus dem Archiv -->
<?php the_time("d.m.Y"); ?></a>
<!-- Artikel einer bestimmten Kategorie -->
<?php the_category(', '); ?>
<!-- Anzeige der Kommentare -->
<?php comments_popup_link('Keine Kommentare','1 Kommentar','% Kommentare','','Kommentare geschlossen'); ?></p>
<!-- Ausgabe des Beitrags mit dem Link zum Weiterlesen, wenn Beitrag lang ist -->
<?php the_content('Weiterlesen...'); ?>
</div>
<!-- Loop endet hier -->
<?php endwhile; else: ?>
<!-- Wenn keine Beiträge vorhanden sind, Meldung anzeigen -->
<p>Es wurden leider keine Beiträge gefunden.</p>
<?php endif; ?>
<p><?php posts_nav_link(' | ','« ältere Artikel','Neuere Artikel »'); ?></p>
<!-- Einbinden der sidebar.php -->
<?php get_sidebar(); ?>
<!-- Einbinden der footer.php -->
<?php get_footer(); ?>
- Zugriffe: 2035
fiktive Company - footer.php
Die Datei footer.php formatiert den Fußbereich
<!-- Klasse clear -->
<div class="clear"></div>
</div>
</div>
<!-- ID footer-bar -->
<div id="footer-bar">
<!-- ID footer -->
<div id="footer">
<!-- ID tagcloud -->
<div id="tagcloud">
<h6>Eine kleine Tag-Cloud</h6>
<!-- Tagcloud -->
</div>
<!-- ID last-comments -->
<h6>Kommentare</h6>
<ul>
<!-- Letzte Kommentare -->
</ul>
</div>
<!-- Klasse clear -->
<div class="clear"></div>
</div>
</div>
<!-- Hook wp_footer() damit WordPress den Footer eigenständig erweitern kann. -->
<?php wp_footer(); ?>
</body>
</html>
- Zugriffe: 2097