Willkommen beim WP Wegerl.at 'Lesemodus'!
Entspanntes Lesen und spannende Artikel warten auf dich.
Entdecke unsere besten Beiträge und genieße den Lesemodus.
smilies.4-user.de

Gravatar und Markdown – als Merkblatt

Info echo
OpenClipart-Vectors-katze-1

Ist der Classic-Editor schon zu kennen? –
"Advanced Editor Tools – ist so klasse!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-2

Anklickt Classic-Editor mit Advanced Editor Tools
"Advanced Editor Tools – ist das ausgezeichnete!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-3

Klassischen Editor anwenden! – und …
"Advanced Editor Tools – ist so sehr gut !"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-7

… die Welt gehört dem, der sie genießt.
"Advanced Editor Tools – und tut sehr gut!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-4

Advanced Editor Tools aktive Installationen: 2+ Millionen
"Advanced Editor Tools – ist so fabelhaft!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-5

Ansprechend! – so gehts hier zur Lancierung
"Advanced Editor Tools – ist de luxe!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-6

… und NEU! – Classic Widgets
"Classic Widgets – sind so grandiose!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-8a

Werkraum ist Werkraum und Frontend ist Frontend
Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker
"Advanced Editor Tools – ist so fein!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Eine kurze Einsicht zum Begriff Gravatar und Markdown

Gravatar

Gravatar

Zum Einlesen bietet sich folgende Hinweise, Wikipedia.

Es besteht aber auch Kritik an Gravataren. Durch die Verwendung bei unterschiedlichen Internetaktivitäten ist dem Betreiber des Dienstes die Erstellung eines umfassenden Benutzerprofiles des Benutzers möglich, das der Anbieter beispielsweise für Werbezwecke verwenden kann. Auch Ermittlungsbehörden können dadurch auf einfache Art und Weise umfassenden Einblick in die Aktivitäten des Benutzers gewinnen. (S. Wikipedia.)

Beim Dienst Gravatar kann man sich als Nutzer anmelden sodann Profilbild und die E-Mailadressen hinterlegen. Wenn man mit der jeweiligen E-Mailadresse auf anderen Webseiten (Blogs) Beiträge oder Kommentare hinterlässt, so kann das Profilbild neben den Beiträgen oder Kommentaren dargestellt werden.

Start

Das Auslesen wird über Dashbord/Einstellungen/Diskussion in Schwung gebracht:

  • "Zeige Avatare" und (evtl.) "Gravatar Hovercards" anhaken,
  • den Punkt "Avatare anzeigen mit der Einstufung bis einschließlich" zuweisen:
    • Ein als G bewerteter Gravatar ist für alle Websites und jede Zielgruppe geeignet usw. (Dies gilt zur Darstellung auf der Website, welche Avatare angezeigt sein sollen.)

… und Punkts "Gravatar Logo" aufsetzen, das Logo anklicken, diesem Hinweis folgen und auf dessen Website de.gravatar.com (links unten, evtl. über Languages seine bevorzugte Sprache einstellen) kann man seinen Gravatar erstellen.

Gravatar.com

Ein quadratisches Bild vorbereiten, Avatar (Bild: Illustration, Grafik) oder ein Konterfei (Porträtfoto), evtl. mit Kurzbiografie. Bildgröße (in Pixel) 420×420.

Für seinen  Gravatar auf eigener Website sollte die Standard E-Mail-Adresse (welche man beliebig wechseln kann) ident der WordPress-E-Mail Adresse sein. E-Mail-Adressen können beliebig angefügt und nach Bestätigen verwendet werden. Unter "Andere Features" (Für Webseitenbetreiber …) erledigt die WP-Software.

Die Gesamtheit auf Gravatar.com ergibt sich aus den Buttons "Meine Gravatare" und "Mein Profil" denn selbsterklärend.

Gravatar Widget

Mit einem Autors Widget kann man das auf Gravatar.com erstellten Profils in einer Seitenleiste bzw. Footer-Widget-Bereich einfügen. Edel 😉 kann man das Avatarbild mit Kurzbeschreibung durch Plug-ins wie Easy Profile Widget einfügen. Wenn man so will erfolgt mit Plug-in JP Gravatar Hovercards im Anklick des Avatar die Hervorhebung und Verbindung direkt zum Profil auf Gravatar.com.

Markdown

Markdown

Definition Wikipedia.

In Aktivierung des Plug-in JP Markdown (oder ähnliches Plug-in) ist für Kommentare vereinfachtes Markup möglich. Aber im Grunde wird es für die meisten eine Spielerei bleiben, weil …

In den Kommentaren wird HTML-Auszeichnung ebenso ohne Markdown übertragen, wie Markdown mit dem Absenden des Kommentars in HTML gewandelt werden. Also Benachrichtigung mit Markup kann die Vorbereitung im Editor und Kopie vom Textmodus auch ohne "Markdown" erfolgen.

Arbeitsblatt
als Merkzettel (nach Wikipedia)

Der normale Text, die Leerzeile und derZeilenumbruch

Normaler Text wird so dargestellt wie eingegeben.
Eine Leerzeile (2x Enter) erzeugt einen Absatz.

Zwei oder mehr Leerzeichen am Ende der Zeile  
erzeugen (mit anschl. Enter) einen Zeilenumbruch.

Bemerkung Zeilenumbruch: Diese Auszeichnung braucht es nicht, weil der Zeilenumbruch funktioniert gleich Texteditor, die Leerzeichen erzeugen im HTML-Code nur ein <br />.

Die Kursiv- und  Fettschrift

*Kursiv*, **Fett** und ***Fett kursiv***

Kursiv, Fett und Fett kursiv

Die Asterisk (*), dieses Markup ohne Lehrzeichen.

Der Inline-Quelltext und der Code-Block

Inline-Quelltext

Markiert Text als `Inline-Quelltext`

Markiert Text als Inline-Quelltext

Die Gravis (`) werden ohne Leerzeichen gesetzt.

OT Notiz zum Inline-Quelltext Codierung <code> und Tabmenü: "Inline-Quelltext",  <code>, kann hier im Tabmenü (s.?, Inline-Quelltext) nicht mit nachfolgenden Text ohne Zeilenumbruch des Schlusstags </code>, also <code>Inline-Quelltext ↵</code>, visuell werden. Die obige Darstellung ist ohne weiteren Text und vordergründig konform. 

Code-Block

    Ein Code-Block
    durch Einrückung
    mit vier Leerzeichen

Ein Code-Block
durch Einrückung
mit vier Leerzeichen

Bemerkung: Im Kommentarfeld der Eingabe von "Code-Block" durch Einrückung mit vier Leerzeichen ist zu beachten, dass davor ein Text und Absatz (nach Text 2x Enter) gesetzt ist.

Code-Block CSS

(Die Codierung ist zur richtigen Übertragung der Auszeichnung.)

```css
#button {
border: none;
}
```

Anstatt der Gravis (`) können auch Tilde (~) gesetzt sein, jeweils ohne Leerzeichen vor "css",

und zeigt Selbiges gleich:

Codeblock in HTML

Codeblock im Vorhinein in HTML <pre><code> ausgezeichnet, wie Markdown mit absenden umgewandelt wird, z. B.:

<pre><code>
#button {
border: none;
}
</code></pre>

… und im gesendeten Kommentar dargestellt wie Markdown Code-Block CSS  (wenn es bspw. gemäß CSS Stylesheet Editor kopiert wurde):

#button {
 border: none;
 }

Anmerkung: Die farbige Hinterlegung geht hier aus dem CSS für <code> ⇔ hervor.

Die Liste

* Ein Punkt in einer ungeordneten Liste
* Ein weiterer Punkt in einer ungeordneten Liste
* Ein Unterpunkt, um vier Leerzeichen eingerückt

Statt Asterisk (*) funktionieren auch (+) oder (-)

  • Ein Punkt in einer ungeordneten Liste
  • Ein weiterer Punkt in einer ungeordneten Liste
    • Ein Unterpunkt, um vier Leerzeichen eingerückt

Nach dem Asterisk (*), Pus (+) oder Minus (-) ein Leerzeichen.

  1. Ein Punkt in einer geordneten Liste w.o. ungeordnete Liste.
  2. Ein weiterer Punkt; bei der Eingabe muss nicht auf irgendeine Reihenfolge geachtet werden, sondern nur darauf, dass es beliebige Ziffern sind.
  1. Noch ein Punkt, der zeigt, dass auch die mehrfache Angabe derselben Ziffer möglich ist.

