Se você está frustrado que certas WPI versão (isto é, público e beta) não suporta MSIE. Eu fiz isso intencionalmente (apenas) para o descanso ea irrita Microhoo MSIE dos usuários (que é de 70% da população internet). Cruz navegador Autoload
Antes que eu stalked, WPI WordPress tema tem uma função para construir em auto-carregamento de estilo cross navegador e arquivos de script. Essa função está disponível desde o nosso primeiro lançamento.
Como carregar Browser específico CSS & Scripts?
Vamos supor que você esteja usando a crappy quebrado MSIE 6 navegador em execução no Windows XP.
Quando ele vai carregar WPI tema específico de estilo e procurar por arquivos como o script abaixo lista.- → stylesheet / temas / wp-istalker / css / ↓
- ie.css
- ie-6.css
- winxp.css
- javascript → / temas / wp-istalker / scripts / ↓
- ie.js
- ie-6.js
- winxp.js
Se nenhum dos ficheiros existir, Vai fila os arquivos específicos e anexar o arquivo mestre-lo para então prosseguir com minified → → crunch ou gzip combinam → desinflar (se for permitido que as ua) e enviá-lo para o browser como um único arquivo. Walla
Dependem do usuário UA a concluir arquivos serão armazenadas em cache no interior do cache o seguinte diretório.- / temas / wp-istalker / cache / css / *. css.compression-tipo
- / temas / wp-istalker / cache / scripts / *. js.compression-tipo
combinar os arquivos podem ser encontrados em
- / themes/wp-istalker/css/combine-md5hash.css
- / themes/wp-istalker/scripts/combine-md5hash.js
como para verificar se há versões do navegador número?
É um pouco complicado de saber o nome correto e números de versão, veja como eu faço.
Vá para o seu blog FrontPage e olhar dentro do código fonte corpo-tag. Sobre a "classe" atributo que você pode encontrar algo semelhante como o exemplo abaixo. ↓
<body id="wpi-blog-kaizeku-com" class="wp-home firefox firefox-20 winxp -foaf-Document">Se você tiver Firebug → console.log ($ ( 'corpo'). ATTR ( 'class'));
código break:
- wp-casa → Secção, Refer WordPress Template Hierarquia
- → nome do navegador Firefox
- firefox-2 → Browser nome & Grandes números de versão.
- winxp → plataforma SO
para a variante do gecko motor de base (ou seja, prisma, rebanho, SeaMonkey, mozilla suite) ela vai mostrá-lo apenas como "mozilla mozilla-19 winxp" ou algo semelhante.
Só para ver o quão espertos isso vá, você pode utilizar este maravilhoso raiz corpo navegador de classe com nome diferente para criar CSS selector CSS styling / tweak para cross-lo como navegador ↓
body.safari div.hentry ( Posição: parente; top:-10px; min-height: 400px ) body.ie-6 div.hentry ( height: auto; altura: 450px ) body.opera div.hentry ( min-height: 500px )
Os arquivos CSS para encomenda
A herança é fator muito importante na CSS. Abaixo está lista de arquivos espécie, em número a partir de cima para baixo.
@ import url ( '/ wp-content/themes/wp-istalker/icecream.css, auth.css, single.css, lang.css, firefox.css, winxp.css');- icecream.css → global css (style.css) carga, a incluir em todas as páginas deste arquivo é o nosso blueprint.css (blueprints quadro css), image.css.
Prefiro delicioso filename mais de genéricos:).
- → auth.css esse arquivo será carregado se você for usuário registrado.
- single.css → seção arquivos
secções: home.css, single.css, attachment.css, page.css, search.css, archive.css, category.css, tag.css, year.css, month.css, day.css, etc 404.css ..
- plugins & widgets → apoiado plugins e widgets arquivo será anexar aqui (isto é, wp-pagenavi, openid, tradutor global, wpseo, wpstats)
- → navegador Firefox nome específico StyleSheets
- firefox-2 → ele ficar mais específico.
- → plataforma OS / plataforma base StyleSheets. boas fontes para declarar apoio à classe
- extra_css - filtro de gancho wpi_css_import_array
Custom Hook
Gancho para cada um dos importar arquivos → wpi_css_import_ $ int
int → $ 1 para 7Notas
se quiser anexar um arquivo, logo após a seção css você vai utilizar 'wpi_css_import_2' como gancho. Eu cobrir habituado a fazer parte deste manual. check out Wordpress Codex se neeed também.Se você estiver em MSIE6, esta página irá render em XML; p. Realmente não tenho culpa, válido Este site tem xhtml, CSS 2.1, xhtml / xml, Secção 508 WCAG A1 &. Seu navegador apenas pwned muita sobriedade língua para sobreviver
Apoiar as normas para que ele continue a olhar bom no futuro.
- → stylesheet / temas / wp-istalker / css / ↓
Ban Kaizeku
Tantos planos mal, tão pouco tempo ...
WPI Cross browser apoio
Sobre este artigo
"escrever como se você estivesse conversando com um bom amigo (na frente de sua mãe)."
. a tua opinião
Aviso Importante: Para qualquer conteúdo que você postar, você decide conceder a Kaizeku Proibição do royalty-livre, irrevogável, perpétuo, exclusiva e integralmente sublicenciável para utilizar, reproduzir, modificar, adaptar, publicar, traduzir, criar obras derivadas, distribuir, executar e exibir tal conteúdo, no todo ou em parte, em todo o mundo e para integrá-la em outras obras, de qualquer forma, mídia ou tecnologia atualmente conhecida ou posteriormente desenvolvida. Alguns direitos reservados.
N º Responses to "WPI Cross Browser Support"
Se pretender comentar, leia as seguintes orientações. Estes são concebidos para proteger você e outros usuários do site.
A fim de manter estas experiências agradável e interessante para todos os nossos usuários, nós pedimos que você siga as diretrizes acima. Sinta-se livre para participar, fazer perguntas, e diga-nos o que você está pensando! perspicazes comentários são mais bem acolhido.
ser o primeiro a comentar.