Wenn Sie sind frustriert, dass bestimmte WPI-Version (dh, öffentliche & Beta-Version) bietet keine Unterstützung für MSIE. Ich habe absichtlich, dass (nur) zu ärgern Microhoo und dem Rest der MSIE-Nutzer (dh 70% der Internet-Bevölkerung). Cross-Browser Autoload
Bevor Sie Stalked mir, WPI WordPress Thema hat eine eingebaute Funktion für das automatische Laden Cross-Browser-Stylesheet und Skript-Dateien. Diese Funktion ist seit unserem ersten Release.
Wie lädt man Spezielle Browser-CSS & Scripts?
Wir gehen davon aus Sie die besch.eiden gebrochen MSIE 6-Browser unter Windows XP.
Wenn WPI Thema laden Es wird nach Stylesheet & Skript-Dateien wie unten Liste.- Stylesheet → / themen / wp-istalker / css / ↓
- ie.css
- IE-6.css
- winxp.css
- javascript → / themen / wp-istalker / scripts / ↓
- ie.js
- IE-6.js
- winxp.js
Falls eine der Dateien existiert, wird die Queue-spezifische Dateien und fügen es dem Master-Datei und gehen Sie dann mit minified Crunch → → → kombinieren gzip oder deflate (wenn die es ua erlaubt) und senden Sie es an den Browser als eine einzige Datei. Walla
Abhängig von der Benutzer die vollständige UA-Dateien zwischengespeichert werden innerhalb der folgenden Cache-Verzeichnis.- / themen / wp-istalker / cache / css / *. css.compression-Typ
- / themen / wp-istalker / cache / Skripte / js.compression *.-Typ
die Kombination von Dateien finden Sie unter
- / themes/wp-istalker/css/combine-md5hash.css
- / themes/wp-istalker/scripts/combine-md5hash.js
wie um zu überprüfen, ob Browser-Versionen Zahl?
Seine ein bisschen schwierig zu wissen, den richtigen Namen und Versionsnummern, hier ist, wie ich es tun.
Gehen Sie zu Ihrem Blog FrontPage und Blick in den Quellcode Körper-Tag. Auf der "Klasse"-Attribut finden Sie etwas Ähnliches wie das folgende Beispiel. ↓
<body id="wpi-blog-kaizeku-com" class="wp-home firefox firefox-20 winxp -foaf-Document">Wenn Sie Firebug → console.log ($ ( 'Körper'). Attr ( 'Klasse'));
Code Pause:
- wp-Startseite → Abschnitt, finden WordPress Template Hierarchie
- Firefox-Browser → Name
- Firefox-2 → Browser-Name und wichtige Versionsnummern.
- WinXP → OS-Plattform
für Variante des Basis-Gecko-Engine (dh, Prisma, Herde, Seamonkey, Mozilla-Suite) wird sie nur zeigen, sie als "Mozilla Mozilla-19 winxp" oder etwas ähnliches.
nur um zu sehen, wie clever dieser gehen, können Sie diese wunderbare root Körper Browser-Klasse-name CSS-Selector, um verschiedene CSS-Design / Optimierung für Cross-Browser wie so ↓
body.safari div.hentry ( position: relative; oben:-10px; min-height: 400px ) body.ie-6 div.hentry ( height: auto; height: 450px ) body.opera div.hentry ( min-height: 500px )
Die CSS-Dateien Bestellung
Die Vererbung ist sehr wichtiger Faktor bei der CSS. Nachfolgend finden Sie Liste der Dateien, geordnet nach Anzahl beginnend von oben nach unten.
@ Import url ( "/ wp-content/themes/wp-istalker/icecream.css, auth.css, single.css, lang.css, firefox.css, winxp.css');- icecream.css → globalen CSS (style.css) Last auf allen Seite sind in dieser Datei ist unser blueprint.css (Blaupause Rahmen css), image.css.
Ich bevorzuge delicious Dateinamen mehr als Generika:).
- auth.css → diese Datei wird geladen, wenn Sie registrierter Benutzer sein.
- single.css → Abschnitt Dateien
Abschnitte: home.css, single.css, attachment.css, page.css, search.css, archive.css, category.css, tag.css, year.css, month.css, day.css, 404.css etc ..
- Plugins & Widgets → unterstützt Plugins und Widgets Datei wird hier append (dh, wp-pagenavi, OpenID, globale Übersetzer, wpseo, wpstats)
- Firefox-Browser → Name spezifischen Stylesheets
- Firefox-2 → es um mehr spezifisch.
- → Plattform OS / Plattform Basis-Stylesheets. gut für die Unterstützung zur Vereinbarkeit Schriften Klasse
- extra_css - Filter Haken wpi_css_import_array
Custom Hook
Haken für jede der Dateien importieren → wpi_css_import_ $ int
$ int → 1 bis 7stellt fest,
Wenn Sie möchten, hängen Sie eine Datei unmittelbar nach dem Abschnitt css Sie wird verwendet "wpi_css_import_2" wie Haken. Ich gewohnt Deckung der Teil, wie in diesem Leitfaden. Check-Out Wordpress Codex wenn neeed zu.Wenn Sie sich auf MSIE6, diese Seite wird der in XML; S. Nicht wirklich meine Schuld, Diese Seite ist gültiges XHTML, CSS 2.1, XHTML / XML, WCAG A1 & Section 508. Ihrem Browser vorhanden einfach zu viel Korrektheit Sprache, um zu überleben
Unterstützung der Standards, so dass er weiterhin gut in die Zukunft.
- Stylesheet → / themen / wp-istalker / css / ↓
Kaizeku Ban
So viele böse Pläne, so wenig Zeit ...
WPI Cross-Browser-Unterstützung
Zu diesem Artikel
"schreiben, als ob Sie sich unterhielten, ein guter Freund (vor Ihrer Mutter)."
. Was meinen Sie dazu?
Disclaimer: Für alle Inhalte, die Sie nach, Sie hiermit zu gewähren Kaizeku Ban die gebührenfreie, unwiderrufliche, unbefristete, exklusive und vollständig sublizenzierbare Lizenz zu nutzen, zu reproduzieren, zu modifizieren, zu adaptieren, zu veröffentlichen, zu übersetzen, abgeleitete Arbeiten erstellen, verteilen, führen und Anzeige solcher Inhalte im Ganzen oder in Teilen, weltweit und, um es in andere Werke, in jeglicher Form, Medien oder Technologie jetzt bekannt ist oder später entwickelt. Einige Rechte vorbehalten.
Nr. Responses to "WPI Cross-Browser-Unterstützung"
Wenn Sie möchten, dass zu kommentieren, lesen Sie bitte die folgenden Richtlinien. Diese sind so konzipiert, schützt Sie und andere Nutzer der Website.
Um diese Erfahrungen angenehm und interessant für alle unsere Nutzer, bitten wir Sie, folgen Sie den oben genannten Richtlinien. Fühlen Sie sich frei, sich, stellen Sie Fragen und sagen Sie uns, was Sie denken! aufschlussreiche Kommentare sind die meisten begrüßen.
kann als erster Kommentar.