Zweite Sidebar und weitere kleine Anpassungen

  • Hallo ihr Lieben,

    ich habe mir den Stil kvarken ausgesucht und ein wenig schon meinem Geschmack angepasst.

    Jetzt möchte ich allerdings eine zweite linke Sidebar haben. Habe schon einiges gelesen, aber geklappt hat das alles nichts. Auch ein PlugIn funktionierte nicht. Kann mir bitte jemand weiterhelfen?

    Außerdem soll die ganze Seite breiter werden, damit die Textfläche der Mitte breiter wird.
    Auch hier habe ich im CSS schon geschaut, aber ich bekomme es nicht so recht hin :(


    Falls erforderlich: http://hilfe.seelenschmerz-forum.de/ (Total am Anfang/im Aufbau)

    Wäre lieb wenn mir jemand helfen könnte.

    Wo finde ich denn eine deutsche Dokumentation von der Verwendung von Wordpress?

    Einmal editiert, zuletzt von Lacelte (4. August 2013 um 21:37)

    • Anzeige

    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

  • Hallo,

    Zitat

    Außerdem soll die ganze Seite breiter werden, damit die Textfläche der Mitte breiter wird.
    Auch hier habe ich im CSS schon geschaut, aber ich bekomme es nicht so recht hin

    Viele Wege führen nach Rom. Zum Beispiel könntest du so anfangen:

    Gesamtbreite erhöhen:
    Zeile 34 in der style.css bei "wrapper" die "width" erhöhen. Dann Nachschauen, was durch diese Änderung alles angepasst werden muss. (z.B. Breite des "#header img" in Zeile 186)

    oder/und

    Die #rightsidebar weiter nach rechts drücken. (padding-left)
    Dann die Width für ".post, .type-page, .type-attachment" erhöhen.


    Zitat

    Jetzt möchte ich allerdings eine zweite linke Sidebar haben. Habe schon einiges gelesen, aber geklappt hat das alles nichts.

    Für jemanden der das kann ist das keine so große Sache. Eine "null-auf-100-Anleitung" für dein spezifisches Theme wird's aber wohl nicht geben...

    Schöne Grüße

  • Eine Zweite Sidebar zu registrieren genügt:

    /* Register widget areas (Sidebars) Skapa sidebars*/
    function kvarken_widgets_init() {
    register_sidebar();

    in

    /* Register widget areas (Sidebars) Skapa sidebars*/
    function kvarken_widgets_init() {
    register_sidebars(2);

    zuendern.


    Bekomme sie aber nicht richtig positioniert im Frontend angezeigt

  • Hallo,

    ich würde gerne weiterkommen.
    Bekomme es in der CSS nicht hin, glaube fast, das es auch nicht dort geschieht?
    Kann Zwar die 2. Sidebar auch positionieren in der css, aber nicht so, das sie an der richtigen stelle ist.
    Bzw. hat sie links dann keine eigene Position wie die rechte sie hat, wisst ihr was ich meine?
    Sie geht dann auch zb. über den mittigen Text, wenn ich mein Browserfenster verkleinere, die "originale" verschmälter sich ja dann mit...

    Gibt es noch andere Daten, die ich mir anschauen könnte, die nicht im Editor aufgelistet sind?
    Weil irgendwas fehlt da noch

    Einmal editiert, zuletzt von Lacelte (5. August 2013 um 18:53)

  • also irgendwo muss sowas ähnliches wie Media handheld, only screen and (max-width: 768px) stehen. du gibst der sidebar im vollbild eine width von 20%; wenn sich der bildschirm verkleinert z.B. auf 768px oder 480px gibst du ihr die width von 100%;

    um die textfläche zu vergrößern zeile: 235 in der style.css von 70% z.B. auf 80% setzen (vorher aber berechnen).

    als tip, lad dir mal firebug als firefox plugin runter, macht das leben um einiges einfacher.

    Einmal editiert, zuletzt von Dezanjo (5. August 2013 um 19:46)

  • /* =Images and objects
    -------------------------------------------------------------- */

    Media \0screen {
    img, object{
    width: auto; /* for ie 8 */
    }
    }

    img,
    object {
    border:3px solid #f7f7f7;
    border-radius:6px;
    max-width: 100%;
    height: auto;
    }

    a img {/*border: none;*/}
    p img {margin: 0.5em;}

    img.size-auto,
    img.size-full,
    img.size-large,
    img.size-medium,
    .attachment img,
    .widget-area img {
    max-width: 100%;
    height: auto;
    }
    img.alignleft {
    margin-right: 1em;
    }
    img.alignright {
    margin-left: 1em;
    }
    .wp-caption {
    padding: 5px;
    text-align: center;
    }
    .wp-caption img {
    margin: 5px;
    }
    dl.gallery-item, .wp-caption, .wp-caption-text {
    color:#314a69;
    font-size:0.9em;
    }
    .gallery-caption {}
    .wp-smiley {
    margin: 0;
    }

    object{margin:15px;}

    blockquote{border-left:3px solid #314a69; padding:5px 0 5px 10px;}

  • bitte nicht die gesamten codes hier posten und auf hilfe warten bzw. fordern, wir helfen ja echt gerne aber etwas eigeninitiative wäre von vorteil, dass ist hier kein fulltime job für uns. wenn du schon codes postest dann beschreib bitte das anliegen dahinter, danke

  • bitte nicht die gesamten codes hier posten und auf hilfe warten bzw. fordern, wir helfen ja echt gerne aber etwas eigeninitiative wäre von vorteil, dass ist hier kein fulltime job für uns. wenn du schon codes postest dann beschreib bitte das anliegen dahinter, danke

    Ich denke das Anliegen erklärt sich aus der davor gehenden Konversation.
    Wenn du nicht helfen kannst oder magst ist das völlig ok, nur hilft auch deine Predigt keinem weiter!

    Eigeninitiative habe ich mehr als genug, doch wenn ich nicht weiterkomme, ist es legitim zu fragen, oder?
    Mein Forum hat sich auch nicht von alleine aufgebaut...;)

  • ich schreibe es gerne noch einmal,

    um den content text zu vergrößern, die zeile 235 in der .css suchen und um den entsprechenden wert vergrößern.

    um die zweite sidebar der ersten sidebar anzupassen, die entsprechenden media queries in der entsprechenden .css verändern.

    als bsp.

    Media only screen and (max-width: 1200px) {
    #leftsidebar{
    width:20%;
    }
    }
    Media only screen and (max-width: 480px) {
    #leftsidebar{
    width:100%;
    }
    }

  • Entschuldige, ich habe es verrafft das du bevor ich das letzte im Zitat zu dir schrieb, mir schon helfen wolltest!
    Dachte, es wäre jemand anders der einfach mal seinen senf dazu geben will und nichts produktives erbringt.
    Sorry!

    Das Textfeld habe ich schon vergrößert, das geht.
    Das andere werde ich probieren :)

  • Soll ich einfach den Code mit deinem überschreiben? - So tut sich jedenfalls nichts.
    Muss ich die Sidebar dennoch "manuel" nach rechts verschieben?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!