Seitenbreite ändern nur auf einer Seite?!

sveni82

Hallo,

ich haben mehrere Seiten auch mit Sidebars.
Auf einer Seite habe ich jedoch kein Sidebar und möchte nur diese Seite gerne komplett anzeigen lassen, was so nicht passiert.
Wenn ich in der sytle.css den Wert für width ändere macht er dies ja auf allen Seiten, was bei denen mit Sidebar schlecht ist.

.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 614px;
}

Gibts ne möglichkeit die volle Breite nur für diese eine Seite zu nutzen?

Danke.

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

Mithrandir

Hierfür kannst Du ein Seiten Template verwenden. In diesem Zusammenhang erstellst Du eine Kopie der CSS-Klasse und setzt die Breite auf den gewünschten Wert. Dann kopierst Du die page.php Deines Themes und erstellst zum Beispiel eine page-full.php, die Du als Seiten Template auszeichnest und die CSS-Klasse entsprechend änderst. Bei der Seite, die in voller Breite angezeigt werden soll, kannst Du dann das erstellte Template auswählen.

Bei Unklarheiten einfach noch mal fragen. :)

alchymyth

hoffentlich ist dein theme etwas moderner und verwendet [FONT=Courier New][COLOR=blue]'body_class()'[/COLOR][/FONT] im body tag - das erzeugt seiten-spezifische css classes mit denen du gezielt formatieren kannst.

beispiel:

Code

.page-id-123 .contentLayout .content { width: 100%; }

sveni82

alchymyth: Habe das theme "festival4u". Da habe ich im style.css nix mit body_class gefunden. habe deinen part mal reingeschrieben, hatte aber so nix gebracht:

.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 614px;
}
.page-id-23 .contentLayout .content { width: 100%; }

Mithrandir:
Habe jetzt die page.php kopiert und eine page_fullsize.php gemacht.
Jetzt weiss ich aber nicht was ich in dieser ändern soll:
Muss ich jetzt da wo "sidebar1.php" steht "page_fullsize.php" reinschreiben.
Hab hier keine Ahnung :-)

PHP

<?php get_header(); ?>
<div class="contentLayout">
<div class="sidebar1">
<?php include (TEMPLATEPATH . '/sidebar1.php'); ?>
</div>
<div class="content">


<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
<div class="Post">
 <div class="Post-body">
<div class="Post-inner">
<h2 class="PostHeaderIcon-wrapper"> <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a>
</h2>
<!--<img class="metadata-icon" src="<?php bloginfo('template_url'); ?>/images/PostDateIcon.png" width="18" height="18" alt="PostDateIcon"/> <?php the_time('F jS, Y') ?>






<img class="metadata-icon" src="<?php bloginfo('template_url'); ?>/images/PostAuthorIcon.png" width="18" height="18" alt="PostAuthorIcon"/> Author: <a href="#" title="author"><?php the_author() ?></a><?php edit_post_link('Edit', ' | '); ?><div class="PostContent">-->
<?php the_content('Read the rest of this entry &raquo;'); ?>


</div>
<?php if (!is_page()): ?>
<div class="PostMetadataFooter">
<img class="metadata-icon" src="<?php bloginfo('template_url'); ?>/images/PostCategoryIcon.png" width="18" height="18" alt="PostCategoryIcon"/> Category: <?php the_category(', ') ?> | <img class="metadata-icon" src="<?php bloginfo('template_url'); ?>/images/PostTagIcon.png" width="18" height="18" alt="PostTagIcon"/> <?php the_tags('Tags: ', ', ', ' '); ?> | <img class="metadata-icon" src="<?php bloginfo('template_url'); ?>/images/PostCommentsIcon.png" width="18" height="18" alt="PostCommentsIcon"/> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?>
</div>
<?php endif; ?>


<?php if (is_single() && !is_page()): ?>
<div class="navigation">
<div class="alignleft"><?php previous_post_link('&laquo; %link') ?></div>
<div class="alignright"><?php next_post_link('%link &raquo;') ?></div>
</div>
<?php comments_template(); ?>
<?php endif; ?>
<?php if (is_page()) edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
</div>




 </div>
</div>


<?php endwhile; endif; ?>


</div>


</div>
<div class="clear-float"></div>


<?php get_footer(); ?>

Alles anzeigen

alchymyth

zB:

diesen abschnitt aendern:

PHP

<?php get_header(); ?>
<div class="contentLayout">
<div class="sidebar1">
<?php include (TEMPLATEPATH . '/sidebar1.php'); ?>
</div>
<div class="content">

a: den code fuer ein seiten-template einsetzen http://codex.wordpress.org/Pages#Page_Templates;

b:
den sidebar-aufruf und div entfernen;

c:
eine neue css class einsetzen.

der abschnitt sollte dann etwa so aussehen:

PHP

<?php
/*
Template Name: FullSize
*/
?>
<?php get_header(); ?>
<div class="contentLayout fullsize">


<div class="content">

style:

Code

.contentLayout.fullsize .content { width:100%;}

in style.css einsetzen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Seitenbreite ändern nur auf einer Seite?!

Jetzt mitmachen!