Über Web, Tech, Code & Design
28. November 2023
Einzelne oder mehrere Seiten in WordPress mit Passwort-Schutz versehen
Um einzelne Bereiche oder Seiten schnell und unkompliziert mit einem Passwort zu schützen, habe ich folgendes Plug-in entwickelt. Nach der Installation hast du im Backend die Möglchkeit ein Passwort festzulegen. Anschließend kannst mit diesen Shortcodes ausgewählte Bereiche Content schützen. „passwordprotect_logout“ erzeugt einen Link zum Log-out. Ganze Seiten kannst du schützen, indem du die Checkbox in […]
15. November 2023
Einzelne Seiten in WordPress von der Suche ausschließen
Einzelne Seiten einer WordPress-Website von der Suche auszuschließen, ist mit folgendem Code in der functions.php möglich. Der Code erzeugt eine Metabox in den Beitragseinstellungen in der gewählt werden kann, ob die Seite in der Suche gefunden werden soll, oder nicht.
15. November 2023
Responsive, quadratische divs mit CSS
Mit der CSS-Eigenschaft „aspect-ratio“ kannst die Höhe von divs (und anderen Elementen) responsive anpassen ohne die Breite zu kennen. Das ist z.B. sehr praktisch, wenn die Breite eines divs in Prozent definiert ist. Natürlich können auch andere Seitenverhältnisse angegeben werden. Wenn die divs nur halb so hoch sein sollen, kann man folgendes CSS nutzen:
14. November 2023
8 Dinge, die du beim Launch einer WordPress-Website beachten solltest
Sichtbarkeit für Suchmaschinen aktivieren Bei der Installation von WordPress wird man gefragt ob man Suchmaschinen davon abhalten möchte, die Website zu indexieren. Das ist sinnvoll, wenn man die Website bereits auf einem Webserver entwickelt, die Seite aber noch nicht für die Öffentlichkeit gedacht ist. Beim Launch sollte man nicht vergessen die ensprechende Checkbox unter „Einstellungen […]
12. November 2023
So kannst du Logos auf einer Website gleichmäßig darstellen
Endlich habe ich die ultimative Lösung gefunden um Logos auf einer Website darzustellen. Viele Jahre habe ich mit „float“, „margin“, Spacern & Background-Images gearbeitet und das Ergebnis war nicht immer zufriedenstellend. Die CSS-Eigenschaften „display: grid“, „gap“ & „aspect-ratio“ sind hier echte Game-Changer. Mit folgendem Code kannst verschiedenste Logo – egal hoch Hoch oder Querformat – […]
11. November 2023
Gutenberg-Vorlage automatisch beim Erstellen eines neuen Posts in den Editor einfügen
Gerade für Posts, die nach einem wiederkehrenden Muster aufgebaut sind, wie z.B. Stellenanzeigen, Exposés o.ä. und die in großer Anzahl erstellt werden müssen, ist es sehr praktisch, mit einer Vorlage zu arbeiten. Statt die Vorlage bei jedem Post manuell aus dem Menü einzufügen, kannst du das Temolate auch automatisch beim Erstellen eines neuen Posts in […]
4. November 2023
Formular-Daten in WordPress als Post speichern – wp_insert_post()
Mit folgendem Code lassen sich Daten aus einem Formular als (Custom-)Post in WordPress speichern. Mögliche Anwendungsbereiche sind z.B. Erstelle hierfür zunächst einen Custom Post Type, z.B. namens „Anmeldungen“. Das geht z.B. sehr easy mit dem Plug-in CPT UI. Erstelle anschließend ein Formular mit den gewünschten Feldern. Ergänze im JavaScript folgenden Code. Hiermit werden die Formulareingaben […]
1. November 2023
setTimeout() – JavaScript-Code zeitverzögert ausführen
Mit folgendem Code lässt sich JavaScript zeitverzögert ausführen.
1. November 2023
PDF2JPG – PDFs in JPGs konvertieren
Mit dieser Anleitung kannst du in wenigen Minuten ein Automator-Skript erstellen, mit dem du anschließend alle Seiten eines PDFs in einzelne JPGs konvertieren kannst. Öffne Automator und wähle „Schnellaktion“. Gib dann „pdf“ in die Suche ein, wähle „PDF-Seiten als Bilder rendern“ und wähle oben rechts „Finder“ aus. Gib jetzt „Finder“ in der Suche ein und […]
29. Oktober 2023
JavaScript-generierte Websites crawlen („Scraping“)
Das Crawlen oder Scrapen externer Websites ist ein spannendes Thema und ermöglicht viele coole Anwendungen. In der Vergangenheit habe ich zum Crawlen die PHP-Funktion „file_get_contents()“, in Kombination mit SimpleHTMLDom oder DOMXPath, eingesetzt. Das funktioniert auch wunderbar, wenn die gewünschten Daten auf dem Server generiert und als statische HTML-Dateien an den Browser des Benutzers gesendet werden. […]