Wordpress vinte quinze classes css e ids
Video: X Theme Cornerstone Tutorial: Custom CSS Styling with the ID, Class, and Style Boxes
Conteúdo
Você pode encontrar a folha de estilo (style.css) Para o padrão tema Vinte Quinze na página Editar Temas em seu Dashboard. Tudo isso pode parecer estranho para você agora, mas uma boa maneira de aprender sobre CSS e sua estrutura é gastar tempo de visualização e estudo de estilo existentes. Desde que você tem acesso ao tema Vinte Quinze através de seu WordPress instalar, que é um bom lugar para começar.
Video: CSS Tutorial: How to Find CSS Classes & IDs
Há duas características básicas CSS você vai se deparar durante a visualização de estilo, e que é o uso da marca de hash (#) e o ponto (.) Para definir seletores tanto como um div ou uma classe em CSS. Aqui estão dois exemplos genéricos deste:
#conteúdo: Este é um tipo de seletor CSS. A marca de hash (#) Indica que é um CSS identidade e pode ser usado apenas uma vez por página.
.título: Outro tipo de CSS selector- o período (.) Indica que é um CSS classe.
Video: Adding Custom CSS Classes To WordPress Menu Items
IDs e classes definir propriedades de estilo para diferentes seções do seu tema WordPress. Aqui estão alguns exemplos de IDs e classes da header.php template no tema Vinte Quinze WordPress. Armado com esta informação, você sabe onde olhar na folha de estilo quando você quer mudar o estilo para uma determinada área de seu tema.
| HTML | Selector CSS | Descrição |
|---|---|---|
| “página”gt; | #página | Styles os elementos para a identificação de página em seu modelo (s) |
| “Site-cabeçalho”gt; | # Local-header | Styles os elementos para a identificação do site-header em sua modelos) |
| “titulo do site”gt; | .titulo do site | Estilos de elementos para a sua classe de sítio-título em sua modelo (s), mas também segue as regras para os valores h1 definidas no CSS |
| “secundário-alternância”gt; | .secundário-alternância | Estilos dos elementos para sua classe de botão de alternância na sua modelos) |
| “conteúdo”gt; | #conteúdo | Styles os elementos para a identificação do conteúdo em seu modelo (s) |
Se você encontrar um elemento no código do modelo que diz identidade (tal como div id = ou p id =), Procure o símbolo de hash na folha de estilo. Se você encontrar um elemento no código do modelo que diz classe (tal como div class = ou p = classe), Procure o período na folha de estilo seguido pelo nome do selector.