Whakamāoritia "css" ki Ingarihi

Whakaatu 50 o 50 whakamaoritanga o te kīanga "css" mai i te Potukara ki te Ingarihi

Nga whakamaoritanga o css

"css" i Potukara ka taea te whakamaori ki nga kupu Ingarihi e whai ake nei:

css css

Te whakamaoritanga o Potukara ki Ingarihi o css

Potukara
Ingarihi

PT File ou Style.css, um tema de criança é uma boa ideia.Se você estiver fazendo um par, digamos um ou dois, modificações no seu CSS, sugerimos usar um dos plugins CSS oferecidos pelo WordPress.

EN If you are making a couple, say one or two, modifications to your CSS, we suggest using one of the CSS plugins offered by WordPress.

Potukara Ingarihi
ou or
css css
se if
fazendo making
modificações modifications
plugins plugins
oferecidos offered
wordpress wordpress

PT Se, como resultado dessa minimização CSS avançada, você encontrar CSS quebrado, construa seu site com a variável de ambiente USE_SIMPLE_CSS_MINIFIER=true para reduzir CSS com o predefinição cssnano padrão

EN If as a result of this advanced CSS minification you find broken CSS, build your website with the environment variable USE_SIMPLE_CSS_MINIFIER=true to minify CSS with the default cssnano preset

Potukara Ingarihi
se if
css css
avançada advanced
quebrado broken
construa build
site website
variável variable
ambiente environment
true true
padrão default

PT Revisões de CSS mostram versões anteriores de seu CSS personalizado. Sempre que você salva suas alterações, uma revisão é salva. O Jetpack armazena as últimas 25 revisões de CSS feitas em qualquer tema de seu blog.

EN CSS Revisions show prior versions of your custom CSS. Each time you save your changes, a revision is saved. Jetpack will store the last 25 CSS revisions made to any theme on your blog.

Potukara Ingarihi
revisões revisions
css css
mostram show
versões versions
anteriores prior
personalizado custom
salva save
alterações changes
revisão revision
armazena store
últimas last
feitas made
tema theme
blog blog

PT Ocarregamento do Ajax pode impedir que o CSS adicionado à Injeção de código seja carregado corretamente. Em vez disso, adicione CSS ao editor CSS em.

EN Ajax loading may prevent CSS added to Code Injection from loading correctly. Add CSS to the CSS Editor instead.

Potukara Ingarihi
ajax ajax
impedir prevent
css css
adicionado added
injeção injection
código code
corretamente correctly
adicione add
editor editor
em vez disso instead

PT O carregamento do Ajax pode impedir que o CSS adicionado à injeção de código seja carregado corretamente. Em vez disso, adicione CSS ao Editor CSS.

EN Ajax loading may prevent CSS added to code injection from loading correctly. Add CSS to the CSS Editor instead.

Potukara Ingarihi
carregamento loading
ajax ajax
impedir prevent
css css
adicionado added
injeção injection
código code
corretamente correctly
adicione add
editor editor
em vez disso instead

PT Se, como resultado dessa minimização CSS avançada, você encontrar CSS quebrado, construa seu site com a variável de ambiente USE_SIMPLE_CSS_MINIFIER=true para reduzir CSS com o predefinição cssnano padrão

EN If as a result of this advanced CSS minification you find broken CSS, build your website with the environment variable USE_SIMPLE_CSS_MINIFIER=true to minify CSS with the default cssnano preset

Potukara Ingarihi
se if
css css
avançada advanced
quebrado broken
construa build
site website
variável variable
ambiente environment
true true
padrão default

PT Nos últimos anos houve uma maior interação entre CSS e JavaScript, além das simples configurações de classes e estilos CSS ou desabilitação. Então, o quanto estamos usando tecnologias como Houdini e técnicas como CSS-in-JS?

EN The last few years has seen a greater interaction between CSS and JavaScript, beyond the simple setting of CSS classes and styles or off. So how much are we using technologies like Houdini and techniques like CSS-in-JS?

PT Embora a análise do código CSS nos diga o que os desenvolvedores CSS estão fazendo, olhar o código do pré-processador pode nos dizer um pouco sobre o que os desenvolvedores CSS querem fazer, mas não podem, o que de certa forma é mais interessante

EN While analyzing CSS code tells us what CSS developers are doing, looking at preprocessor code can tell us a bit about what CSS developers want to be doing, but can?t, which in some ways is more interesting

