Linkraster
12 min
link grid ist ein element, das die optische attraktivität einer karte mit der funktionalität eines anklickbaren elements kombiniert es eignet sich perfekt, um wichtige informationen hervorzuheben oder relevante ressourcen zu präsentieren wann sollte man es verwenden wichtige informationen hervorheben erstellen sie aufmerksamkeitsstarke karten für wichtige ankündigungen oder aktualisierungen verwandte inhalte präsentieren verlinken sie zu zusätzlichen ressourcen, artikeln oder produkten ein optisch ansprechendes verzeichnis erstellen organisieren sie informationen in anklickbaren karten für eine einfache navigation benutzererlebnis verbessern bieten sie eine klare und interaktive möglichkeit, benutzer durch ihre inhalte zu führen wie man ein link grid erstellt tippe / um das archbee block menü zu öffnen suche nach link grid und klicke, um es einzufügen wähle aus, wie du es erstellen möchtest manuelles vs automatisches ausfüllen eines link grids wenn sie weiterhin inhalte manuell im link grid erstellen, sind die nächsten schritte wählen sie einen header typ aus sie haben drei optionen keine farbe docid\ est5bkk fa7xngdkfu4i2 bild docid\ est5bkk fa7xngdkfu4i2 kein header farb header bild header fügen sie ihren inhalt hinzu sie können den inhalt nach belieben mit dem wysiwyg menü formatieren oder sogar andere blöcke einfügen, wie überschriften docid\ kxu0tkuer8cfwwplrrlpv ausklappbare überschriften docid\ bokvjrwvczfkqdzygrvmi listen docid\ bw9guzcprjiet8jz1rty1 hinweis docid\ hcfla aieo xeo1u8xqt5 horizontale trennlinie docid\ homrbr1lbt4lwmc5 zmx2 datei docid\ zzxzpe1mwwgacgpbr5rcc bild docid\ dmalxhzz dtyx ophz5ah video docid\ vs6ynbxofg39f kodhkhj header mit vollfarbe sie können eine farbe als header verwenden, um ihre karte sichtbarer zu machen sie können sogar farbcodes verwenden, um ihre funktionen anzupassen klicken sie auf die header typ dropdown schaltfläche und wählen sie farbe klicken sie auf farbe ändern und wählen sie ihre bevorzugte farbe aus alle änderungen werden automatisch gespeichert bild header sie können ein bild als header verwenden, um den inhalt innerhalb der karte zu beschreiben und sie optisch ansprechender zu gestalten klicken sie auf die header typ dropdown schaltfläche und wählen sie bild klicken sie auf die bild hinzufügen schaltfläche wählen sie ihr bild aus alle änderungen werden automatisch gespeichert layout optionen elemente pro zeile bestimmen, wie viele elemente in jeder zeile angezeigt werden 3 elemente pro zeile 2 elemente pro zeile 1 element pro zeile sparen sie zeit und halten sie ihre dokumentationsstruktur synchron, indem sie ein link grid automatisch mit untergeordneten dokumenten basierend auf einem ausgewählten elternteil befüllen jedes element wird als anklickbarer link oder karte dargestellt, die zum entsprechenden dokument führt quelle wählen die auswahl einer quelle ist der erste schritt und bestimmt, welche dokumente im link grid erscheinen wählen sie aus, woher das link grid dokumente beziehen soll beliebiges übergeordnetes dokument im space – wählen sie ein bestimmtes dokument oder eine kategorie als quelle aktuelles übergeordnetes dokument – verwenden sie das übergeordnete dokument der seite, die sie bearbeiten das link grid enthält alle dokumente, die sich direkt unter dem ausgewählten übergeordneten dokument befinden entwürfe, versteckte dokumente, dokumente mit berechtigungseinschränkungen sowie tiefer verschachtelte ebenen werden nicht berücksichtigt beispiel unten finden sie ein beispiel aus unserer dokumentation, das zeigt, wie auto ausfüllen im link grid verwendet wird in einbettungsbeispiele docid\ t9 rkdwxqnwjloqxrvalp layout optionen diese optionen ermöglichen es ihnen, die struktur, reihenfolge und das visuelle erscheinungsbild ihres link grids zu steuern nachdem sie eine quelle ausgewählt haben, können sie das erscheinungsbild des link grid anpassen elemente pro zeile bestimmen, wie viele elemente in jeder zeile erscheinen 3 elemente pro zeile 2 elemente pro zeile 1 element pro zeile sortieroptionen wählen sie die reihenfolge der elemente standard – entspricht der reihenfolge im portalbaum manuell – ziehen sie elemente per drag and drop, um eine benutzerdefinierte reihenfolge festzulegen alphabetisch – sortieren sie a–z oder z–a erstellungsdatum – neueste zuerst oder älteste zuerst darstellungsstil wählen sie, wie elemente in ihrer dokumentation erscheinen link – eine kompakte liste, ideal für viele dokumente karte – ein visuelles layout mit bild, titel und beschreibung link ansicht von link grid elementenkartenansicht von link grid elementen kartendetails für die karten ansicht werden bild, titel und beschreibung automatisch aus den seo‑meta‑steuerungen docid 0ehnxwcl206b40okwqkhf des jeweiligen dokuments gezogen diese werte können sie direkt in den einstellungen jedes dokuments unter seo meta einstellungen bearbeiten weitere informationen finden sie in der dokumentation zu den seo meta einstellungen bildanleitung um sicherzustellen, dass ihre inhalte korrekt angezeigt werden, empfehlen wir, ein bild mit einer höhe von 480px und einer breite von 1324px zu erstellen wenn sie der untenstehenden sichtbarer bereich leitfaden docid\ est5bkk fa7xngdkfu4i2 folgen, können sie sicherstellen, dass ihre inhalte nicht abgeschnitten werden sichtbarer bereich leitfaden das hauptbild hat eine höhe von 480px und eine breite von 1324px für den fall, dass es 3 link grids pro reihe gibt, beträgt der sichtbare bereich 480px in der höhe und 860px in der breite dieser sichtbare bereich wird innerhalb der hauptabmessungen zentriert bitte siehe das bild unten für eine visuelle darstellung wenn es 2 link grids pro reihe gibt, wird der sichtbare bereich durch die hauptabmessungen bestimmt für ein besseres verständnis siehe das bild unten 2 link grids pro reihe wenn es nur 1 link grid pro reihe gibt, wird der sichtbare bereich innerhalb der hauptabmessungen zentriert konkret hat er eine breite von 1324px und eine höhe von 234px für ein besseres verständnis siehe das bild unten link grid pro reihe zur klarstellung der hauptinhalt oder das logo sollte in diesem dafür vorgesehenen bereich platziert werden unten finden sie eine live demo, wie das titelbild aussieht und sich verhält markdown so erstellen sie eine registerkarte in ihrem dokument mit markdown code erstelle das link‑raster beginne mit der zeile link array füge eine link‑karte hinzu jeder inhalt des link‑rasters kommt zwischen link array item und ‑markierungen wähle den headertype du hast zwei optionen für deinen header image dies zeigt ein bild als header‑hintergrund an color dies ermöglicht die verwendung einer vollfarbe als header füge das passende attribut hinzu für image ‑header füge die bild‑url als wert für das attribut headerimage hinzu beispiel headerimage="https //placehold co/600x400") für color ‑header definiere die gewünschte farbe mit einem hex‑code für das attribut headercolor beispiel headercolor="#ff00ff" füge inhalte innerhalb deiner link‑karte hinzu 🚨 achtung! wenn du die syntax mit drei doppelpunkten ( ) verwendest, um ein verschachteltes markdown‑element zu erstellen, stelle sicher, dass jedes übergeordnete element ebenfalls einen zusätzlichen doppelpunkt ( ) vor seinem öffnenden dreifach‑doppelpunkt hat \## link array example \ link array \ link array item{headertype="image" headerimage="https //placehold co/600x400"} \ list item 1 \ list item 2 \ \ link array item{headertype="color" headercolor="#ff00ff"} \ \[ ] unchecked list box \ \[x] checked list box \ \ hier ist das ergebnis listeneintrag 1 listeneintrag 2 nicht angekreuztes kontrollkästchen angekreuztes kontrollkästchen siehe die seite markdown‑shortcuts verwenden docid\ yqdxdtor4krgqm grsm9e um mehr markdown‑kurzbefehle für andere blöcke zu sehen beispiele beispiele? für ein link‑raster? das ist wie wasser im ozean finden man kann es nicht vermeiden unsere dokumentation ist voll davon! auf dieser seite gibt es 8 davon, plus bilder benutzerdefiniertes css im laufe unserer umfangreichen erfahrung haben wir kunden dabei unterstützt, ihre dokumentation nach ihren individuellen vorlieben zu personalisieren außerdem haben wir wertvolle hilfe angeboten, von der wir glauben, dass sie auch ihnen bei der erstellung einer herausragenden dokumentation für ihr produkt zugutekommen wird erfahren sie, wie benutzerdefiniertes css funktioniert docid\ hhtgq5bjahdlmeyucx6ky link am unteren rand fixieren legen sie fest, dass ihre links im link gitter am unteren rand der karte fixiert werden \<style> ab link block content wrap ab link { position absolute; bottom 0; } \</style> andere blöcke finden entdecken sie neue möglichkeiten und blöcke, um beeindruckende und funktionale dokumentationsseiten zu erstellen alle blöcke ansehen docid\ qr1fjhmpreujxqqndqr1 brauchen sie hilfe? ⬇️ verwenden sie die blaue chat blase unten rechts oder versuchen sie ki chat (über das suchfeld) für schnelle antworten ihre meinung zählt nutzen sie das folgende feedback formular, anonym oder stellen sie eine frage im q\&a bereich und unser team oder die ki wird ihnen eine lösung anbieten
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.