HTML-Code für Quellenangaben wie in Wikipedia oder Markdown?

Hallo, ich möchte in einer selbst gehosteten WordPress-Seite durchnummerierte Quellen am Textende angeben. Welchen HTML-Code kann ich dafür nutzen?

Die Formatierung bei Wikipedia gefällt mir dazu sehr gut: Im Text selbst steht eine laufende Zahl, diese führt per Link zur Quellenangabe, an der Quellenangabe gibt's einen Link (Pfeilsymbol), welcher zur Textstelle zurückführt. In Wikipedia wird das per umgesetzt, das wird im Wikipedia-Artikel "Hilfe:Einzelnachweise" erläutert.

scheint aber kein "offizieller" HTML-Code zu sein, bei w3schools.com wird der nicht erläutert und in einen WordPress Eintrag reinkopiert funktioniert diese Formatierung nicht.

Aktuell nutze ich Markdown per Jetpack-Plugin für WordPress. Markdown hat eine gleichwertige Quellenangabe-Funktion wie Wikipedia. Durch dieses Setup kann ich aber die Sektion meiner Seiten nicht mehr bearbeiten, welches für das Einbinden von Google's Material Design Icons nach meinem Verständnis jedoch nötig ist. Deshalb möchte / kann ich Markdown nicht länger verwenden und suche die Alternative in HTML-Code. Keine Plugins o.ä.

Wer kennt HTML-Code für durchnummerierte Quellenangaben?

Danke, Stephan

2 Antworten

stboy

11.03.2017, 10:36

Auf der folgenden Seite wird es dir erklärt:

https://glueckpress.com/6573/sprungmarken-fussnoten-wordpress/

Du setzt also jeweils mit dem a-Tag einen Link. Den Links gibst du jeweils eine durchnummerierte ID. Im Beispiel wurde den IDs der Links im Text jeweils ein a vorangestellt und den Links bei der Quellenangabe ein f. Somit ist jede ID einmalig.

Im Attribut href wird das Ziel des Links festgelegt. Hier trägst du die ID mit vorangestellter Raute (#) ein. Dadurch wird nun innerhalb des Dokuments zur jeweiligen ID verlinkt.

Da auf diese Weise sowohl die Nummer im Text als auch die Nummer vor der Quellenangabe einen Link erhält, kannst du nun zur Quelle und auch wieder zurück springen.

Gaskutscher

11.03.2017, 10:00

Fußnoten, händisch zu verlinken. Wiki hat u.U. dafür ein Kürzel, welches dann beim Auslesen der Quellinformationen entsprechend in HTML-Code umgesetzt wird.

Du musst einfach selbst Sprungziele und Links definieren.

<sup>[1]</sup>

Hochgestelltes »[1]« mit Sprungziel zum Fuß der Seite bzw. zur angegebenen Quelle.

Verwende ich auch in meinem Blog. Als Beispiel:

https://www.600ccm.info/1/170215/Fuehrerschein_Klasse_A_Schluesselzahl_80_-_eine_Luecke_in_der_FeV#5

Einfach den Quelltext anschauen, dann kommst du dahinter wie es mit den Sprungzielen funktioniert.

Der Pfeil bei Wikipedia führt dich wieder zurück zur Stelle, an welcher das Sprungziel nach unten ausgebracht war (fehlt bei mir im Blog).

Bei WP ist es möglich diesbezüglich HTML direkt selbst einzubinden?

Gaskutscher

11.03.2017, 10:04

Habe hier noch was gefunden. Hast du das schon probiert?

http://rephrase.net/box/word/footnotes/syntax/

stboy

11.03.2017, 10:42

"sup" sorgt nicht für die Verlinkung. Wichtiger ist somit das a-Tag, welches diesen umschließt. ;)

Gaskutscher

11.03.2017, 10:56

@stboy

Natürlich nicht. Es stellt lediglich die Zeichen hoch. Daher der Hinweis sich den Quellcode anzuschauen.

Ähnliche Fragen

Schriftfarbe ändern bei Wordpress?