PT Por fim, o painel 'CSS' sempre tem o CSS para o gradiente atual para fácil cópia e colagem na sua folha de estilo. Também pode usar este painel para importar um CSS de gradiente existente para a ferramenta.

EN Finally, the 'CSS' panel always has the CSS for the current gradient for easy copying and pasting into your stylesheet. You can also use this panel to import an existing gradient CSS into the tool.

PT Você pode dar uma olhada em ?Colocar todo CSS inline?? (fácil) ou ?CSS em linha e adiado??(melhor) que também são explicadas nestas Perguntas Frequentes.

EN You can look into ?inline all CSS? (easy) or ?inline and defer CSS? (better) which are explained in this FAQ as well.

Potukara Ingarihi
olhada look
css css
fácil easy
ou or
explicadas explained
perguntas frequentes faq

PT No momento (Junho 2017) parece que o RocketLoader pode quebrar o ?CSS em linha e adiado? do AO, que é baseado no loadCSS do Filamentgroup, resultando no CSS adiado não sendo carregado.

EN At the moment (June 2017) it seems RocketLoader might break AO?s ?inline & defer CSS?, which is based on Filamentgroup’s loadCSS, resulting in the deferred CSS not loading.

Potukara Ingarihi
junho june
pode might
quebrar break
css css
ao ao
em linha inline

PT CSS e JS agregado), incluindo imagens de fundo no CSS (quando não estiver usando data-uri?s).

EN aggregated CSS and JS), including background-images in the CSS (when not using data-uri?s).

Potukara Ingarihi
css css
js js
incluindo including
imagens images
fundo background
s s

PT AO miniaturiza o JS/CSS se o nome do arquivo indica que não foi miniaturizado ainda. Desde o AO 2.5 você pode desativar isto na aba ?JS, CSS & HTML? em opções diversas, desmarcando ?arquivos excluídos do miniaturizar?

EN AO minifies excluded JS/ CSS if the filename indicates the file is not minified yet. As of AO 2.5 you can disable this on the ?JS, CSS & HTML?-tab under misc. options by unticking ?minify excluded files?.

Potukara Ingarihi
js js
css css
indica indicates
desativar disable
aba tab
amp amp
html html
ao ao
nome do arquivo filename
em under

PT Sim, se você deseja servir arquivos de, por exemplo, /wp-content/resources/aggregated_12345.css ao invés do padrão /wp-content/cache/autoptimize/autoptimize_12345.css, então adicione isto ao seu wp-config.php

EN Yes, if you want to serve files from e.g. /wp-content/resources/aggregated_12345.css instead of the default /wp-content/cache/autoptimize/autoptimize_12345.css, then add this to wp-config.php:

Potukara Ingarihi
arquivos files
resources resources
css css
padrão default
cache cache
autoptimize autoptimize
adicione add
php php

PT Quando taato o Autoptimize 2.7 quando o plugin de melhoria Critical CSS separada estiverem instaladas e ativas, o plugin da melhoria vai cuidar da parte do CSS crítico

EN When both Autoptimize 2.7 and the separate Critical CSS power-up are installed and active, the power-up will handle the critical CSS part

Potukara Ingarihi
autoptimize autoptimize
css css
separada separate
instaladas installed
ativas active
parte part
2 both

PT CSS Crítico: mais melhorias de segurança na importação de configuração do CSS crítico, basedo no sugerido pelo Marcin Weglowski da afine.com

EN Critical CSS: further security improvements of critical CSS import settings upload, based on the input of Marcin Weglowski of afine.com

Potukara Ingarihi
css css
crítico critical
mais further
melhorias improvements
segurança security
importação import
configuração settings
com based

PT Para a minimização avançada do pacote CSS, usamos a predefinição cssnano avançada (junto com vários plug-ins PostCSS adicionais) e otimização de nível 2 do clean-css

EN For advanced minification of CSS bundle, we use the advanced cssnano preset (along with additional several PostCSS plugins) and level 2 optimization of clean-css

Potukara Ingarihi
avançada advanced
pacote bundle
css css
vários several
otimização optimization
nível level

PT Começando com o WordPress 4.7, você pode agora adicionar seu próprio tema ao CSS personalizado diretamente do Customizer. Basta escolher a guia CSS Adicional quando personalizar seu tema atual para começar agora.

EN Starting with WordPress 4.7, you can now add custom CSS to your own theme directly from the Customizer. Just choose the Additional CSS tab when customizing your current theme to get started!

Potukara Ingarihi
wordpress wordpress
tema theme
css css
escolher choose
guia tab

PT O módulo CSS personalizado do Jetpack permite que você adicione mais funcionalidades para esse editor CSS, como explicado abaixo.

EN Jetpack?s Custom CSS feature allows you to add more features to that CSS editor, as explained below.

Potukara Ingarihi
css css
personalizado custom
permite allows
você you
editor editor
explicado explained
abaixo below

PT Primeiro, acesse o editor CSS via Aparência → Personalizar → CSS Adicional.

EN First, access the CSS editor via Appearance → Customize → Additional CSS.

Potukara Ingarihi
acesse access
css css
via via
aparência appearance
adicional additional

PT Se esta for sua primeira visita ao Editor CSS (ou se você ainda não adicionou um código CSS personalizado), verá uma mensagem de espaço reservado na janela de edição

EN If this is your first visit to the CSS Editor (or you have not yet added any custom CSS code), you will see a placeholder message in the editing window

Potukara Ingarihi
css css
ou or
adicionou added
código code
personalizado custom
mensagem message
janela window

PT Quando você estiver pronto para começar a adicionar seu código CSS personalizado, basta remover a mensagem começar agora ou adicionar seu CSS depois dela.

EN When you’re ready to begin adding your custom CSS code, simply remove the message to get started or add your CSS after it.

Potukara Ingarihi
código code
css css
personalizado custom
remover remove
mensagem message
ou or

PT Preprocessador: o editor CSS tem suporte para preprocessadores CSS dos tipos LESS e Sass (Sintaxe SCSS)

EN Preprocessor: the CSS editor has support for CSS preprocessors LESS and Sass (SCSS Syntax)

Potukara Ingarihi
editor editor
css css
suporte support
less less
sintaxe syntax

PT Para restaurar uma versão anterior de seu CSS personalizado, clique em Restaurar referente à data em questão. Assim, o CSS personalizado é revertido.

EN To restore a previous version of your custom CSS, click Restore for that date and the custom CSS is reverted back.

Potukara Ingarihi
css css
personalizado custom
data date
é is

PT O Jetpack inclui, por padrão, o CSS personalizado como uma folha de estilo embutida no documento. No entanto, se o CSS personalizado exceder 2.000 caracteres de comprimento, o Jetpack gerará uma folha de estilo externa e criará o vínculo para ela.

EN Jetpack will include the custom CSS as an in-line stylesheet inside the document by default. However, if the custom CSS exceeds 2000 characters in length, Jetpack will generate an external stylesheet and link to it.

Potukara Ingarihi
inclui include
css css
personalizado custom
documento document
se if
caracteres characters
comprimento length
externa external
vínculo link
folha de estilo stylesheet

PT A Injeção de Código não se destina a inserção de conteúdo ou estilos. Para adicionar conteúdo ao site, visite Construir uma página. Para adicionar CSS personalizado para estilos, use o Editor de CSS Personalizado.

EN Code Injection isn't intended for adding content or styles. To add content to your site, visit Building a page. To add custom CSS for styles, use the Custom CSS Editor.

Potukara Ingarihi
injeção injection
código code
conteúdo content
ou or
estilos styles
visite visit
construir building
css css
personalizado custom
use use
editor editor

PT Recomendamos adicionar CSS ao Editor de CSS Personalizado em vez da Injeção de Código. Se você estiver adicionando à Injeção de Código, coloque o código entre as tags <style></style>.

EN We recommend adding CSS to the Custom CSS Editor instead of Code Injection. If you're adding it to Code Injection, surround the code with <style></style> tags.

Potukara Ingarihi
recomendamos we recommend
css css
ao to
editor editor
personalizado custom
injeção injection
código code
se if
tags tags
gt gt
lt lt

PT O acordeão horizontal e o acordeão vertical nas páginas de destino da Unbounce criarão um portfólio CSS puro de acordeão em colapso para um modelo de negócios com acordeão CSS apenas HTML opcional

EN The horizontal accordion and vertical accordion in Unbounce landing pages will create collapsing accordion pure CSS portfolio for a business template with optional CSS HTML only accordion

Potukara Ingarihi
acordeão accordion
horizontal horizontal
vertical vertical
portfólio portfolio
css css
puro pure
modelo template
html html
opcional optional
criar create

PT Para saber mais sobre quais propriedades CSS causam alterações no layout, veja Gatilhos CSS e Animações de alto desempenho.

EN To learn more about what CSS properties trigger layout, see CSS Triggers and High-performance animations.

Potukara Ingarihi
saber learn
propriedades properties
css css
layout layout
gatilhos triggers
animações animations
desempenho performance

PT Embuta qualquer CSS essencial que é usado para conteúdo acima da dobra incluindo-o diretamente no &LThead>.CSS crítico embutido

EN Inline any critical-path CSS used for above-the-fold content by including it directly in &LThead>.Critical CSS inlined

Potukara Ingarihi
css css
usado used
conteúdo content
diretamente directly
amp amp
gt gt
incluindo including

PT Embutir estilos importantes elimina a necessidade de fazer uma solicitação de ida e volta para buscar CSS crítico. Adiar o restante minimiza o tempo de bloqueio do CSS.

EN Inlining important styles eliminates the need to make a round-trip request to fetch critical CSS. Deferring the rest minimizes CSS blocking time.

Potukara Ingarihi
estilos styles
elimina eliminates
volta round
buscar fetch
css css
restante rest
minimiza minimizes
tempo time
bloqueio blocking

PT Critters é um plugin webpack que embute CSS crítico e carrega o resto de forma lazyExemplo de melhoria da LCP: antes e depois de embutir CSS crítico

EN Critters is a webpack plugin that inlines critical CSS and lazy-loads the restExample of LCP improvement: Before and after inlining critical CSS

Potukara Ingarihi
um a
plugin plugin
css css
crítico critical
melhoria improvement
antes before
webpack webpack
lcp lcp

PT Às vezes, recursos importantes que são declarados ou usados num determinado arquivo CSS ou JavaScript podem ser baixados mais tarde do que você gostaria, como uma fonte escondida num dos muitos arquivos CSS de uma aplicação.

EN At times, important resources that are declared or used in a certain CSS or JavaScript file may be fetched later than you would like, such as a font tucked deep in one of the many CSS files of an application.

Potukara Ingarihi
recursos resources
importantes important
ou or
css css
javascript javascript
fonte font
mais tarde later

PT Também é possível incluir folhas de estilo separadas no seu arquivo CSS principal usando a sintaxe @import, @import url(print.css) print;, no entanto, esse uso não é recomendado por motivos de desempenho

EN It is also possible to include separate stylesheets in your main CSS file using the @import syntax, @import url(print.css) print;, however this use is not recommended for performance reasons

Potukara Ingarihi
separadas separate
arquivo file
css css
principal main
sintaxe syntax
url url
print print
recomendado recommended
motivos reasons

PT É recomendável ter conhecimento básico de HTML e CSS. Caso você não tenha, poderá fazer o curso de Javier: Introdução ao desenvolvimento de sites responsivos com HTML e CSS.

EN Basic knowledge of how HTML and CSS work is recommended. If you haven’t got any experience in working with these, Javier teaches a course that you may want to do before taking this one: Introduction to Responsive Web Development with HTML and CSS.

Potukara Ingarihi
html html
css css
sites web
responsivos responsive
javier javier

PT Colocar inline estilos extraídos no &LThead> do documento HTML elimina a necessidade de fazer uma solicitação adicional para buscar esses estilos. O restante do CSS pode ser carregado de forma assíncrona.CSS crítico inline

EN Inlining extracted styles in the &LThead> of the HTML document eliminates the need to make an additional request to fetch these styles. The remainder of the CSS can be loaded asynchronously.Inlined critical CSS

Potukara Ingarihi
estilos styles
amp amp
gt gt
documento document
html html
elimina eliminates
adicional additional
buscar fetch
restante remainder
css css
carregado loaded
crítico critical

PT O impacto no desempenho que você pode obter com essa técnica depende do tipo de seu site. De modo geral, quanto mais CSS um site tiver, maior será o impacto possível do CSS inline.

EN The performance impact you can achieve with this technique depends on the type of your website. Generally speaking, the more CSS a site has, the greater the possible impact of inlined CSS.

Potukara Ingarihi
técnica technique
tipo type
geral generally
css css
um a

PT Ele não tem opções para embutir e minimizar CSS crítico, mas permite que você force a inclusão de regras que não pertencem realmente ao CSS crítico e dá a você um controle mais granular sobre a inclusão de declarações @font-face

EN It doesn't have options to inline and minify critical CSS, but it does let you force-include rules that don't actually belong in critical CSS and gives you more granular control over including @font-face declarations.

Potukara Ingarihi
css css
crítico critical
permite let
force force
regras rules
realmente actually
controle control
granular granular

