Seite wählen

Linkblock ShortCode für WordPress

Inhaltsverzeichnis

Der Linkblock ShortCode ist verwand mit dem Inhaltsverzeichnis ShortCode. Der Unterschied liegt lediglich im Design und der Größe des „Inhaltsverzeichnisses“. Im Gegensatz zum Inhaltsverzeichnis ist der Linkblock schmäler und kleiner und befindet sie links oder rechts neben dem Inhalt. Wie sie es rechts oben auf dieser Seite sehen.

Nicht nur für den User ist ein Inhaltsverzeichnis oder Linksblock  bei langen Texten interessant sondern auch Google nutzt Inhaltsverzeichnisse oft um weitere Kurzlinks unter den SERP Eintrag anzuzeigen. Daher wurde kurzerhand der „Linkblock-ShortCode“ ins Plugin aufgenommen damit du einfach und schnell ein Inhaltsverzeichnis für deine Seite erstellen kannst. Die Anker bzw. Sprungmarken werden dabei durch das id-Attribut eines HTML Elements gesetzt. Da der Standard Editor von WordPress das Einfügen eines id-Attributes bei H1,H2,H3,etc. nicht unterstützte gibt es zusätzlich einen Anker-ShortCode mit welchen du an beliebiger Stelle deines Textes einen unsichtbaren Anker für dein Inhaltsverzeichnis setzen kannst. Ausgegeben wird das Inhaltsverzeichnis über UL/LI HTML Elementen.

Dieser Linkblock wurde mit dem Linkblock–ShortCode und dem Anker-ShortCode erzeugt

Code Beispiel für den obigen Inhalts-Linkblock

[linkblock title="Inhaltsverzeichnis" breite="250" position="rechts"]
[lbitem name="Code Beispiel" url="#code_beispiel" ][/lbitem]
[lbitem name="Aufbau des Shortcodes" url="#aufbau_iv" ][/lbitem]
[lbitem name="Aufbau des Link Items" url="#aufbau_iv_item" ][/lbitem]
[lbitem name="der Anker-ShortCodes" url="#anker_shortcode" ][/lbitem]
[lbitem name="individuellen Farben" url="#beispiel_farben" ][/lbitem]
[lbitem name="weitere ShortCodes" url="#weitereshortcodes" ][/lbitem]
[/linkblock]

Parameter und Optionen des ShortCode Linkblock

[linkblock title="" design="" title-h="" background="" breite="" position=""][/linkblock]

„title“: mögliche Werte [beliebig]
Dies ist ein Pflichtfeld und steht für den Namen der Liste

„breite“: mögliche Werte [200,100,150,200,250,300]
Breite des Linkblock in Pixel

„position“: mögliche Werte [rechts,links]
Position des Linkblocks auf der Seite. Jeweils mit Fließtext.

„design“: mögliche Werte [standard]
Aussehen der Liste. Aktuell ist nur ein Standard Design implementiert welches aber von dir mittels Parametern angepasst werden kann.
„title-h“: mögliche Werte [h2,h1,h3,h4]
Hiermit kannst du angeben welcher Überschrift du verwenden möchtest. Standard ist H2, da ja der Seitentitel H1 haben sollte.
„design“: mögliche Werte [standard]
Aussehen der Liste. Aktuell ist nur ein Standard Design implementiert welches aber von dir mittels Parametern angepasst werden kann.
„background“: mögliche Werte [ein beliebiger Farbwerte im #000000 Format]
Mit diesem Parameter kannst du einen eigenen Hintergrund für dein Inhaltsverzeichnis angeben um es an das Design deines Themes anzupassen.
Der Standardwert ist aktuell:  background-color:#eeeeee;

Parameter und Optionen des ShortCodes für Einträge des Linkblocks

[lbitem name="" url="" level=5]Zusatztext[/lbitem]

„name“: mögliche Werte [beliebig]
Dies ist ein Pflichtfeld und steht für den Text des Menüpunktes eines Eintrages im Inhaltsverzeichnis
„url“: mögliche Werte [beliebig]
Sprungmarke oder Link auf welchen der Menüpunkte eines Eintrages im Inhaltsverzeichnis zeigt. Zum Anlegen eines Ankers bzw. einer Sprungmarke kannst du, falls dein Theme dies nicht unterstützt den Anker-Shortcode Benutzen.
„Zusatztext“: mögliche Werte [beliebig]
Hier kann eine kleine Beschreibung beim Menüpunkt angezeigt werden. Diese Beschreibung wird unter dem Menüpunkt angezeigt.
Dies solltest du aber nur in wirklichen Ausnahmensituationen machen, da der Linkblock besser aussieht wenn er „klein und handlich“ bleibt.

Parameter des Anker-ShortCodes

[anker id=""]

„id“: mögliche Werte [beliebig]
Hier kann man einen beliebigen Namen für den Anker bzw. die Sprungmarke angeben. Dies kann dann in einem URL angegeben werden um an diese Sprungmarke auf der Seite zu gelangen. Achtung! Diese ID muss eindeutig sein und darf nur einmal auf der Seite vorkommen!
Beispiel : id=“meine_sprungmarke“ … diese kann dann als URL #meine_sprungmarke verwendet werden,

Beispiel des Inhaltsverzeichnis-ShortCodes mit individuellen Farben

Inhaltsverzeichnis


weitere ShortCodes im Plugin: