Antes de tudo, é preciso que o produtor/editor/replicador de conteúdo que utiliza o WordPress como ferramenta para publicação de artigos, tenha plena consciência de que um site rodando com o wordpress, não é o mesmo que uma rede social como o facebook ou twitter, onde o usuário apenas joga suas imagens, cria, ou simplesmente cola seus textos na área, ‘o que você está pensando, fulano’.
As redes sociais digitais corporativas, como facebook ou twitter, possuem um padrão para exibição de conteúdo que, na verdade é bastante simples. Resume-se a uma minitura da imagem do autor seguida de seu nome e logo abaixo, o texto, a imagem ou o vídeo postado.
O texto que você posta nestas redes, só exibe uma quantidade limitada dos caracteres digitados;
As imagens que você posta, aparecem na linha do tempo com uma largura restrita e são cortadas quando a altura é superior ao pré-estabelecido e o mesmo acontece com os vídeos.
Já quando você está produzindo ou mesmo apenas colando um artigo qualquer para seu site wordpress, a coisa é completamente diferente, é você quem precisa pensar em como seu texto e conteúdo serão exibidos, é você o responsável pela diagramação do conteúdo postado e você deve ter plena consciência de sua responsabilidade.
Lembre-se, você é o editor de conteúdo e é também o diagramador.
Depende exclusivamente de você a qualidade com que será exibido o conteúdo de seu post.
É imprescindível que haja disciplina, que haja padronização, para que o conjunto de artigos do site não fique parecendo uma colagem de ideias aleatórias de uma mente perturbada que a cada instante pensa de um modo diferente, age de um modo diferente e apresenta suas ideias de maneira completamente desorientada.
REFORÇO AQUI, ACREDITO QUE PELA VIGÉSIMA VEZ QUE:
- É preciso, imprescindível, necessário, padronizar as imagens que são enviadas para o site!
Não importa se você recebe estas imagens fora do padrão. É responsabilidade sua deixar estas imagens no padrão antes de subi-las para a hospedagem wordpress. Para tanto, antes de subir qualquer imagem e principalmente, quando esta imagem for marcada como imagem de destaque, siga estes procedimentos- Salve a imagem no seu computador
- Abra-a com seu editor de imagem ( baixe o Gimp se for necessário, é um editor de imagens livre e gratuito que atenderá todas necessidades – https://www.gimp.org/downloads/ );
- Clique em imagem -> redimensionar imagem e, na caixa de diálogo que abrir, coloque a largura de 1000pixels e altura de 600pixels
- Caso a imagem fique muito distorcida, reverta com ctrl+z, clique em ferramentas -> Ferramentas de seleção -> Seleção Retangular e recorte a imagem e a deixe de tal forma que, quando redimensionada para 1000x600pixel, não fique distorcida;
- Clique em Arquivo -> Exportar como e, na caixa que abrir, selecione o formato PNG, escolha um nome para sua imagem e clique em, Exportar. Na próxima caixa de diálogo que abrir, marque o nível de compressão como 8 ou 9 e novamente clique em exportar;
- Suba esta imagem que você editou para o site;
- Fazendo isso sempre, 90% dos problemas com o layout de exibição estarão resolvidos.
- As postagens no WordPress devem conter sempre estes itens e nenhum deles pode ser omitido sob nenhuma hipótese!
- Título
- Deve iniciar com letra maiúscula;
- Não deve NUNCA ser digitado todo em caixa alta, sob nenhuma hipótese
- Deve conter palavras da língua portuguesa dentro da norma culta;
- Deve ser curto, direto, conciso evitando sempre ultrapassar mais que 50 caracteres.
- Corpo do texto
- Caso não seja um texto de autoria própria, a primeira linha deve conter a origem, o autor e a data da portagem original. De preferência, com link apontando para a postagem original. Deve também ser destacado, seja com negrito ou com uma fonte e/ou cor de fonte diferente da do restante do texto
- Um breve resumo do conteúdo apresentado no post, direto, conciso, que complemente o título e apresente ao leitor/visitante quais informações ele está prestes a receber.
- Ao menos uma imagem que iluste ou decore o artigo, uma questão de pura estética. Esta imagem deve ser centralizada, ocupando, ao menos, 80% da linha no espaço destinado a exibição do artigo ou então, alinhada a esquerda ou a direita do texto, ocupando não mais que 50% da largura total da linha
- O conteúdo propriamente dito, deve estar todo ele dentro da norma culta, quando não, o trecho fora da norma deve estar identificado com um (sic), ou seja: sic erat scriptum ou, em português, “assim estava escrito”;
- É bom também dividir o corpo do texto em subseções, identificadas com negrito logo acima do parágrafo
- Deve ser finalizado com o nome do autor do artigo e, de preferência, acompanhado de uma breve biografia deste autor. No caso de um artigo copiado de outra origem, novamente inclui-se aqui a origem, o autor, a data original da postagem, com uma fonte destacada, de preferência com link apontando para a postagem original e alinhado à direita.
- Resumo
O resumo serve basicamente para exibir o artigo em outros lugares que não o link do artigo. Ou seja: a chamada para o artigo na página principal ou páginas internas que listam artigos, ou ainda quando você compartilha seu artigo nas redes sociais corporativas, é o resumo que aparece (ou deveria aparecer) na chamada, junto com a imagem de destaque.- O resumo, como o próprio nome auto define, deve ser conciso, direto, dentro da norma culta da língua portuguesa, não ultrapassando nunca o limite máximo de 200 caracteres.
- Ao escrever o resumo, pense em como você apresentaria todo o conteúdo do artigo em uma única postagem do Twitter
- ~ ~ ~
Por padrão, as novas versões do WordPress não exibem mais o campo resumo na tela de edição dos posts/artigos, isso pode ser facilmente resolvido com uma simples consulta em qualquer buscador, seja o Google, Duck Duck Go, etc..
Porém, como entendo a dificuldade do usuário final com ferramentas de busca, segue breve tutorial mastigadinho, basta salivar em engolir:- Logado em wp-admin, dentro da página de edição/criação de posts;
- No topo da página há uma barra preta, barra padrão do wordpress;
- No lado direito desta barra, logo abaixo de onde é exibida a foto e o nome do usuário logado no WordPress;
- Há dois botões, Opções de Tela e ajuda. Clique em Opções de tela;
- Abrirá um painel, a primeira seção deste painel é Caixas;
- O segundo item da seção caixas é Resumo;
- Se a caixa Resumo estiver desmarcada, marque-a e PRONTO
- O espaço para edição do resumo será exibido logo abaixo da área de edição do artigo, toda vez que você abrir um post para criação ou edição
- ~ ~ ~
- Título
~ ~ ~
-
- Imagem destacada
Imagem destacada é a imagem que ilusta o artigo nos links para o artigo na página principal ou paginas internas que listam artigos e também, é a imagem que é exibida quando você publica um link para o artigo nas redes sociais- Deve-se tratar a imagem destacada com muita atenção e carinho. Ela é a porta de entrada, o chamariz para que o leitor sinta-se convidado a ler o artigo que você postou.
- RELEIA O TÓPICO DE PADRONIZAÇÃO DE IMAGENS
- Atenção!
A imagem destacada, não precisa, necessariamente, ser exibida no conteúdo do artigo.
Nada impede que você escolha uma imagem destacada e outras imagens diferentes para ilustar seu artigo.
- Categoria
Todo e qualquer artigo postado no site deve, obrigatoriamente, estar relacionado a pelo menos uma categoria.
São as categorias que organizam o conteúdo publicado de modo que o leitor possa encontrar o conteúdo que procura de forma rápida e confortável.
Categorizar os artigos é tão importante quanto o próprio artigo, são as categorias que organizam as chamadas para o artigo na página principal e nas páginas internas que listam o conteúdo publicado.
- Imagem destacada
Observação pertinente
Sigam os passos descritos acima sempre que forem incluir um novo artigo, não é difícil e em pouquíssimo tempo estes passos serão tão corriqueiros que você nem se dará conta que os executou.
Com isso, com a padronização nosso trabalho ficará muito mais leve e a produção será muito mais eficiente.
Alterações no layout do site aplicadas em 03 de março de 2019 – RELATÓRIO
Por telefone, a Patrícia solicitou as seguintes modificações na exibição do site:
- Na barra lateral, substituir o widget, posts Recentes/Populares, pelo conteúdo da agenda não realizada
RELATÓRIO:
Conteúdo substituído pelo widget, Posts por Categoria que exibe as últimas 8 postagens marcadas na categoria AGENDA DESTAQUE 1 ordenadas pela data de publicação com as mais recentes aparecendo primeiro.
– Para que um post/artigo seja exibido nesta seção, basta marcá-lo na categoria AGENDA DESTAQUE 1 ;
– Caso o post/artigo postado não apareça na ordem desejada, é necessário alterar a data da postagem para reordenar a lista.Como proceder?
Vamos supor que vc quer colocar um post qualquer como 2º item a ser exibido.
1º. Abra para edição o 2º item atualmete exibido, e verifique qual é a data de publicação deste item.
COMO?
Na barra lateral direita do editor de posts, a primeira seção que aparece é PUBLICAR.
nesta seção são exibidos os itens:
– Status
– Visibilidade
– Revisões
– Publicado
Anote o valor do item publicado. Por exemplo: 16/02/2019 12:00
2º Abra para edição a postagem que você quer que apareça como 2º item da agenda.
– Marque esta publicação na categoria Agenda Destaque 1
Na barra lateral direita do editor de posts, a primeira seção que aparece é PUBLICAR.
nesta seção são exibidos os itens:
– Status
– Visibilidade
– Revisões
– Publicado
Logo abaixo/ao lado de PUBLICADO, existe o link editar. Clique neste EDITAR.
Vão aparecer campos editáveis de data.
Nestes campos, informe uma data maior do que a que você anotou em 1º. mas não muito maior, se não ela irá ainda mais para cima e nem uma data maior que a data/hora atuais, se não o post não será exibido ou seja, por exemplo: 16/02/2019 13:00, já é o suficiente
– Clique em OK para salvar a nova data
– Clique em Atualizar para salvar o post.
PRONTO
Confira se a ordenação está OK e repita os mesmos passos para alterar os outros itens
PARA REMOVER UM ITEM DA LISTA
Abra o post correspondente para edição
Desmarque a Categoria AGENDA DESTAQUE 1 deste post
Clique em ATUALIZAR para salvar as alterações
PRONTO
confira se está OK navegando em qualquer página do site.
2. Alteração da cor de fundo e da cor do texto do título do widget de agenda na barra lateral, seguindo os mesmos padrões de cores utilizados no menu do site.
RELATÓRIO:
Modificação no arquivo CSS do tema para atendimento da solicitação
3. Criar página AGENDA, relacionada ao item de menu principal AGENDA que exibe os eventos que ainda serão realizados
RELATÓRIO:
Criada uma nova página com duas seções:
A primeira seção exibe um slider com os últimos 8 posts marcados na categoria AGENDA DESTAQUE 1
A segunda seção exibe o mesmo widget da barra lateral de agenda, com algumas alterações no layut como tamanho das miniaturas e omissão do título.
OBSERVAÇÃO IMPORTANTE:
Como não há uma padronização no envio das imagens destacadas.
Como tanto o slider quanto as minituras dependem das imagens destacadas para exibição dos widgets.
Quando apliquei as alterações o conteúdo quebrou, ficou totalmente desalinhado.
Apenas na categoria agenda destaque 1, as imagens destacadas foram upadas com as seguintes resoluções:
1280 × 1277;
905 × 1280;
1080 × 1080;
896 × 784;
229 × 129.
A cada renovação de imagem no silider, o slider mudava de tamanho e era exibido ora encobrindo o texto, ora mostrando um imenso vazio.
Me vi obrigado a alterar o código javasript do tema para que, o computador do visitante faça o trabalho de redimensionar e cortar as imagens de modo que a exibição das miniaturas não quebre o layout.
É uma solução paliativa que não resolve o problema de falta de padronização, apenas evita o estrago maior de quebra total do layout ao se visitar a página.
Ainda assim, como as imagens são redimensionadas e cortadas via javascript, ou seja, na máquina do leitor visitante, estas imagens aparecerão distorcidas na maioria dos casos.
Infelizmente, é o que se pode fazer enquanto os responsáveis pela edição e diagramação, não adotam um padrão no upload de imagens.
4. Criar página AGENDA REALIZADA sub-dividida em anos, 2019, 18, 17, 16, correspondente a sub-item do item de menu agenda.
RELATÓRIO:
Página criada.
Quatro colunas referentes aos anos 2019, 2018, 2017, 2016 que exibem o 5 últimos itens marcados na categoria HISTÓRICO {ano}
Para que uma publicação/artigo/post apareça nas seções agenda realizada histórico 2019 ou Histórico 2018, basta marcá-la nas categorias: AGENDA, AGENDA REALIZADA, HISTÓRICO 2019 ou HISTÓRICO 2018.
Também é importante lembrar que:
Se um item da agenda foi movido para o histórico, este mesmo item precisa necessariamente, ser desmarcado da categoria AGENDA DESTAQUE 1
Observação – #1:
Não existe nenhuma postagem relacionada a agenda 2017 e agenda 2016.
Nestes dois casos, foi utilizado widget de texto puro contendo apenas o nome a data e localização dos eventos, como era na versão antiga da mesma página
Observação – #2
Ao clicar no título do widget, o visitante é direcionado para a página da categoria com todos os posts marcados na categoria HISTÓRICO 2019~2018
5. Item de menu, QUEM SOMOS, aponta para a página e sub-páginas da 56ª Legislatura
RELATÓRIO:
Menu preparado para receber as páginas da 56ª legislatura.
Porém:
Como não existe nenhuma página/post/artigo correspondente à 56ª legislatura, o menu ainda aponta para a 55ª
Assim que as páginas da 56ª legislatura estiverem disponíveis, faço o apontamento correto no menu
6. Item de menu NOTÍCIAS, exibe lista com as notícias mais recentes.
RELATÓRIO:
Alterado o comportamento do item de menu NOTÍCIAS que agora aponta para uma listagem de todos os posts marcados na categoria NOTÍCIAS, ordenados pelo mais recente.
Para exibir algum artigo/post nesta página, basta marcá-lo na categoria NOTÍCIAS.
7. Sub item de menu notícias, aponta para a página histórico de noticias subdivida em anos: 2019, 2018, 2017, 2016
RELATÓRIO:
Criada a página HISTÓRICO DE NOTÍCIAS, dividido em 4 colunas, sendo: HISTÓRICO 2019, HISTÓRICO 2018, HISTÓRICO 2017, HISTÓRICO 2016,
Cada coluna exibe os últimos 5 artigos/posts relacionados a categoria correspondente.
Ao clicar no título do widget, o usuário é direcionado á pagina que exibe todas as postagens marcadas na categoria correspondente, ordenados pelo mais recente
Para adicionar qualquer post/artigo em uma destas colunas/páginas, basta marcá-lo na categoria HISTÓRICO {ano}
TOTAL DE HORAS EMPENHADAS: 13.8