Manual

Essa página é um teste para os colaboradores. Ela tem amostras de formatações e como seguir padrões ao criar seus artigos. Mostra ainda como usar shortcodes (encurtadores) para inserir mídias e estilos variados.

Se não souber usar alguma coisa que viu aqui (acho difícil), entre em contato e eu atualizo para explicar melhor. É importante lembrar que não se deve abusar no uso de caixas, botões e outros elementos decorativos. Se exagerados, atrapalham a leitura.

Não vou entrar nos detalhes de como usar o WordPress, é simples, quase como um editor de texto padrão Word. Basta saber que a guia Visual mostra suas edições em tempo real, enquanto o Texto mostra a marcação HTML, vulgo código. Quase nunca você vai precisar do modo Texto, exceto se tiver conhecimento de design web básico.

Formatos básicos

Nada de especial, só aquelas coisas que você já conhece dos Words da vida, como negrito, itálico, riscado, etc. Os cabeçalhos do tipo 2 devem ser colocados em subtítulos dentro do artigo, como visto abaixo.

Cabeçalho 2

São os maiorais. Acima deles, só o título da página que é cabeçalho 1 (automaticamente). Podem ser feitos pela caixa de formatos acima da janela de edição do artigo.

Resumindo: não use cabeçalho 1 em lugar nenhum. Eles serão aplicados automaticamente quando necessários.

Cabeçalho 3

Use quando o subtítulo estiver aninhado dentro de um tema iniciado com cabeçalho 2. Por exemplo, ao abrir uma seção "Principal" que usou cabeçalho 2, numa subseção dela, "Sub-principal", use cabeçalho 3.

Evite outros cabeçalhos, embora eles existam.

Cabeçalho 4

Cabeçalho 5
Cabeçalho 6

 

Outras formatações acessíveis pelas ferramentas do editor incluem:

  1. uma lista...
  2. de itens...
  3. numerados
    1. com sub
    2. opções
  4. e depois seguindo

Ou se preferir

  • listas
  • de itens
  • sem numeração
    • mas com
    • subitens

Lista com setas, na caixa FORMATOS:

  • lista
  • com
  • setas

EVITE

Coisas desagradáveis a serem evitadas:

  • TEXTO TODO EM MAIÚSCULAS, itálico ou negrito desnecessário. Colorido então, nem pensar.
  • Emoticons em excesso 🙁 Mas alguns são bem-vindos 😀
  • Textos muito longos (muito longos mesmo), sem quebra de parágrafo, sem uso de vírgula ou com exagero delas... etc. Qualquer coisa desconfortável para ler.

Evite muita mídia (imagens, vídeos, mapas) na mesma página, as pessoas têm preguiça de páginas sem fim. Se for preciso postar muitas (mais que 20, por exemplo) e achar que o conteúdo se alongou demais, divida em páginas acrescentando...

<--nextpage-->

...onde quiser dividir o artigo, com o modo Texto ativo ou pelo botão "Inserir a tag Leia Mais". Tudo que for colocado depois dessa marca vai aparecer em outra página.

Você também pode formatar citações...

...sempre que houver no seu artigo um trecho que mereça atenção especial como uma fala de personagem, frase célebre, etc. Use com moderação. por autor desconhecido.

Para indicar o autor, coloque o texto em negrito dentro do bloco - o hífen antes do nome e a quebra de linha são automáticos.

Se for uma citação muito curta que vai aparecer dentro de um parágrafo, prefira usar aspas e texto em itálico. Assim:

"Ruim não é ter de trabalhar; ter trabalho é que é ruim" - Sr. Madruga.

Outros blocos estão disponíveis na caixa FORMATOS.

Ao contrário do que se acredita, Lorem Ipsum não é simplesmente um texto randômico.

Com mais de 2000 anos, suas raízes podem ser encontradas em uma obra de literatura latina clássica datada de 45 AC. Richard McClintock, um professor de latim do Hampden-Sydney College na Virginia, pesquisou uma das mais obscuras palavras em latim, consectetur, oriunda de uma passagem de Lorem Ipsum, e, procurando por entre citações da palavra na literatura clássica, descobriu a sua indubitável origem. Lorem Ipsum vem das seções 1.10.32 e 1.10.33 do "de Finibus Bonorum et Malorum" (Os Extremos do Bem e do Mal), de Cícero, escrito em 45 AC. Este livro é um tratado de teoria da ética muito popular na época da Renascença.

A primeira linha de Lorem Ipsum, "Lorem Ipsum dolor sit amet..." vem de uma linha na seção 1.10.32.

Duis eleifend, sem ut consectetur lacinia, velit ex feugiat lacus, in tristique mi ex in metus. Pellentesque lobortis feugiat felis, in vestibulum lectus interdum vitae. Donec efficitur sapien nec nisi faucibus scelerisque. Maecenas vitae volutpat quam. Maecenas convallis porta est, ut dictum enim molestie ac. Aliquam a fringilla diam. Integer vel nulla et nulla euismod vulputate. Nunc malesuada ipsum sed est suscipit, ut congue urna fermentum.

Nulla posuere felis auctor, blandit turpis ut, euismod nibh. Nam blandit nisi ipsum, gravida pulvinar nunc venenatis sed. Ut et ullamcorper dolor. Phasellus nec lorem vitae turpis elementum volutpat eu sed elit. Curabitur eu magna fringilla, viverra purus in, accumsan orci.

Shortcodes

São encurtadores, códigos que geram formatos especiais ou inserem conteúdo na página. Também fáceis de usar: a caixa "Shortcodes do Tutoriart" na barra de ferramentas do editor de texto do WordPress tem atalhos para eles, é só clicar, escolher o shortcode, entrar com as informações necessárias e confirmar.

Se não souber o que está fazendo, não altere o código gerado ou coisas estranhas podem acontecer. Se algo deu errado, delete o código e gere outro.

Esses são os shortcodes disponíveis por enquanto. Começando com CAIXAS na próxima página.

Caixas

Para criar um texto dentro de caixa, ele deve estar envolvido pelos shortcodes de abertura e fechamento. Use o botão de Shortcodes para criar a caixa:

  • Selecione o texto a ser envolvido na caixa
  • Clique na caixa Shortcodes e selecione Boxes
  • Ajuste as configurações e clique em OK.

Caixas podem ter cor (uma das cores predeterminadas ou a padrão escolhida no painel do plugin), título e um ícone entre mais de 300 disponíveis. Basta escolher na caixa de geração do shortcode.

Exemplos:

Padrão

Padrão. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nibh risus, ullamcorper non consequat eu, bibendum a erat.

Padrão com ícone e título

Space Shuttle
Padrão com ícone e título. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nibh risus, ullamcorper non consequat eu, bibendum a erat.

Verde com emoji como título

😍
Verde com título. Mauris ut felis pulvinar, tincidunt ante ut, porta eros. Maecenas non posuere lacus. Donec augue est, venenatis sed posuere non, ornare sit amet ante.

Amarela com ícone

Amarela com ícone. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nibh risus, ullamcorper non consequat eu, bibendum a erat. Mauris ut felis pulvinar, tincidunt ante ut, porta eros. Maecenas non posuere lacus.

Vermelha com ícone e título

Título!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nibh risus, ullamcorper non consequat eu, bibendum a erat. Mauris ut felis pulvinar, tincidunt ante ut, porta eros.

Próxima página: ALERTAS.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16