Archiv der Kategorie: HTML + CSS

Hier ist einfaches HTML und CSS zu finden, wie es für den WP-Anfänger zum Aufbau einer Website brauchbar ist.

Link-Dekorationen
Externe Links mit Icon – Base64

Zum Titelbild dieses Beitrags: Dem Titelbild (SVG-Format, 1 KB) ist über Boxy SVG die sichtbare Viewbox erweitert und Hintergrund definiert, da sonst die gesamte Bildfläche nicht ausgefüllt ist und dahinter Schraffierung durchscheint.


Das Icon oder Dashicon mit base64 – bestens beschrieben: Was ist Base64 und was bringt es?

Es geht diesem Beitrage im einen darum, ein Icon mit base64 für externe Links zu erstellen. Das Icon in Anwendung für externe Links ist der Website flaticon.com/free-icon entliehen.

Im anderen sind ein paar CSS-Link-Dekorationen hinsichtlich meiner Website zusammengefasst. 

Link-Dekorationen
Externe Links mit Icon – Base64
weiterlesen

Blick header.php f.

Dieser Beitrag stellt in Relation für Anfänger evtl. Editierung header.php für annähernden Verständnisses eine Übersicht.

t3n
Zur Website betreffs verschiedenes an Artikel … mit Liebe gemacht!

Mein Beitrag ist Konzepts der Website t3n.de mit konkret techn. Textteilen vom Autor Florian B.* (ergo im Titel: Funktionen, um ein eigenes WordPress-Theme zu erstellen) dazu sind über Internetrecherche weitere Informationen zur header.php mit Links zur jeweiligen Website.

* Meiner Nachfrage wie Ambition zum Artikel auf meiner Website: Im kleinen E-Mail-Verkehr Ratschlags durfte ich zur Zitation hinzulernen und ausführen –, sodann ein freundliches „okay“ des Autors. – Danksagung meinerseits! – nicht nur von wegen Textteile.

Im April 2018 zum dreijährigen Jahrestag meiner Wəb-Site mit WordPress: Im Netz wird von paar Fachleuten wie engagierte WordPress’ler vieles in Erläuterung gebracht und hiermit „WordPress für Einsteiger“ so richtig was von Motivation ist – hiermit „Große Danksagung!“ – passend der Artikel von David K. im sog. Titel Warum billige Nischenseiten uns über den Kamm scheren  :-) – viel Gelingen allen Lesern!

Blick header.php f. weiterlesen

Zwei Überschriften sich folgend Abstand konform

Es kann sich zur Übersicht ergeben, dass sich mal einer Überschrift die nächste anreihen möchte. Zwei sich folgenden Überschriften ist der normale durch CSS gegebene Abstand im Theme Twenty Fourteen zu weit dargestellt. (Designgefühls-.)

Überschrift

Überschrift

Der obigen Überschrift ist durch …

<h2 style="margin-bottom: -18px;">Überschrift</h2>

… der Abstand zur folgenden Überschrift einzurichten:

Überschrift

Überschrift

Der Gesamteindruck ist ausgewogen.

Ob mehr Pixel (weniger Abstand) oder weniger Pixel (mehr Abstand) gegeben sein mögen, hängt auch von der Größe der Überschrift mithin jeweiligen Theme ab, weil je größer die Schrift, desto mehr Abstand (weniger Pixel) konformer erscheinen lässt. Themes Twenty Fourteen Hauptüberschrift im Inhaltsbereich h2 (nach dem Titel h1) wird besser ohne extra Markup zu h3 auskommen, da es ja im Content eine primäre Überschrift darstellt. Folgenden Überschriften h3 zu h4 usw. erscheint die Reduzierung des Abstands gelungen. Aber für viele WP-Themen wird das gestalterisch gar kein Thema sein.