Handbuch:Erweiterung/MenuEditor und BITV/1.1-Textalternativen: Unterschied zwischen den Seiten

(Unterschied zwischen Seiten)
K ((Benutzername entfernt) (Logbucheinzelheiten entfernt))
 
K ((Benutzername entfernt) (Logbucheinzelheiten entfernt))
 
Zeile 1: Zeile 1:
<bookshelf src="Buch:Adminhandbuch" />
== Einleitung ==
{{DISPLAYTITLE:Hauptnavigation anpassen}}__INHALTSVERZEICHNIS_ERZWINGEN__


==Einführung==
=== Arten von Grafiken ===
Standardmäßig werden in der Hauptnavigation einige Einstiegslinks angezeigt. Wiki-Administratoren können diese Links bei Bedarf über die [[Handbuch:Erweiterung/BlueSpiceConfigManager|Konfigurationsverwaltung]] deaktivieren. Zusätzlich können über die Seitenleiste selbst weiter Links hinzugefügt werden. Hierarchische Links sind nicht möglich. Damit die Hauptnavigation nicht zu umfangreich wird, ist es sinnvoll, hier Links zu den wichtigsten Themen sowie zu weiterführenden Portalseiten einzurichten.
[[Datei:Handbuch:skin-discovery-hauptnavigation.png|alternativtext=Hauptnavigation|zentriert|mini|345x345px|Hauptnavigation]]


#
* Bedienelement (Web-Entwickler)
* Informative Grafik  (Inhaltsverantwortliche)
* Layoutgrafik (Web-Entwickler)
* Symbol  (Inhaltsverantwortliche)


