Getting started with CSS Tricks - Tutorial, CSS Code Beispiele


Contents:


Fügen Sie Körper-Klasse gerade für IE hinzu
Hinzufügen von Leerzeichen zum Andocken in OS X
Dies ist absolut nicht HTML-bezogen, aber durch schiere Nachfrage, musste ich es irgendwo hinzu...
Base64 Kodierung von 1x1px Transparent GIF
Nur für den Fall, dass Sie einen brauchen. Sie können es ausdehnen, um den Raum nach Bedarf zu ...
Basismikrofonierte hCard
Eine Basis-Adresse und URL, markiert mit Mikroformate. CABE43C516DD66EE86563DCBCA384848E
Schaltfläche mit Zeilenumbrüchen
Ihre beste Wette ist a <button>so können Sie ein verwenden <br>
Kommentare in HTML
^
Cufon 101
1. Fügen Sie dieJavaScript...
Einbetten von Flash
Dies ist anders als der Standard-Code, den Flash bietet. Dies beinhaltet typischerweise das <...
Einbetten von Quicktime
Quicktime erfordert immer noch die Double-Objekt-Methode, um es in allen Browsern durchzuführen...
Einbetten von Windows Media
Valid-Technik, wie es doesn "t müssen die < einbetten> -Tag
Leere Tabelle Markup
^
Beispielformular Markup
^
Formularübergabe Öffnet neues Tab/Fenster
Sie wussten wahrscheinlich, dass Sie eine Verknüpfung erzwingen können, um eine neue Registerka...
Wegbeschreibungen abrufen (Google Maps)
^
Befreien Sie sich von weißem Blitz, wenn Iframe geladen wird
Blendet Iframe bis zur vollständigen Beladung aus. CABE43C516DD66EE86563DCBCA384848E
HTML5 Artikelstruktur mit hNews
Die Spezifikationfür hNews....
HTML5-Seitenstruktur
iPhone Anrufen und SMS Links
Dies ist der Aufruf einer (wahrscheinlich nützlicher, wenn die klickbare Text Wörter, wie die a...
Behalte Flash hinter anderen Elementen
Zum Beispiel ein Dropdown-Menü, das hinter einem Flash-Film läuft oder oben auf einem Leuchtkas...
Linke und rechte Hälften Layout
Lorem Ipsum Absatz
Pellentesque Bewohner morbi tristique senectus und netus et malesuada fames ac turpis egestas. ...
Mailto-Links
Machen Sie IE 6 Crash
Dies ist absolut nicht empfohlen für die Verwendung in irgendeiner Art von "echten" Website-Sze...
Meta Aktualisieren
Die Weiterleitung an die angegebene URL erfolgt in 5 Sekunden. Für eine sofortige Umleitung auf...
Meta Tag For Forcing IE 8 zu Verhalten wie IE 7
^
Meta-Tag, um Suchmaschinen-Bots zu verhindern
Um alle Such Bots aus Indexieren einer Seite zu verhindern:
Mehrfache Dateieingabe
Dateieingaben können das Attribut "multiple" haben, das die Auswahl mehrerer Dateien im Dateibe...
Öffnen Sie den Link in einem neuen Fenster
Daten an einen Iframe senden
Doesn "t nehmen jede JavaScript oder irgendetwas Sie müssen nur die Form." S Zielattribut entsp...
Korrekte Tags zum Anzeigen von Inhaltsänderungen
Der richtige Weg, um Änderungen an einem HTML-Dokument zu markieren, wenn Sie den alten Inhalt ...
Responsive Meta-Tag
Ich neige dazu, dies zu nutzen:
Serving Up Universal IE 6 Stylesheet
Alle guten Browser plus IE 7 und höher erhalten REGULAR-STYLESHEET.css, Browser IE 6 und darunt...
Setzen Sie das iPhone Lesezeichen Icon
Platziere dies in deinem < head> Abschnitt und legen Sie das href-Attribut zu einem Bild ...
Standardlistennavigation
^
Starten Sie einen Web-Server mit einem Terminal-Befehl unter OS X
Ich habe diese Woche dreimal in dieser Woche gesucht, also habe ich mir gedacht, ich sollte bes...
Stoppen Sie IE Seite laden Flicker
Sonst bekannt als Fajax (Fake Ajax). Wenn Sie zum Beispiel ein Formular absenden und die nächst...
Testseite
Eine einfache XHTML 1.0 Strict Seitenstruktur, der folgendes beinhaltet: Grund CSS...
Die gemeinsamen DOCTYPEN
!
Tooltips für Akronyme
Ich liebeCSS
Top & Bottom Hälften Layout
Automatische Vervollständigung für die Eingabe deaktivieren
einfach das Autocomplete-Attribut verwenden:
Verwenden Sie Firebug in jedem Browser
Fügen Sie einfach dieses Skript auf der Website ein und Sie erhalten eine Firebug-Konsole, die ...
Video für alle (HTML5-Video mit Flash-Fallback)
Quelle des RSS-Feeds in Firefox anzeigen
Firefox nimmt gerne an, wenn du auf einen Link zu einem RSS-Feed klickst, mit dem du ihn abonni...
XHTML 1.0 STRICT-Seitenstruktur
"Shake" CSS Keyframe Animation
Dies setzt die Verwendung eines Autoprefixers voraus. ...
"Stitched" Schau
Ein vollständiger Leitfaden für Flexbox
Hintergrund
Ein vollständiger Leitfaden für Grid
CSS Grid Layout ist das leistungsstärkste Layoutsystem in CSS. Es ist ein 2-dimensionales Syste...
Absolutes Zentrum (vertikal und horizontal) ein Bild
Zugänglichkeit/SEO Friendly CSS Hiding
Alle Stylesheet-Medientypen
^
Animierte körnige Textur
DieDayTrip-Websiteverwendet einen ordentlic...
Basic Link Rollover als CSS Sprite
a
Grundlagen der Google Font API
Bessere Helvetica
Körp...
Verschwommener Text
Machen Sie die Textfarbe transparent, aber einen Schatten hinzufügen:
Bouncy Animierte Animation wird geladen
Nur ein paar Spaß mit CSS3 Animationen. Wenn Sie sich um eine supertiefe Browserunterstützung s...
Browserspezifische Hacks
Center DIV mit dynamischer Höhe
Zentrieren einer Website
^
Ändern Sie Autovervollständigungsstile in WebKit-Browsern
Wir haben einen schönen Tipp vonLydia ...
Ändern Sie die Textauswahlfarbe
Kommentare in CSS
Beispiel:
Gemeinsame Unicode-Symbole
a [^...
Komprimiere CSS mit PHP
Ihre CSS-Dateien mit diesem PHP Start (und nennen Sie es style.php):
Eckband
^
Browserübergreifender Inline-Block
li
Browserübergreifende Opazität
In diesen Tagen, ziehen Sie wirklich "t über Undurchsichtigkeit kümmern eine schwierige Sache C...
Browserübergreifendes hr-Styling
Browserübergreifende Mindesthöhe
div
CSS-Box Schatten
Wird verwendet, um Schatten von Elementen auf Blockebene (wie divs) zu werfen.
CSS Konischer Verlauf
Ein konischer Gradient ist ähnlich einem
CSS-Diagnose
Finden Sie Fehler in HTML und markieren Sie den Mist von ihnen.
CSS-Schriftfamilien
CSS Grid Starter Layouts
Dies ist eine Sammlung von Starter-Vorlagen für Layouts und Muster mit
CSS Hacks Targeting Firefox
Linearer CSS-Verlauf
Vielleicht die häufigste Art von Gradienten, die wir im Webdesign sehen, ist die linear-g...
CSS Nur Bildvorladung
Ein wichtiger Grund für die Verwendung des Ladens von Bildern ist, wenn Sie ein Bild für das Hi...
CSS-Radialverlauf
Wenn wir über Gradienten sprechen, lohnt es sich, mit der Tatsache zu beginnen, dass Farbverläu...
CSS Wiederholte Farbverläufe
Wiederholte Farbverläufe nehmen einen Trick, den wir bereits mit der kreativen Verwendung von m...
CSS-Textschatten
Regular Text Schatten:
CSS-Dreieck
CSS3 Zebra Striping eine Tabelle
tbod...
Benutzerdefinierte Kontrollkästchen und Optionsfelder
Die Selektoren hier sind spezifisch für Wufoo Markup, aber die Konzepte bei der Arbeit können f...
Benutzerdefinierte Dateieingabe Styling in WebKit/Blink
^
Benutzerdefinierte Optionsfelder
Diagonale Graph Papier Gradient
#example-gradient { height: 200px; margin: 0 0 20px 0; background-color: #eaeaea;...
Drop-Caps
Beenden Sie Artikel mit Ivy Leaf
p
Zentrieren Sie genau ein Bild/Div horizontal und vertikal
Erweiterung der Boxen Navigation
Aus dem v8 Design von CSS-Tricks.
Fancy Ampersand
Dan Cederholm hat seit langem die Baskerville Italic Ampersand verwendet, und sagt uns, zu
Fußzeile korrigiert
Feste Positionierung in IE 6
*
Ein Bild spiegeln
Sie können Bilder mit CSS spiegeln! Mögliches Szenario: Sie haben nur eine Grafik für einen "Pf...
Flüssige Typografie
Erste rechts auf den Code, hier "sa Implementierung arbeiten:
Schriftart Kurzschrift
Schriftstapel
Datei-Upload-Eingabeknopf nach rechts in WebKit erzwingen
Firefox und IE haben die Schaltfläche "Datei auswählen" rechts neben dem Dateipfad, während Web...
Vertikale Bildlaufleiste erzwingen
html...
Erzwingen des Graustufen-Druckens
Zum Zeitpunkt des Schreibens dieses Artikels, wird dies nur in Chrome 18+ arbeiten, aber es "s
Gib anklickbaren Elementen einen Zeigercursor
a [h...
Blau leuchtende Eingabehighlights
Wie Mitte 2012 Twitter.
Gradiententext
Dies ist nur WebKit, aber es ist der sauberste Weg, dies zu erreichen, da der Text editierbarer...
Farbverlauf unterstrichen
a
Handhabung langer Wörter und URLs (Erzwingen von Pausen, Silbentrennung, Ellipsen usw.)
Es kann vorkommen, dass eine wirklich lange Textzeile den Container eines Layouts überläuft.
Handhabung langer Wörter und URLs (Erzwingen von Pausen, Silbentrennung, Ellipsen usw.)
Wir haben dieses Snippet zu diesem Thema in unser kanonisches Snippet ver...
Hexagon mit Schatten
<div class="hexagon"><span></span></div>
Scrollbar in Edge ausblenden, IE 10/11
h...
Internationalisierungssprache CSS
iPad Ausrichtung CSS
^
iPad-spezifisches CSS
Keyframe Animation Syntax
Geschichtetes Papier
^
Pseudoklassen verknüpfen (in Reihenfolge)
ein
Machen Sie "Pre" Text Wrap
Text in < pre> Tags können standardmäßig nicht umbrochen werden. Siehe zum Beispiel das u...
Machen Sie Nicht-Passwort-Eingaben Verwenden Sie Bullets (oder Bullet-Alternativen)
Dies funktioniert bei Texteingaben (z. B. Text, E-Mail usw.), aber Sie können die tatsächlichen...
Medienabfragen für Standardgeräte
Wenn Sie denken, reaktionsschnell "s einfach, ich fühle mich schlecht für Sie Sohn....
Meyer Zurücksetzen
html...
Mixins für Rem Font Sizing
Die remSchriftgröße Einheit ist ähnlich em, nur anstatt es zu kaskadi...
Momentum Scrollen auf iOS-Überlaufelementen
Webseiten auf iOS haben standardmäßig einen "Impuls" -Stil, bei dem ein Fingerdruck die Webseit...
Monotone ein Bild mit CSS
Sie können immer einen Filter auf ein Element anwenden, um es im Graustufen- Sinn monoton zu ma...
Mehrere Hintergrundsyntax
Browser, die mehrere Hintergründe unterstützen (WebKit von den frühen Tagen, Firefox 3+) verwen...
Mehrere Rahmen
Mehrere Spalten
Hier ist ein Beispiel für eine einfache dreispaltige Klasse:
Benannte Farben und Hexenäquivalente
504 Gateway Time-out 504 Ga...
Verschachtelte und erweiterbare Ordner
Dies war eine Demo von Martin Ivanov, die versteckte Checkboxen und benachbarte Geschwisterkomb...
Rauschen Daten URI Bild
Hint...
Nicht-Form-Fieldset-Look
<section class="fieldset"> <h1>This is not a fieldset</h1> <p>...
Nicht schreckliche Bildgrößenanpassung in IE
img
Orientierungssperre
Seite Locken Schatten
ul
Perfekte CSS Sprite ~ Schiebetüren Button
Picross Stil Tasten
Wie in dem SpielPICROSS3D.
PNG Hack/Fix für IE 6
Verhindere Bounce Scroll in Lion
Nur stellen Sie sicher, dass Sie den Rand und das Padding für diese Elemente ebenfalls auf Null...
Verhindern, dass Hoch- und Tiefstellungen die Zeilenhöhe beeinflussen
sup,...
URL nach Links drucken
Qualitäts-Abkürzungen
Leicht hellere Farbe (unter der Annahme, dass der Text schwarz ist), gepunktete untere Umrandun...
Entfernen Sie Schaltflächentext in IE7
HTML:
Entfernen Sie die gepunkteten Linkgrenzen
Gepunktete Rahmen um Links sind eine Eingabehilfe, die die meisten Browser standardmäßig haben....
Entfernen Sie die graue Hervorhebung beim Tippen auf Links in Mobile Safari
-web...
Entfernen Sie die Ränder für die ersten/letzten Elemente
Es kann manchmal wünschenswert sein, den oberen oder linken Rand vom ersten Element in einem Be...
Entfernen Sie Scrollbar von Textarea in IE
Standardmäßig haben alle IE-Versionen eine Bildlaufleiste auf Textareas, auch wenn sie leer sin...
Punktierte Umrandung entfernen
ein
Retina-Anzeige Medienabfrage
Für hochauflösende Grafiken, aber nur für Bildschirme, die diese verwenden können. "Retina" Wes...
Text umkehren
Für Rechts-nach-links-Sprachen können Sie das Standard-Layout von links nach rechts in den meis...
Band
^
Abgerundete Ecken
Skalieren Sie auf Hover mit Übergang
Bringen Sie Ihre eigenen Präfixe mit!
"PDF-Bomben"
Jeder ol "Anker-Link kann ein Link zu einem PDF-Dokument sein, aber ein Link wie diese zu klick...
Einfaches und schönes Blockquote-Styling
Die Blockquote wird in standardkonformen Browsern mit dem "große Anführungszeichen davor" -Effe...
In Image-Boxen einschieben
Aus der Fußzeile des v8-Designs von CSS-Tricks.
Smiley-Schieberegler
Erfordert jQuery und jQuery UI für den aktuellen Slider. Das Gesicht besteht aus Elementen, die...
Solarisiertes Thema für CodeMirror und Prettify
Here "s fürGoogle Code ...
Spinny Leaf Menü
<nav> <ul class="top-menu"> <li><a href=#>Home</a>&...
Gestapelte Papier-Effekt
Eine beliebte Design-Technik besteht darin, einen Inhaltsbehälter zu erstellen, der wie ein Bla...
Standard-CSS-Image-Ersatz
h1#logo { width: 200px; // width of image height: 100px; // height of image ba...
Star Wars Crawl Text
Die Eröffnung zu Star Wars ist ikonisch. Der Effekt des Scrollens von Texten sowohl nach oben a...
Klebrige Fußzeile
Funktioniert gut, wenn Sie eine feste Höhe auf die Fußzeile anwenden können. CABE43C516DD66...
Style Links abhängig vom Ziel
a [h...
Stil Override-Technik
p
: Platzhalter angezeigt
Die :placeholder-shownpseudo-class wähltdas Eingabeelement selbst...
Systemschriftsatz
Das Setzen auf die Systemschriftart eines bestimmten Betriebssystems kann die Leistung erhöhen,...
Text tropft Blut
Textumdrehung
Der Clearfix: Erzwinge ein Element, um seine Childs selbst zu löschen
Dies wird Ihnen gut tun in diesen Tagen (IE 8 und höher):
Schalte Sichtbarkeit beim Ausblenden von Elementen um
Das Entwicklerteam von Medium hat einige schlechte Praktiken von
Oberer Schatten
Schatten entlang der oberen Kante der Webseite, wie folgt aus:
Transparente Hintergrundbilder
Es gibt keine CSS-Eigenschaft Hintergrund-Deckkraft, aber Sie können es fälschen, indem Sie ein...
Transparente Innenkante
^
Dreieckslistenaufzählungen
ul
Zeichenfolge mit Ellipse abschneiden
Alle folgenden Punkte sind erforderlich, daher muss der Text in einer einzelnen geraden Linie l...
Versteckt Ecken
^
Zahleneingabe-Spinner ausschalten
WebKit Desktop-Browser fügen kleine nach unten gerichtete Pfeile hinzu, um Zahlen einzugeben, d...
Zweifarbige dreidimensionale Blöcke und Text
Wir können mehrere verwenden text-shadowund box-shadowWerte, um ein d...
Schreibmaschinen-Effekt
Nützliche CSS3 LESS Mixins
504 Gateway Time-out 504 Ga...
Verwenden von @ font-face
Die @font-faceMit dieser Regel können benutzerdefinierte Schriftarten auf einer We...
Beim Erweitern eines Selektors mit dem @extendDirektive nimmt Sass den CSS-Inhalt ...
Erweiterte Typprüfung
Diese Sammlung von Funktionen dient zum Testen, ob der Wert einer Variablen einen bestimmten Ty...
BEM Mixins
Die beste Einführung in BEM ist von
Schwarz-Weiß-Deckkraftfunktionen
It "ist ziemlich üblich, ein wenig transparent schwarz oder weiß benötigen In CSS können Sie tu...
Zwischenspeichern des aktuellen Selektors (&) in Sass
Die &Charakter in Sass ist einzigartig, da es den aktuellen Selektor darstellt...
Zentrieren Mixin
Angenommen, das übergeordnete Element hat position: relative;Diese vier Eigenschaf...
Eine Nummer klemmen
In der Informatik verwenden wir das WortKlemmeals eine Möglichkeit, eine Zahl zwischen...
Farbhelligkeitsfunktion
Wenn man tief in die Farbenlehre eintaucht, gibt es etwas, das
Korrektes Hinzufügen der Einheit zur Nummer
Bei der Umwandlung einer Zahl ohne Einheit auf eine Länge, Dauer, Winkel oder was auch immer, n...
Mixin abdecken
finde ich mich mit diesen Eigenschaften zusammen die ganze Zeit, die in der Regel ist eine gute...
CSS Dreieck Mixin
Es gibt einen ziemlich populären CSS-Hack, der transparente Ränder auf einem 0-width/0-height-E...
Benutzerdefinierte Bildlaufleisten Mixin
Scrollbars sind eine jener UI-Komponenten, die auf fast jeder Seite des Internets vorhanden sin...
Deep Get/In Karten setzen
Bei der Arbeit an komplexen Sass-Architekturen ist es nicht unüblich, Sass-Karten zu verwenden,...
Map-Funktion wird vereinfacht
Bézier-Kurven können verwendet werden, um CSS-Übergängen und -Animationen schöne Effekte hinzuz...
Fix eine Zahl auf N Ziffern
Wenn es sich um Zahlen in JavaScript oder einer anderen Programmiersprache handelt, gibt es ein...
Funktionale Programmierfunktionen
Für Bibliothekshersteller und Framework-Builder kann es nützlich sein, einige zusätzliche Funkt...
Pflegen Sie das Seitenverhältnis Mixin
Die...
Material Schatten Mixin
Material Designwar i...
Mixin für Offset-Positionierung
Wenn es eine Kurzschrift gibt, die CSS dramatisch verfehlt, ist es diejenige, die es ermöglicht...
Mixen, um Haltepunkte zu verwalten
Responsive Web Design-Kreationen existieren oft über mehrere verschiedene Breakpoints. Die Verw...
Mixen zu Präfix Eigenschaften
Falls "Sie Interesse wieder Ihre eigenen CSS-Anbieter im Umgang mit prefixing (eher als, sagen ...
Mixen, um einen Selector zu qualifizieren
Es gibt keine einfache Möglichkeit, einen Selektor aus dem zugehörigen Regelsatz heraus zu qual...
Gegenrichtung Funktion
Sass FrameworkCompassbiet...
Platzieren von Objekten auf einem Kreis
Es kann sehr schwierig sein, Elemente auf einem Kreis mit CSS zu platzieren. Normalerweise verl...
Leistungsfunktion
Während mit der Arithmetik sehr hilfreich, Sass fällt ein wenig kurz mit mathematischen Hilfsfu...
Px zu Em-Funktionen
Wir "ve übergesprochen "Warum Ems"h...
Sass Dinge für Links
über
Einfache Asset Helper Funktionen
Der Umgang mit Wegen ist immer ein bisschen nervig, du wirst zugeben. Glücklicherweise ist es m...
Vereinfachung von Kontexten und Ereignissen
Sass kann irgendwie ein wenig von einer Blackbox sein, besonders für junge Entwickler: Du legst...
Sortierfunktion
Sass bietet keine eingebaute Möglichkeit, eine Liste von Werten zu sortieren. Dank String-Manip...
Str Ersatzfunktion
Sass bietet eine Sammlung praktischer Funktionen zur Manipulation von Strings, jedoch gibt es k...
Streifeneinheit-Funktion
Es gibt eine Menge Verwirrung um die Arbeitsweise der Einheiten in Sass. Sie arbeiten jedoch ge...
Gestreifter Farbverlauf Mixin
Eine beliebte Möglichkeit, Streifen in CSS zu zeichnen, ist es, einen linearen Farbverlauf mit ...
Farbton- und Schattenfunktionen
Beide lightenund darkenFunktionen manipulieren die Helligkeit einer F...
Verwenden Sie eine Sass-Variable für eine Auswahl
Angenommen, Sie müssen einen bestimmten Selektor an mehreren Stellen in Ihrem Code verwenden. E...
Viewport Sized Typography mit minimalen und maximalen Größen
Die Erklärung der Schriftgrößen in
Adobe Illustrator-Exportoptionen
Dies ist weniger ein Schnipsel und mehr eine Erinnerung für etwas, das ich oft nachschaue. Beim...
Gekrümmter Text entlang eines Pfades
Wir können Text entlang einer gekrümmten Linie mit drei in SVG eingebauten Werkzeugen fließen l...
Form Morphing Icons in Button bei Klick
Die Idee hier ist, ein SVG-Symbol in einer Schaltfläche zu verwenden und dieses Symbol gegen ei...
SVG Knockout Text
Die Idee ist, sich drei übereinander gestapelte Schichten vorzustellen, bei denen die obere Sch...
SVG-Muster
Das SVG <pattern>Attribut ermöglicht uns, Muster innerhalb unseres SVG - Mar...
Textsperre
301 Redirects
Dies ist der sauberste Weg, um eine URL umzuleiten. Schnell, einfach und suchmaschinenfreundlic...
Aktive Gzip-Komprimierung
Die Komprimierung reduziert Antwortzeiten, indem die Größe der HTTP-Antwort verringert wird. Gz...
Zulassen einzelner URLs über den .htaccess-Passwortschutz
Dieser Code ist nützlich für Multi-Umgebung-Setups (Staging, Produktion, etc.). Er ermöglicht e...
Append/Dateien vorhängen
Anstatt/eine Datei, die Sie benötigen, auf jeder einzelnen Seite einzutragen, können Sie sie au...
Benutzerdefinierte Fehlerseiten
ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 40...
Zugriff verweigern und erlauben
Verschiedene Verzeichnisindexseite
Normalerweise index.html oder index.php ist die Standardseite, die ein Server beim Besuch eines...
Fancy Indizierung
Fügt Schriftarten mit fester Breite, Dateigröße und Datum, Sortierfunktion hinzu. Propagiert zu...
Force-Zeichensatz utf-8
Wenn Sie die Konfiguration des Apache-Servers nicht ändern können, verwenden Sie diesen Code, u...
Erzwinge Korrekten Inhaltstyp für XHTML-Dokumente
Die meisten Webserver bieten XHTML-Inhalte alstext/htmlwas ist definitiv der richtige ...
Erzwinge Favicon-Anfragen zum Korrigieren des Standorts
Aus welchem verrückten Grund, vielleicht böswillige Site-Scanner, requets an einen Webserver fü...
Dateien zum Herunterladen erzwingen (nicht im Browser öffnen)
AddType application/octet-stream .csv AddType application/octet-stream .xls AddType app...
Erzwinge HTTPS
RewriteEngine on RewriteCond %{HTTPS} !on RewriteRule (.*) https://%{HTT...
Holen Sie sich die Dreamhost Stats Page Arbeiten auf einer WordPress-Website
Für Websites, die mit Dreamhost gehostet werden, haben Sie standardmäßig eine Analytics-Seite u...
iPad Erkennung
Natürlich ist das iPad ein ziemlich großer Bildschirm und ein voll funktionsfähiger Browser, so...
iPhone Catcher
<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} .*iPhone...
Passwortschutz Ordner
Legen Sie die .htaccess-Datei in das Verzeichnis, das Sie schützen möchten:
PHP Fehlerprotokollierung
Fehler in einer Datei protokollieren und verhindern, dass sie dem Benutzer angezeigt werden. St...
Bildverknüpfung verhindern
RewriteEngine On RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yourdomain\.com/ [NC] Rewr...
Entfernen Sie die Dateierweiterung von URLs
RewriteRule ^ über $ about.php [L] Dieses kleine Bit w...
Serve SVG mit dem richtigen Inhaltstyp
Wenn Sie versuchen, SVG wie zu verwenden <img src="image.svg">oder als CSS
Set läuft ab
Einstellung "abläuft" teilt Browsern mit, die diese Dateien herunterladen, die sie für diese be...
Shock Teenage Gangsters mit wp-Config Redirect
Lustige E-Mail von einem Leser, die ich dachte, würde einen guten Beitrag machen:
Unterverzeichnisse URL intern auf Abfrage-String umleiten
Die URL im Browser wäre: http://css-tricks.com/index.php/Lehrer/a/ ...
Temporäre Wartung mit Mod_Rewrite
# Vergiss nicht, das Rewrite-Modul einzuschalten RewriteEngine auf # ...
Verwenden Sie PHP in JavaScript
Dies wurde nur wirklich auf Media Temple (gs) Servern getestet. Im Ordner mit dem JavaSc...
WWW/Nein-WWW
Sie sollten wirklich das eine oder andere tun. Aus Gründen der Einheitlichkeit sowie SEO "s, wi...
"Zurück" -Taste
Browser haben bereits „zurück“ -Buttons, so "Sie besser einen verdammt guten Grund für die Notw...
1024 × 768 Lesezeichen
Die Tage von 800x600 Bildschirmen sind alle vorbei, aber die meisten von uns versuchen immer no...
Fügen Sie zwei Variablen gleichzeitig eine Zahl hinzu
Sie können auf einmal zwei Variablen auf den gleichen Wert initialisieren, irgendwie:
Datenattribut des Benutzeragenten hinzufügen
Zu Favoriten hinzufügen (IE)
<a href="http://site.com" onclick="window.external.AddFavorite(this.href,this.innerH...
addClass-Funktion
Wenn Sie ohne Bibliothek gehen, müssen Sie möglicherweise Ihre eigene Funktion wie folgt rollen...
addEventListener Polyfill
Array von Ländernamen
Async Script Loader mit Rückruf
Async Sharing Buttons (G +, Facebook, Twitter)
Einige dieser Dienste stellen ihre Skripte (intelligent) asynchron zur Verfügung, dies kombinie...
Textart Text automatisch auswählen
^
Grundlegende Warnung
Binden Sie verschiedene Ereignisse an Click und Double Click
Sie möchten vielleicht, dass ein Link eine spezielle Aktion ausführt, wenn Sie doppelt klicken,...
Break out von iframe
Anruffunktion mit zufälligem Timer
Überprüfen Sie, ob die Schriftfamilie geehrt ist
Überprüfen Sie, ob die Funktion vor dem Anrufen vorhanden ist
Bei der Verwendung von Skripten, die zwischen verschiedenen Bereichen einer Site geteilt werden...
Überprüfen Sie, ob die Zahl gerade ist/ungerade
Feld auf Fokus löschen
^
Kommentare in JavaScript
Konvertieren von Polygon in Pfaddaten
Ich musste das ein paar Mal in letzter Zeit machen, also dachte ich, ich würde die Methode rett...
Cookie Getter/Setter
Browser-übergreifend Dependency-Free DOM Ready
Denis Ciccale "sVersion:
CSS für wenn JavaScript aktiviert ist
Dokument B86...
Aktuelle Seite mit JavaScript
Das ist wie ein Ersatz für PHP "s SCRIPT_NAME mit JavaScript.
Standardargumente für Funktionen
Erkennen Sie den Internet Explorer
Erkennen von Javascript auf/Aus, mit Benachrichtigung
Unterschiedliches Stylesheet in Erwartung der Tageszeit
EE9D6D6C75B00FC0EA3CCD33B1ABE7F9<...
Verschiedene Stylesheets für verschiedene Wochentage
Leeren Sie ein Array
Dies ist eine der schnellsten und einfachsten Möglichkeiten, ein Array zu leeren. Natürlich gib...
Fehlerfreie Konsolenprotokollierung
Fix IE 10 auf Windows Phone 8 Viewport
Format Währung
Diese Funktion rundet Zahlen auf zwei Dezimalstellen ab und stellt sicher, dass der zurückgegeb...
Erhalten Sie alle möglichen DOM-Ereignisse
Sie können ein Array aller Ereignisse abrufen, die mit "on" beginnen (z. B. onclick), indem Sie...
Holen Sie sich die Objektgröße
Wie in, die Anzahl der Schlüssel.
Holen Sie URL- und URL-Teile in JavaScript
JavaScript kann in Teilen auf die aktuelle URL zugreifen. Für diese URL: http://css-tric...
URL-Variablen abrufen
Erhalte YouTube-Schlüssel über einen Link
Globale Variablen
Deklarieren Variable außerhalb der Funktion ...
htmlEntities für JavaScript
htmlentities () ist eine PHP-Funktion, die Sonderzeichen (wie <) in ihre entkämmten/kodierte...
Inject New CSS Rules
Wenn Sie den Stil eines Elements mit JavaScript ändern müssen, ist es in der Regel besser, eine...
Eingabe mit verschwindendem Hintergrundbild
Dies repliziert die Funktionalität der standardmäßigen einbettbaren Google-Suche-Felder. Sie ha...
Intervalle
JavaScript-Array enthält
Javascript-Objekte sind wirklich nett, aber manchmal fehlen ihnen einige nützliche kleine Funkt...
JavaScript MD5
504 Gateway Time-out 504 Ga...
JavaScript erforderte Inhalt mit Fallback-Inhalt
JavaScript-erforderlicher Bereich wird mit Inline-CSS ausgeblendet und nach dem Laden mit einem...
KeyboardEvent-Wert (keyCodes, metaKey, usw.)
Wenn a KeyboardEventfeuert, können Sie testen, welche Taste gedrückt wurde, da das...
Lazy Laden von Bildern
Verwenden Sie a blank.gifals die srcvon Bildern und umfassen die
Aufhellen/Dunkle Farbe
Die CSS-Präprozessoren Sass und LESS können jede Farbe annehmen und sie um einen bestimmten Wer...
Schleife über querySelectorAll Übereinstimmungen
Sie können einfach über Arrays in JavaScript mit forEach, aber leider ist es nicht...
Schleife durch Array ohne überflüssige Lookups
Finden Sie die Länge des Arraysvorin der for-Funktion, so dass es nicht die Lä...
Machen Sie HTML5-Elemente in alten IE arbeiten
Damit die DOM (und damit CSS) erkennt sie als reale Elemente:
Moderne Ereignisbehandlung
Bewegen Sie den Cursor zum Ende der Eingabe
Wo elist ein Verweis auf eine Eingabe oder einen Textbereich.
Mehrzeilige String-Variablen in JavaScript
Dies funktioniert:
Namespaced Javascript Vorlage
Selbstaufrufende anonyme Funktion, die dem yournamespacechoiceGlobale Variable. Di...
Seitensichtbarkeits-API
<!DOCTYPE HTML> <html> <head> <script type="text/jav...
Funktion in zeitgesteuerten Intervallen ausführen
Führen Sie eine Funktions jede Sekunde:
Verhindern des Hintergrundflackerns in IE
Verhindern Sie, dass das eingebettete JavaScript die Validierung nicht besteht
Schon mal gesehen, dass CDATA-Kram in JavaScript ist und sich fragen, wofür es war? Es soll ver...
Objekt zum Bildschirm drucken
PHP hat eine netteprint_rFunktion zum A...
Setze Kommawerte in Zahlen
Bei dieser Funktion wird davon ausgegangen, dass eine Zeichenfolge mit einem Dezimalpunkt und z...
Zufällige Hex-Farbe
Umleiten
Mobilgeräte umleiten
Umleiten zu SSL
Fenster
Entferne ein Element
Aus irgendeinem Grund kann ein Element "zerstören selbst t in JavaScript jQuery
Entfernen Sie Inline-Stile
Diese Funktion bewahrt auch versteckten Inhalt.
Entfernen Sie das letzte Zeichen aus einer Zeichenfolge
Ersetzen von setInterval Verwenden von requestAnimationFrame
Wenn es um Animation geht, haben wir das gesagt setIntervalist eine schlechte Idee...
Content-Änderungen werden als JSON mit Ajax gespeichert
Elemente mit dem contenteditableAttribut kann direkt im Browserfenster live bearbe...
Wählen Sie ein zufälliges Objekt aus einem Array
Strip HTML-Tags in JavaScript
Streifen Sie Zahlen von einer Schnur ab
Streifen Whitespace From String
Whitespace, Bedeutung Tabs und Leerzeichen.
Support-Tabs in Textareas
Normalerweise bewegt sich die Tabulatortaste zum nächsten fokussierbaren Objekt. Dies fügt stat...
Testen Sie den Internet Explorer in JavaScript
Testen Sie, ob Dragenter/Dragover-Ereignis Dateien enthält
HTML5 Drag & Drop eignet sich hervorragend für den Umgang mit Datei-Uploads. Aber wenn das das ...
Testen Sie, ob Element Attribut unterstützt
Nicht alle Browser unterstützen alle Attribute auf allen Elementen. Es gibt eine Reihe neuer At...
Testen Sie Mac oder PC mit JavaScript
User Agent Tests saugt, aber manchmal brauchen Sie es für subtile Dinge. In meinem Fall habe ic...
Toggle (Show/Hide) Element
Entdecke HTML in JS
Validiere HTML-Bookmarklet
javascript
Ansichtsfenstergröße, Bildschirmauflösung, Mausposition
Dieser Code ist browserübergreifend kompatibel und überprüft die Dimensionen des Darstellungsbe...
Wortzählung Bookmarklet
Add to bookmarks bar, wählen Sie Text, klicken Sie darauf, um die Wortzahl zu erhalten.
Ein jQuery hasAttr () Equivalent
jQuery hat wirklich keine .hasAttr()Funktion. Sie könnten annehmen, dass es tut, a...
Füge hinzu: nth-of-type zu jQuery
$.expr[':']['nth-of-type'] = function(elem, i, match) { var parts = match[3].split(...
Fügen Sie basierend auf URL eine aktive Navigationsklasse hinzu
Idealer Sie die Ausgabe dieser Klasse von der Server-Seite, aber wenn Sie "t ... Let" s ...
Fügen Sie nichtbrechenden Platz auf Titel hinzu, um Witwen zu verhindern
Hinzufügen von/Entfernen der Klasse bei Hover
Animate Height/Width zu "Auto"
Es ist nicht möglich zu tun thing.animate({ "height": "auto" });. Dies ist also Da...
Seitenüberlagerungs-DIV anhängen
Dokumentverknüpfungen automatisch erkennen und Klasse anwenden
Bessere Handhabung von Bildfehlern
Fehlende Bilder zeigen entweder nichts an oder zeigen ein [? ] style box, wenn ihre Quelle nich...
Browser-Erkennung + Wenden Sie Klassen auf HTML-Element an
Berechnen Sie den Abstand zwischen Maus und Element
Ändern Sie WMode mit jQuery
Wenn Sie den wmode nicht auf einen Flash Embed setzen, schwebt er über einem Overlay, was eine ...
Auf leere Elemente prüfen
Tun Sie etwas für jeden leeres Element gefunden:
Überprüfen Sie, ob die Checkbox aktiviert ist
Sag das 10 mal schnell =). Finde heraus, ob ein einzelnes Kontrollkästchen aktiviert ist...
Überprüfen Sie, ob das Element vorhanden ist
Überprüfen Sie, ob Element in einem anderen spezifischen Element ist
Ersetzen Sie den ersten Selektor mit dem untergeordneten Element, das Sie testen, und den zweit...
Überprüfen Sie, ob das Ereignis ausgelöst oder systemeigen war
$
Überprüfen Sie, ob jQuery geladen ist
Löschen Sie eine Dateieingabe
Sie können es einfach klonen und ersetzen Sie es mit sich selbst, mit allen Ereignissen noch be...
Löschen Sie die Standardsuchzeichenkette im Fokus
Klicken Sie auf Einmal und aufheben
Etwas passiert bei einem Klick-Event, aber nur einmal! Entbinden Sie den Klick-Handler, nachdem...
Kombinieren Sie Dia- und Fade-Funktionen
$ B86027D54B...
Vergleichen Sie jQuery-Objekte
Sie können "t wirklich vergleichen, wenn zwei jQuery Objekte gleich sind ...
Durch eine Liste blättern
Dieser Code durchläuft eine ungeordnete Liste mit der ID "cyclelist". Kann für jedes Element mi...
Ermitteln Sie das erste sichtbare Element einer bestimmten Klasse
Fügt dem ersten Element, das eine Klasse von "Aktivität" aufweist, die im Browserfenster angeze...
Deaktivieren Sie/Aktivieren Sie die Eingänge erneut
Disable:
Deaktivieren Sie übergeordnete Links in der Navigation in verschachtelten Listen
jQuery-Code, der übergeordnete Links für Dropdown-Menüs deaktiviert. Das Menü sollte als versch...
Browser und Version anzeigen
Dies ist jQuery-spezifisch und enthält ein bisschen Hack/Fix für den Umgang mit Chrome. Dies fu...
Letzten Tweet anzeigen
Der folgende Code funktioniert nicht mehr so ​​wie er ist mit dem Twitte...
Neueste FeedBurner Post anzeigen
Dieses Snippet zeigt den neuesten Post in einem angegebenen FeedBurner-Feed an. Stellen Sie ein...
Grafik wird geladen, bis die Seite vollständig geladen ist
<!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-8...
Nur die ersten X Divs anzeigen, den Rest umschalten
Fertig Größe ändern
Wenn Sie ", um etwas wieder verwendet wie
Dragbar ohne jQuery UI
Es spielt keine "t haben alle Phantasie Rückrufe und Optionen, aber hey, es macht die Dinge zie...
Ausgleich von Höhen von Divs
Exclude $ (this) von Selector
Let "s sagen, dass Sie auf einer Seite einen Click-Handler zu jedem Link anhängen möchten. Die ...
Bild in ein anderes Bild einblenden
Erstelle ein Div, das genau die Größe des Bildes hat. Auf dieses div wird ein Hintergrundbild d...
Fade ein Bild in ein anderes Menü
Erstellen Sie ein CSS-Sprite-Bild, wobei die obere Hälfte und die untere Hälfte die beiden Bild...
Fallback für CDN gehostet jQuery
Mehrere große Unternehmen bieten Kopien von jQuery gehostet auf ihrem CDN (Content Delivery Net...
Finden Sie alle internen Links
Finden Sie alle Links, die mit der Websitedomain, einem Schrägstrich, einem relativen Dateipfad...
Ampersands finden und einwickeln
Lastdieses Plu...
Feuerereignis, wenn Benutzer inaktiv ist
Sehen Sie die zwei kommentierten Zeilen unten, wo Sie Code für Dinge eingeben können, die Sie t...
Fix Min/Max-Width für Browser ohne nativen Support
Dieses Skript überprüft alle Elemente mit einer Klasse von .fixMinMaxwidth und beobachtet das F...
Fix Wählen Sie Dropdown-Cutoff in IE 7
Führen Sie (mindestens den "Verwendung" -Teil unten) aus, nachdem Sie jQuery und entweder am En...
Fixieren von .load () im IE für zwischengespeicherte Bilder
Die Funktion .load () wird ausgelöst, wenn das aufgerufene Element vollständig geladen ist. Es ...
IE-Z-Index reparieren
Dies ist keine Komplettlösung, um alle seltsamen IE-Z-Index-Probleme zu beheben, aber es kann u...
Iframe zum Neuladen erzwingen
Erhalten Sie eine native Breite für Bilder
Wenn Sie auswählen und mit jQuery und dann verwenden .width(), Sie erhalten die ak...
Abfrageparameter als Objekt abrufen
Nicholas Ortenzio
Markieren Sie alle Links zur aktuellen Seite
Highlight Related Label bei Eingabe im Fokus
$
Bild Preloader
Sehr einfache Möglichkeit, Bilder, die später benötigt werden, vorzuladen (z. B. wenn ein Schwe...
Eingaben, die sich an den ursprünglichen Wert erinnern
Element zwischen anderen Elementen einfügen
Zum Beispiel, wenn Sie fünf Absätze in einer Zeile haben und Sie müssen ein Pause-Tag zwischen ...
jQuery Duplicate Plugin
$ B86027D54B...
jQuery JSON wird mit Fehler fangen erhalten
jQuery hat eine integrierte Funktion namens getJSON (), um AJAX-Anfragen nach JSON-Daten zu ver...
jQuery Plugin Vorlage
Ersetze Instanzen von "yourPluginName" mit deinem tatsächlichen Namen. Das Zeug über "Radius" i...
jQuery Klebrige Fußzeile
Im Allgemeinen ist der
jQuery Text verfassen
jQuery Zebra Stripe eine Tabelle
Konami-Code
Link Nudging
Laden Sie nur jQuery, wenn nicht vorhanden
Sagen wir, du würdest ein Include auf einer ganzen Reihe von Seiten machen, und innerhalb diese...
Laden Sie nur einen Abschnitt einer Seite
JQuery wird geladen
Gesamte Div anklickbar machen
. Update:dies wahrscheinlich "ta, was isn Sie brauchen für mehr auf JavaScript ...
Make jQuery: enthält Case-Insensitive
Verschieben von angeklickten Listenelementen an die Spitze der Liste
Unter der Annahme, HTML wie folgt aus:
Cursor zum Ende des Textbereiches oder Eingabe bewegen
Code, um den Cursor auf denEndedes aktuellen Textes innerhalb der Eingabe zu verschieb...
Titel
Wenn Sie den Wert eines Textbereichs festlegen, wird der Cursor an das Ende bewegt. Sie müssen ...
Öffnen Sie externe Links im neuen Fenster
OuterHTML jQuery Plugin
innerHTML () ist nativ und gibt den Inhalt eines DOM-Knotens (z. <span>I live insid...
Teilweise Seitenaktualisierung
Aktualisieren bestimmter Elemente einer Seite mit jQuery nach einer bestimmten Zeitspanne, kann...
Passwortstärke
Ereignisse einfügen
$
Persistente Header in Tabellen
Wenn Sie eine Seite mit einer langen Tabelle nach unten scrollen, scrollt die Kopfzeile der Tab...
Entfernen Sie einen bestimmten Wert aus dem Array
Ändern der Größe von iFrame auf den Inhalt anpassen (nur gleiche Domäne)
Normalerweise legen Sie für Iframes Breite und Höhe fest. Wenn der Inhalt größer ist, müssen Bi...
Führen Sie JavaScript erst nach dem Laden der gesamten Seite aus
Scrollen Sie Seite horizontal mit dem Mausrad
Suche/Ersetzen
Wählen Sie Element nur, wenn Kinder nicht animiert sind
Wählen Sie Nur Listenelement, wenn keine andere Liste enthalten ist (und ist oberste Ebene)
Ich weiß, das ist ziemlich spezifisch, aber ich musste diesen Selektor früher schreiben, um ein...
Formular in JSON serialisieren
$ B86027D54B...
Set/Lösche den voreingestellten Wert
Shuffle Kinder
Schöne saubere Version eines
Shuffle DOM Elemente
Dies ist von James Padolsey. Weitere Informationen finden Sie auch in der Ausgabe
Einfache automatisch ablaufende Diashow
Einfaches jQuery Akkordeon
Hintergrundlinks verschieben
Intelligentere Ereignisbindung
Gestyltes Popup-Menü
Diese Idee ist von Veer.com und wie sie die Drop-Downs für Dinge wie
Ziel nur externe Links
Testen Sie, ob mindestens ein Kontrollkästchen aktiviert ist
In diesem Beispiel ist eine Schaltfläche zum Senden deaktiviert, wenn keines der Kontrollkästch...
Text umschalten
Sagen wir, Sie haben einen Link, um mehr Optionen anzuzeigen, was eine Liste von Optionen erwei...
Track Window Die Größe wird in Google Analytics angepasst
Sparkbox
Auslöser Klicken Sie auf Eingabe, wenn auf das Label geklickt wird
Etiketten sollten "für" Attribute haben, die mit der ID der Eingabe übereinstimmen, die sie ken...
Dreifachklick-Ereignis
$ B86027D54B...
Unterstreichen Sie einzelne Wörter
Es gibt kein CSS zum Anwenden einer Unterstreichung ( text-decoration: underline;)...
Alter validieren
Dieses Snippet setzt ein HTML-Formular mit der ID "age-form" und drei Eingaben (text oder selec...
Window load event mit minimaler Verzögerung
window.load kann super duper schnell feuern, wenn die Seite zwischengespeichert wird. Wenn Sie ...
Mit Attributen arbeiten
Entfernen Sie Breiten- und Höhenattribute aus eingefügten Bildern
Wenn Sie ein Bild über den Uploader für WordPress-Medien hochladen und es dann in den Editor ei...
"Edit This" Button auf Posts und Seiten
Fügen Sie category name zu body_class hinzu
Diebody_clas...
Fügen Sie Klassen zu Links hinzu, die von next_posts_link und previous_posts_link generiert werden
Diese zwei Funktionen erstellen Anker-Links, und Sie können eine Menge davon anpassen, aber es ...
Fügen Sie/Kontaktinformationsfelder entfernen hinzu
Benutzerprofile in WordPress haben standardmäßig diese Felder für Kontaktinformationen: E-Mail,...
Nur Admin-Panel-Link für Administratoren
Erlaube SVG über WordPress Media Uploader
HINWEIS: Ab 4.7.1 funktioniert das nicht mehr so ​​wie hier veröffentlicht.
Übernehmen Sie benutzerdefiniertes CSS im Admin-Bereich
In der functions.php-Datei:
Automatische Social Media Links
Dies würdeinnerhalb der Schleifewahrscheinlich unter dem_content (), wahrschei...
Base Threaded Kommentare Styling
ol
Bloginfo Shortcode
Die Funktion bloginfo () in WordPress bietet Ihnen Zugriff auf viele nützliche Informationen üb...
Avatare Größe ändern
Die Funktion wp_list_comments hat einen Parameter, um die Standardgröße (48px) auf einen Wert z...
Benutzerdefinierte Datenbankfehlerseite
Legen Sie eine Datei namens "db-error.php" direkt in Ihren/wp-content/Ordner und WordPress wird...
Benutzerdefinierte Schleife/Abfrage basierend auf benutzerdefinierten Feldern
Zuletzt aktualisiert vonJason Witt. ...
Anpassen von Kommentaren
In einem typischen WordPress Theme geben Sie die gesamte Liste der Kommentare für eine Post/Sei...
Anmeldeseite anpassen
Sie wissen, die typischerweise bei yoursite.com/wp-login.php. Dies sind Dinge, die Sie im aktiv...
Erkennt Gisten und bindet sie ein
Verbinde einfach einen Link zu einemGitHub Gi...
Deaktivieren Sie die automatische Formatierung
Deaktivieren Sie die automatische Formatierung mit einem Shortcode
function my_formatter($content) { $new_content = ''; $pattern_full = '{(\...
Zeigen Sie eine Tag-Cloud an
Autorinfo anzeigen
Das Bild, das für den Autor angezeigt wird, stammt von der E-Mail-Adresse, die für diesen Benut...
Bild neben jedem Tag anzeigen
<?php $posttags = get_the_tags(); // Get articles tags $home = get_bloginfo('url'); ...
Post Post Divider zwischen Posts anzeigen
Kurz vor dem Schließen der Schleife, diesen Code einfügen:
Dump alle benutzerdefinierten Felder
WordPress hat eine integrierte Funktion, the_meta (), um alle benutzerdefinierten Felder auszug...
Dynamisches Titel-Tag
Betten Sie eine Seite in eine Seite ein
Aktivieren Sie alle möglichen Post-Formate
Für Ihre functions.php Datei im Theme.
Facebook "Gefällt mir" Button für WordPress
Einige sehr einfache Copy-and-Paste-Code hier, um die Vorlage für Blog-Posts hinzuzufügen, um F...
Suchen Sie die ID der obersten übergeordneten Seite
Dies wird die ID der obersten übergeordneten Seite in einer verschachtelten untergeordneten Sei...
Holen Sie sich Inhalt nach ID
Anscheinend gibt es keine prägnante WordPress-Funktion, um nur den Inhalt einer bestimmten Seit...
Holen Sie sich die bevorzugte Bild-URL
Post Thumbnails sind ziemlich nützlich und ziemlich einfach in WordPress zu verwenden. Fügen Si...
Erhalte die ID vom Seitennamen
Datei hinzufügen functions.php:
Holen Sie sich das erste Bild von einem Beitrag
Nehmen wir an, Sie wollten das
HTML5 Shim in functions.php
Könnte deine Header.php sauber halten und den Shim aus der functions.php Datei einfügen.
Identifizieren Sie den Body anhand der URL
Wenn Seite Eltern oder Kind ist
Es sind in bedingten Wordpress -Funktionen zum Testen für eine Seite gebaut:
Fügen Sie eine beliebige Datei aus Ihrem Design ein
Schließen Sie jQuery in WordPress Theme ein
Das folgende ist der beste Weg, um darüber zu gehen. Fügen Sie den folgenden zu dem Thema "s fu...
Erhöhen Sie die Dropdown-Liste für benutzerdefinierte Felder
Für Ihre functions.php Datei oder benutzerdefinierte Plug-in:
Einfügen von Bildern mit Abbildung/Figcaption
Für ein einfaches Plugin oder functions.php-Datei:
Einfügen von Bildern in das Bildelement vom Medien-Uploader
Für Ihre functions.php-Datei oder eine Funktionalität Plugin:
Beiträge auflisten, Aktuellen markieren
WordPress fehlt eine wp_list_posts () - Funktion, die logisch mit der robusten und nützlichen F...
Login/Logout und Benutzer Willkommen
Machen Sie Archives.php benutzerdefinierte Post-Typen
Archives.php zeigt nur Inhalt vom Typ "Post", aber Sie können es ändern, um benutzerdefinierte ...
Verschiebe die WordPress Admin-Leiste nach unten
Nur WordPress 3.3.Entweder fügen Sie dieses CSS zu Ihrer CSS-Datei hinzu, füge...
Natürliche Sortierung mit dem Post-Meta-Schlüssel
Ausgabeauszug manuell
Es gibt immer
Paginieren Sie benutzerdefinierte Post-Typen
CSS-Caching verhindern
Verhindern, dass Such-Bots die Suchergebnisse indexieren
Im < Kopf> Abschnitt Ihrer Datei header.php:
Letzte Beiträge Funktion
Entfernen Sie die Administratorleiste für Abonnenten
Sie möchten vielleicht die Registrierung auf Ihrer WordPress-Website öffnen, damit sich (für ei...
Entfernen Sie Gallery Inline Styling
Entfernen Sie LI-Elemente aus der Ausgabe von wp_nav_menu
Sie können entfernen oder ändern <ul>Container, den Sie standardmäßig mit er...
Entfernen Sie den Link zur WLW-Manifestdatei
Eine sinnlose Sache, wenn Sie nicht tatsächlich Windows Live Writer verwenden, um Ihre Posts zu...
Entfernen Sie Absatzmarken aus allen Bildern
Falls Sie möchten <img>in Ihrem Inhalt aber nicht haben sie "Auto P" d "wie ...
Remove Private/Geschützt vor Post-Titeln
Für die functions.php-Datei in Ihrem Thema:
Entferne bestimmte Kategorien aus der Schleife
Entfernen Sie den 28px Push Down von der Admin-Leiste
Für Ihre functions.php-Datei:
Entfernen Sie Leerzeichen aus der Funktionsausgabe
In WordPress gibt es viele Funktionen, die Dinge für Sie ausgeben. Zum Beispiel gibt wp_list_pa...
Entfernen WP Generator Meta-Tag
Es kann als ein Sicherheitsrisiko angesehen werden, Ihre Wordpress-Version sichtbar und öffentl...
Jetpack-CSS entfernen
Jetpackist ein WordPress-Plugin, das eine Menge...
Ersetzen Sie Ellipsen mit Permalink
Dies ist nützlich, wenn Sie die Ellipse [...] aus dem Auszug mit einem Permalink zum Beitrag er...
Admin-Passwort in der Datenbank zurücksetzen
Vergessen Sie Ihr Admin-Passwort und haben Sie keinen Zugriff auf das E-Mail-Konto, unter dem e...
Admin-Passwort über Datenbank zurücksetzen
You "ll in der Lage sein müssen SQL auf die Datenbank, wie zum Beispiel laufen, durch phpMyAdmi...
Führen Sie eine Schleife außerhalb von WordPress aus
Schleife für Beiträge bestimmter Kategorien ausführen
Shortcode für Aktionsschaltfläche
Shortcode in einer Vorlage
Shortcodes in WordPress sind Textteile, die Sie im Inhaltsbereich verwenden können, um eine bes...
Zeigen Sie Ihre Lieblings-Tweets mit WordPress
Ersetzen Sie einfach die URL in der Zeile fetch_rss mit dem RSS-Feed zu Ihren Twitter-Favoriten...
Schrumpfe die Admin-Leiste/Expand on Hover
Ein Mini-Plugin:
Spam-Kommentare mit sehr langen URLs
Super lange URL "s sind ein sicheres Feuerzeichen der Kommentar ist spammy. Dies markiert Komme...
the_category mit Ausschließen
Die Wordpress-Funktion
Aktivieren Sie weitere Schaltflächen im WordPress Visual Editor
Diese Tasten (wie zum Hinzufügen eines <hr>Tags) sind nicht standardmäßig im...
Aktivieren Sie die WordPress-Fehlerberichterstattung
Kommentieren Sie die oberste Zeile dort und fügen Sie den Rest Ihrer wp-config.php hinzu, um de...
Benutzerdefinierte Felder verwenden
Jahr Kurzwahl
Für die functions.php-Datei:
Passen Sie die Serverzeit an
Manchmal ist die Zeit, die auf Ihrem Server eingestellt ist, nicht genau auf Ihre lokale Zeit e...
Anmeldeinformationen an URL anhängen
Das Beispiel hier ist, wenn Sie ein Formular auf einer Website hatten, die bei der Übermittlung...
Fügen Sie nichtbrechenden Abstand zwischen den letzten zwei Wörtern an
Anwenden von geraden/ungeraden Klassen
Assoziative Array-Syntax
Automatisches Copyright-Jahr
Automatische Mailto-Links
$ string
Grundlegende Datenbankverbindung, Zufallsabfrage, Anzeigeergebnis
Einfache Verwendung von SimplePie
You "ll eine Kopie SimplePie müssen für das Recht an der Spitze sind hier
Erstellen Sie eine Kalendertabelle
Kalenderfunktion
Ändere Datum von TT/mm/JJJJ bis JJJJ-TT-MM
Ändern Sie Grafiken basierend auf der Saison
Ändern Sie die Monatszahl in den Monatsnamen
$ monthNum
Überprüfen Sie, ob die Datei vorhanden ist/Fügen Sie die Nummer dem Namen hinzu
Wenn der Dateiname vorhanden ist, gibt neue Dateinamen mit _number angehängt, so dass Sie don "...
Überprüfen Sie, ob die Website verfügbar ist
Führt eine cURL-Request zu überprüfen, ob eine Website existiert/Onlineist
Reinigungsvariablen
Variablen, die über Webformulare eingereicht werden, müssen vor jeglicher Verwendung gereinigt ...
Kommentare in PHP
Verketten Array für das menschliche Lesen
Akzentuierte Zeichen konvertieren
Zum Beispiel, wenn Sie eine Zeichenfolge als Teil einer URL verwenden möchten, aber für diese A...
Konvertieren Sie BR zu Newline
Konvertiert kommagetrennte Zeichenfolge in Array
Einfache Möglichkeit, eine CSV-Datei in ein analysierbares Array umzuwandeln.
Konvertiere HEX in RGB
Geben Sie Funktion Hex-Code (z. B. #eeeeee), Array von RGB-Werten zurück.
Count Script Ausführungszeit
$ execution_time
Erstellen Sie Daten-URIs
Diese können zum Einbetten von Bildern in HTML/CSS/JS zum Speichern von HTTP-Anforderungen auf ...
Erstellen Sie eine eindeutige AlphaNumeric
Erstellen Sie einen URL-Slug aus dem Beitragstitel
Regular Expression-Funktion, die Leerzeichen zwischen Wörtern durch Bindestriche ersetzt.
Bild zuschneiden
Zeigt einen ausgewählten Ausschnitt eines Bildes an. Im obigen Beispiel werden die oberen linke...
Übergreifende GET-Weiterleitung
Wenn Sie auf einer Website eine AJAX-Anfrage stellen, muss sich die von Ihnen angeforderte URL ...
Debuggen von $ _REQUEST
Dieses Snippet zeigt eine schöne Liste aller übermittelten Daten in einer transparenten Box obe...
AJAX-Anfrage erkennen
Der HTTP_X_REQUESTED_WITH-Header wird von allen aktuellen Browsern gesendet, die AJAX-Anforderu...
Erkenne IE5 oder IE6
Ort anhand von IP erkennen
Gibt "City, State" zurück, wenn die Standardeinstellung oben nicht gefunden wird.
Erkennen und Anzeigen von Meta-Tags
504 Gateway Time-out 504 Ga...
Zeigen Sie einen Benutzer Gravatar von einer E-Mail-Adresse an
Array-Inhalt anzeigen
echo
FeedBurner-Feedanzahl anzeigen
Zeigt den angezeigten Verzeichnisinhalt an
. Server können so konfiguriert werden, um den Inhalt eines Verzeichnisses zu zeigen, dass "t ha...
Überprüfung der E-Mail-Adresse
E-Mail-Schutz
Englische Zeit zu Sekunden
Geben Sie einfach die Zeit ein, die Sie in Sekunden in Englisch konvertieren möchten (z. B. "1 ...
Fehlerseite, um alle Fehler zu behandeln
Dies ist eine Möglichkeit, eine einzige Fehlerseite für alle Fehler zu erstellen, die einfacher...
E-Mail-Adressen extrahieren
Übergeben Sie einfach die Zeichenfolge (z. B. den Textteil einer E-Mail) an die Funktion, und s...
Finden Sie alle Links auf einer Seite
Hier "s das Grundprinzip hinter Spinnen
Dateierweiterung finden
Finden Sie die höchste numerisch benannte Datei
$ neueste
Finden Sie den vollständigen Pfad zu einer Datei
URLs in Text finden, Links erstellen
Force Leading Zero
Generieren Sie CSV aus Array
Erzeuge ablaufenden Amazon S3 Link
Sie müssen keine Dateien auf Amazon S3 veröffentlichen (sie sind nicht standardmäßig). Sie könn...
Holen Sie sich die All-Time Anzahl von MySQL Abfragen
Aktuellen Dateinamen abrufen
Aktuelle Seiten-URL abrufen
Abonnieren Sie FeedBurner Subscriber Count mit cURL
$ ch
Datum der letzten Aktualisierung der Datei abrufen
Dateigröße abrufen
Hol dir Geo-IP Informationen
Fordert einen Geo-IP-Server zur Überprüfung auf, gibt an, wo sich eine IP befindet (Host, Staat...
Bildinformationen abrufen
Holen Sie sich den neuesten Twitter-Status
Der folgende Code funktioniert nicht mehr so ​​wie er ist mit dem Twitte...
Suffix der gegebenen Zahl/Datum erhalten
Benutzer-IP-Adresse abrufen
Accounts für Proxies:
Breite erhalten/Höhe des Bildes
Wenn Sie für ein Bild nur die URL haben, können Sie immer noch die Abmessungen finden:
Markieren Sie einen Teilstring
HTML sauber
HTTP oder HTTPS
Importieren Sie CSV in MySQL
Erhöhen Sie die maximale PHP-Upload-Größe
Viele freigegebene Hosts beschränken die Größe der Dateien, die über PHP hochgeladen werden kön...
Fügen Sie Element jede n-te Schleife ein
Wenn Sie innerhalb einer Schleife sind, können Sie die Iterationsnummer der Schleife verfolgen ...
Intelligente PHP-Cache-Steuerung
Dieses Code-Snippet überprüft, ob eine Seite seit der letzten Anzeige geändert wurde. Wenn dies...
Login-Funktion
Diese Funktionen melden einen Benutzer an, der auf einem Benutzernamen und einem Passwort basie...
Machen Sie eine zufällige Nummer
MySQL-Backup-Klasse
504 Gateway Time-out 504 Ga...
MySQL-Datenbankzugriffsklasse
504 Gateway Time-out 504 Ga...
MySQL-Wiederherstellungsklasse
504 Gateway Time-out 504 Ga...
Optionen zum Abschneiden von Strings
Ausgabepufferung
Paginierungsfunktion
Parsen Sie JSON
Funktion für jedes Element eines Arrays ausführen
array_map () benötigt zwei Argumente. Das erste Argument ist die Funktion für das zweite Argume...
PHP-Array enthält
Prüfen, ob der Wert im Array ist und Ja oder Nein ausgibt
PHP-Datumsparameter
PHP IE Erkennung
PHP einschließen
PHP Umleitung
PHP Zebra Striping eine Tabelle
POST-Validierungsschleife
Schnelle alphabetische Navigation
Kann für eine Navigation im Adressbuchstil nützlich sein.
Zufällige Hex-Farbe
Zufälliger Slogan Displayer
Erstellen Sie eine Textdatei namens slogans.txt mit Berechtigungen, die vom Server gelesen werd...
Zufällige Zeichenfolge aus vordefinierten Zeichen
Randomize Hintergrundbild
Randomize Dateiname
Lesen ~ ~ Dateien schreiben
Liefert nur eine Variable von MySQL Query
RSS Generator
Sie benötigen eine MySQL-Datenbank mit einer Tabelle namens `rss_feed`. In dieser Tabelle befin...
Datenbankeingaben bereinigen
Senden Sie eine SMS
You "ll einTextmagic Kontomüssen und ihr...
E-Mail senden
Trennen Sie den Vor- und Nachnamen
$ name =
Server Side Image Resizer
Der Code verwendet PHP um die Größe eines Bildes zu ändern (derzeit nur jpeg). Bei Verwendung d...
Einfacher Postleitzahl-Tester
Dieser unten stehende Regex testet die angegebene Postleitzahl, wenn sie mit den Nummern 096 be...
Time Ago Funktion
Dies kann für Kommentare und andere aus der Kommunikation verwendet werden, um die Zeit vor der...
Lange Reihe genau in Mitte abschneiden
Dies wird eine längere Zeichenfolge auf eine kleinere Zeichenfolge der angegebenen Länge (z. B....
Zeichenfolge für Wörter abschneiden
Entpacken Sie die Dateien
Werte der gesamten Tabelle aktualisieren
Dieser Code setzt voraus, dass Sie mit einer MySQL-Datenbank verbunden sind, die eine Tabelle m...
URL-Überprüfung
$ url =
Variable Variablen
Null gepolsterte Zahlen