Die Überschriften

# Überschrift in Ebene 1
## Überschrift in Ebene 2
### Überschrift in Ebene 3 usw.

Nach Raute (#) ein Leerzeichen.

Überschrift in Ebene 1

Überschrift in Ebene 2 usw.


Das Blockquote-Element

> Dieses Zitat wird in ein HTML-Blockquote-Element gepackt.

OT Anmerkung für WP-Editor visuell! Die Spitzklammer (>) gleich die Überschriften (mit #) werden nach betätigen Entertaste in HTML umgewandelt:

Dieses Zitat wird in ein HTML-Blockquote-Element gepackt.

Nach der Spitzklammer (>) ein Leerzeichen.


Die Links

Inline Links

[Beschriftung des Hyperlinks](https://de.wikipedia.org/ "Titel, der beim Überfahren mit der Maus angezeigt wird")

Beispiel siehe Kommentar.

Referenced Links

Ein Text mit [Link] [1] und andere [link] [2].

[1]: https://example.com/ "Titel"
[2]: http://example.org/ "Titel"

Der Referenzteil kann überall sein in dem Dokument.

Markdown quick reference

Die Fußnote

Die Fußnote [^ 1] ist hier oben.

Dazwischen der Inhalt.

[^ 1]: Die Randnotiz hier unten.

Die Fußnote ist mit der Randnotiz verlinkt und umgekehrt, Beispiel siehe Kommentar.

Markdown – XHTML-Blockelemente

Für komplexere Auszeichnungen XHTML-Blockelemente. Diese Elemente werden von der Konvertierungssoftware ohne Änderung in das Zieldokument übernommen.

Zeichen, die das Programm als Formatbefehle versteht, können mit einem umgekehrten Schrägstrich (Backslash) maskiert und somit übergangen werden. So wird beispielsweise ein Sternsymbol (Asterisk, „*“) am Zeilenbeginn als Aufzählungszeichen interpretiert – will man wirklich ein Sternchen, leitet man es mit einem Backslash ein: „*“.


Aktualisiert im Jahr 2022-Juni

Ein Gedanke zu „Gravatar und Markdown – als Merkblatt“

  1. Beispielkommentar Markdown

    Was ist Markdown?

    Markdown ist eine Auszeichnungssprache, die Klartext in HTML-Code konvertiert. Es erlaubt Benutzern, Sonderzeichen zu verwenden, wie Sternchen, Nummernzeichen, unterstreichen und Striche in Markdown-Syntax anstelle von HTML. Diese Markdown-Syntax wird dann automatisch in HTML umgewandelt.
    Translation, wpbeginner.com

    Beispiele:

    Fußnote (klick) 1 … bald schwimmen sie (nach) unten —

    Normaler Text wird so dargestellt wie eingegeben.

    Eine Leerzeile erzeugt einen Absatz.

    Kursiv, Fett und Fett kursiv

    Inline Quelltext:

    Markiert Text als <n'abend style="bier: 0.33l;">In allen schweren Lebenslagen ... kann der Mann ein Bier vertragen (Volksweisheit)</n'abend>

    Ein Code-Block
    durch Einrückung
    mit vier Leerzeichen
    

    Codeblock css:

    /* Responsive Strx Magic Floating Sidebar Maker */
    @media screen and (max-width: 959px) {
        #secondary {
            position: relative !important;
            left: 0 !important;
            top: 0 !important;
        }
    }
    
    • Ein Punkt in einer ungeordneten Liste
    • Ein weiterer Punkt in einer ungeordneten Liste
      • Ein Unterpunkt, um vier Leerzeichen eingerückt
    • Statt * funktionieren auch + oder –
    1. Ein Punkt in einer geordneten Liste w.o. ungeordnete Liste.
    2. Ein weiterer Punkt; bei der Eingabe muss nicht auf irgendeine Reihenfolge geachtet werden, sondern nur darauf, dass es beliebige Ziffern sind.
    1. Noch ein Punkt, der zeigt, dass auch die mehrfache Angabe derselben Ziffer möglich ist.

    Überschrift in Ebene 1

    Überschrift in Ebene 2 usw.

     

    Dieses Zitat wird in ein HTML-Blockquote-Element gepackt.


    1. Die Randnotiz … bald schwimmen sie (nach) oben.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert