Code Ausschnitte 2025, April

Automatische Formatierung deaktivieren - CSS-Tricks

Automatische Formatierung deaktivieren - CSS-Tricks

Zur Datei functions.php hinzufügen remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comment_text', "

Gists erkennen und einbetten - CSS-Tricks

Gists erkennen und einbetten - CSS-Tricks

Poste einfach einen Link zu einem GitHub Gist und es wird schön eingebettet. Oder verwenden Sie das in diesem Snippet bereitgestellte Format und erstellen Sie den Shortcode selbst. Für dein"

Anmeldeseite anpassen - CSS-Tricks

Anmeldeseite anpassen - CSS-Tricks

Sie wissen, die normalerweise unter yoursite.com/wp-login.php. Dies sind Dinge, die Sie in die Datei functions.php des aktiven Themas einfügen würden. Ändern Sie das Logo Ist das "

Anpassen von Kommentaren Markup - CSS-Tricks

Anpassen von Kommentaren Markup - CSS-Tricks

In einem typischen WordPress-Theme geben Sie die gesamte Liste der Kommentare für einen Beitrag / eine Seite mit der Funktion wp_list_comments () aus. Dies bietet nicht viel von "

Benutzerdefinierte Datenbankfehlerseite - CSS-Tricks

Benutzerdefinierte Datenbankfehlerseite - CSS-Tricks

Fügen Sie eine Datei mit dem Namen "db-error.php" direkt in Ihren Ordner / wp-content / ein, und WordPress verwendet diese automatisch, wenn eine Datenbankverbindung besteht. "

Bloginfo Shortcode - CSS-Tricks

Bloginfo Shortcode - CSS-Tricks

Mit der Funktion bloginfo () in WordPress haben Sie Zugriff auf viele nützliche Informationen zu Ihrer Website. Siehe die vollständige Liste. Zugriff auf alle diese Werte "

SVG über WordPress Media Uploader zulassen - CSS-Tricks

SVG über WordPress Media Uploader zulassen - CSS-Tricks

HINWEIS: Ab 4.7.1 funktioniert dies nicht mehr genau wie hier veröffentlicht. Der Kommentarthread beginnt hier. Ich werde dies einmal aktualisieren, um es am besten zu handhaben. "

Avatargröße ändern - CSS-Tricks

Avatargröße ändern - CSS-Tricks

Die Funktion wp_list_comments verfügt über einen Parameter, mit dem die Standardgröße (48 Pixel) auf einen Wert zwischen 0 und 80 Pixel geändert werden kann. wp_list_comments ('avatar_size = 80'); "

Wenden Sie benutzerdefiniertes CSS auf den Admin-Bereich an CSS-Tricks

Wenden Sie benutzerdefiniertes CSS auf den Admin-Bereich an CSS-Tricks

Zur Datei functions.php hinzufügen: add_action ('admin_head', 'my_custom_fonts'); Funktion my_custom_fonts () (echo '';) "

Automatische Social Media Links - CSS-Tricks

Automatische Social Media Links - CSS-Tricks

Dies würde in die Schleife gehen, wahrscheinlich unter the_content (), wahrscheinlich in Ihrer single.php-Datei. // Lesezeichen auf Delicious "

Kommentare mit Basisgewinde Styling - CSS-Tricks

Kommentare mit Basisgewinde Styling - CSS-Tricks

Ol.commentlist (Listenstil: keine; Rand: 0 0 1em; Auffüllen: 0; Texteinzug: 0;) ol.commentlist li () ol.commentlist li.alt () ol.commentlist "

SVG Knockout Text - CSS-Tricks

SVG Knockout Text - CSS-Tricks

Die Idee hier ist, sich drei übereinander gestapelte Schichten vorzustellen, wobei die oberste Schicht verwendet wird, um eine Form in der zweiten Schicht auszuschneiden, um die "

Textsperre - CSS-Tricks

Textsperre - CSS-Tricks

Die Katze im Hut SVG bietet das Tag an. Während es in HTML ähnlich wie normal funktioniert, akzeptiert es Attribute, die eine leistungsstarke Textformung freischalten. "

Fügen Sie Klassen zu Links hinzu, die von next_posts_link und previous_posts_link - generiert wurden CSS-Tricks

Fügen Sie Klassen zu Links hinzu, die von next_posts_link und previous_posts_link - generiert wurden CSS-Tricks

Diese beiden Funktionen erstellen Ankerverknüpfungen, und Sie können viele davon anpassen, aber es ist unmöglich, eine Klasse hinzuzufügen, indem Sie nur ihre Parameter verwenden. "

Kontaktinfofelder hinzufügen / entfernen - CSS-Tricks

Kontaktinfofelder hinzufügen / entfernen - CSS-Tricks

Benutzerprofile in WordPress haben standardmäßig die folgenden Felder für Kontaktinformationen: E-Mail, Website, AIM, Yahoo IM, Jabber / Google Talk. Sie können diese entfernen und "

Exportoptionen für Adobe Illustrator - CSS-Tricks

Exportoptionen für Adobe Illustrator - CSS-Tricks

Dies ist weniger ein Ausschnitt als vielmehr eine Erinnerung an etwas, das ich oft nachschaue. Beim Erstellen von SVG-Dateien in Adobe Illustrator gibt es einige "

Gebogener Text entlang eines Pfades - CSS-Tricks

Gebogener Text entlang eines Pfades - CSS-Tricks

Mit drei direkt in SVG integrierten Werkzeugen können wir Text entlang einer gekrümmten Linie fließen lassen:, und. The Snippet Dangerous Curves Ahead Wie wir dorthin kamen Stellen Sie sich vor, wir zeichnen ein "

Hinzufügen eines Kategorienamens zu body_class - CSS-Tricks

Hinzufügen eines Kategorienamens zu body_class - CSS-Tricks

Mit der Funktion body_class können Sie dem body-Tag eine Reihe von Klassen hinzufügen, die Informationen darüber enthalten, welche Art von Seite gerade angezeigt wird. "

SVG-Muster - CSS-Tricks

SVG-Muster - CSS-Tricks

Mit dem SVG -Element können wir Muster innerhalb unseres SVG-Markups definieren und diese Muster als Füllung verwenden. Der grundlegende Prozess für Muster "

Form-Morphing-Symbole in der Schaltfläche auf Klicken - CSS-Tricks

Form-Morphing-Symbole in der Schaltfläche auf Klicken - CSS-Tricks

Die Idee hier ist, ein SVG-Symbol in einer Schaltfläche zu verwenden und dieses Symbol gegen ein anderes auszutauschen, wenn auf die Schaltfläche geklickt wird. Ein Knopfdruck deutet oft darauf hin, dass eine Aktion "

SVG Hamburger Menü - CSS-Tricks

SVG Hamburger Menü - CSS-Tricks

Drei Streifen sollten so einfach zu zeichnen sein. Hier finden Sie eine Reihe verschiedener Möglichkeiten, dies im Web zu tun. Das heißt, SVG ist definitiv der schönste Weg zu "

Typografie in Ansichtsfenstergröße mit minimalen und maximalen Größen - CSS-Tricks

Typografie in Ansichtsfenstergröße mit minimalen und maximalen Größen - CSS-Tricks

Das Deklarieren von Schriftgrößen in Ansichtsfenstereinheiten kann zu wirklich interessanten Ergebnissen führen, ist jedoch mit Herausforderungen verbunden. Es gibt keine Mindestschriftgröße oder "

Verwenden Sie eine Sass-Variable für einen Selektor - CSS-Tricks

Verwenden Sie eine Sass-Variable für einen Selektor - CSS-Tricks

Angenommen, Sie müssen einen bestimmten Selektor an mehreren Stellen in Ihrem Code verwenden. Es ist zwar nicht sehr häufig, aber es passiert etwas. Wiederholter Code ist "

Farbton- und Schattenfunktionen - CSS-Tricks

Farbton- und Schattenfunktionen - CSS-Tricks

Sowohl Aufhellungs- als auch Verdunkelungsfunktionen manipulieren die Helligkeit einer Farbe im HSL-Raum, indem sie Helligkeit hinzufügen oder davon abziehen. Im Grunde sind sie "

Striped Gradient Mixin - CSS-Tricks

Striped Gradient Mixin - CSS-Tricks

Eine beliebte Methode zum Zeichnen von Streifen in CSS, um einen linearen Farbverlauf mit überlappenden Farbstopps zu definieren. Es funktioniert sehr gut, ist aber nicht sehr bequem zu schreiben "

Str-Replace-Funktion - CSS-Tricks

Str-Replace-Funktion - CSS-Tricks

Sass bietet eine Sammlung praktischer Funktionen zum Bearbeiten von Zeichenfolgen. Es gibt jedoch keine Funktion zum Ersetzen einer Teilzeichenfolge durch eine andere Zeichenfolge. Hier ist ein"

Sortierfunktion - CSS-Tricks

Sortierfunktion - CSS-Tricks

Sass bietet keine integrierte Möglichkeit zum Sortieren einer Werteliste. Dank der Funktionen zur Manipulation von Zeichenfolgen können wir eine Funktion zum Sortieren einer Liste von Elementen erstellen. "

Strip-Unit-Funktion - CSS-Tricks

Strip-Unit-Funktion - CSS-Tricks

Es gibt viel Verwirrung darüber, wie Einheiten in Sass arbeiten. Sie arbeiten jedoch genauso wie im wirklichen Leben. Wenn Sie die Werteinheit entfernen möchten, "

Vereinfachung von Kontexten und Ereignissen CSS-Tricks

Vereinfachung von Kontexten und Ereignissen CSS-Tricks

Sass kann irgendwie eine Art Black Box sein, besonders für junge Entwickler: Sie setzen einige Dinge ein, Sie bringen einige Dinge heraus. Nehmen Sie die Auswahlreferenz "