Probleme 2022

In der folgenden Tabelle werden alle Probleme erfasst, die uns auf der Website auffallen und gelöst werden sollten...


ArtBeschreibung des ProblemsVon wem eingetragen?In Arbeit? (Name angeben)StatusNotizen zur Lösungsfindung
EffizienzEcograder-Score: 41 von 100 (traurig) →Analyse 

  • Shared Resources
  • SEO → MozRank-Score ist nur 2.3
Sprache404 Fehlerseite ist auf EnglischVivienne Stürm


Inhalt

Folgende Seiten ändern:



Design

Logo im Header wird winzig angezeigt → ursprünglich verborgen, da kein Platz (Problem bei Safari mobil)



StrukturMobiles-Menü zeigt Dropdowns nicht richtig

CSS angepasst "Schriftgröße Submenü"
Größe hat geklappt, Font-weigth muss noch reduziert werden, dass hat nicht geklappt (Warnung)
Design

Listen werden in einer anderen Textfarbe dargestellt als der restliche Text

Beispiel: https://hochschule-n-bw.de/veranstaltungen/ungoogle-your-life/



SpracheTags von Modern Events Calendar werden auf den englischen Veranstaltungsseiten nur in Deutsch angezeigtDavid Kopp

Beispiel: https://hochschule-n-bw.de/en/events/music-night-with-ann-en/

Tags sind eigentlich "Music", "Fun", ...

Design

Hässlicher Zeilenumbruch in Agendaliste auf Lokalseiten. Beispiel https://hochschule-n-bw.de/lokal/stuttgart/:

David Kopp

Idee, wie es gehen könnte...

Tabelle draus machen

<div class="mec-agenda-event mec-label-custom">
                        <table>
                        <colgroup>
                           <col style="width: 2%;" span="1">
                           <col style="width: 10%;" span="1">
                           <col style="width: 88%;" span="1">
                        </colgroup>
                        <tbody>
                        <tr>
                        <td><i class="mec-sl-clock "></i></td>
                        <td class="mec-agenda-time">
                            <span class="mec-start-time">18:00</span> - <span class="mec-end-time">19:30</span>                        </td>
                        <td class="mec-agenda-event-title">
                            <a class="mec-color-hover" data-event-id="3284" href="https://hochschule-n-bw.de/events/nachhaltigkeit-in-der-luftfahrt/" target="_self" rel="noopener">Nachhaltigkeit in der Luftfahrt – Entwicklungsmöglichkeiten und Einordnung in Gesamtmobilitätskonzepte</a>                            <span class="event-color" style="background: #4a7875"></span>                            <span class="mec-event-label-captions mec-fc-style" style="--background-color: #d19638;background-color: #d19638">Sustainable SYSTEM</span>                                                                                                            </td>
                            </tr>
                            </tbody>
                            </table>
                            
                                            </div>


.mec-agenda-time {
  width: unset;
}
.mec-agenda-event table td {
    padding: unset;
}



