...
...
Probleme 2022
In der folgenden Tabelle werden alle Probleme erfasst, die uns auf der Website auffallen
...
und gelöst werden sollten...
Tabellenfilter |
---|
inverse | false,false,false, |
---|
sparkName | Sparkline |
---|
column | Art,Von wem eingetragen? |
---|
|
...
,In Arbeit? (Name angeben),Status |
|
...
Mobile Ansicht der Anmeldemöglichkeit ist hässlich:
Image Removed
...
...
CSS anpassen (Breite anpassen, ursprünglich 80 % und Padding verkleinern):
Codeblock |
---|
|
@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;
} |
...
Sidebar wird auf Veranstaltungsdetailseite noch angezeigt
...
...
...
...
Media Querys anpassen? → bei @media screen.... max-height definieren
...
...
...
...
...
...
→ 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.
...
...
...
...
...
...
...
...
CSS hover color :active ändern in #fffff weiß
Codeblock |
---|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected:hover {
color: #fff;
}
|
...
...
Popup Veranstaltung Schließen-Kreuz Hover Kasten versetzt
...
...
...
...
...
Jan Stein : Kann ich nicht bestätigen
...
...
...
...
Eigenen ajax-loader erstellt mit https://loading.io/
Hochgeladen zu https://hochschule-n-bw.de/wp-content/uploads/ajax-loader.gif
CSS angepasst:
Codeblock |
---|
|
.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');
} |
...
...
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.
String wurde nun im Quelltext geändert → eme_formfields.php Line 239 (wird bei nächstem Update überschrieben):
...
limitHeight | |
---|
separator | Point (.) |
---|
labels | ‚‚‚ |
---|
default | ,,, |
---|
isFirstTimeEnter | false |
---|
cell-width | ,,, |
---|
datepattern | dd.mm.yy |
---|
id | 1649422498999_-155924269 |
---|
worklog | 365|5|8|y w d h m|y w d h m |
---|
isOR | AND |
---|
order | 0,1,2,3 |
---|
|
Art | Beschreibung des Problems | Von wem eingetragen? | In Arbeit? (Name angeben) | Status | Notizen zur Lösungsfindung |
---|
Effizienz | Ecograder-Score: 41 von 100 →Analyse | |
| | - Shared Resources
- SEO → MozRank-Score ist nur 2.3
| Sprache | 404 Fehlerseite ist auf Englisch | Vivienne Stürm |
| |
| Inhalt | Folgende Seiten ändern: | |
| |
| Design | Logo im Header wird winzig angezeigt → ursprünglich verborgen, da kein Platz (Problem bei Safari mobil) | |
| |
| Struktur | Mobiles-Menü zeigt Dropdowns nicht richtig | | | | CSS angepasst "Schriftgröße Submenü" Größe hat geklappt, Font-weigth muss noch reduziert werden, dass hat nicht geklappt | Design | Listen werden in einer anderen Textfarbe dargestellt als der restliche Text Image Added Beispiel: https://hochschule-n-bw.de/veranstaltungen/ungoogle-your-life/ | |
| |
| Sprache | Tags von Modern Events Calendar werden auf den englischen Veranstaltungsseiten nur in Deutsch angezeigt | David 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/: Image Added | David Kopp |
| | Idee, wie es gehen könnte... Tabelle draus machen Codeblock |
---|
| <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> |
|
|
...
...
...
...
...
...
...
Die englischen Events wurden doppelt angelegt, einmal in "deutscher" und einmal in "englischer" Sprache. Wichtig ist, dass sie über Polylang miteinander verknüpft sind.
Image Removed
...
Englisches Datumsformat auf der Seite von einzelnen Events anpassen
Image Removed
...
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.
Image Removed
</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> |
Codeblock |
---|
| .mec-agenda-time {
width: unset;
}
.mec-agenda-event table td {
padding: unset;
} |
| Design | Drop-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.
Erweitern |
---|
Tabellenfilter |
---|
inverse | false,false,false, |
---|
sparkName | Sparkline |
---|
column | Art,Von wem eingetragen?,In Arbeit? (Name angeben),Status |
---|
limitHeight | |
---|
separator | Point (.) |
---|
labels | ‚‚‚ |
---|
default | ,,, |
---|
isFirstTimeEnter | false |
---|
cell-width | ,,, |
---|
datepattern | dd.mm.yy |
---|
id | 1649423103127_1636301363 |
---|
worklog | 365|5|8|y w d h m|y w d h m |
---|
isOR | AND |
---|
order | 0,1,2,3 |
---|
|
Art | Beschreibung des Problems | Von wem eingetragen? | In Arbeit? (Name angeben) | Status | Notizen zur Lösungsfindung |
---|
Sprache | Auf englischer Seite fehlen die NWB 2021 | | | | Seitenstruktur geändert, englische Seiten nachgezogen | Effizienz | Ecograder-Score: 41 von 100 →Analyse | |
| | - Shared Resources
- SEO → MozRank-Score ist nur 2.3
| Sprache | 404 Fehlerseite ist auf Englisch | Vivienne Stürm |
| |
| Inhalt | Folgende Seiten ändern: | |
| |
| Design | Im Titel vor dem @-Zeichen einen Zeilenumbruch | | | | Geschütztes Leerzeichen zwischen "Nachhaltigkeitswochen" und "@" einfügen: Nachhaltigkeitswochen @ Hochschulen BaWü | Design | Logo im Header wird winzig angezeigt → ursprünglich verborgen, da kein Platz (Problem bei Safari mobil) | |
| |
| Bug | Bild wird nicht angezeigt | | | | Plugin "BJ Lazy Load" deaktivieren | Design | Seitenlayout stimmt bei einigen neuen Seiten nicht, ist nicht full width | | | | In customify war per default noch die Sidebar aktiviert | Struktur | Mobiles-Menü zeigt Dropdowns nicht richtig | | | | CSS angepasst "Schriftgröße Submenü" Größe hat geklappt, Font-weigth muss noch reduziert werden, dass hat nicht geklappt | 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 Image Added Beispiel: https://hochschule-n-bw.de/veranstaltungen/ungoogle-your-life/ | |
| |
| Berechtigung | Pretty Links werden für Nicht-Admins nicht angezeigt | | | | →Website - Code-Anpassungen#PrettyLinksf%C3%BCrNicht-Adminsanzeigen | Design | Band der drei Kategorien muss optimiert werden | Jan Stein | Jan Stein | | - Text mittig
- Farben an das Design anpassen (egal welche Farbe für welche Kategorie)
CSS angepasst "Band der Labels anpassen" | Sprache | Tags von Modern Events Calendar werden auf den englischen Veranstaltungsseiten nur in Deutsch angezeigt | David 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/: Image Added | David Kopp |
| | Idee, wie es gehen könnte... Tabelle draus machen Codeblock |
---|
| <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> |
Codeblock |
---|
| .mec-agenda-time {
width: unset;
}
.mec-agenda-event table td {
padding: unset;
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Status: |
Archiv 2020
Erweitern |
---|
title | Gelöste Probleme von den NWBW 2020 anzeigen... |
---|
|
Beschreibung des Problems | Von wem eingetragen? | In Arbeit? (Name angeben) | Notizen zur Lösungsfindung | Gelöst? |
---|
Mobile Ansicht der Anmeldemöglichkeit ist hässlich: Image Added | | | CSS anpassen (Breite anpassen, ursprünglich 80 % und Padding verkleinern): Codeblock |
---|
| @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;
} |
| | Sidebar wird auf Veranstaltungsdetailseite noch angezeigt | | |
| | Veranstalterbild hier riesig in Tablet Ansicht (768-960px) | | | Media Querys anpassen? → bei @media screen.... max-height definieren | | Multi Sprachen Icon | | | 1) Custom icon font hinzufügen 2) child theme welches wir anpassen 3) Workaround mit 'Trennungsmenüpunkt', Hover Effekt unterdrücken → Gewählt 3) | | Datenschutzerklärung an Statistik Erhebung anpassen | | |
| | 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.
| | Events Englisch version komisch Formatiert | | | Sidebar war nicht deaktiviert | | 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 | | Initiativ Seite, In Mobiler Ansicht (360x740) überlappt Logo und Überschrift | | | Max-height/ margin anpassen? | | In Mobiler Ansicht kein Logo, Design anders sichtbar machen? | | | Ja, Farbkleckse reichen | | Hover Liste/List enansicht in gleicher Farbe wie Hintergrund (HG) | | | CSS hover color :active ändern in #fffff weiß Codeblock |
---|
| .mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected:hover {
color: #fff;
}
|
| | Mediathek läuft mobil nicht in einer sondern mehreren Spalten → gerade keine Inhalte deswegen nicht ausprobierbar | | |
| | Popup Veranstaltung Schließen-Kreuz Hover Kasten versetzt | | |
| | Popup Veranstaltung mobil optimieren → Position Schließen-Kreuz, Anmeldung läuft nicht über volle Breite, Beschreibungstext sehr nah am Rand | | |
| | 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 Farbe | | | color in #4a7875 ändern | | 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: Codeblock |
---|
| .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');
} |
| | 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 da | | | Im Englischen gibt es nur das English Tag und im deutschen kann man nicht nach Englischen Veranstaltungen suchen, Alle Veranstaltungen werden bei beiden Sprachen gelistet. | | Edge hat CSS Probleme | | | Scheint 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 | | 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. Image Added | | Englisches Datumsformat auf der Seite von einzelnen Events anpassen Image Added | |
| 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. Image Added |
| 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 Image Added
| | |
Codeblock |
---|
| #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 */
} |
Image Added | | Einrückung bei Listen existiert nicht (zu weit links) Image Added | | |
Codeblock |
---|
| .entry-content li {
margin-left: 1.5em !important;
}
.entry-content ul ul {
margin-left: auto !important;
} |
Image Added |
| Bei google und Ecosiasuche wird unsere Webseite mit der Suche "Hochschule nbw" nicht vorgeschlagen, nur wenn man es mit bindestrich sucht "Hochschule n-bw" | |
|
In der folgenden Tabelle werden alle Probleme erfasst, die uns auf der Website auffallen.
...
Mobile Ansicht der Anmeldemöglichkeit ist hässlich:
Image Removed
...
...
CSS anpassen (Breite anpassen, ursprünglich 80 % und Padding verkleinern):
Codeblock |
---|
|
@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;
} |
...
Sidebar wird auf Veranstaltungsdetailseite noch angezeigt
...
...
...
...
Media Querys anpassen? → bei @media screen.... max-height definieren
...
...
...
...
...
...
→ 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.
...
...
...
...
...
...
...
...
CSS hover color :active ändern in #fffff weiß
Codeblock |
---|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected:hover {
color: #fff;
}
|
...
...
Popup Veranstaltung Schließen-Kreuz Hover Kasten versetzt
...
...
...
...
...
Jan Stein : Kann ich nicht bestätigen
...
...
...
...
Eigenen ajax-loader erstellt mit https://loading.io/
Hochgeladen zu https://hochschule-n-bw.de/wp-content/uploads/ajax-loader.gif
CSS angepasst:
Codeblock |
---|
|
.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');
} |
...
...
...
...
...
...
Die englischen Events wurden doppelt angelegt, einmal in "deutscher" und einmal in "englischer" Sprache. Wichtig ist, dass sie über Polylang miteinander verknüpft sind.
Image Removed
...
Englisches Datumsformat auf der Seite von einzelnen Events anpassen
Image Removed
...
...
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.
Image Removed
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
Image Removed
...
...
Codeblock |
---|
|
#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 */
} |
Image Removed
...
Einrückung bei Listen existiert nicht (zu weit links)
Image Removed
...
...
Codeblock |
---|
|
.entry-content li {
margin-left: 1.5em !important;
}
.entry-content ul ul {
margin-left: auto !important;
} |
Image Removed
Kalender Export-Funktion
Problem 1: Eingebettete Links im Text werden nicht exportiert
Workaround: Unsichtbaren Text in Beschreibung einfügen, der jedoch mit exportiert wird:
Code-Block-Platzhalter |
---|
code-language | HTML and XML |
---|
|
<span style="display: none;">Link zur Veranstaltungsseite: https://hochschule-n-bw.de/veranstaltungen/regio-n-vernetzungstreffen-fuer-nachhaltigkeitsinitiativen-und-interessierte/</span> |
Problem 2: Ort wird beim Export zum Google Kalender nicht übernommen
Workaround: Code anpassen, damit der Link unter "Mehr Informationen" als Ort exportiert wird.
Link angeben:
Image Removed
Angepasste Code-Datei (muss nach einem Update neu eingespielt werden):
Codeblock |
---|
language | css |
---|
firstline | 12 |
---|
title | /wp-content/plugins/modern-events-calendar-lite/app/modules/export/details.php |
---|
linenumbers | true |
---|
|
$location = (isset($event->data->meta['mec_more_info']) ) ? '&location='.urlencode($event->data->meta['mec_more_info']) : ''; |
Problem 3: Ort wird beim iCal-Export nicht übernommen
Angepasste Code-Datei (muss nach einem Update neu eingespielt werden):
...
language | css |
---|
firstline | 2575 |
---|
title | /wp-content/plugins/modern-events-calendar-lite/app/libraries/main.php |
---|
linenumbers | true |
---|
...