==Hauptnavigation bearbeiten==
==Bedienelement==
'''So öffnen Sie den Menü-Editor:'''
[[Datei:BITV-content-UI graphics.png|alternativtext=3 Menü-Icons aus der BlueSpice Oberfläche: Zusatzmenü, Globale Aktionen und Benutzermenü|mini|150x150px|Grafik-Bedienelemente|ohne|verweis=https://training-margit.bluespice.cloud/wiki/Datei:BITV-content-UI_graphics.png]]
*Verlinkte, informative Grafik
*Benötigt Alternativtext
*Soll das Ziel (Link) bzw. die Aktion (Schaltfläche) bezeichnen.


# '''Klicken Sie''' <span>''Seitenleiste bearbeiten''. Dieser Link wird sichtbar, wenn Sie über bestehende Links hovern. Falls die Seite noch nicht existiert, wird anschließend eine entsprechende Notiz angezeigt und die Seite kann angelegt werden.</span>[[Datei:Handbuch:sidebar-anlegen.png|alternativtext=Seite MediaWiki:Sidebar anlegen|zentriert|mini|650x650px|Seite ''MediaWiki:Sidebar'' anlegen: (1) Meldung, (2) Bearbeiten-Schaltfläche]]
== Informative Grafik ==
*Ist im Wiki fast immer zum Originalbild verlinkt (im Gegensatz zu einer Webseite).
*Benötigt Alternativtext
*Kann auch Text-Alternative benötigen (z.B. ein Organigramm). -> (Drawio, BPMN)


=== Menü-Editor ===
Hinweis: Derzeitige BlueSpice MediaWiki 1.39 Version benutzt keine klare Zuordnung von Bild und Bildunterschrift (wäre für Bildschirmlesegeräte besser, [https://de.wikipedia.org/wiki/Wikipedia:Barrierefreiheit Beispiel]). Dies geht erst ab neueren Versionen).
'''So fügen Sie eine neue Überschrift hinzu:'''


# '''Klicken''' Sie auf ''Seitenleiste bearbeiten''. Dieser Link wird sichtbar, wenn Sie mit der Maus über den letzten Navigationslink fahren. Wenn die Seite noch nicht existiert, wird eine Meldung angezeigt.<section begin="menulinks" />
=== Beispiel ===
# '''Klicken''' Sie ''Neues Element hinzufügen''. [[Datei:Hauptnavigation anpassen 1667832227810.png|alternativtext=Menü-Überschrift hinzufügen|zentriert|mini|Menü-Überschrift hinzufügen|650x650px]]
[[Datei:19220.jpg|alternativtext=Infografik eines Geschäftsteams, die wie Zahnräder zusammenarbeiten.|ohne|mini|Teamarbeit zahlt sich aus]]
# '''Geben''' Sie den Text für die Überschrift '''ein'''. Hinweis: In einem mehrsprachigen Wiki, geben Sie hier eine [[mediawikiwiki:Help:System_message/de|Systemnachricht]] ein.[[Datei:Hauptnavigation anpassen 1667832471587.png|alternativtext=Text für Menü-Überschrift|zentriert|mini|Text für Menü-Überschrift |550x550px]]


'''Links hinzufügen:'''
=== Galerie ===
<gallery widths="300" heights="300">
Datei:stsv alle aktionen.png|alt=Menü mit ausgewähltem Menüpunkt "alle Aktionen"|Details-Menü
Datei:stsv Quelltext bearbeiten.png|alt=Ausgewählter Menüpunkt "Quelltext bearbeiten" im Alle-Aktionen-Menü|Menü "alle Aktionen"
</gallery>


# '''Klicken''' Sie auf das Dropdown-Menu neben der Überschrift. Wählen Sie ''Neuen Unterpunkt hinzufügen.''[[Datei:Hauptnavigation anpassen 1667832120562.png|alternativtext=Link als Unterpunkt hinzufügen|zentriert|mini|250x250px|Link als Unterpunkt hinzufügen]]
== Layoutgrafik ==
# '''Geben''' Sie das Linkziel (Seitenname) und die Link-Bezeichnung (Label) '''ein'''.[[Datei:Hauptnavigation anpassen 1667832059786.png|alternativtext=Link erstellen|zentriert|mini|450x450px|Link erstellen]]
*Nicht von Inhaltsverantwortlichen erstellt, kann aber in Vorlagen vorkommen. Bei der Erstellung neuer Vorlagen müssen Bilder immer überprüft werden (gibt es Layoutgrafiken vs. Informationsgrafiken?)
#'''Klicken''' Sie auf ''Fertig''.
*Leerer Alternativtext macht bei Inhaltsgrafiken keinen Sinn und sollte nicht umgesetzt werden.
#'''Wiederholen''' Sie die Schritte 1-3.
**Vorschaubild: Wiki fügt automatisch den Bildnamen ein.
#'''Klicken''' Sie ''Änderungen speichern''.
**Einfaches Bild: Wiki fügt alt tag ohne Wert ein.


{{Hinweisbox|boxtype=Hinweis|icon=|Note text=Wenn Sie im Quelltext über die Parserfunktion <code><nowiki>{{#ifingroup:...</nowiki> </code> Navigationselemente gruppenspezifisch anzeigen,  dann müssen Sie die Hauptnavigation stets im Quelltext bearbeiten. Im visuellen Bearbeitungsmodus werden beim Speichern alle Parserfunktionen oder semantische Abfragen entfernt.|bgcolor=}}
== Symbol ==
<section end="menulinks" />


=== Quelltextbearbeitung ===
=== Als Grafik eingebunden ===
Alternativ können Sie die Seitenleiste auch in der Quelltextbearbeitung anpassen.
*Benötigt Alternativtext
[[Datei:support.png|alternativtext=Support-Hotline Icon|40x40px]]


'''So fügen Sie neue Links hinzu:'''
=== Symbol-Droplet ===
Immer mit Text zusammen benutzen, da Droplet-Symbole nicht vorgelesen werden:<br>


# '''Klicken''' Sie auf ''Seitenleiste bearbeiten''. Dieser Link wird sichtbar, wenn Sie auf einen bereits existierenden Link mit der Maus fahren.
'''Richtig:'''
# '''Wechseln''' Sie in den Quelltext-Bearbeitungsmodus.
# '''Erstellen''' Sie einen oder mehrere Navigationslinks (mit oder ohne Überschrift). Im folgenden Beispiel erstellen wir einen Link zur Wikiseite "Firma" mit der Beschriftung "Unsere Firma" und einen externen link zur BlueSpice Website mit der Bezeichung "Website". Die Links sind unter der Überschrift "Wichtige Infos" gruppiert:<syntaxhighlight lang="text">
*Wichtige Infos
**Firma|Unsere Firma
**https//www.bluespice.com/de|Website
</syntaxhighlight>
# '''Speichern''' Sie die Seite. Die Links werden nun in der Hauptnavigation angezeigt.


Unter Umständen kann es zu Kollisionen von Linkbezeichnungen mit Systemnachrichten kommen. Ist dies der Fall, so hängen Sie der Bezeichnung einfach den HTML-Code für ein Leerzeichen an:<syntaxhighlight lang="text">
{{Icon|bi bi-clock|}}Zeitplan
**Portal|Portal&#160;
</syntaxhighlight>


== Standardlinks deaktivieren ==
Die Standardlinks können über die [[Handbuch:Erweiterung/BlueSpiceConfigManager|Konfigurationsverwaltung]] deaktiviert werden. Folgende Einstellungen sind hierbei unter dem Menüpunkt "Benutzeroberfläche" zu fnden:<span><span /><span /><span /><br /></span>


BlueSpiceDiscovery:


*Einstiegspunkt "Hauptseite" anzeigen
'''Falsch:'''<br>
*Einstiegspunkt "Alle Seiten" anzeigen
*Einstiegspunkt "Letzte Änderungen" anzeigen


BlueSpiceSocial:
{{Icon|bi bi-clock|}}


*Einstiegspunkt "Timeline" anzeigen
== Bildschirmlesegerät ==


BlueSpiceSocialBlog:
* Media-Viewer kann im Benutzermenü deaktiviert werden.
 
* Einstiegspunkt "Blog" anzeigen
 
==Gruppenspezifische Navigation==
Mithilfe von ''[[Referenz:UserFunctions|UserFunctions]]'' ist es möglich, Navigationselemente nur für bestimmte Benutzergruppen anzuzeigen. Beachten Sie, dass innerhalb dieser Funktion der Trennstrich (|) zwischen Seitenname und Bezeichnung als <code><nowiki>{{!}}</nowiki></code> maskiert werden muss.<syntaxhighlight lang="text">
{{#ifingroup:sysop,widgeteditor |
*Test2                     
**somepage{{!}}Some page
|}}
</syntaxhighlight>
 
==Zusätzliche Anpassungen==
 
*[[Handbuch:Erweiterung/BlueSpiceDiscovery/Hauptnavigation anpassen/Anzeige langer Link-Bezeichnungen|Anzeige langer Link-Bezeichnungen]]
*[[Handbuch:Erweiterung/BlueSpiceDiscovery/Hauptnavigation anpassen/Icons|Icons vor den Links anzeigen]]
*[[Handbuch:Erweiterung/BlueSpiceDiscovery/Hauptnavigation anpassen/Sprachen|Navigation in mehrsprachigen Wikis]]
 
{{Box Links
|Thema1=[[Handbuch:Erweiterung/BlueSpiceDiscovery/Hauptnavigation_anpassen|Hauptnavigation anpassen]]|Thema2=[[Handbuch:Erweiterung/BlueSpiceCustomMenu|Zusatzmenü erstellen]]|Thema3=[[Handbuch:Erweiterung/BlueSpiceDiscovery/Fußleiste|Fußleistenlinks anpassen]]}}
[[de:{{FULLPAGENAME}}]]
[[en:Manual:Extension/BlueSpiceDiscovery/Main_navigation]]
[[Category:Administration]]

Version vom 17. August 2023, 10:28 Uhr

Einleitung

Arten von Grafiken

  • Bedienelement (Web-Entwickler)
  • Informative Grafik (Inhaltsverantwortliche)
  • Layoutgrafik (Web-Entwickler)
  • Symbol (Inhaltsverantwortliche)

Bedienelement

3 Menü-Icons aus der BlueSpice Oberfläche: Zusatzmenü, Globale Aktionen und Benutzermenü
Grafik-Bedienelemente
  • Verlinkte, informative Grafik
  • Benötigt Alternativtext
  • Soll das Ziel (Link) bzw. die Aktion (Schaltfläche) bezeichnen.

Informative Grafik

  • Ist im Wiki fast immer zum Originalbild verlinkt (im Gegensatz zu einer Webseite).
  • Benötigt Alternativtext
  • Kann auch Text-Alternative benötigen (z.B. ein Organigramm). -> (Drawio, BPMN)

Hinweis: Derzeitige BlueSpice MediaWiki 1.39 Version benutzt keine klare Zuordnung von Bild und Bildunterschrift (wäre für Bildschirmlesegeräte besser, Beispiel). Dies geht erst ab neueren Versionen).

Beispiel

Infografik eines Geschäftsteams, die wie Zahnräder zusammenarbeiten.
Teamarbeit zahlt sich aus

Galerie

Layoutgrafik

  • Nicht von Inhaltsverantwortlichen erstellt, kann aber in Vorlagen vorkommen. Bei der Erstellung neuer Vorlagen müssen Bilder immer überprüft werden (gibt es Layoutgrafiken vs. Informationsgrafiken?)
  • Leerer Alternativtext macht bei Inhaltsgrafiken keinen Sinn und sollte nicht umgesetzt werden.
    • Vorschaubild: Wiki fügt automatisch den Bildnamen ein.
    • Einfaches Bild: Wiki fügt alt tag ohne Wert ein.

Symbol

Als Grafik eingebunden

  • Benötigt Alternativtext

Support-Hotline Icon

Symbol-Droplet

Immer mit Text zusammen benutzen, da Droplet-Symbole nicht vorgelesen werden:

Richtig:

Zeitplan


Falsch:

Bildschirmlesegerät

  • Media-Viewer kann im Benutzermenü deaktiviert werden.




Feedback zur Dokumentation ist im Community-Forum möglich.

Keine Kategorien vergebenBearbeiten

Diskussionen