DesignDrop-Down-Menüs werden von Karte überdeckt (z.B. auf https://hochschule-n-bw.de/lokal/)








Status:



Archiv 2021

In der folgenden Tabelle werden alle Probleme erfasst, die uns auf der Website auffallen und gelöst werden sollten...

Offene Probleme wurden nach 2022 kopiert.



ArtBeschreibung des ProblemsVon wem eingetragen?In Arbeit? (Name angeben)StatusNotizen zur Lösungsfindung
SpracheAuf englischer Seite fehlen die NWB 2021

Seitenstruktur geändert, englische Seiten nachgezogen
EffizienzEcograder-Score: 41 von 100 (traurig) →Analyse 

  • Shared Resources
  • SEO → MozRank-Score ist nur 2.3
Sprache404 Fehlerseite ist auf EnglischVivienne Stürm


Inhalt

Folgende Seiten ändern:



DesignIm Titel vor dem @-Zeichen einen Zeilenumbruch

Geschütztes Leerzeichen zwischen "Nachhaltigkeitswochen" und "@" einfügen:

Nachhaltigkeitswochen @&nbsp;Hochschulen BaWü

Design

Logo im Header wird winzig angezeigt → ursprünglich verborgen, da kein Platz (Problem bei Safari mobil)



BugBild wird nicht angezeigt

Plugin "BJ Lazy Load" deaktivieren (Haken)
DesignSeitenlayout stimmt bei einigen neuen Seiten nicht, ist nicht full width

In customify war per default noch die Sidebar aktiviert (Haken)
StrukturMobiles-Menü zeigt Dropdowns nicht richtig

CSS angepasst "Schriftgröße Submenü"
Größe hat geklappt, Font-weigth muss noch reduziert werden, dass hat nicht geklappt (Warnung)
Design

Kategorie- und Tag-Ansicht: hässlicher Balken sollte entfernt werden

Beispiele:

CSS angepasst "Balken bei Tags und Kategorien entfernen"
Design

Listen werden in einer anderen Textfarbe dargestellt als der restliche Text

Beispiel: https://hochschule-n-bw.de/veranstaltungen/ungoogle-your-life/



BerechtigungPretty Links werden für Nicht-Admins nicht angezeigt

Website - Code-Anpassungen#PrettyLinksf%C3%BCrNicht-Adminsanzeigen
DesignBand der drei Kategorien muss optimiert werdenJan SteinJan Stein

  • Text mittig
  • Farben an das Design anpassen (egal welche Farbe für welche Kategorie)

CSS angepasst "Band der Labels anpassen"

SpracheTags von Modern Events Calendar werden auf den englischen Veranstaltungsseiten nur in Deutsch angezeigtDavid Kopp

Beispiel: https://hochschule-n-bw.de/en/events/music-night-with-ann-en/

Tags sind eigentlich "Music", "Fun", ...

Design

Hässlicher Zeilenumbruch in Agendaliste auf Lokalseiten. Beispiel https://hochschule-n-bw.de/lokal/stuttgart/:

David Kopp

Idee, wie es gehen könnte...

Tabelle draus machen

<div class="mec-agenda-event mec-label-custom">
                        <table>
                        <colgroup>
                           <col style="width: 2%;" span="1">
                           <col style="width: 10%;" span="1">
                           <col style="width: 88%;" span="1">
                        </colgroup>
                        <tbody>
                        <tr>
                        <td><i class="mec-sl-clock "></i></td>
                        <td class="mec-agenda-time">
                            <span class="mec-start-time">18:00</span> - <span class="mec-end-time">19:30</span>                        </td>
                        <td class="mec-agenda-event-title">
                            <a class="mec-color-hover" data-event-id="3284" href="https://hochschule-n-bw.de/events/nachhaltigkeit-in-der-luftfahrt/" target="_self" rel="noopener">Nachhaltigkeit in der Luftfahrt – Entwicklungsmöglichkeiten und Einordnung in Gesamtmobilitätskonzepte</a>                            <span class="event-color" style="background: #4a7875"></span>                            <span class="mec-event-label-captions mec-fc-style" style="--background-color: #d19638;background-color: #d19638">Sustainable SYSTEM</span>                                                                                                            </td>
                            </tr>
                            </tbody>
                            </table>
                            
                                            </div>


.mec-agenda-time {
  width: unset;
}
.mec-agenda-event table td {
    padding: unset;
}
















Status:




Archiv 2020



Beschreibung des ProblemsVon wem eingetragen?In Arbeit? (Name angeben)Notizen zur LösungsfindungGelöst?

Mobile Ansicht der Anmeldemöglichkeit ist hässlich:

CSS anpassen (Breite anpassen, ursprünglich 80 % und Padding verkleinern):

@media (max-width: 600px) {
  table.eme-rsvp-form {
    width: auto;
	  margin-right: 10px;
  }
}
@media (min-width: 600px) {
  table.eme-rsvp-form {
    min-width: 400px;
	}
}
table.eme-rsvp-form th {
	padding: 1em 0.5em;
}


(Haken)

Sidebar wird auf Veranstaltungsdetailseite noch angezeigt


(Haken)
Veranstalterbild hier riesig in Tablet Ansicht (768-960px)

Media Querys anpassen? → bei @media screen.... max-height definieren

(Haken)
Multi Sprachen Icon1) Custom icon font hinzufügen 2) child theme welches wir anpassen 3) Workaround mit 'Trennungsmenüpunkt', Hover Effekt unterdrücken → Gewählt 3)(Haken)
Datenschutzerklärung an Statistik Erhebung anpassen
(Haken)
Sidebar wird bei (en) Startseite nicht angezeigt

→ Hat mehr mit Polylan zu tun. Wichtig das (de) und (en) Seite verknüpft sind. Beide Seiten haben dann die gleiche Sidebar (Diese wurde der Startseite zugeordnet) in der die Widgeds den Sprachen zugeordnet werden.


