Benutzer-Werkzeuge

Webseiten-Werkzeuge


wp:tippstricks

Tipps und Tricks

Einfügen von HTML-Code

  • ist in jeder Textbox auf einer Seite möglich
  • das heißt u.a.: wenn mit einem externen Tool wie HTML-Indexer ein Index einer Website geschrieben wurde (wobei die Links auf Seiten der Website verweisen), kann der komplette HTML-Code einfach kopiert und auf einer statischen Seite der Website eingefügt werden - die Formatierung sollte OK sein und die Links sollten auch funktionieren.

Linkanker

Mit „Linkanker“ ist die Zielstelle eines Links gemeint. Es handelt sich um einen HTML-Code, der die Syntax

  • <a name=„XXX“></a> bzw. <a id=„XXX“></a>

hat, wo XXX die Bezeichnung des Ankers ist; sie kann frei vergeben werden.

Um einen Linkanker zu setzen (also in den Text einzubauen), gibt es zwei Möglichkeiten:

  • in die HTML-Code-Ansicht umschalten, an die gewünschte Textstelle klicken und den Ankercode (vgl. oben) eintasten
  • vorausgesetzt, es handelt sich um einen klassischen Absatz: in der „visuellen“ Ansicht im Editor: Menü <Einfügen - Anker>, im dann aufgehenden Fenster als ID die Bezeichnung des Ankers eingeben und OK.

Um einen Link zu setzen, folgendermaßen vorgehen:

  1. Textstelle, die verlinkt werden soll, markieren
  2. Verlinkungssymbol auswählen
  3. im Linkfenster die Suche nutzen, um eine Zielstelle zu finden; es werden allerdings nur Seiten als potenzielle Ziele angezeigt
  4. Zielstelle anklicken
  5. um zu einem manuell gesetzten Anker zu verlinken, ist der angebotene Seitenlink zu ergänzen (am Ende), und zwar mit #XXX, wenn XXX die Bezeichnung des Ankers ist (die Raute # ist das Kenzeichen für „Linkanker“).
  6. OK

Index mit WordPress-Mitteln erzeugen und formatieren

Ein alphabetisch aufgebauter Index lässt sich in WordPress auf Basis von Schlagworten (Tags) erzeugen. Dazu muss ein entsprechendes Plugin installiert werden, z. B. „Multicolumn TagMap“, und auf einer statischen Seite muss der Shortcode des Plugins eingefügt werden, z. B. [mctagmap show_tags=„yes“ columns = 1 tag_count=„yes“ show_navigation=„yes“].

Solche Plugins sammeln die auf den Seiten oder in Beiträgen vergebenen Schlagworte vollautomatisch und stellen sie in alphabetischer Anordnung (also als reine Wortliste) auf einer statischen Seite dar. Sogar Alphabetbereichsbuchstaben werden vergeben, sodass der Nutzer per Klick zum gewünschten Bereich springen kann (im obigen Shortcode die Option show_navigation =„yes“). Die Wortliste hat aber einen Haken: Schlagworte kennen im Unterschied zu Kategorien, die in WordPress ebenfalls vergeben werden können, keine Hierarchie, sondern sind flach organisiert. Das wiederum bedeutet, dass keine Nester gebildet werden, wie es in einem „richtigen“ Index immer der Fall ist.

Hierarchisierung der Schlagworte

