1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Zweite Sidebar und weitere kleine Anpassungen

Dieses Thema im Forum "Design" wurde erstellt von Lacelte, 4. August 2013.

  1. Lacelte

    Lacelte Member

    Registriert seit:
    4. August 2013
    Beiträge:
    9
    Zustimmungen:
    0
    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?
     
    #1 Lacelte, 4. August 2013
    Zuletzt bearbeitet: 4. August 2013
  2. Tomahawk

    Tomahawk Well-Known Member

    Registriert seit:
    4. Mai 2013
    Beiträge:
    68
    Zustimmungen:
    0
    Hallo,

    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.


    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
     
  3. Lacelte

    Lacelte Member

    Registriert seit:
    4. August 2013
    Beiträge:
    9
    Zustimmungen:
    0
    Ja gut, die Breite hatte ich auch schon, hab das dann mit dem Logo nicht hinbekommen, ihn mittig vom ganzen zu setzen.
    Idee?
     
  4. Lacelte

    Lacelte Member

    Registriert seit:
    4. August 2013
    Beiträge:
    9
    Zustimmungen:
    0
    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
     
  5. Lacelte

    Lacelte Member

    Registriert seit:
    4. August 2013
    Beiträge:
    9
    Zustimmungen:
    0
    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
     
    #5 Lacelte, 5. August 2013
    Zuletzt bearbeitet: 5. August 2013
  6. Dezanjo

    Dezanjo Well-Known Member

    Registriert seit:
    24. Mai 2013
    Beiträge:
    169
    Zustimmungen:
    0
    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.
     
    #6 Dezanjo, 5. August 2013
    Zuletzt bearbeitet: 5. August 2013
  7. Lacelte

    Lacelte Member

    Registriert seit:
    4. August 2013
    Beiträge:
    9
    Zustimmungen:
    0
    /* =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;}
     
  8. Dezanjo

    Dezanjo Well-Known Member

    Registriert seit:
    24. Mai 2013
    Beiträge:
    169
    Zustimmungen:
    0
    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
     
  9. Lacelte

    Lacelte Member

    Registriert seit:
    4. August 2013
    Beiträge:
    9
    Zustimmungen:
    0
    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...;)
     
  10. Dezanjo

    Dezanjo Well-Known Member

    Registriert seit:
    24. Mai 2013
    Beiträge:
    169
    Zustimmungen:
    0
    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%;
    }
    }
     
  11. Lacelte

    Lacelte Member

    Registriert seit:
    4. August 2013
    Beiträge:
    9
    Zustimmungen:
    0
    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 :)
     
  12. Lacelte

    Lacelte Member

    Registriert seit:
    4. August 2013
    Beiträge:
    9
    Zustimmungen:
    0
    Soll ich einfach den Code mit deinem überschreiben? - So tut sich jedenfalls nichts.
    Muss ich die Sidebar dennoch "manuel" nach rechts verschieben?
     
  13. Lacelte

    Lacelte Member

    Registriert seit:
    4. August 2013
    Beiträge:
    9
    Zustimmungen:
    0
    Kann mir keiner weiterhelfen?
    Wenn ihr was brauch, an codes, gebe ich ihn euch natürlich ;)
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden