it-swarm-pt.tech

Os estilos CSS do WordPress Core são realmente todos necessários?

No WordPress Codex há esses estilos CSS listados. É uma lista bastante grande de estilos, mas parece que eles são duplicados desnecessariamente.

Diz:

Cada tema deve ter esses ou estilos semelhantes em seu arquivo style.css para poder exibir imagens e legendas corretamente. Os elementos exatos de HTML e os valores de classe e ID dependerão da estrutura do tema que você está usando

Isso significa all esses estilos devem estar em um tema?

Qual é o motivo dessa especificidade para os estilos de alinhamento já declarados? Olhando para isso, parece que poderia ser reduzido drasticamente.

Quais são as desvantagens de reduzir isso ao mínimo?

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
6
James Mitch

A resposta mais definitiva e atualizada sobre as melhores práticas pode vir provavelmente apenas da equipe de revisão de temas do wordpress.org, e agora eles são diferentes do códice. apenas citando aqui, mas tenho certeza que pode mudar com o tempo

Temas são necessários para suportar as seguintes classes CSS definidas pelo WordPress ou elementos semelhantes:

 Alignment Classes:
    .aligncenter
    .alignleft
    .alignright 

Caption Related Classes:
    .wp-caption
    .wp-caption-text
    .gallery-caption 

Post Classes:
    .sticky 

Comment Classes:
    .bypostauthor

Embora seja necessário estar presente na folha de estilo, o .sticky e o .bypostauthor podem permanecer vazios (sem estilo), se desejado. A intenção é simplesmente garantir que os desenvolvedores de temas considerem todas as classes geradas pelo WordPress

Por isso, não parece que você tem que ter todas as regras CSS listadas na página do códice que você apontou.

5
Mark Kaplun

As classes align* e caption são geradas pelo WordPress em códigos de acesso e funções de imagem. Você deve usá-los em sua folha de estilo.

Claro, o texto do Codex é apenas um exemplo.

.aligncenter,
div.aligncenter

… É um seletor muito ruim. Mais lento e mais redundante do que o necessário.

Além disso, os nomes de classes não são significativos semânticos: em uma saída da direita para a esquerda (árabe), você pode…

.alignright {
    float: left;
}

Mas isso não é fácil de mudar e provavelmente não vale o esforço. Então ... viva com isso. :)

3
fuxia

Sim, nessário. Quando você desenvolve o tema wordpress, ele requer todos os estilos padrão de wordpress. https://github.com/bangarayya/wordpress-core-styles Para carregar o tema wordpress para Envato ou wordpress.org, o tema deve seguir as regras do códice wordpress https://codex.wordpress.org/ .

0
Bangarayya Tadi