sitebar löschen und seiten widget nach oben

brainiac

Hi! Ich habe mal ne Frage. Wie kann man die komplette sitebar löschen (sammt meta und was weiß ich alles, was da noch rumschwirrt). Das Menü soll nach oben in den header rein. Wie kriege ich das hin?
Ich verwende Wordpress 2.5.1. Ich habe das Theme "default"

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

Wenn du mit Widgets arbeitest, dann lösche die nicht benötigten Widgets.
Wenn du ohne Widgets arbeitest, dann geh in die sidebar.php und lösch da den nicht benötigten Code raus.

Die Sidebar bekommst du in den Header, indem du aus sämtlichen Templates (index.php, archive.php, page.php ...) den Aufruf rauslöschst:

PHP

<?php get_sidebar(); ?>

und die Anweisung dann im Header an die gewünschte Stelle gibst. Dann musst du noch die CSS-Formatierungen anpassen.

marX

Zitat von brainiac

Hi! Ich habe mal ne Frage. Wie kann man die komplette sitebar löschen (sammt meta und was weiß ich alles, was da noch rumschwirrt).

Am einfachsten ganz oben in die sidebar.php des Themes:

PHP

<?php return; ?>

(wenn du die Sidebar irgendwann wiederhaben willst, dann musst du nur die Zeile weider entfernen ;-))

Zitat

Das Menü soll nach oben in den header rein. Wie kriege ich das hin?

In die header.php reinbasteln.

brainiac

Naja.. Die sitebar is weg (danke), aber ich kriege das menü jetzt iwie nicht in den header... Kann es einer besser beschreiben, denn ich habe (sogut wie) keinen Plan von php :D

Viele Grüße
Jonathan

maxe

was möchtest du denn im Header drin haben?

brainiac

ich möchte nur das Menü im header haben. Mehr nicht.

Viele Grüße
Jonathan

maxe

Menü? Aha, mehr nicht!
Ja, aber welches Menü? Seiten, Kategorien, Archive, etc. :confused:
Horizontal, vertikal ... rechts, links, mitte :confused:

Du merkst, so einfach ist das nicht ... hellsehen können wir hier nicht (außer so manches Mal der marX :) )

Vielleicht etwas genauer. Sonst guck dir doch mal den Code in der sidebar.php (Backup haste sicherlich ;-) ) an und bau den mal in die header.php an die gewünschte Stelle.

brainiac

was denn wo einbauen?
menü: nur die seiten, mittig ausgerichtet und horizontal
Ich hoffe ihr könnt mir helfen. Am besten gleich schon die ganze header.php, weil ich davon wirklich sogut wie keinen peil hab :D

Viele Grüße
Jonathan

maxe

Zitat von brainiac

was denn wo einbauen?
menü: nur die seiten, mittig ausgerichtet und horizontal
Ich hoffe ihr könnt mir helfen. Am besten gleich schon die ganze header.php, weil ich davon wirklich sogut wie keinen peil hab :D
Viele Grüße
Jonathan

Öhhm, woher wissen wir denn wie deine jetzige header.php aussieht? Das mach bitte erst mal alleine (sonst haste ja auch keinen Lerneffekt ;-) )

Mit dem TemplateTag wp_list_pages() ist die Auflistung der Seiten möglich: Template Tags/wp list pages ? WordDoku

Könnte dann an der gewünschten Stelle in der header.php so aussehen:

PHP

<?php wp_list_pages('title_li=&sort_column=menu_order&depth=1' ); ?>

Musst du dann evtl. noch mit CSS aufhübschen :mrgreen:

brainiac

Danke... Das mit dem Menü geht, aber ich kann die Links nicht mit CSS verbessern, ohne, dass gleich die ganze Seite davon betroffen ist... es soll ja nur bei dem header die Links mit meinem CSS gemacht werden.. Ich habs auch nur ebi header.php eingegeben. Naja vielleicht könnt ihr mir ja helfen.

Viele Grüße
Jonathan

maxe

Vielleicht wäre jetzt spätestens mal ein Link zu deiner Site angemessen :mrgreen:
[size=8]http://forum.wordpress-deutschland.org/plugins-und-wi…alb-zuerst.html[/SIZE]

brainiac

warum? Kann man mir denn nicht auch so helfen?

marX