HI, ich würde ganz gerne die Schriftfarbe ändern, jedoch finde ich kein Plugin welches mir weiterhilft. Als Programm verwende ich Wordpress.org Gibt es überhaupt ein Plugin oder muss ich die Farbe mit HTML codes ändern?

...zur Frage

WordPress mit eigenem HTML, CSS und JSCode?

Hallo Leute, ich brauche mal ein paar Infos zu WordPress in Verbindung mit eigenem HTML, CSS und JavaScript Code.

1.) Ich habe mit den 3 besagten Sprachen ein kleines interaktives Bild in einer HTML Datei erstellt mit einem Umfang von gut 180 Zeilen und dieses Bild würde ich gerne in WordPress einbinden, funktioniert das? Wenn ja wie? Per Shortcode? Direkt einbinden? muss ich das in ein Plugin umwandeln?

2.) Wenn es möglich ist, kann ich das Erstellte leicht exportieren und auf einer anderen WordPress Seite ebenfalls leicht Importieren?

3.) Kann ich überhaupt mit der kostenlosen Version bzw. mit der Persönlichen oder maximal Premium Version besagtes umsetzen? Oder müsste ich für eigenen Code ein höheren Tarif wählen?

Vielen dank schonmal und Beste Grüße!

...zur Frage

Eclipse html-Formatierung?

Guten Tag,

der HTML Code in Eclipse sieht irgendwie immer aus wie Kraut und Ruben. Mir ist natürlich die Funktion STRG + Shift + F bekannt. Allerdings sieht es damit oftmals noch schlimmer aus.

Gibt es eventuell eine Erweiterung für Eclipse empfehlen wo das besser kann? Oder ist es noch sinnvoller den HTML Code, beispielsweise in ATOM(Das eine schöne Formatierung hat) zu schreiben und dann einfach reinzukopieren.

...zur Frage

Eine Text-Sharing Webseite wie zB Pastebin mit Wordpress erstellen? (HTML)?

Wollte über Wordpress eine kleine Text-Sharing Webseite erstellen die ähnlich wie Wordpress aufgebaut ist. Sie soll sehr simpel sein. Könnte mir einer helfen/ Code zur Verfügung stellen? (Wenn möglich HTML)

...zur Frage

Wordpress plugin/eigenes css + html?

Hallo, ich suche ein Wordpress plugin, mit dem man eine scrolling animation wie hier erstellen kann. Nur soll diese nicht von oben nach unten laufen, sonder als gefäß(eine art reagenzglas von unten nach oben volllaufen. trotzdem sollte die seite oben starten--> nach unten scrollen--> glas läuft voll, text "hovert" in.

Wie mache ich das?

LG & danke im voraus

...zur Frage

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zur Frage

HTML Rounded Borders für's Bild geht in Wordpress nicht?

Moin,

ich habe ein kleines Problem und weiß mittlerweile nicht mehr weiter.

Es ist recht simpel, ich will, dass auf meiner Wordpress-Seite alle Bilder einen Border-radius von z.B. 7px haben. Allerdings kann ich in Wordpress keinen Borderradius benutzen, es wird einfach nicht angenommen oder so, die Bilder bleiben mit Ecken.

Also habe ich mal eine normale .html Seite erstellt und auf dieser funktioniert es einwandtfrei.

Hier der Code, auf der HTML seite

<img class="rounded-corner" src="https://dummyimage.com/wuxga" width="600px;"/>
<style>
.rounded-corner { 
  border-radius: 7px;
}
</style>

(Das Bild habe ich durch ein Beispielbild ersetzt)

Eben diesen Code habe ich in Wordpress dann auch mal auf die Seite eingefügt, allerdings bleiben die Bilder mit ecken. Ich habe auch über das <img> ein div gelegt mit einer class (dachte das hilft vllt), aber es ging auch nicht.

Ich benutze bei Wordpress den Editor "Elementor" also nicht den Standard Editor von Wordpress selbst. Man kann bei Elementor zwar Bilder manuell round machen an den Ecken, aber ich würde gerne einen Code haben, der dies "Sitewide" macht.

Wenn jemand eine Idee hat, gerne melden ;)

Vielen Dank!

...zur Frage

