Weitere Informationen und den Download findest du auf der offiziellen Anlaufstelle de.wordpress.org
Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11
Like Tree1Likes

Thema: Header für eine Seite verkleinern

  1. #1
    PostRank: 2
    Registriert seit
    26.07.2017
    Beiträge
    50

    Header für eine Seite verkleinern

    Hallo,

    habe des Theme Chosen und würde gerne für eine Seite den Header verkleinern, also nur die Höhe.

    Code:
    .site-header {
      text-align: center;
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
      top: 0px;
      left: 0px;
      padding: 0px;
      margin: 0px;
      min-height: 100%;
      min-width: 100%;
    /*  width: 100%;
      height: auto; */
      width: auto;
      height: 610px;
      overflow: hidden;
    }
    

    Geht das evtl. irgendwie mit
    Code:
    if( is_page('datenschutz') || is_page('impressum') || in_category('glossar') || in_category('allgemein') || is_front_page())
    oder ähnlichem Code, dass ich eine Seite bzw. diese Seiten abfrage und das in der style.css einfügen kann?


  2. #2
    WPDE-Moderator Avatar von maxe
    Registriert seit
    01.05.2008
    Beiträge
    17.997
    Jede Seite bekommt im body eine eigene CSS Class, die kannst du dafür nutzen.
    Bitte immer zuerst die Suchmaschine Deines Vertrauens nutzen, dann die FAQ und die Forensuche, und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.

    Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)

  3. #3
    PostRank: 2
    Registriert seit
    26.07.2017
    Beiträge
    50

  4. #4
    PostRank: 10 Avatar von SirEctor
    Registriert seit
    28.10.2008
    Beiträge
    9.676
    Wenn ein Theme richtig programmiert wurde, bekommt es bereits body-classes in Form von page-id-123 o. ä.. Mit dieser Class kannst du per CSS auch nur diese Seite ansprechen. Du brauchst also keine eigenen Klassen definieren.
    Geändert von SirEctor (01.12.2017 um 14:15 Uhr)
    Das Geheimnis des Könnens liegt im Wollen!

  5. #5
    PostRank: 2
    Registriert seit
    26.07.2017
    Beiträge
    50
    Ich muss das dann <div id="page-id-xx"> noch in der Header angeben oder?
    Bei einer statischen Startseite muss ich dann front-page angeben oder auch per ID?
    Geändert von rafael_ (01.12.2017 um 15:43 Uhr)

  6. #6
    PostRank: 2
    Registriert seit
    26.07.2017
    Beiträge
    50
    Ich habe es jetzt so gemacht:

    Code:
    .page-id-276
     {
      text-align: center;
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
      top: 0px;
      left: 0px;
      padding: 0px;
      margin: 0px;
      min-height: 100%;
      min-width: 100%;
      width: auto;
      height: 610px;
      overflow: hidden;
    }
    Wenn ich jetzt
    Code:
     <div id="page-id-276"> 
    <?php if( is_page('datenschutz') || is_page('impressum') || in_category('glossar') || in_category('allgemein') || is_front_page())
    {
        echo '<img src="wp-content/themes/chosen-child/images/Prozesslandkarte/Mainpage_final.png" usemap="#map1"/>';
    }?>
    </div>
    
    in der header.php einfüge wird nur das Bild kleiner gemacht und nicht der header an sich.

  7. #7
    PostRank: 10 Avatar von danielgoehr
    Registriert seit
    13.07.2016
    Ort
    Berlin
    Beiträge
    1.874
    Ich glaube, du hast es falsch verstanden. In Wordpress hat das Body-Tag bestimmte Klassen, über die sich Seiten, Beiträge, etc. gezielt in CSS ansprechen lassen.

    Dafür brauchst du gar kein PHP.

    Schau mal hier, vielleicht wird es damit deutlicher:
    http://www.tipps.1st-tec.de/wordpres...wordpress.html
    Azrael_0815 likes this.

  8. #8
    PostRank: 2
    Registriert seit
    26.07.2017
    Beiträge
    50
    Ja habe es falsch verstanden
    Kann ich dort auf einen anderen Wert zugreifen? Z.B. auf den Wert height von .site-header? Also bsp.

    Code:
    .page-id-276
     {
       ...
      .site-header-height: 610px;
    }
    Weil ich würde gerne die Header Höhe für diese eine Seite verändern, wenn ich jedoch über die Page-ID height ändere, gilt das für die ganze Seite.

  9. #9
    WPDE-Moderator Avatar von maxe
    Registriert seit
    01.05.2008
    Beiträge
    17.997
    .page-id-276 .site-header{
    height: 610px;
    }
    Bitte immer zuerst die Suchmaschine Deines Vertrauens nutzen, dann die FAQ und die Forensuche, und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.

    Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)

  10. #10
    PostRank: 10 Avatar von danielgoehr
    Registriert seit
    13.07.2016
    Ort
    Berlin
    Beiträge
    1.874
    Zitat Zitat von maxe Beitrag anzeigen
    .page-id-276 .site-header{
    height: 610px;
    }
    Ergänzung zu maxes (korrekter) Antwort, würde ich empfehlen, dir ein paar CSS Grundlagen anzuschauen:
    https://developer.mozilla.org/de/doc...ted/Selektoren

Seite 1 von 2 12 LetzteLetzte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •