About this project
it-programming / web-development
Open
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.
Category IT & Programming
Subcategory Web development
Is this a project or a position? Project
I currently have I have specifications
Required availability As needed
Experience in this type of projects Yes (I have managed this kind of project before)
Roles needed Developer
Delivery term: September 13, 2015
Skills needed