Wie kann ich dieses JavaScript-Plugin mit HTML verbinden?

Hallo,

ich fasse mich möglichst kurz.

Ich bin gerade dabei, eine Website mit HTML & CSS für einen Minecraft Server zu erstellen. Allerdings möchte ich gerne ein JavaScript-Plugin (hier zum Plugin: https://github.com/FragLand/minestat) benutzen, mit dem ich die aktuelle Online-Spieleranzahl auf der Website anzeigen lasse.

Jedoch habe ich keinen blassen Schimmer, wie Ich das jetzt verbinde, weil ich keine Ahnung von JavaScript habe. Im Internet habe ich auch nicht wirklich viel herausfinden können.

HTML-Code:

JavaScript-Code:

...zur Frage

PHP mit HTML in Wordpress [Elementor] einfügen?

Hi, Ich habe eine Wordpress website wo ich zum designen Elementor nutze. Ich möchte jetzt gerne ein Stück HTML und PHP Code hinzufügen, was dann oben im Header sein soll. Ich habe schon verschiedenes mit Plugins versucht aber da kommt immer das raus, alles ist doppelt da und nur eins zeigt das Richtige an und es fehlen Bilder usw. Nun ist meine frage ob jemand mir sagen kann, was genau ich verändern müsste, oder wie ich das angehen sollte?

Hier ist einmal wie was für dateien alles Drin sind. Index HTML, ConfigPHP.

Und dann noch die Icon Bilder sowie weitere CSS Dateien und Java Dateien.

Ich Freue mich über jeden Tipp. :)

...zur Frage

Wie kann ich eine WordPress-Kommentar-Sektion zu meinem individuellen Theme hinzufügen?

Ich habe eine individuelle Website mit Webflow erstellt und dann den HTML- und CSS-Code kopiert, um ihn als Grundlage für mein individuelles WordPress-Theme zu verwenden. Das Theme unterstützt jedoch keine Kommentar-Plugins wie WP Disquz oder das grundlegende WP-Kommentarformular. Was sollte ich tun, um eine Kommentar-Sektion auf meiner Website zu aktivieren?

Sollte ich den Kommentar-Sektions-Code direkt in die HTML- und CSS-Dateien meines individuellen Themes einfügen oder gibt es einen anderen Code, den ich zu den Theme-Ordnern hinzufügen kann, um Kommentar-Plugins und das WP-Kommentarformular zu unterstützen?

ihr könnt euch auch gerne den code der website anschauen

https://germanpoems.org/

...zur Frage

Wie kann man eine Tabelle in Wordpress, in mobiler Ansicht so einstellen, dass 2 Reihen angezeigt werden anstatt eine?

Hallo, meine Tabelle in Wordpress sieht in mobiler Ansicht unschön aus, weil nur eine Reihe angezeigt wird, sie müssen aber mindestens zwei reihen beinhalten.

Ich bin mir sicher das es im CSS Code oder im HTML Code einstellbar ist. Weiß jemand mehr?

...zur Frage

Pop-up Plugin und iFrame in Wordpress einfügen mit SendinBlue?

Hallo liebe Community,

ich würde gerne bei meiner Website einen iFrame Code von SendinBlue in ein Pop-up integrieren, jedoch bis jetzt ohne Erfolg.

wenn ich den Code in den Head oder Body Bereich einfüge erscheint der Newsletter direkt zwischen den Post‘s.

Ich suche jedoch ein kostenloses Plugin oder Möglichkeit um den vorgegebenen iFrame Code oder HTML Code von SendinBlue als Pop-up nach einer gewissen Zeit über der Startseite erscheint.

Kann mir jemand helfen?

...zur Frage

WordPress Post Request umleiten?

Moin,

angenommen ich spreche an;

https://www.example.com/API?UserId=1234&Request=1

Die Website example.com ist eine WordPress-Page. Die /API leitet auf meinen Server um mit dem API Call und gibt dann auch die Antwort zurück.

Gibt's ein Plugin oder PHP/HTML Lösung?

Danke und LG!

...zur Frage

Google AdSense Code in HTML Code einer Wordpress Seite einfügen?

Hallo!