desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

  • Feed artigos
  • Feed comentários
  • Feed por e-mail
  • Início
  • Ferramentas
  • Downloads
  • Feeds
  • Mapa do blog
  • Sobre

Check list de uma instalação básica do Wordpress

29 de outubro de 2008 4 comentários

Imagem com vários checks dispostos horizontalmente.

O Wordpress é certamente um dos maiores - considerados por alguns o maior - gerenciador de blogs e web sites (Wordpress como CMS?) que existe atualmente. Sua facilidade de instalação, manutenção e uso, fazem desta plataforma uma das melhores de se mexer. Mas não é somente “instalar e pronto”; uma instalação básica de Wordpress, segundo o que penso, conta com configurações, usos, instalação de plugins e outras coisas necessárias para garantir a “infra estrutura básica” de funcionamento, já pensando na expansibilidade e uso contínuo da plataforma.

Pensando nestas coisas que julgo importantes e imprescindíveis, elaborei um check list de uma instalação básica de Wordpress eficiente, tanto para uso imediato, quanto pensando na manutenção e “duração” de um blog ou web site. Esse check list de uma instalção Wordpress vai ajudar você a conhecer certas coisas, relembrar de outras e não esquecer toda elas! ;-)

Pré-instalação do Wordpress

  1. Tenha um domínio e um servidor de hospedagem com capacidade a PHP e MySQL e que tenha um espaço em disco e transferência mensal segundo as características do blog/site que você tem em mente (dependendo, eu posso fazer um plano legal para você, basta entrar em contato). Certifique-se que já tem um host e um banco de dados criados para a instalação do Wordpress.
  2. Entre no site oficial do Wordpress e baixe a versão mais atual disponível (por motivos óbvios);
  3. Envie os arquivos - descompactados - para seu servidor de hospedagem e acesse seu domínio (ou a pasta na qual jogou os arquivos) e faça o wizard de instalação do Wordpress. É muito facinho, mesmo, nem precisa comentar a respeito.

Pronto, é só isso! Você receberá uma senha aleatório para o usuário “admin” e já pode fazer login no Wordpress!

Pós-instação do Wordpress

  1. Obtenha uma API Key do Wordpress para ativar o Akismet (que já vem por padrão no Wordpress) - geralmente fica em Plugins > Configuração do Akismet;
  2. Fique ciente sobre preciosas dicas de segurança no Wordpress, com especial atenção à adquirir suas secret keys mais recentes;
  3. Configure corretamente seus permalinks e tenha atenção quanto a outros aspectos de SEO, conforme as recomendações das melhores práticas de SEO que você pode adotar em seu blog ou site;
  4. Faça cadastro em alguns serviços primordiais para quem tem blogs/sites:
    • FeedBurner;
    • Google Analytics;
    • WebMaster Tools.
  5. Instale alguns plugins “básicos” para um bom funcionamento do seu blog/site:
    • Google XML Sitemaps;
    • Dagon Design Sitemap Generator;
    • FeedBurner FeedSmith;
    • Manageable;
    • Ozh’ Admin Drop Down Menu;
    • Ozh’ Better Feed;
    • Platinum SEO Pack;
    • Robots Meta;
    • Wordpress Automatic Upgrade;
    • Wordpress Database Backup.

Genericamente falando, configure corretamente e com cuidado as opções do Wordpress segundo seus objetivos. Considero que as opções de configuração nativas do Wordpress, apesar de não muito extensas, são muito boas; atendem a diversos tipos de blogs/sites e possibilitam um bom nível de configurações básicas.

Esse check list ainda pode ser complementado. O que você considera importante para uma instalação básica do Wordpress?

Categorias
wordpress
Comentários RSS Comentários RSS
Trackback Trackback

Ícones de setinhas para download (grátis)

21 de outubro de 2008 3 comentários

Ícones de setinhas para download grátis.

