Der Hallenplan ist eine SVG-Zeichnung Ihrer Halle, in der jede Standfläche die Standnummer als Namen trägt. Jedes Zeichenprogramm, das SVG speichert, ist geeignet – Inkscape, Adobe Illustrator, Affinity Designer oder Figma. Ohne Zeichenprogramm zeichnen Sie den Plan mit dem Add-on Hallenplan-Designer direkt in WordPress.
Die SVG-Datei vorbereiten
- 1Grundriss anlegen
Wände, Gänge, Beschriftungen – alles, was Gäste zur Orientierung brauchen.
- 2Jede Standfläche als eigene Form
Ein Rechteck, ein Polygon oder ein Pfad – ein einzelnes Objekt, nicht Teil einer großen Sammelform.
- 3Standfläche nach der Standnummer benennen
Geben Sie dem Objekt im Ebenen- bzw. Objektbedienfeld den Namen „A12“. Mehr ist nicht nötig: Beim Hochladen liest das Plugin den Namen dort, wo Ihr Programm ihn ablegt, und schreibt ihn in die Kennung (
id). - 4Etagen und Räume benennen (optional)
Eine Ebene „Etage: Erdgeschoss“ wird ein eigener Reiter, eine Fläche „Raum: Händlersaal“ ein Raum dieses Reiters – siehe unten.
- 5Den Rest ohne Namen lassen
Gänge, Wände und Beschriftungen brauchen keinen. Alles ohne passenden Namen bleibt unbeweglicher Hintergrund.
- 6Als SVG speichern und hochladen
Dann in der Veranstaltung über „SVG-Karte hinzufügen“ einbinden – siehe Hallenplan einbinden.
Das Plugin ändert daran nichts. Lassen Sie das SVG-Format von Ihrer Administration freischalten – etwa mit einem Plugin wie „Safe SVG“ –, bevor Sie es versuchen. Erlauben Sie SVG-Uploads nur vertrauenswürdigen Rollen.
Etagen und Räume in einer Datei
| Was | Name im Grafikprogramm | Ergebnis |
|---|---|---|
| Etage | eine Ebene oder Gruppe „Etage: Erdgeschoss“ (oder „Floor: Ground floor“) | ein eigener Reiter mit eigener Datei |
| Raum | eine Fläche „Raum: Händlersaal“ (oder „Room: Hall A“) | ein Raum (Unterstandort) dieses Reiters |
| Stand | ein Objekt „A12“ | anklickbare Standfläche |
Groß- und Kleinschreibung spielt keine Rolle; statt des Doppelpunkts gehen auch Bindestrich, Unterstrich oder Leerzeichen. So wird aus einer Datei mit drei Etagen ein Plan mit drei Reitern, und die Räume stehen schon drin. Eine Datei ohne Etagen-Namen wird wie gewohnt ein einzelner Reiter.
Illustrator in id und data-name (Sonderzeichen kodiert, etwa _x3A_ für den Doppelpunkt), Inkscape in inkscape:label, Affinity in serif:id, Figma in id. Das Plugin liest alle diese Stellen und übersetzt die Kodierungen zurück. Doppelte Namen meldet es beim Hochladen – Affinity etwa macht aus einem zweiten „K-04“ still „K-041“.
Was in der Datei stimmen muss
| Richtig | Falsch |
|---|---|
A12 | A 12 mit Leerzeichen oder A-12, wenn beim Aussteller A12 steht. |
| Jede Standnummer genau einmal | Dieselbe Nummer an zwei Flächen – das Plugin meldet es beim Hochladen. |
Zwei Flächen, zwei Namen; beim Aussteller A12, A13 | Beide Nummern in einem einzigen Namen. |
| Die Standnummer zusätzlich als Text zeichnen | Nur den Namen gesetzt – im Plan ist dann nichts zu lesen. |
Ein viewBox im SVG, damit der Plan mitskaliert | Feste Breite und Höhe ohne viewBox. |
| Datei über „Importieren“ übernehmen | „Datei unverändert verwenden“, obwohl die Nummern nur im Objektnamen stehen oder Illustrator sie kodiert hat (etwa _x31_2 für „12“) – dann wird nichts übersetzt, und der Stand wird nicht gefunden. |
Groß- und Kleinschreibung darf abweichen: a12 in der Datei passt zu A12 beim Aussteller.
Sie dürfen den Namen auch an eine Gruppe setzen, die Fläche und Beschriftung zusammenfasst. Dann wird die ganze Gruppe klickbar und hervorgehoben – die Beschriftung bleibt lesbar. Falsch ist nur, wenn der Name an einer Gruppe sitzt, die mehrere Stände umfasst.
Hilfslinien, Notizen oder vergessene Entwürfe erscheinen mit im Plan. Räumen Sie die Datei vor dem Hochladen auf.
Schnell prüfen
Plan bei der Veranstaltung einbinden, Seite aufrufen und auf eine Standfläche klicken. Öffnet sich das Informationsblatt, stimmt der Name. Schon beim Hochladen zeigt das Plugin, wie viele benannte Objekte es gefunden hat und wie viele davon einem Aussteller gehören.