Como usar tags span para um blockquote no WordPress

As tags Span permitem que você aplique o estilo CSS a qualquer seção de suas postagens do WordPress - pense nelas como comandos CSS personalizados. Quando envolvido em uma seção de texto, esses comandos personalizados são aplicados a tudo dentro do "span". Efetivamente, isso permite que você invente suas próprias tags. Uma aplicação desse tipo é criar uma tag blockquote definida pelo usuário que você pode usar além do comando blockquote padrão do seu tema.

1

Faça o login na sua área de administração do WordPress. No menu principal à esquerda, clique em "Aparência" e, em seguida, clique em "Editor". Se essas opções não estiverem presentes, é porque você não tem permissões de "Administrador". Entre em contato com o proprietário do site para solicitar um upgrade ou peça-lhe que conclua essas etapas para você.

2

Clique em “style.css” na lista de arquivos à direita. O código desse arquivo aparecerá no painel de edição central. Inicie uma nova linha na parte superior do arquivo e adicione o seguinte código:

.bq {display: bloco; margem esquerda: 30px; border-left-style: sólido; border-left-color: vermelho; preenchimento esquerdo: 5px; }

A única parte essencial é a linha "display: block;", que permite que mais de uma linha de texto seja estilizada pelas tags span. O resto do código recua o blockquote por 30 pixels, coloca uma linha vermelha à esquerda da citação e, em seguida, coloca o texto cinco pixels à direita dessa linha. Edite ou adicione um novo código para atender às suas preferências. Clique em "Atualizar arquivo" quando terminar.

3

Clique em "Postagens" ou "Páginas" no menu principal e selecione um documento ao qual você deseja adicionar o novo blockquote. Enrole as tags de span ao redor da seção que você deseja citar da seguinte maneira:

Esta é minha citação

4

Clique em "Atualizar" no canto superior direito da tela e clique em "Visualizar página" para ver os resultados. As tags de span aplicarão todo o código na classe "bq" que você acabou de criar para o texto entre elas. Se você está satisfeito com os resultados, pode continuar aplicando a tag bq span a qualquer texto que desejar. Se não, volte para a página style.css e edite a classe bq e, em seguida, verifique novamente. Repita até estar satisfeito.

Gorjeta

• As tags Span não estão limitadas apenas ao texto - você pode estilizar qualquer coisa na qual o CSS possa ser aplicado normalmente.

Aviso

• Todas as alterações feitas no arquivo "style.css" serão aplicadas instantaneamente em todo o site. Tenha cuidado para não editar nenhum outro código nesse arquivo.