search

PSEBergclubBern / BergclubBern

MIT License
0 stars 0 forks source link

Theme aufbauen #32

Closed kreemer closed 7 years ago

kreemer commented 7 years ago

Als Besucher der Website möchte ich ein ästhetisches Theme sehen

Optional:

kellenberger commented 7 years ago

Theme responsive gemacht mit Bootstrap. Erster Entwurf mit Platzhaltern von der Index-Page der dem Kunden gezeigt werden könnte.

Aufwand: 3 Stunden

mathiasstocker commented 7 years ago

@Tschav @skell94 Schaut, dass ihr die Sache mit den Breakpoints / Grid System versteht.

Bootstrap default breakpoints: Large (lg): >=1200px Medium (md): >=992px <1200px Small (sm): >=768px <992px Extra Small (xs): <768px

Beim Gridsystem wird die aktuelle Breite des übergeordneten Containers in 12 Einheiten unterteilt.

<div class="container-fluid">
  <div class="row">
    <div class="col-md-6">
       Inhalt
    </div>
  </div>
</div>

=> Dies bedeutet solange der Breakpoint Medium (md) oder grösser ist (lg) wird, hat der Inhalt die Hälfte der Breite des übergeordneten Containers zur Verfügung, wenn der Breakpoint kleiner ist (s, xs) erscheint er in voller Breite.

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-8 col-sm-6 col-lg-4">
       Erste Zelle
    </div>
    <div class="col-xs-10 col-sm-6 col-lg-8">
       Zweite Zelle
    </div>
  </div>
</div>

Hier wird die erste Zelle bei Large mit 1/3 Breite festgelegt, die zweite mit 2/3 Breite. Für Medium und Small werden beide Zellen mit 1/2 Breite festgelegt. Für Extra Small ist die erste Zelle mit 8/12 Breite festgelegt, die zweite mit 10/12 => Da zusammen mehr als 12/12 erscheinen diese untereinander.

Ihr könnt auch mit hidden-[size] und visible-[size] gewisse Element für bestimmte Breakpoints aus- resp. einblenden.

https://www.w3schools.com/bootstrap/bootstrap_grid_system.asp http://getbootstrap.com/css/#grid http://www.ryanwright.me/cookbook/bootstrap/container-vs-container-fluid

mathiasstocker commented 7 years ago

@Tschav @skell94 Mit Kunde abgeklärt: Login wird nicht verlinkt im Frontend.

mathiasstocker commented 7 years ago

@skell94 Kunde hat eine Bilderauswahl für Startseite gesendet. Dropbox: "PSE 2017/Unterlagen Kunde/Bilder Startseite" Order mit Originalbildern und Ordner mit optimierten (so gut es ging) Bildern mit geeignetem Ausschnitt (1920 x 1080 @ 72dpi, JPEG 60%)

Tschav commented 7 years ago

Vorstand Beispiel-Seite erstellt mit Dummy-Inhalten (statisch im Code abgelegt); CSS Anpassungen (responsive Tabelle, Bootstrap grid layout)

Aufwand: 4 Stunden

Tschav commented 7 years ago

Login Page aus Menu entfernt; Bergclub Bern Titel (Header) zu Homepage verlinkt; Mitteilungen Loop zu Startbildschirm hinzugefügt

Aufwand: 0.5 Stunden

kellenberger commented 7 years ago

Bilder für Index geändert, Caroussel korrigiert, mobile Ansicht verbessert.

Aufwand: 3 Stunden

kellenberger commented 7 years ago

Funktionalität für Jugend Seite implementiert

Aufwand: 2 Stunden

mathiasstocker commented 7 years ago

@skell94 @Tschav

Verwendet im Loop folgendes um den Permalink zu verwenden: <a href="<?php the_permalink(); ?>"><?php the_title() ?></a>

Dann wird der richtige Link ohne Parameter verwendet.

Gruss Mäthu

kellenberger commented 7 years ago

Jugend ausgebaut, funktioniert nun auf allen Seiten

Aufwand: 3 Stunden

mathiasstocker commented 7 years ago

Aufwand: 12 Stunden

mathiasstocker commented 7 years ago

Diverse Anpassungen Tourenprogramm/Tourenberichte

Aufwand: 3.5 Stunden