(Haken)
Events Englisch version komisch FormatiertSidebar war nicht deaktiviert(Haken)
Events auf der Übersichtseite (English): Datums- und Uhrzeitenformat anpassen [MM DD am/pm]https://codex.wordpress.org/de:Formatierung_von_Datum_und_Uhrzeit / Bei M.E. Calendar zusätzlichen Shortcode einfügen und den auf MM DD anpassen(Haken)
Initiativ Seite, In Mobiler Ansicht (360x740) überlappt Logo und ÜberschriftMax-height/ margin anpassen?(Haken)
In Mobiler Ansicht kein Logo, Design anders sichtbar machen?Ja, Farbkleckse reichen(Haken)
Hover Liste/List enansicht in gleicher Farbe wie Hintergrund (HG)

CSS hover color :active ändern in #fffff weiß

.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected:hover {
color: #fff;
}


(Haken)
Mediathek läuft mobil nicht in einer sondern mehreren Spalten → gerade keine Inhalte deswegen nicht ausprobierbar
(Haken)

Popup Veranstaltung Schließen-Kreuz Hover Kasten versetzt


(Haken)
Popup Veranstaltung mobil optimieren → Position Schließen-Kreuz, Anmeldung läuft nicht über volle Breite, Beschreibungstext sehr nah am Rand
(Haken)
Popup Veranstaltung mobil geht scrollen nur seeehr langsam, iwie nicht so flüssig wie normal

Jan Stein : Kann ich nicht bestätigen


Anmeldeformular: Absenden-Button falsche Farbecolor in #4a7875 ändern(Haken)
Lade-Animation für Veranstaltungen falsche Farbe

Eigenen ajax-loader erstellt mit https://loading.io/

Hochgeladen zu https://hochschule-n-bw.de/wp-content/uploads/ajax-loader.gif

CSS angepasst:

.mec-modal-preloader,
.mec-month-navigator-loading {
	background: no-repeat rgba(255, 255, 255, 0.88) url('https://hochschule-n-bw.de/wp-content/uploads/ajax-loader.gif') center;
}

.mec-load-more-loading {
	content: url('https://hochschule-n-bw.de/wp-content/uploads/ajax-loader.gif');
}

.mec-fes-loading:before {
	content: url('https://hochschule-n-bw.de/wp-content/uploads/ajax-loader.gif');
}


(Haken)
Button "Buchung absenden" Text ändern zu "Anmeldung abschicken"Plugin "Loco Translate" erlaubt das übersetzen von Strings von beliebigen Plugins. Leider hat die Übersetzung für den Button bislang nicht gewirkt. Keine Ahnung warum. Andere Übersetzen funktionieren. 
Tags/Kategorien im Englischen nicht daIm Englischen gibt es nur das English Tag und im deutschen kann man nicht nach Englischen Veranstaltungen suchen, Alle Veranstaltungen werden bei beiden Sprachen gelistet.(Haken)
Edge hat CSS ProblemeScheint eine bekannte Problematik zu sein: https://www.fastcodefix.com/fix-for-internet-explorer-and-edge-css-layout-problems/ → Ist uns egal, Vermerk auf Technischer Unterstützungsseite(Haken)
Alle Events [DE+ENG] in beiden Sprachversionen anzeigen

Die englischen Events wurden doppelt angelegt, einmal in "deutscher" und einmal in "englischer" Sprache. Wichtig ist, dass sie über Polylang miteinander verknüpft sind.

(Haken)

Englisches Datumsformat auf der Seite von einzelnen Events anpassen


Hinweis von David: Das Datumsformat lässt sich nur global einstellen. Wir müssten also wohl ein Datumsformat nehmen, welches für deutschsprachige und englischsprachige Besucher*innen passt. Wobei ich dann sagen würde, dass das aktuelle Format eigentlich ganz ok ist. Ich denke alle in Deutschland lebenden Personen kommen mit dem Format klar. 


Footer ist bei wenig Inhalt auf der Webseite und größeren Bildschirmen irgendwo in der Mitte des Screens. Der Wunsch wäre, das der Footer immer unten ist



#page {
  min-height: 100vh;
}
#site-content {
	padding-bottom: 4.62em; /* Footer height */
}
#site-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4.62em; /* Footer height */
}

(Haken)

Einrückung bei Listen existiert nicht (zu weit links)


.entry-content li {
    margin-left: 1.5em !important;
}
.entry-content ul ul {
	margin-left: auto !important;
}


Bei google und Ecosiasuche wird unsere Webseite mit der Suche "Hochschule nbw" nicht vorgeschlagen, nur wenn man es mit bindestrich sucht "Hochschule n-bw"