Als u zich gefrustreerd dat bepaalde WPi versie (dat wil zeggen, de openbare & bèta) biedt geen ondersteuning voor MSIE. Ik deed dat met opzet (net) aan geërgerd Microhoo en de rest van MSIE gebruikers (dat is 70% van alle Internet-bevolking). Cross-browser autoload
Voordat u de halmen me, WPi WordPress thema heeft een ingebouwde functie voor automatisch in-loading cross browser stylesheet en script-bestanden. Deze functie is beschikbaar sinds onze eerste release.
How to load Browser specifieke CSS & Scripts?
We gaan ervan uit dat u gebruik maakt van de crappy gebroken MSIE 6 browser die draait op Windows XP.
Wanneer WPi thema laden gaat op zoek naar een stylesheet & script bestanden zoals onderstaande lijst.- → stylesheet / thema's / wp-istalker / css / ↓
- ie.css
- ie-6.css
- winxp.css
- → javascript / thema's / wp-istalker / scripts / ↓
- ie.js
- ie-6.js
- winxp.js
Als een van de bestanden bestaat, zal de wachtrij bepaalde bestanden en voeg deze toe aan het bestand vervolgens verder met minified crunch → → → combineren gzip of deflatie (als de ua toegestaan is) en stuur het naar de browser als een enkel bestand. Walla
Afhangen van de gebruiker UA de complete bestanden in de cache opgeslagen in de cache van de volgende directory.- / thema / wp-istalker / cache / css / *. css.compression-type
- / thema / wp-istalker / cache / scripts / *. js.compression-type
het combineren van bestanden kunt u vinden op
- / themes/wp-istalker/css/combine-md5hash.css
- / themes/wp-istalker/scripts/combine-md5hash.js
hoe om te controleren op browserversies nummer?
Het is een beetje lastig om te weten de juiste naam en versie nummers, hier is hoe ik het doen.
Ga naar uw blog en frontpage kijkje in de broncode body-tag. Op de "class"-kenmerk dat u kunt vinden iets dergelijks als het onderstaande voorbeeld. ↓
<body id="wpi-blog-kaizeku-com" class="wp-home firefox firefox-20 winxp -foaf-Document">Als u YUI → console.log ($ ( 'body'). Attr ( 'class'));
code breken:
- wp-home → afdeling, Verwijs WordPress Template Hiërarchie
- firefox → Browser naam
- firefox-2 → Browser naam & Major Versie nummers.
- winxp → OS platform
voor variant van gekko base motor (dat wil zeggen, prisma, flock, mozilla, mozilla suite), zal gewoon aangeven "mozilla mozilla-19 winxp" of iets dergelijks.
gewoon om te zien hoe slim dit heen, kunt u gebruik gemaakt van dit prachtige root lichaam browser-class-naam CSS selector om verschillende CSS styling / tweak voor cross browser zoals zo ↓
body.safari div.hentry ( position: relative; top: 10px-, min-height: 400px ) body.ie-6 div.hentry ( height: auto; height: 450px ) body.opera div.hentry ( min-height: 500px )
De CSS-bestanden bestellen
Inheritance is zeer belangrijk element in CSS. Hieronder vindt u de lijst met bestanden sorteren op nummer dat start van boven naar beneden.
@ import url ( '/ wp-content/themes/wp-istalker/icecream.css, auth.css, single.css, lang.css, firefox.css, winxp.css');- icecream.css → mondiale css (style.css) belasting op alle pagina opnemen in dit dossier is onze blueprint.css (blauwdruk kader css), image.css.
Ik geef de voorkeur aan heerlijke bestandsnaam meer dan generieke:).
- auth.css → dit bestand wordt geladen als u geregistreerd gebruiker.
- single.css → sectie bestanden
secties: 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 → ondersteund plugins en widgets bestand zal worden, voegt hier (dat wil zeggen, wp-pagenavi, OpenID, wereldwijde vertaler, wpseo, wpstats)
- firefox browser → naam specifieke stylesheets
- firefox-2 → zij meer specifiek.
- platform → os / platform base stylesheets. goed voor de aangifte van de ondersteuning van lettertypen klasse
- extra_css - filter haak wpi_css_import_array
Aangepaste Hook
Haak voor elk van de bestanden importeren → wpi_css_import_ $ int
$ int → 1 tot 7notities
Als u wilt, voegt een bestand net na de sectie css u gebruikt "wpi_css_import_2 'als haak. Ik gewoonte dekking van de wijze deelnemen aan deze gids. check out Wordpress Codex als neeed ook.Als u zich op MSIE6, zal deze pagina maken in XML; blz. Niet echt mijn schuld, Deze site is geldig xhtml, CSS 2.1, XHTML / xml, WCAG A1 & Section 508. Uw browser Pwned gewoon teveel fatsoen taal om te overleven
Ondersteuning van de normen, zodat het toch blijven er goed uitzien in de toekomst.
- → stylesheet / thema's / wp-istalker / css / ↓
Kaizeku Ban
Zo veel kwade plannen, zo weinig tijd ...
WPi cross browser ondersteuning
Over deze artikelen
"write alsof je praat met een goede vriend (in het begin van uw moeder)."
. Laat je stem horen
Disclaimer: Voor alle inhoud die u post, u verleent Kaizeku Ban de royalty-vrije, onherroepelijke, exclusieve en volledig overdraagbare licentie te gebruiken, te reproduceren, aanpassen, wijzigen, publiceren, vertalen, afgeleide werken maken, distribueren, uitvoeren en weergeven van deze content in zijn geheel of gedeeltelijk, de hele wereld en op te nemen in andere werken, in enige vorm, media of technologie nu bekend is of later ontwikkeld. Sommige rechten voorbehouden.
Geen Responses to "WPi Cross Browser Support"
Als u een opmerking wilt maken, leest u de volgende richtlijnen. Deze zijn ontworpen om je te beschermen en andere gebruikers van de site.
Om te zorgen dat deze ervaringen leuk en interessant voor al onze gebruikers, vragen wij dat u de bovenstaande guidlines. Voel je vrij om deel te nemen, stel vragen en vertel ons wat je denkt! inzichtelijke commentaar is altijd welkom.
worden de eerste om te becommentariëren.