Linkraster
12 min
link grid ist ein element, das die visuelle attraktivität einer karte mit der funktionalität eines anklickbaren elements kombiniert es ist perfekt, um wichtige informationen hervorzuheben oder zugehörige ressourcen zu präsentieren wann sie es verwenden sollten wichtige informationen hervorheben erstellen sie aufmerksamkeitsstarke karten für wichtige ankündigungen oder updates verwandte inhalte präsentieren verlinken sie auf zusätzliche ressourcen, artikel oder produkte 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 sie ein link grid erstellen geben sie / ein, um das archbee block menü zu öffnen suchen sie nach linkraster und klicken sie, um es einzufügen wählen sie aus, wie sie es erstellen möchten manuelles vs automatisches ausfüllen eines link grid wenn sie weiterhin inhalte manuell im link grid schreiben, 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 ihre inhalte hinzu sie können die inhalte beliebig gestalten, indem sie das wysiwyg menü # verwenden oder sogar andere blöcke einfügen, wie überschriften docid\ kxu0tkuer8cfwwplrrlpv erweiterbare überschriften docid\ bokvjrwvczfkqdzygrvmi listen docid\ bw9guzcprjiet8jz1rty1 hinweis docid\ hcfla aieo xeo1u8xqt5 horizontaler trenner docid\ homrbr1lbt4lwmc5 zmx2 datei docid\ zzxzpe1mwwgacgpbr5rcc image docid\ dmalxhzz dtyx ophz5ah video docid\ vs6ynbxofg39f kodhkhj einfarbiger header sie können eine farbe als header verwenden, um ihre karte besser sichtbar zu machen sie können sogar farbcode verwenden, um ihre funktionen abzustimmen klicken sie auf die header‑typ dropdown schaltfläche und wählen sie farbe klicken sie auf die farbe ändern und wählen sie ihre bevorzugte farbe aus alle vorgenommenen änderungen werden automatisch gespeichert bild header sie können ein bild als header verwenden, um den inhalt innerhalb der karte zu beschreiben und es 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 vorgenommenen änderungen werden automatisch gespeichert layout optionen artikel pro zeile steuern sie, 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 linkraster automatisch mit untergeordneten dokumenten basierend auf einem ausgewählten übergeordneten dokument füllen jeder eintrag wird als anklickbarer link oder karte dargestellt, die zum entsprechenden dokument navigiert quelle auswä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 aus aktuelles übergeordnetes dokument – verwenden sie das übergeordnete element 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 eingeschränkten berechtigungen und tiefer verschachtelte ebenen werden nicht eingeschlossen beispiel nachfolgend finden sie ein beispiel aus unserer dokumentation, das zeigt, wie link grid auto fill in einbettungsbeispiele docid\ t9 rkdwxqnwjloqxrvalp verwendet wird layout optionen diese optionen ermöglichen ihnen die kontrolle über struktur, reihenfolge und visuelle darstellung ihres link grid nachdem sie eine quelle ausgewählt haben, können sie anpassen, wie das link grid angezeigt wird elemente pro zeile legen sie fest, wie viele elemente in jeder zeile erscheinen 3 elemente pro zeile 2 elemente pro zeile 1 element pro zeile sortieroptionen wählen sie aus, wie elemente angeordnet werden standard – entspricht der reihenfolge im portalbaum manuell – ziehen sie elemente per drag & drop, um eine benutzerdefinierte reihenfolge festzulegen alphabetisch – sortieren von a–z oder z–a erstellungsdatum – neueste zuerst oder älteste zuerst anzeigestil wählen sie aus, wie elemente in ihrer dokumentation erscheinen link – eine kompakte liste, ideal für große mengen an dokumenten karte – ein visuelles layout mit bild, titel und beschreibung link view of link grid itemscard view of link grid items kartendetails für karte anzeige werden das bild, der titel und die beschreibung automatisch aus den seo meta steuerung docid 0ehnxwcl206b40okwqkhf des dokuments übernommen sie können diese werte direkt in den einstellungen jedes dokuments unter seo‑meta‑steuerelemente bearbeiten lesen sie die dokumentation zu seo meta controls, um zu erfahren, wie sie bilder, titel und beschreibungen aktualisieren 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 durch befolgen der untenstehenden sichtbare bereichsanleitung docid\ est5bkk fa7xngdkfu4i2 können sie sicherstellen, dass ihre inhalte nicht abgeschnitten werden leitfaden für sichtbaren bereich das hauptbild hat abmessungen von 480px höhe und 1324px breite wenn 3 link raster pro reihe verwendet werden, beträgt der sichtbare bereich 480px in der höhe und 860px in der breite dieser sichtbare bereich wird innerhalb der hauptabmessungen zentriert bitte sehen sie sich die folgende abbildung zur veranschaulichung an wenn 2 link‑raster pro reihe verwendet werden, wird der sichtbare bereich durch die hauptabmessungen bestimmt für ein besseres verständnis sehen sie bitte die folgende abbildung 2 link grids pro reihe wenn nur 1 link raster pro reihe vorhanden ist, wird der sichtbare bereich innerhalb der hauptabmessungen zentriert konkret beträgt die breite 1324px und die höhe 234px für ein besseres verständnis sehen sie bitte die folgende abbildung link grid pro reihe zur klarstellung sollte der hauptinhalt oder das logo in diesem vorgesehenen bereich positioniert werden unten finden sie eine live demo, wie das titelbild aussieht und wie es sich verhält markdown so erstellen sie einen tab in ihrem dokument mithilfe von markdown code das link grid erstellen beginnen sie mit der zeile link array eine link karte hinzufügen jeder link grid inhalt steht zwischen den markern link array item und wählen sie den kopfzeilentyp sie haben zwei optionen für ihren header bild dies zeigt ein bild als header hintergrund an farbe damit können sie eine vollfarbe für ihren header verwenden das passende attribut hinzufügen für bild header fügen sie die bild url als wert für das attribut headerimage hinzu beispiel headerimage="https //placehold co/600x400") für farbe header definieren sie die gewünschte farbe mithilfe eines hex codes für das attribut headercolor beispiel headercolor="#ff00ff" fügen sie inhalt in ihre link karte ein 🚨 achtung! wenn sie die triple colon syntax ( ) verwenden, um ein verschachteltes markdown element zu erstellen, stellen sie sicher, dass jedes übergeordnete element darüber ebenfalls einen zusätzlichen doppelpunkt ( ) vor seinem öffnenden triple colon enthält \## 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 besuchen sie die seite markdown verknüpfungen verwenden docid\ yqdxdtor4krgqm grsm9e für weitere markdown verknüpfungen für andere blöcke beispiele beispiele? für ein link grid? 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 custom css im laufe unserer umfangreichen erfahrung haben wir kunden stets dabei unterstützt, ihre dokumentation nach ihren individuellen vorlieben zu personalisieren zusätzlich haben wir wertvolle unterstützung angeboten, die auch ihnen dabei helfen wird, herausragende dokumentation für ihr produkt zu erstellen so funktioniert custom css docid\ hhtgq5bjahdlmeyucx6ky link unten fixieren setzen sie ihre links innerhalb des link grids so, dass sie am unteren rand der karte fixiert sind \<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 in der unteren rechten ecke oder probieren sie den ai chat (aus der suchleiste) für schnelle antworten ihre meinung ist wichtig verwenden sie das untenstehende feedback formular, anonym oder stellen sie eine frage im q\&a bereich und unser team oder die ki wird ihnen eine lösung geben
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.