Archiv für den Monat: Mai 2023

php-Schnipsel (shortcodes)

Es gibt manchmal Anforderungen, die nur via php-Schnipsel erreicht werden können. Diese sind in functions.php (in Child-Theme!) einzufügen und manchmal braucht es auch noch ein paar css-Anweisungen.

Hier ein paar Beispiele im Bereich der Shortcodes: 

In der Fusszeile wird oft ein Copyright-Hinweis angezeigt mit einer Jahrzahl, also so:

©2024 woodesign

Das wird so erreicht:

Weiterlesen →

Plugin: SyntaxHighlighter evolved: Code darstellen – ist ganz einfach

Beim Dokumentieren von Code (CSS, HTML, Javascirpt, …) einfach den <code>-Tag benutzen, dann sieht es so aus:

.header { border: 0px; }

Geht das aber über mehrere Zeilen, ist es nicht mehr so schön. Als Inline-Element ist es auch nicht dafür gedacht.

oder vielleicht den <pre>-tag? dann kommt es so:

.header { border: 0px; }

Damit die Syntax schön dargestellt wird braucht es ein plugin; ich benütze das Plugin SyntaxHighlighter evolved.

Das Plugin erzeugt auch bei mehrzeiligem Code einen guten Output:

body .site {
  	/*color: #146666;*/
  	background-color: #f8f8f8;
}
.woodesign { 
  color: #1c9135;
  font-weight: bold;
}
img.header-image {
  border: none;
  box-shadow: none;
}