Para os que ainda não sabem há, aqui no desenvolvimento para web, uma página para baixar ícones de alta definição e qualidade. Nesse artigo dos ícones de alta definição (que é atualizado constantemente), faço referência a sites que disponibilizam excelente ícones para download na web.

Para “complementar” este artigo que citei, sobre download de ícones, eu mesmo fiz alguns ícones para disponibilizar por aqui: ícones de setinhas! São ícones de setinha diversas, em várias formas, de vários jeitos, várias cores, várias direções, enfim, ícones de setinhas variadas para download grátis! São mais de 3800 ícones de setinhas para você baixar sem medo de ser processado no futuro e poder usar onde e quando quiser! As especificações são:

  • Formato. PNG;
  • Proporções. 20×20 pixels;
  • Uso. Irrestrito e gratuito.

Espero que seja útil para vocês e, caso alguém utilize em algum sistema online ou web site e quiser comentar, será muito bem vindo!  ;-)

Baixar mais de 3800 ícones de setinhas totalmente de graça (5.44 MB)
Categorias
miscelânea
Comentários RSS Comentários RSS
Trackback Trackback

Componentes de um sistema de navegação

10 de outubro de 2008 1 comentário

Acabei de receber o livro Navegação em Hipermídia: uma abordagem centrada no usuário (tão bom que se não fizer reserva no Submarino não se consegue comprar) e, como o estava aguardando ansiosamente, não pude resistir e já comecei a ler. Logo no início do livro, chamou minha atenção a definição clara e objetiva dos componentes de um sistema de navegação, quer dizer, a definição e descrição das “características elementares” que um sistema de navegação (no contexto deste blog, leia-se: web sites e sistemas web, em geral) deve possuir para ser eficiente.

Estes componentes de um sistema de navegação, segundo as autoras do livro, trabalham de forma integrada e interdependente e, portanto, seu conjunto pode ser considerado um sistema. Quer dizer, este componentes que compõem um sistema de navegação interagem mutuamente entre si para formar um “todo” maior, e proporcionam as características e peculiaridades necessárias para uma pessoa conseguir interagir com esse sistema de forma eficiente.

Os 6 componentes de um sistema de navegação genérico

Os componentes de sistemas de navegação são:

  • Áreas clicáveis. Estes componentes de sistemas de navegação permitem às pessoas pressionar ou selecionar elementos através de um dispositivo de apontamento (no caso, o mouse). Por exemplo: tradicionalmente e por uma questão de usabilidade, os links aparecem (pelo menos, deveriam) sublinhados.
  • Mecanismos para identificar áreas clicáveis. Permitem que as pessoas que usam sistemas de navegação identifiquem com mais facilidade os elementos clicáveis. Por exemplo, quando se passa o cursor do mouse sobre um botão, ele muda de cor ou fica com bordinhas serrilhadas.
  • Indicadores de localização. Responsáveis por indicar a quem usa o sistema de navegação sua exata localização dentro deste sistema; de informar em qual posição do “todo” ele se encontra no momento. Deve mostrar em que “nó” do sistema a pessoa está e quais as possibilidades de navegação ela tem a partir daquele ponto.
  • Ferramentas para auxiliar a navegação. Proveem a quem utiliza o sistema de navegação hipermidiático o acesso às informações de maneira diferenciado ao “nó-a-nó”. Caso a pessoa esteja “perdida” ou confusa quanto à sua localização atual dentro do sistema, essas são as ferramentas que a auxiliarão e a ajudarão a se reorientar e retornar à uma “rota conhecida” (ex.: menus, pesquisa, favoritos).
  • Ferramentas de retronavegação. Como indica o próprio nome, estas ditas ferramentas auxiliar a pessoa que usa um sistema de navegação a retornar a um ou mais nós de navegação recentes (ou não tão recentes) sem precisar acessar exatamente os links que usou para chegar à sua posição atual. Como exemplo: botão “Voltar” dos navegadores e breadcumbs (”Migalhas de pão”).
  • Feedback. É a característica dos sistemas de navegação de manter aqueles que os utilizam informados sobre ações, operações e andamentos que acontecem/aconteceram/acontecerão; ou, nas palavras precisas das autoras do Navegação em Hipermídia, informar sobre uma mudança de estado do sistema. Como exemplos, elas citam a mudança de cores em links visitados (embora haja exceções), barras de loading e mensagens que informam que ações foram realizadas com sucesso ou que aconteceu algum erro.

