Hallo zusammen,
ich habe mir von Galileo das Einstiegstraining als DVD besorgt.
HIer ist beim erstellen des eigenen Themes ein Problem.
Ich habe im Themes Ordner einen Unterordner angelegt in diesem liegt die index.php, style.css und der screenshot aus der Übungsdatei. Eigentlich sollte ich nun ins Backend wechseln und das Themes unter Themes verwalten sehen und aktivieren.
Doch da ist nix!
Die Index.php:
HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<header id="header">
<div class="container">
<h1 class="siteTitle">Titel der Seite</h1>
<h2 class="siteDescription">Beschreibung der Seite</h2>
</div><!-- .container -->
</header>
<nav id="navMain">
<div class="container">
<ul>
<li><a href="#">Navigationspunkt</a></li>
<li><a href="#">Navigationspunkt</a></li>
<li><a href="#">Navigationspunkt</a></li>
<li><a href="#">Navigationspunkt</a></li>
<li><a href="#">Navigationspunkt</a></li>
</ul>
</div>
</nav>
<div id="claim">
<div class="container">
</div><!-- .container -->
</div><!-- #claimContainer -->
<div id="content">
<div class="container">
<div id="main">
<article><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></article>
</div><!-- #main -->
<div id="sidebar">
<aside>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</aside>
</div><!-- #sidebar -->
</div><!-- .container -->
</div><!-- #claimContainer -->
<footer id="footer">
<div class="container">
<nav id="navSecondary">
<ul>
<li><a href="#">Navigationspunkt</a></li>
<li><a href="#">Navigationspunkt</a></li>
</ul>
</nav>
</div>
</footer>
</body>
</html>Die Style CSS:
HTML
/*
Theme Name: Stadt, Land, Fluss
Theme URI: http://www.galileopress.de
Description: Beispiel-Theme des "WordPress"-Video-Trainings
Author: Jonas Hellwig
Author URI: http://kulturbanause.de/
Version: 1.0
Tags:
License:
License URI:
*/
/* globals */
* {
margin: 0;
padding: 0;
font-family: 'Droid Sans', sans-serif;
}
p {
margin-bottom: 1em;
}
/* container */
.container {
max-width: 1000px;
margin: 0 auto;
}
/* header */
#header {
height: 140px;
float: left;
width: 100%;
}
.siteTitle {
color: #633e13;
font-size: 2.625em;
margin-top: 28px;
}
.siteDescription {
color: #b07d42;
font-size: 1.125em;
font-weight: normal;
margin-top: 5px;
}
/* navMain */
#navMain {
background: #7ca42e;
float: left;
width: 100%;
}
#navMain ul {
list-style: none;
}
#navMain li {
float: left;
margin-right: 2.8em;
}
#navMain a {
padding: 1.7em .2em 1.5em .2em;
display: block;
color: white;
text-decoration: none;
}
#navMain a:hover {
color: black;
}
/* claim */
#claim {
height: 200px;
background: #5f472b;
float: left;
width: 100%;
}
/* content */
#content {
float: left;
width: 100%;
margin: 50px 0 80px;
}
/* main */
#main {
width: 65%;
float: left;
}
/* sidebar */
#sidebar {
float: right;
width: 30%;
background: #f4ebdc;
}
aside {
margin: 25px;
}
/* footer */
#footer {
background: #7ca42e;
float: left;
width: 100%;
}
#navSecondary {
background: #7ca42e;
float: left;
width: 100%;
font-size: 0.8em;
}
#navSecondary ul {
list-style: none;
}
#navSecondary li {
float: left;
margin-right: 2.8em;
}
#navSecondary a {
padding: 1.7em .2em 1.5em .2em;
display: block;
color: white;
text-decoration: none;
}
#navSecondary a:hover {
color: black;
}