Schwierig. Aber poste wenigstens mal den nötigen Code aus der header.php und die dazugehörigen CSS-Regeln.

brainiac

header.php

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>


<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<title><?php bloginfo('name');
if ( is_single() ) {
    _e('&raquo; Blog Archive', 'kubrick');
}
wp_title(); ?></title>


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<style type="text/css" media="screen">
<?php
// Checks to see whether it needs a sidebar or not
if (!empty($withcomments) && !is_single() ) {
?>
    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>
}


</style>


<?php wp_head(); ?>
</head>
<body>
<div id="page">




<div id="header">
    <div id="headerimg">
        <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
        <div class="description"><?php bloginfo('description'); ?></div>


  <span><center> <?php wp_list_pages('title_li=&sort_column=menu_order&depth=1' ); ?>  </center>  </span>


</div>
</div>
<hr />

Alles anzeigen

brainiac

style.css

Code

div#content .post h2 a,
div#content .post h2 a:visited,
ol.commentlist li cite a,
ol.commentlist li cite a:visited
{
    color:inherit ! important;
    text-decoration:none ! important;
}


div.cleaner 
{
    clear:both;
}
/* Begin Typography & Colors */
* {
    margin:0px;
    padding:0px;
}


body {
    font-family:Calibri, Corbel, Candara, Arial, Sans-Serif;
    font-size:18.25px;
    background-color:#DBE5E5;
    width:100%;
}


h2, h3 {
   font-family:Cambria, "Times New Roman", Serif;
   font-weight:bold;
}


h2, h3 {
    color:Orange;
}


div#wrapper {
    margin:3em auto 0 auto;
    width:760px; 
}


div#header {
     background-image:url(images/header.jpg);
     background-repeat:no-repeat;
}


div#header h1 {
     font-size:40pt;
     text-align:center;   
     padding-right:1em;
     padding-top:70px;
     color:Orange;
     border-bottom:Solid 5px Orange;
}


div#header h1 a {
    text-decoration:none;
    color:Black;
}


ul#navi {
    list-style-type:none;
    padding-left:2em;
    margin-top:-1.2em;
}


ul#navi li {
    display:inline;
}


ul#navi li a {
    color:Black;
    text-decoration:none;
    padding:0.2em 0.2em 0 0.2em;
    margin:0 0.2em;
    border:Solid 1px #ADD8E6;
    border-bottom:none;
    background-color:#DBE5E5;
}


ul#navi li.current a {
    border:Solid 1px Orange;
    border-bottom:none;
    background-color:Orange;
}


ul#navi li a:hover {
    background-color:#ADD8E6;
}


ul#navi li.current a:hover {
    background-color:Orange;
}


div#content {
    padding:2em 4em;
    border:Solid 1px #ADD8E6;
    background-color:White;
}


div#content h2 {
    font-size:larger;
    margin-bottom:1em;
}


div#content h3 {
    font-size:large;
    margin-bottom:0.2em;
}


div#content p {
    margin-bottom:1em;
}


div#content a {
    color:#FF7100;
}


div#content a:visited {
    color:#FF2E00;
}


div#content .entry .postmetadata small,
ol.commentlist li p,
form#commentform p
{
    font-size:8pt;
}


div#footer 
{
    text-align:center;
    font-style:italic;
    margin-bottom:3em;
}
    


.widecolumn .entry p {
    font-size: 1.05em;
    }


.narrowcolumn .entry, .widecolumn .entry {
    /*line-height: 1.4em;*/
    }


.narrowcolumn .postmetadata {
    text-align: center;
    }


.alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }


small {
    /*font-family: Arial, Helvetica, Sans-Serif;*/
    font-size: 0.9em;
    /*line-height: 1.5em;*/
    }


h1, h2, h3 {
    /*font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
    font-weight: bold;
    }


h1 {
    font-size: 4em;
    text-align: center;
    }


#headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }


h2 {
    font-size: 1.6em;
    }


h2.pagetitle {
    font-size: 1.6em;
    }


#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }


h3 {
    font-size: 1.3em;
    }


/*h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }*/


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    /*color: #333;*/
    }


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }


.entry p a:visited {
    color: #b85b5a;
    }


.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


.commentlist li {
    font-weight: bold;
    }


.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }


.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }


.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }


#commentform p {
    /*font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
    }


.commentmetadata {
    font-weight: normal;
    }


#sidebar {
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }


code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }


acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }


a, h2 a:hover, h3 a:hover {
    color: #06c;
    text-decoration: none;
    }


a:hover {
    color: #147;
    text-decoration: underline;
    }


#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
    }


#wp-calendar a {
    text-decoration: none;
    }


#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }


#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */






/* Begin Structure */
body {
    margin: 0 0 20px 0;
    padding: 0;
    }


#page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 760px;
    border: 1px solid #959596;
    }


#header {
    background-color: #73a0c5;
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 758px;
    }


#headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }


/*.narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 450px;
    }*/


.post {
    margin: 0 0 40px;
    
    }


.post hr {
    display: block;
    }


.widecolumn .post {
    margin: 0;
    }


.narrowcolumn .postmetadata {
    padding-top: 5px;
    }


.widecolumn .postmetadata {
    margin: 30px 0;
    }


.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}


.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}


.postmetadata {
    clear: both;
}


.clear {
    clear: both;
}


/* End Structure */






/*    Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
    }


h2 {
    margin: 30px 0 0;
    }


h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}


#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }

Alles anzeigen

brainiac

style.css (Teil 2)

CSS

h3 {
    padding: 0;
    margin: 30px 0 0;
    }


h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */






/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }


/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }


img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }


img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }


.alignright {
    float: right;
    }


.alignleft {
    float: left
    }
/* End Images */






/* Begin Lists


    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    }


html>body .entry li {
    margin: 7px 0 8px 10px;
    }


.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
    }


.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }


.entry ol li {
    margin: 0;
    padding: 0;
    }


.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }


#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }


#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }


#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }


#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }


#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }


ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }


#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }
/* End Entry Lists */






/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }


#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }


#sidebar #searchsubmit {
    padding: 1px;
    }


.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }


select {
    width: 130px;
    }


#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }


#commentform textarea {
    width: 100%;
    padding: 2px;
    }


#commentform #submit {
    margin: 0;
    float: right;
    }
/* End Form Elements */






/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }


.commentlist {
    padding: 0;
    text-align: justify;
    }


.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }


.commentlist p {
    margin: 10px 5px 10px 0;
    }


#commentform p {
    margin: 5px 0;
    }


.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }


.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */






/* Begin Sidebar */
#sidebar
{
    padding: 20px 0 10px 0;
    margin-left: 545px;
    width: 190px;
    }


#sidebar form {
    margin: 0;
    }
/* End Sidebar */






/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }


#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }


#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }


#wp-calendar a {
    display: block;
    }


#wp-calendar caption {
    text-align: center;
    width: 100%;
    }


#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }


#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */






/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }


acronym, abbr {
    border-bottom: 1px dashed #999;
    }


blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 75px;
    font-style:italic;
    font-family:Georgia, "Times New Roman", Serif;
    background-image: url(images/quote.png);
    background-repeat: no-repeat;
    background-position: left top !important;
}


blockquote cite {
    margin: 5px 0 0;
    display: block;
    }


.center {
    text-align: center;
    }


.hidden {
    display: none;
    }


hr {
    display: none;
    }


a img {
    border: none;
    }


.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
/* End Various Tags & Classes*/






/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    /*-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/
}


.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}


.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

Alles anzeigen

marX

PHP

<span><center> <?php wp_list_pages('title_li=&sort_column=menu_order&depth=1' ); ?>  </center>  </span>

Okay, also wp_list_pages() gibt ne HTML-Liste zurück, also ist <span> dort falsch. (<center> sowieso...) Da gehört ein <ul>-Element außenrum. Vorzugsweise mit ner Klasse/ID versehen, über die du die Liste per CSS ansprechen kannst. So wäre es vernünftig:

HTML

<ul id="topmenu"><?php wp_list_pages('title_li=&sort_column=menu_order&depth=1' ); ?></ul>

Dann kannst du folgendes in deine style.css schreiben:

Code

#topmenu {
list-style-type:none;
text-align:center;
}
#topmenu li {
display:inline;
}

Weitere CSS-Eigenschaften nach Belieben...

brainiac

Danke! Jetzt habe ich es geschafft mit meinem design!

Viele Grüße
Jonathan

Willkommen! Melden Sie sich an oder registrieren Sie sich.

sitebar löschen und seiten widget nach oben

Jetzt mitmachen!

Benutzer online in diesem Thema