Öffnet in einem neuen Tab
Neu30 statt 10 Objekte kostenfrei erhalten30 statt 10 ObjekteJetzt herunterladenHerunterladen
  1. Start
  2. Hilfe
  3. Kartendesign und Detailseite wählen

Darstellung

Wie Ihre Objekte aussehen sollen

Mehrere Vorlagen für die Objektkarte und für die Detailseite, und darüber die Grundsatzfrage: Soll das Plugin die Detailseiten rendern oder Ihr eigenes Template? Diese Anleitung ordnet das der Reihe nach.

Geprüft mit MG Connector 0.99.172 · Stand 28. September 2026

Die eine Entscheidung vorweg

Unter MG Connector › Einstellungen › Darstellung › Basis steht ganz oben die Grundsatzfrage. Zwei Möglichkeiten:

  • MG Connector Design-System. Das Plugin rendert die Detailseiten selbst, in der Vorlage, die Sie wählen. Die Schrift erbt es von Ihrer Website. Die Farben kommen aus einem Farbschema, das Sie unter Darstellung › Basis wählen, oder mit Automatic CSS direkt aus Ihrem Design-System.
  • Eigenes Template (Theme / Bricks Builder). Ihr Theme oder Bricks übernimmt auch die Detailseiten. Das Plugin rendert dann die Objekt-Detailseiten nicht mehr selbst.

Das Design-System ist die Voreinstellung und für die allermeisten Maklerbüros die richtige Wahl: Es ist fertig, mobil geprüft, und Sie müssen nichts bauen.

Das eigene Template lohnt sich, wenn Sie eine Bricks-Seite mit eigener Gestaltung bauen wollen. Kurzbefehle und Bricks-Elemente funktionieren dabei weiter, Sie setzen sie nur selbst zusammen.

Die Übersichtsseite ist davon nicht betroffen. Die bauen Sie in beiden Fällen selbst, als ganz normale WordPress-Seite mit dem Listen-Element. Die Entscheidung hier betrifft nur die Detailseiten der einzelnen Objekte.

Die Vorlagen für die Objektkarte

Unter Darstellung › Listenansicht wählen Sie aus, und jede Vorlage hat eine Vorschau daneben.

  • Classic. Bild, Titel, Ort, Preis, darunter die Eckdaten. Die sichere Wahl und die Voreinstellung.
  • Minimal. Schlichte Karte mit Titel, Ort, drei Kennzahlen und Preis. Ruhig, gut für hochwertige Fotos.
  • Overlay. Die Angaben liegen auf dem Bild.
  • Editorial. Redaktioneller Aufbau mit mehr Text.
  • Glass V1. Milchglas-Fläche über dem Bild.
  • Prestige. Für den gehobenen Bestand.
  • Properto. Portalnahe Darstellung mit vielen Eckdaten.

Sehen Sie sich die Vorschauen mit Ihren eigenen Fotos an. Overlay und Glass brauchen Bilder mit ruhigen Flächen, sonst wird die Schrift unlesbar. Bei gemischter Bildqualität sind Classic und Minimal die robustere Wahl.

Im selben Unterreiter schalten Sie das Energieklassen-Symbol und die Marketing-Badges auf den Karten ein oder aus. Über das Stift-Symbol an einer Vorlage passen Sie Farben und Schrift nur für diese Karte an. Die Vorlage trägt danach die Markierung „Individuell“.

Eine andere Vorlage auf einer einzelnen Seite

Die Einstellung gilt überall. Wenn Sie auf einer bestimmten Seite etwas anderes brauchen, geben Sie es dort direkt mit:

[mgic-list template="editorial" limit="6"]

Im Bricks-Element steht dafür ein Auswahlfeld. Lassen Sie es leer, gilt die Einstellung aus der Darstellung.

Das ist praktisch für eine Landingpage, die anders wirken soll als die Hauptübersicht.

Die Vorlagen für die Detailseite