Dies lässt sich folgendermaßen erreichen:

  • Eine zweite statische Seite für den eigentlichen Index verwenden. Die Seite, auf der der Shortcode des Plugins steht, dient lediglich als Hilfsseite zur automatischen Sammlung der Schlagworte.
  • Die Wortliste auf der Hilfsseite wird kopiert und auf der Index-Seite (Achtung: visuelle Ansicht!) eingefügt.
  • Die Einträge werden als Aufzählung mit Aufzählungspunkt formatiert. Lösung: einfach alles markieren, dann im Editor die Aufzählungsformatierung wegnehmen.
  • Nun werden zunächst die Alphabetbereich-Links nachbearbeitet: Es braucht lediglich der Seiten-Permalink ersetzt zu werden. Das Editieren muss natürlich in der Code-Ansicht (also in HTML-Code-Ansicht) erfolgen.
  • Auch die Absätze der Wortliste werden nachbearbeitet:
    • Schritte in visueller Ansicht:
      • Einträge ohne Untereintrag (also ohne Doppelpunkt) markieren und fett formatieren
      • Einträge mit Untereintrag (also mit Doppelpunkt):
        • an den Beginn der ersten Instanz klicken und weiche Zeilenschaltung (<Strg-Umsch>) betätigen
        • Hauptthema markieren und kopieren, dann in soeben erzeugter Leerzeile einfügen; anschließend markieren (nur diese Zeile) und Link aufheben; jetzt kann das Hauptthema bearbeitet werden: unnötige Zeichen wegnehmen, evtl. Komma einfügen, dann fett formatieren
        • nun bei jedem Untereintrag das Hauptthema durch einen Unicode-m-Space ersetzen; der m-Space wird temporär in Word erzeugt und kopiert, und zwar indem in Word irgendwo der Hex-Code eingetippt wird: 2003; dann, während der Cursor direkt dahinter blinkt, <Alt-c> betätigen; dadurch wird der Hex-Code in das eigentliche m-Leerzeichen umgewandelt; dieses wird kopiert und in WordPress eingefügt.
        • Eine andere Möglichkeit bestünde im Einfügen eines Spiegelstrichs: kann in Word oder auch direkt in WordPress eingegeben werden: Alt-0150 auf Numerik-Block (in HTML-Code-Ansicht).
        • Formatierungen wie Kursiv- und Fettschrift, Hoch- und Tiefstellungen usw. können direkt in der visuellen Ansicht von WordPress vorgenommen werden.
    • evtl. lassen sich die Untereinträge auch in Word bearbeiten; dazu müsste in WordPress zunächst in die HTML-Ansicht gewechselt werden; dann wird die gesamte Eintragsliste kopiert und in Word als ASCII-Text eingefügt; hier könnten jetzt per Mustersuche alle notwendigen Ersetzungen vorgenommen werden; anschließend wird alles kopiert und in der HTML-Ansicht in WordPress eingefügt (sodass die alte Liste komplett ersetzt wird)
  • Die Syntax, die bei den Alphabetbereichsbuchstaben verwendet wird, lässt sich auch für Querverweise innerhalb des Index einsetzen! Dazu muss zunächst beim Verweisziel ein Anker erzeugt werden, dessen Syntax lautet: id=„[name]“. Die Anführungszeichen müssen gesetzt werden, die eckigen Klammern dienen nur als Platzhalterkennzeichen. Diese Verweisziel-ID wird innerhalb eines <br>-Tags eingetragen (als Attribut), der Name des Ankers (also des Verweisziels) ist prinzipiell frei wählbar. Beim Plugin „Multicolumn TagMap“ hat die Ziel-ID die Syntax id=„#mctm1-[tagname]“, wobei # dafür steht, dass es sich um ein Ziel auf der gleichen Seite handelt; die eckigen Klammern werden nicht mitgeschrieben. Die Bezeichnung „mctm1“ wird anscheinend vom Plugin benötigt.
    • Beispiel: Es soll auf den Begriff „E-Books“ verwiesen werden, der sich im Index der Website von www.wgv-net.de befindet. Aus dem Listen-Eintrag, der sich auf der Hilfsseite im <li>-Element> befindet, wird auf der Index-Seite ein normaler Absatz, also ein <p>-Element. Darin kommt als erstes der br-Tag mit der Anker-ID, dahinter das <a>-Element:
    • <p><br id="mctm1-e-books" /><a href="https://wgv-net.de/tag/e-books/">E-Books </a></p>.
    • Anmerkung: innerhalb desselben <p>-Elements können mehrere Schlagworte mit br- und a-Element angeordnet werden.
    • Hierauf kann verwiesen werden: <a href="https://wgv-net.de/index-testseite/#mctm1-e-books">siehe E-Books</a>
  • Aktualisierung des Index: Der Index einer Site wird einmal auf die oben beschriebene Weise bearbeitet und hat dann für eine gewisse Zeit Bestand. Auf der Hilfsseite kommen nach und nach ständig neue Einträge hinzu. Der eigentliche Index soll aber nicht jedes Mal komplett neu bearbeitet werden, sondern es wäre wieder gut, wenn nur die Neueinträge hinzugefügt werden müssten Dabei erhebt sich die Frage: Wie können die neuen Einträge auf der Hilfsseite erkannt werden? Idee: bei jeder Aktualisierung des eigentlichen Index den Zustand der Hilfsseite archivieren, also einfach in HTML-Ansicht alles kopieren und in Word-Datei einfügen. Diese unter einem Namen der Wahl (am besten mit Datum im Dateinamen) abspeichern. Bei der nächsten Aktualisierung des Index wird zunächst ein Vergleich zwischen aktueller Word-Datei und derjenigen mit dem letzten HTML-Inhalt vorgenommen. Damit werden die Änderungen hervorgehoben und können gezielt in den Index eingebaut werden.

