Hallo in die Runde,
ich habe mit meinem eigenen Theme für blogpartei zwei Probleme, die ich über die Suche nicht befriedigend lösen konnte. Ich muss dazu sagen, ich bin ein klassischer Code-Schnipsel-Kopierer, weil ich selbst nur rudimentär programmieren kann.
- Sidebar-Position
Wenn ich Version Eins benutze, funktioniert die Darstellung im FF2 einwandfrei, die Sidebar erscheint rechts von den Beiträgen. Jedoch nicht im IE (da erscheinen die Beiträge erst in ihrer Spalte, wenn die Sidebar vorbei ist. Version Zwei führt jedoch dazu, dass die Sidebar (der footer wird jedoch richtig angezeigt) direkt unter den Beiträgen erscheint.
Version Eins (index)
<?php get_header(); ?>
<div class="wrapper">
<?php get_sidebar(); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="content">
<h1><a id="post-<?php the_ID(); ?>" href="<?php the_permalink() ?>" rel="bookmark" title=" <?php the_title(); ?>"><?php the_title(); ?></a></h1><span class="sma"><?php comments_popup_link('0 Kleeblätter', '1 Kleeblatt', '% Kleeblätter'); ?></span>
<div class="entry"><?php the_content('Den ganzen Beitrag lesen »'); ?>
</div>
<span class="sma"><span class="imgdown">
<img src="wp-content/themes/Blank/images/klee.png"></span> <?php the_author_posts_link('namel'); ?> - <?php the_time('j. F y') ?><a align="right"<?php edit_post_link('Bearbeiten',''); ?> - <?php the_category(', ') ?></a>
</span>
<p align="center">
<img src="/wp-content/themes/Blank/images/space.png">
<p>
<?php endwhile; ?>
<!--ende post-->
<!--pagebar-->
<div align="center"><?php
if (function_exists('wp_pagebar'))
wp_pagebar();
?></div>
<!--pagebar ende--->
<?php else : ?>
Nicht gefunden
<!--get search-->
<?php include (TEMPLATEPATH . "/searchform.php"); ?>
<?php endif; ?>
</div>
</div>
</div>
<?php get_footer(); ?>
Alles anzeigen
Style
.wrapper {
margin: 0 auto;
width: 850px;
}
.content {
float: left;
padding-top: 10px;
width: 500px;
margin: 0;
}
.entry {
line-height: 1.5;
}
.head {
width: 850px;
float: center;
padding: 0;
height: 100px;
margin: 0;
}
.sidebar{
float: right;
margin: 0px 0px 0px 0px;
width: 300px;
padding: 50px 0px 0px 0px;
}
.footer {
width: 850px;
clear: both;
margin: 10px 0px 10px 0px;
padding: 50px 0px 0px 0px;
}
Alles anzeigen
Version Zwei (Sidebar unten)
<?php get_header(); ?>
<div class="wrapper">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
...
...
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Alles anzeigen
2. Zeilenumbruch im Layout
- 1.Beispiel
Ich hätte gern, dass die Überschrift mit 14px links anfängt und dann rechts in der selben Zeilen die Kommentaranzahl in dem "Sma"-Style angezeigt wird. (Also die Überschrift linksbündig, quasi mit align=left, die Kommentare jedoch rechtsbündig in der selben Zeilen, also mit align="right" sind)
Jedoch bricht das im Layout immer um, das heißt, die Kommentaranzahl ist immer erst in der nächsten Zeile zu sehen (dass sie rechtsbündig reingebaut wird, funktioniert genau so wenig, wie geht das?). Aus der Index.php
...
<?php get_header(); ?>
<div class="wrapper">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="content">
<h1><a id="post-<?php the_ID(); ?>" href="<?php the_permalink() ?>" rel="bookmark" title=" <?php the_title(); ?>"><?php the_title(); ?></a></h1><span class="sma"><?php comments_popup_link('0 Kleeblätter', '1 Kleeblatt', '% Kleeblätter'); ?></span>
...
...
</div>
</div>
...
Alles anzeigen
Aus der Style.css
...
h1,h2,h3 {
font-family: Helvetica, sans-serif;
font-weight:bold;
color: #ece098;
}
h1, h1 a {
font-size: 14px;
font-weight:bold;
color: #ece098;
}
h1 a:hover {
font-size: 14px;
color: #95ab04;
font-weight:bold;
}
h1 a:visited {
font-size: 14px;
font-weight:bold;
color: #ece098;
}
.sma { font-size: 11px;
color: #95ab04;
}
.sma a { font-size: 11px;
color: #95ab04;
}
.sma a:hover, .sma a:hover:visited {
font-size: 11px;
color: #ece098;
}
.sma a:visited {
font-size: 11px;
color: #95ab04;
}
...
Alles anzeigen
- 2. Beispiel
Hier bricht das Layout im Footer ebenso um:
Footer.php
<div class="wrapper">
<div class="container">
<div class="footer">
© <?=date('Y');?> <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a> - Das Theme BLGPRT dampft durch <a href="http://www.wordpress.org/">Wordpress</a>
<div align="right"><a href="<?php bloginfo('rss2_url'); ?>">Beiträge (RSS)</a>
und <a href="<?php bloginfo('comments_rss2_url'); ?>">Kommentare (RSS)</a></div>
<!-- <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds. -->
<?php wp_footer(); ?>
</div></div></div>
</body>
</html>
Alles anzeigen
Wo liegen meine Fehler?
Vielen Dank!