Im jeweiligen Menü (ist dem Beitrag übergeordnet) Optionen > Bearbeitungsdatum anzeigen > im Beitrag oben links wird Datum angezeigt. Wenn unten gewünscht, wie hier, Optionen > Position der Beitragsinfo > darunter.
Möglich auch, hier zusätzlich, Optionen verbergen, mit TinyMCE Symbol Uhr > Pfeil > Format wählen Jahr-Mt-Tag und manuell im Beitrag unten (wie jetzt) platzieren. Nicht so gut. Mit Menü Optionen besser. Dann im Source-Code mit <time> maschinenlesbar. Das manuelle ist nur ein normales <div>
Neu in TinyMCE in J6
Super. Link einfügen > Icon rechts > Menü, Beitrag, Kontakt wählen aus Liste. Grossartig.
Und jetzt der Test mit Blockquote. In lokaler Installation und auch hier zeigt Editor Tiny Linkseinzug und Strich, im Frontend nicht von normalem p unterscheidbar. Hier folgt die Blockquote:
köfdsfjask dsökfj aödfkjds ökasdfjsdf öakdfjdsf aökdfjsökfjkjsdföjdsaf
Und das ist wieder normaler p.
Auch neu aufgefallen
Reiter Absatz / Überschriften… In Blöcke: Div wählbar (nebst Absatz, Blockzitat und Pre).
Darunter in Container: Article, Aside, Section
darunter float-start, float-end, float-none, mx-auto und d-block. hmm. herausfinden.
Ich mach mal hier float-end mitten im Beitrag:
södjfhdslfjhsdlkjf dsöfjhlksjhdflsjdhf aldjfhslkjhflashf sadlkfjhsjkhflasdjf lsdfjhsklhflsajhdf adsjfhasjhflajsdhf aldjfhsadjhfalsjhfdla
Ob das sich vom Rest unterscheidet? Nein. Im Quelltext aber Anzeige als span und float-right !important. Und auch hier sichtbar: Mit enter nur neue Zeile, ohne Abstand. Apropos abstand: 2rem für p ist zu viel. Jetzt usercss angepasst. Nur noch 1 rem bottom.
Und jetzt noch ein Test mit mx-auto:
djsfökjsöfkjsdöfkjasd sdökfjasdkfjads föadf ösdfkjsaökdfjasödf asödfkjsaödf asjödkfj asödfjkasök dfjaskfö asdökfj asdf
Jetzt, bevor mx-auto zugewiesen, Absatz hier sichtbar. Absatz bleibt, mx-auto muss was mit Margin zu tun haben. Im Quelltext wieder important vorhanden.
Und jetzt ein div
Beitrag 2
Was ist als h1 vordefiniert? Der Titel* oben? Hier drin für Formatierung Titel Schnellwahl (wenn markieren) nur h2 und h3 möglich.
Und jetzt kommt Blindtext:
1.1 Das ist ein h2
Die Titelgrösse am laptop ist gut. Mobil sind sie zu klein und zu dünn.
font-size: calc(1.325rem + .9vw); ist der Code in der Template. min. css Original für h2.
font-size: calc(1.375rem + 1.5vw); dito für h1. mit 2rem Bitzeli besser, aber immer noch zu dünn.
1.2 Das ist das zweite Unterkapitel von Kapitel eins
Eines Tages aber beschloss eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der grosse Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen liess sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg.
1.2.1 Überschrift 3
Logos svg + png zum Testen
Hier png 200x34
Hier svg 200x34
Hier 250x43
Hier svg 300x51
1.2.2 nochmal Ü3
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«.
Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum.
2. Ein Button
FÜr MAIL
Und jetzt noch ein Accordion in weissem Hintergrund
Schwarz: CSS ist von Cassiopeia Extended, nicht von mir. Und dort fehlt eine user-css. In FF sehe ich aber Background color für frage = #003, wäre korrekt. Sieht aber aus wie schwarz.
Grösseres Problem: immer Accordion innerhalb Accordion. Wo Problem? Wenn Frage geschlossen, nur diese eine sichtbar, alle anderen sind darin hineinverpackt.
Die Abstände sind Laptop-Ansicht i.O., mobile muss etwas breiter sein.
zuerst Leerschläge, dann A einfügen. Dann gehts.
Weil das jetzt die erste ist, lasse ich diese offen. die folgenden bleiben geschlossen. Nein, alle geschlossen besser. Auch die oben.
Accordion-Zusammenfassung …
Accordion-Textkörper …
Das ist Frage 1:
Und das ist die Antwort zu Frage 1. Sie ist geöffnet, wenn code "open=open". Umschalten bei Symbol hier direkt oberhalb Rahmen Pfeil (neben Papierkorb.)