Tema Wordpress

Tenho um projeto para colocar no ar um site com conteúdo voltado especialmente a profissionais da área do direito. Para uma primeira versão, desenvolvi o layout  de um site de notícias em html/css. Fiz uso também, levemente, de php e javascript, apenas para conseguir simular o funcionamento do site.


Eu não tenho formação na área de tecnologia. Sou apenas um profissional da área jurídica. Mas  com a ajuda do grande volume de informações disponíveis na internet, consegui desenvolver um layout responsivo, que se ajusta bem (pelo menos nos meus testes) a telas de smartphones, tablets e monitores.


Agora eu preciso de um profissional que possa otimizar os meus códigos e saiba transformar o meu trabalho em um tema Wordpress, para que a inserção, modificação, exclusão de conteúdos e a administração do site de um modo geral possa ser executada por meio desse Cms.

[ links externos removidos ]  para visualizar o layout e as áreas do site, bem como eles se adapta às mudanças de dimensões da viewport, disponibilizei arquivos pdf.

Como se pode ver, o site ainda não possui página de contato,  informações sobre o criador nem 404, pois não tive tempo de criá-las. Mas para não perder tempo, quero contratar imediatamente o desenvolvimento do núcleo do site e acrescentar tais páginas posteriormente (contrato à parte).

Sobre os códigos, faço duas ressalvas:

1 - Minha maior preocupação ao codificar era ser ágil na criação; deixei a otimização para um segundo momento, quando a continuação do trabalho estivesse nas mãos de profissionais da área. Por isso a existência de tantos arquivos CSS gerando tantas requisições. Além disso, falando especificamente da capa, o código com certeza vai ser bastante reduzido à medida em que a experiência diária de uso for apontando os trechos que nunca são utilizados;

2 - o javascript que operacionaliza os menus foi feito por um amador (eu mesmo) e por isso precisa ser profundamente aperfeiçoado.
O mesmo vale para os códigos php.

Abaixo seguem algumas informações que eu considero relevantes para que se possa compreender melhor o demo que está publicado.

Estou à disposição para oferecer todas as informações e especificações técnicas necessárias.

---- Responsividade ----

Como eu disse lá em cima, o layout é responsivo. As larguras máximas das áreas de conteúdo e os respectivos pontos de quebra são os seguintes:

Smartphones:
Max-width: 420px => (max-width: 669px)

Smartphones maiores/tablets menores
Width:650px  => (min-width:670px / max-width:949px)

Tablets
Width:910px  =>  (min-width:950px / max-width:1239px)

Desktop
Width:1190px  => (min-width:1240px)

Eu usei o pixel como unidade de medida, pois o site não é flexível. Ele simplesmente muda de dimensão máxima à medida que a viewport  vai se estreitando.


O pixel é a unidade também das fontes, paddings e margins, mas isso porque não quis perder tempo definindo os tamanhos em medidas relativas sem ter o conhecimento sobre qual opções seria mais recomendável (em, rem, %). Na verdade, não sei nem mesmo se, neste projeto, o uso generalizado de medidas relativas é necessário.


----- Capa -----

A área do conteúdo principal da capa (ou seja, o miolo, sem o header, o sidebar e o rodapé) não possui estrutura fixa, de modo que o seu gerenciamento será, pelo menos num primeiro momento, totalmente manual.

O que eu preciso é de algo que me proporcione flexibilidade para montar a página, mas que ao mesmo tempo me ofereça agilidade. Para isso, o melhor jeito seria que a criação dessa capa fosse em um único ambiente, ou seja, sem ter ficar criando e salvando cada um dos blocos de notícias, banners, etc que vão para a capa.

A solução que eu imaginei inicialmente seria construir um template para a página inicial em que o centro da página fosse criado a partir de um custom post com apenas um campo - input text - onde eu pudesse escrever os códigos html do início ao fim.


----- Sidebars -----

Serão dois modelos de sidebar: um, para a capa e outro, para páginas internas.


----- Blocos de anúncios -----

Enquanto não tiver meus próprios anunciantes, a intenção, no que for possível, é monetizar o site com anúncios de terceiros como  Google, Lomadee, Criteo, Boo-Box, etc.

 
----- Menus -----

Os menus Áreas do Direito e Judicial e Extra funcionam pelo método toggle em Javascript.

O funcionamento esperado desses menus é que nunca permaneçam dois menus em aberto simultaneamente e que o menu se feche quando o leitor clicar em qualquer ponto externo a ele ou no botão que o fez abrir. Pode-se pensar também em acrescentar mais uma opção de fechamento: um botão com um X no canto direito superior do menu.


----- Categorias/tags -----

Os posts serão organizados em categorias/subcategorias e associados a tags.

As categorias eu vou chamar de editorias e as tags, de assuntos.


----- URL (permalinks) -----

As URLs serão definidas em formato orgânico, com o uso de palavras fortes do título do post.

As categorias serão identificadas como /editorias/ e as tags, como /assuntos/.


----- Página de leitura -----

Na página de leitura, será necessário criar campos extras (custom fields) para a inserção de subtítulo e autor.

Em relação ao subtítulo, não vou usar o campo excerpt, pois têm funções distintas. O subtítulo, no meu projeto, não é um resumo do texto, e sim uma informação adicional ao título que eu julgue necessário acrescentar à chamada de um post. O subtítulo, portanto, não será um campo de preenchimento obrigatório.


Quanto ao campo autor, deve ser um campo de texto livre, inclusive com a possibilidade de inserção de códigos html, pois o site pode publicar textos de autores não usuários do sistema e mesmo textos com mais de um autor.
Inicialmente, os posts não terão imagens associadas para servirem de  miniaturas (thumbnails).

Os botões de aumentar/reduzir o tamanho da fonte vão produzir efeito unicamente ao núcleo do texto, excluindo-se títulos, subtítulos e informações sobre autor e data.


----- Páginas-índice -----

Nas paginas de índice, o texto abaixo do título é o subtítulo, não um resumo.


----- Domínio, marca e servidores -----

Os domínios e a marca estão registradas em meu nome, mas não tenho nenhum contrato para hospedagem do site. Sugestões serão muito bem recebidas.


----- Estatísticas -----

Para controle de dados estatísticos do site, creio que inicialmente a melhor opção disponível é o Google Analytics.


----- Otimização -----

A velocidade de carregamento do site é fundamental. Então o contratado deve se comprometer a melhorar o desempenho mensurados em testes como o Google PageSpeed, Pingdom e GTmetrix, por exemplo.