2 Sidebars?


Reply to this topicStart new topicStart Poll





Newcomer
*****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 26. Aug 2009
Beiträge: 657
06. Mar 2011, 12:24
Link · · · · Zitat
Hey also ich wollte gerade anfangen das neue lay für meine The Pretty Reckless page zu coden und wollte es dieses mal mit 2 Sidebars machen nur habe ich noch nie ein wordpress coding mit 2 sidebars gecodet wie soll das funktionieren wie soll ich angeben das eins rechts und eins links sein soll?


--------------------





Newcomer
*****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 25. Jun 2010
Beiträge: 622
09. Mar 2011, 19:50
Link · · · · Zitat
Das würd ich auch gerne wissen! Ich möchte den Sidebaraufbau ungefähr wie hier


--------------------





Newcomer
*****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 26. Aug 2009
Beiträge: 657
11. Mar 2011, 17:13
Link · · · · Zitat
hey ich wollt nochmal nachfragen ob es jemand weiß da ichs eingendlich am Wochenende fertig coden wollte


--------------------





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
16. Dec 2012, 16:44
Link · · · · Zitat
hat denn schon jemand ne idee wie man 2 Sidebars in ein Theme einbauen kann? ich meine aber keine 2 Widget fähigen Sidebars





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
17. Dec 2012, 13:21
Link · · · · Zitat
also Ich habs selber hinbekommen und für alle die gerne 2 Sidebars in ihrem Theme haben wollen hier mal der Code den Ich nutze ...

also 2 Sidebars erstellen:

sidebar-left.php
sidebar-right.php

und dann in der index.php folgenden Code eingeben:

<?php get_sidebar('left'); ?>
<?php get_sidebar('right'); ?>
</div>

und dann den Rest über CSS machen





Unter-der-Dusche Sänger/in
*

Gruppe: Mitglieder
Mitglied seit: 02. Mar 2013
Beiträge: 17
03. Mar 2013, 15:48
Link · · · · Zitat
Danke Yukiko ! happy.gif





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
08. Mar 2013, 12:25
Link · · · · Zitat
gerne smile.gif





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
16. Apr 2013, 13:44
Link · · · · Zitat
Jezt hab ich doch noch mal eine Frage zum Coding für 2 Sidebars ... Den folgenden Code habe ich ganz unten in der index.php

CODE
<center>
<?php if (function_exists('wp_pagenavi')) wp_pagenavi(); ?>
</center>
</div>
<?php get_sidebar('left'); ?>
</div>
<?php get_sidebar('right'); ?>
</div>
<?php get_footer(); ?>
<div style="clear:both;">
</div>


so sehen die css codes dafür aus
CODE
#sidebar-left {
margin-left: 29px;
margin-top: -2275px;
position: relative;
float: left;
clear: both;
width: 210px;
}


CODE
#sidebar-right {
margin-right: 29px;
margin-top: -2275px;
position: relative;
float: right;
clear: both;
width: 210px;
}


nun habe ich das problem wenn ich News poste verschieben sich die Sidebars immer weiter nach unten statt dort zu bleiben wo sie sollen, weiß jemand woran das liegt?





Mega Star
*********

Gruppe: 4FANS-Mitglieder
Mitglied seit: 12. Feb 2006
Beiträge: 5796
16. Apr 2013, 18:07
Link · · · · Zitat
Hat deine Content-Box auch eine float-Angabe?


--------------------





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
16. Apr 2013, 18:24
Link · · · · Zitat
ja klar und zwar die hier

CODE
#content {
margin-left: 261px;
margin-top: -520px;
position: relative;
float: left;
width: 481px;
}





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
22. Apr 2013, 09:44
Link · · · · Zitat
kann mir jemand weiter helfen?





Mega Star
*********

Gruppe: 4FANS-Mitglieder
Mitglied seit: 12. Feb 2006
Beiträge: 5796
22. Apr 2013, 17:36
Link · · · · Zitat
Mach mal bei deinen Sidebars das clear:both; raus und setzte unter die letzte sidebar/contont-box (je nachdem, was du im Code als letztes hast) ein

CODE
<div style="clear:both;"></div>


--------------------





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
22. Apr 2013, 18:38
Link · · · · Zitat
den code

CODE
<div style="clear:both;"></div>


hab ich in der index ganz unten unter dem footer und selbst ohne das clear: both in den beiden sidebars bleiben die nicht wo sie sollen. hier mal der link der seite wo das problem ist http://mileycyrusportugal.com

Bearbeitet von Yukiko am 22. Apr 2013, 18:39





Mega Star
*********

Gruppe: 4FANS-Mitglieder
Mitglied seit: 12. Feb 2006
Beiträge: 5796
22. Apr 2013, 19:02
Link · · · · Zitat
Die "position:relative"s kannst erstmal weglassen.