Index mit Stand-alone-Tool erzeugen und an WordPress übergeben

Zum Einsatz kommen z. B. Cindex und Excel. Es wären aber auch andere Tools als Basis möglich.

Ablauf:

  • Mit Cindex werden die Einträge erzeugt, wobei als Locator die jeweilige URL verwendet wird.

  • Wenn der Index in Cindex fertig ist, wird er im Format „Delimited Records (.txt)“ abgespeichert; dabei unter „Options“ die Zahl der Felder auf 4 einstellen.
  • Die txt-Datei wird mit einem Texteditor geöffnet (ASCI/ANSI-Codierung, kein Unicode); der komplette Inhalt wird kopiert
  • Der Inhalt der Zwischenablage wird in die spezielle Excel-Datei „cindex2WP-html_convert.xlsx“ eingefügt, und zwar in die Spalten „Main“, „Sub1“ und „Page“.
  • In der Spalte „HTML f_WordPress“ wird sofort das Ergebnis präsentiert.

  • Der Inhalt der Spalte „HTML f_WordPress“ wird kopiert.
  • In WordPress zur Seite gehen, die den Index aufnehmen soll. Am besten dazu eine Seite nehmen, auf der bereits bestimmte Codierungen vorgenommen wurden (z. B. die Syntax für die Alphabetbereiche):
<h2>Alphabetbereiche</h2>
<a href="https://d-indexer.eu/2_index_aus_cindex/#A">A</a> <a href="https://d-indexer.eu/2_index_aus_cindex/#B">B</a> <a href="https://d-indexer.eu/2_index_aus_cindex/#C">C</a> <a href="https://d-indexer.eu/2_index_aus_cindex/#D">D</a> <a href="https://d-indexer.eu/2_index_aus_cindex/#E">E</a> <a href="https://d-indexer.eu/2_index_aus_cindex/#F">F</a>

<strong><span id="A">A</span></strong>
Text Text
Text Text
Text Text
<strong><span id="B">B</span></strong>
Text Text
Text Text
<strong><span id="C">C</span></strong>
Text Text
Text Text
<strong><span id="D">D</span></strong>
DNI
<a href="https://d-indexer.eu/aktivitaeten-des-dni">Aktivitäten</a>
– <em><a href="https://d-indexer.eu/geschichte">Geschichte</a></em>
– <a href="https://d-indexer.eu/kontakt">Kontakt</a>
– <a href="https://d-indexer.eu/pressespiegel">Pressespie<sup>gel</sup></a>
– <a href="https://d-indexer.eu/was-ist-das-dni">Übersicht</a>
– <a href="https://d-indexer.eu/zustaendigkeiten-beim-dni">Zuständigkeiten</a>
– <a href="https://d-indexer.eu/zweck-des-dni">Zweck</a>
<a href="https://d-indexer.eu/2020/09/04/ksk-und-vg-wort">KSK</a>
<a href="https://d-indexer.eu/rund-um-die-selbststaendigkeit">Selbstständigkeit</a>
<a href="https://d-indexer.eu/2020/09/04/ksk-und-vg-wort">VG Wort</a>
<strong><span id="E">E</span></strong>
Text Text
Text Text
Text Text
<strong><span id="F">F</span></strong>
Text Text
  • Im vorstehenden Beispiel stammt der Bereich von "DNI" bis "<a href="https://d-indexer.eu/2020/09/04/ksk-und-vg-wort">VG Wort</a>" aus Excel. Hier wurde mit Spiegelstrichen für die Untereinträge gearbeitet; diese können bei Bedarf durch einen Unicode-m-Space ersetzt werden.
  • Das Ergebnis in WordPress sieht wie folgt aus:

  • Die zu sehenden Formatierungen (wie Kursivschrift und Hochstellung) wurden diekt in WordPress vorgenoimmen, und zwar in der visuellen Ansicht.

Layout

Raum um Elemente

  • Menüs in Fußzeilen
    • Problem: In der Fußzeile werden einige Menüpunkte angeordnet, die Namen der Menüpunkte stoßen direkt an den linken Rand.
    • Lösung:: Die Anzeigenamen der Menüpunkte lassen sich in den Menüeinstellungen ändern; einfach vor den Namen einen festen Leerraum einbauen, z.B. den m-Leerraum (als Unicode-Zeichen: )
    • Falls noch eine LineBreak benötigt wird, so wird dieser am Ende der Zeile als <br/> eingebaut
wp/tippstricks.txt · Zuletzt geändert: 2021/09/14 21:13 von walter