HTML E CSS BÁSICO PARA WORDPRESS – Tutorial fácil e prático

Não consegue deixar o seu blog ou site do jeitinho que você quer? Então aprenda HTML e CSS básico para WordPress, para fazer mudanças que vão transformar a aparência do seu blog!

W3 SCHOOLS: https://www.w3schools.com

00:00 Introdução
01:35 O que é HTML?
02:15 Como usar tags HTML
07:18 HTML no WordPress
08:38 Usando estilos no HTML
11:35 O que é CSS
13:35 CSS no WordPress
14:43 CSS Adicional no WordPress
17:27 Usando classes
20:21 Classes no WordPress

————

HTML e CSS não são linguagens de programação, e sim uma maneira de marcar uma página e deixá-la estilizada. Grande parte das alterações de aparência e formatação no WordPress são feitas através de HTML e CSS, por isso hoje eu quero te ensinar o básico desses dois assuntos, para que você passa fazer alterações no visual do seu blog até deixá-lo do jeitinho que você quer.

Primeiramente, é preciso entender o HTML. Não é uma linguagem de programação, e sim uma linguagem de marcação, ou seja, com o HTML marcamos na página o que queremos que apareça nela, sendo textos, imagens, links e mais. A forma com que o HTML faz essa marcação é através de TAGS. Você provavelmente já se deparou com algumas tags HTML ao utilizar o WordPress, como a tag P para parágrafos ou a tag A para links. O mais comum é encontrar essas tags na versão de código dos seus posts e páginas, ou dentro da widget de HTML personalizado.

Você pode fazer aparecer praticamente tudo dentro de uma página utilizando HTML.

Já o CSS é responsável pelo estilo dessas tags. Se você quiser, por exemplo, que o texto dentro de uma tag P tenha uma cor diferente, o que você precisa fazer é estilizar essa tag com a cor desejada. Existem diversas maneiras de estilizar uma tag, como em linha e usando CSS interno e externo. De maneira geral, o WordPress utiliza CSS externo, já que a maior parte dos estilos dentro do seu site está dentro de um arquivo chamado STYLE.CSS, que é consultado pelo WordPress na hora de estilizar seu site ou blog.

Para que você não precise se preocupar com isso, no entanto, o WordPress possui um editor de aparência (a opção personalizar dentro do menu aparência), onde você pode escolher cor de texto e tipografia para o seu site, evitando que você precise fazer alterações manuais dentro do seu arquivo STYLE.CSS.

Algumas vezes, porém, a alteração que queremos fazer no nosso site não está presente no editor de aparência, e aí precisamos adicionar por conta própria o CSS desejado. Novamente, a melhor forma de fazer isso não é alterando o arquivo STYLE.CSS, e sim utilizando a opção CSS ADICIONAL dentro do próprio editor de aparência. Insira lá o CSS desejado e clique em publicar para que seus estilos sejam aplicados. Caso deseje alterar apenas algumas tags e não todas as tags do seu site, você também pode utilizar CLASSES.

————

VOCÊ TAMBÉM PODE GOSTAR:

– Como alterar a barra lateral do seu WordPress: https://youtu.be/W5z65jf-Yu8
– 5 plugins essenciais para WordPress: https://youtu.be/nHmn2KyrZyk
– Como inserir códigos no seu WordPress sem programar: https://youtu.be/uiIlpw3UERw

————

SIGA O BLOGUEIRA INTELIGENTE NAS REDES SOCIAIS:

🌟 Instagram: https://instagram.com/blogueira.inteligente
🌟 Pinterest: https://pinterest.com/blogueirainteligentecombr

Deixe um comentário