Dann kannst du wieoben gesagt das clear in der Sidebars weglassen.

Und im deinem Code machst du folgende Reihenfolge:

div Sidebar links
div Content
div Sidebar rechts

und diese bekommen dann alle ein float:left

Anschließend sollte alles fast so aussehen wie vorher, aber richtig angezeigt werden. Musst dann ggf. nur noch mit nem margin bisschen die boxen bisschen hin und herschieben. Und beim Header reduzierst du die Höhe der Box von 850px auf die Höhe, die er Header eigentlich hat. Dann muss du auch nix nach oben ziehen.


--------------------





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
22. Apr 2013, 19:55
Link · · · · Zitat
danke für die vielen tips, hab aber nochmal eine frage der header hat ja aber wirklich eine höhe von 850px kann ich das in der style.css trotzdem reduzieren?

hab den code nun so
CODE
<?php get_sidebar('left'); ?>

<?php get_footer(); ?>

<?php get_sidebar('right'); ?>


oder muss ich den code so haben?

CODE
<?php get_sidebar('left'); ?>
</div>
<?php get_footer(); ?>
</div>
<?php get_sidebar('right'); ?>


Bearbeitet von Yukiko am 22. Apr 2013, 20:11





Mega Star
*********

Gruppe: 4FANS-Mitglieder
Mitglied seit: 12. Feb 2006
Beiträge: 5796
22. Apr 2013, 20:32
Link · · · · Zitat
Also ich sehe nichts, was die Höhe von 850px benötigt. Wenn du das brauchst, dass der Hintergrund richtig angezeigt wird, solltest du das anders machen wink.gif

Ne der Footer kommt unter die beiden Sidebars. Die Loop musst du zwischen beide setzten.

Bearbeitet von imagine am 22. Apr 2013, 20:34


--------------------





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
22. Apr 2013, 20:35
Link · · · · Zitat
wie kann ich es denn besser machen?

in der index.php hab ich den code nun so

CODE
<?php endwhile; ?>
<center>
<?php if (function_exists('wp_pagenavi')) wp_pagenavi(); ?>
</center>
<?php endif; ?>
</div>
<?php get_sidebar('left'); ?>
</div>
<?php get_sidebar('right'); ?>
</div>
<?php get_footer(); ?>
</div>
<div style="clear:both;">
</div>



scheint aber immer noch nicht richtig zu sein, immer wenn ich denk ich habs verstanden hab ich es doch nicht wink.gif

Bearbeitet von Yukiko am 22. Apr 2013, 20:38





4FANS-Team
*********

Gruppe: 4FANS-Admins
Mitglied seit: 10. Oct 2004
Beiträge: 9392
22. Apr 2013, 20:53
Link · · · · Zitat
Man kann dem Code nicht entnehmen ob alle Spalten ein "float:left" bekommen haben. Entweder du machst es in dieser Datei, also z.B.

<div style="float:left">
<?php get_sidebar('left'); ?>
</div>

oder in den Sidebars selbst. Wichtig ist nur dass sie alle dieses float bekommen, sonst können sie nicht nebeneinander erscheinen. Zudem musst du den Spalten auch eine passende Breite geben, damit alle drei nebeneinander passen und eventuell mit margin/padding ausrichten, je nachdem wie es aussehen soll.

Mach das mal, wenn noch was sein sollte dann besser Link posten.





Clubsänger/in
****

Gruppe: 4FANS-Mitglieder
Mitglied seit: 13. Nov 2007
Beiträge: 251
22. Apr 2013, 21:03
Link · · · · Zitat
hatte weiter oben den link schon gepostet, hier nochmal
http://mileycyrusportugal.com

hab nun alle 3 Boxen mit float: left versehen breite sind bei allen 3 angegeben und margin-padding ausrichtung auch denoch sieht es nicht richtig aus smile.gif





4FANS-Team
*********

Gruppe: 4FANS-Admins
Mitglied seit: 10. Oct 2004
Beiträge: 9392
22. Apr 2013, 22:29
Link · · · · Zitat
So wie ich es sehe hast du die Reihenfolge nicht eingehalten, soll sein wie imagine schrieb:

QUOTE (imagine @ 22. Apr 2013, 19:02)
div Sidebar links
div Content
div Sidebar rechts


Und ich sehe auf deiner Seite:

QUOTE
div Content
div Sidebar links
div Sidebar rechts


Wieso es dennoch halbwegs in Ordnung aussieht ist weil du noch Sachen wie "margin-left: -712px;" drin hast, das muss weg damit alle drei Spalten schön nebeneinander sind.



Thema wird von 0 Benutzer(n) gelesen (0 Mitglieder, 0 Gäste und 0 Anonyme Benutzer)
 


Seiten: (3) [1] 2 3 
Reply to this topic Start new topicStart Poll