Seu projeto possui todos elementos necessários?

Na verdade, eu já conhecia esses elementos característicos a sistemas de navegação hipermidiáticos de meus estudos sobre Interação Homem-Máquina. O que me chamou a atenção foi a maneira simples e objetiva com que foram colocados no livro de Stephania Padovani e Dinara Moura.

Você, desenvolvedor, fique ligado e analise os web sites e sistemas online que você faz e/ou participa e confira se todos estes elementos estão presentes. A falta de somente um deles faz com que o “todo” fique desfalcado e a experiência da pessoa que navega seja incompleta. Analise todos seus projetos, inclusive os já concluídos, e analise se estas características de um bom sistema de navegação estão lá.

É importante para você desenvolver um sistema de qualidade e, mais importante ainda, quando se tem em mente que, na verdade, quem sai prejudicado com a falta de um destes componentes é a pessoa que está “do outro lado do sistema”, quer dizer, quem o utiliza!

Categorias
usabilidade
Comentários RSS Comentários RSS
Trackback Trackback
« 12 »

Translator

Portuguese flagItalian flagChinese (Simplified) flagEnglish flagGerman flagFrench flagSpanish flagJapanese flag

Artigos mais visitados

  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • 10 fontes de inspiração para fazer logotipos de qualidade
  • CSS float: considerações, dicas e macetes para bons layouts na web
  • Centralizar suas páginas web com CSS: como deixar o site sempre no centro com folhas de estilo
  • Baixar ícones de alta definição e qualidade

Categorias

  • (x)html (5)
  • acessibilidade (4)
  • blogs (7)
  • css (17)
  • design (31)
  • firefox (6)
  • indicações (50)
  • javascript (5)
  • jquery (8)
  • miscelânea (30)
  • php (7)
  • séries (9)
  • seo (12)
  • usabilidade (8)
  • wordpress (20)

Eu indico

  • ChromeBrasil
  • Fique Rico
  • Insistimento
  • Maikel Neris
  • Professional Blogger



Artigos Recentes

Ícones de setinhas para download (grátis)

Componentes de um sistema de navegação

10 fontes de inspiração para fazer logotipos de qualidade

Richard Stallman e os programas baseados na web

Meta tags

"Sexy Buttons" em menus do Wordpress

Últimos Comentários

Paulo Faustino: Faz tempo que não actualizava o blog, mas valeu a pena esperar amigo Tárcio. (...)

Rodrigo: Olá Tárcio, tudo tranquilo? Então, muito bom o exemplo. Agora estou com uma dúvida: Tenho (...)

Edgar: Gostei muito do artigo.! Me ajudou muito na criação de meu portifolio. parabéns pelo se trabalho (...)

de musicas: boa.... valeu pela dica... (...)

Viana: Muito boa a dica do plugin ;D (...)

Mais Comentados

Meta tags (16)

CSS float: considerações, dicas e macetes para bons layouts na web (15)

Google Chrome - primeiras impressões sobre o navegador da Google (14)

Como montar um portfolio sem ter clientes (13)

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade (13)

desenvolvimento para web trata sobre padrões da web, usabilidade, acessibilidade,
web design, SEO e tecnologias web, tais como HTML, XHTML, CSS, javascript, jQuery, PHP e mais.

A tradução automática é do Wordpress Global Translator Plugin e há alguns direitos reservados.