PT O Penthouse não detecta folhas de estilo automaticamente. Você precisa especificar os arquivos HTML e CSS para os quais deseja gerar CSS crítico. A vantagem é que ele é bom para executar muitos jobs em paralelo.DesempenhoCSS

EN Penthouse doesn't detect stylesheets automatically, you have to specify the HTML and CSS files that you want to generate critical CSS for. The upside is that it's good at running many jobs in parallel.PerformanceCSS

Potukara Ingarihi
automaticamente automatically
arquivos files
html html
css css
crítico critical
bom good
muitos many

PT A Injeção de Código não se destina a adicionar conteúdo ou estilos. Para adicionar conteúdo ao seu site, acesse Noções básicas sobre páginas e conteúdo. Para adicionar CSS personalizado para estilos, use o Editor de CSS personalizado.

EN Code injection isn't intended for adding content or styles. To add content to your site, visit Pages and content basics. To add custom CSS for styles, use the Custom CSS Editor.

Potukara Ingarihi
injeção injection
código code
conteúdo content
ou or
estilos styles
css css
personalizado custom
use use
editor editor

PT Recomendamos adicionar CSS ao Editor de CSS personalizado em vez da injeção de código. Ao adicionar a injeção de código, coloque o código entre as tags <style></style>.

EN We recommend adding CSS to the Custom CSS Editor instead of code injection. If you're adding it to code injection, surround the code with <style></style> tags.

Potukara Ingarihi
recomendamos we recommend
adicionar adding
css css
ao to
editor editor
personalizado custom
injeção injection
código code
tags tags
gt gt
lt lt

PT Incorpore o CSS crítico e adie o CSS não crítico

EN Inline critical CSS and defer non-critical CSS

Potukara Ingarihi
css css
crítico critical

PT A seção Oportunidades de seu relatório Lighthouse lista todas as folhas de estilo com CSS não utilizado com uma economia potencial de 2 KiB ou mais. Remova o CSS não utilizado para reduzir bytes desnecessários consumidos pela atividade de rede:

EN The Opportunities section of your Lighthouse report lists all stylesheets with unused CSS with a potential savings of 2 KiB or more. Remove the unused CSS to reduce unnecessary bytes consumed by network activity:

Potukara Ingarihi
oportunidades opportunities
relatório report
lighthouse lighthouse
lista lists
css css
potencial potential
ou or
remova remove
atividade activity
rede network
não utilizado unused

PT A aba Cobertura do Chrome DevTools pode ajudá-lo a descobrir qual o CSS que é crítico e qual o que não é crítico. Veja Exibir CSS usado e não usado com a aba Cobertura.Chrome DevTools: aba Cobertura.

EN The Coverage tab of Chrome DevTools can help you discover critical and uncritical CSS. See View used and unused CSS with the Coverage tab.Chrome DevTools: Coverage tab.

Potukara Ingarihi
aba tab
cobertura coverage
chrome chrome
pode can
descobrir discover
css css
crítico critical
usado used

PT Incorpore o CSS crítico e adie o CSS não crítico #

EN Inline critical CSS and defer non-critical CSS #

Potukara Ingarihi
css css
crítico critical

PT Use um minificador CSS para minificar seu código CSS

EN Use a CSS minifier to minify your CSS code

Potukara Ingarihi
use use
css css
seu your
código code

PT Minificar arquivos CSS pode melhorar o desempenho do carregamento da página. Os arquivos CSS geralmente são maiores do que precisam ser. Por exemplo:

EN Minifying CSS files can improve your page load performance. CSS files are often larger than they need to be. For example:

Potukara Ingarihi
css css
melhorar improve
desempenho performance
carregamento load
geralmente often
os they

PT Use um minificador CSS para minificar seu código CSS #

EN Use a CSS minifier to minify your CSS code #

Potukara Ingarihi
use use
css css
seu your
código code

PT Aprenda como minificar seu código CSS em Minificar CSS.

EN Learn how to minify your CSS code in Minify CSS.

Potukara Ingarihi
aprenda learn
seu your
código code
css css

PT Para a minimização avançada do pacote CSS, usamos a predefinição cssnano avançada (junto com vários plug-ins PostCSS adicionais) e otimização de nível 2 do clean-css

EN For advanced minification of CSS bundle, we use the advanced cssnano preset (along with additional several PostCSS plugins) and level 2 optimization of clean-css

Potukara Ingarihi
avançada advanced
pacote bundle
css css
vários several
otimização optimization
nível level

E whakaatu ana i te 50 o nga whakamaoritanga 50