Unter Darstellung › Detailseite, ebenfalls mit Vorschau.

  • Modern. Die Voreinstellung. Galerie oben, Eckdaten, Beschreibung, Ansprechpartner, Kontaktformular.
  • Stage. Großes Bild als Bühne über die volle Breite.
  • Portal. Dichte Darstellung mit vielen Werten, wie man es von den Portalen kennt.
  • Properto. Ruhiger Aufbau mit deutlicher Preisbox.

Auf jeder dieser Seiten liegen dieselben Bausteine: Bildergalerie, Eckdaten, Beschreibung, Energieausweis als Skala, Lage als Umkreis auf der Karte, Ansprechpartner mit Foto und das Anfrageformular. Die Vorlagen unterscheiden sich in Anordnung und Gewichtung, nicht im Inhalt.

Welche Objekte unter „Das könnte Sie auch interessieren“ erscheinen, steuern Sie unter Darstellung › Basis im Abschnitt Empfehlungen. Die Preisspanne legt fest, in welcher Bandbreite um den Objektpreis das Plugin bevorzugt ähnliche Objekte zeigt. Ab Werk sind es 20 Prozent.

Erst mit einem echten Objekt entscheiden. Eine Vorlage, die in der Vorschau überzeugt, kann bei einem Objekt mit drei Bildern und kurzer Beschreibung leer wirken. Sehen Sie sich Ihr schwächstes Objekt an, nicht Ihr bestes.

Woher Farben und Schriften kommen

Die Schrift kommt von Ihrer Website. Das Plugin bringt bewusst keine eigene Schrift mit und erbt die Ihrer Seite. Bei den Farben gibt es zwei Wege, und die stehen unter Darstellung › Basis.

Die Größe einzelner Überschriften und des Preises passen Sie unter Darstellung › Basis im Abschnitt Schriftgrößen an, etwa für Seitentitel, Karten-Titel oder den großen Preis.

Ausführlich steht das in der Anleitung zu Farben und Schriften.

Der Abstand zum Header

Ein Thema, das bei fast jeder Seite mit festem Header einmal aufkommt: Entweder klebt der Seitenanfang unter dem Header, oder es klafft eine große Lücke.

Dafür gibt es unter Darstellung › Basis den Abschnitt Header und Seitenanfang. Er gilt zentral für alle Seiten des Plugins, also Objekte, Referenzen, Veranstaltungen und Stellen.

Sie stellen ein, wie sich Ihr Header verhält (Header-Verhalten, ab Werk „Automatisch erkennen“) und wie hoch er ist (Header-Höhe, mit einem Knopf zum Vermessen). Dazu kommt der Abstand oben am Seitenanfang. Daraus berechnet das Plugin den Abstand am Seitenanfang und den Abstand beim Springen zu einem Anker. Die Tafel „So rechnet das Plugin gerade“ zeigt beide Werte. So verdeckt ein fester Header beim Springen nicht die Überschrift, zu der gesprungen wurde.

Wenn eine Vorlage nicht greift

  1. Die Detailseite sieht unverändert aus. Steht die Darstellung auf „Eigenes Template (Theme / Bricks Builder)“? Dann rendert das Plugin die Detailseite nicht, und die Vorlagenauswahl ist wirkungslos. Der Unterreiter Detailseite ist dann ausgegraut. Die Listenansicht ist als inaktiv markiert, ihre Kartenvorlage gilt aber weiter für die Objektliste.
  2. Die Karten sehen aus wie vorher. Auf der Seite steht wahrscheinlich ein fest mitgegebenes template="…". Das schlägt die Einstellung.
  3. Gar nichts ändert sich. Seiten-Cache leeren und in einem privaten Fenster nachsehen.

Nicht weitergekommen?

Schreiben Sie uns, woran es hängt. Wir antworten persönlich und ergänzen die Anleitung, wenn etwas fehlt.

Frage stellen