Não foi preciso ler muito a respeito, pois o Anderssauro já havia publicado sobre o assunto.

O processo é muito simples:

1. Basta fazer download do arquivo emergency.rar
2. Descompactar e enviar para a pasta raiz de instalação do WordPress (se você esqueceu a senha do FTP também é melhor procurar um médico!)
3. Executar o endereço do seu blog + emergency.php (eg. www.exemplo.com.br/emergency.php)
4. Lembrar-se (ao menos) do nome de usuário
5. Escolher uma nova senha
6. E, por fim, deletar o arquivo do seu servidor (afinal, não vá querer que outrem faça o mesmo, certo?)

Vale lembrar que, pelos próprios desenvolvedores do plugin (isto é um plugin?), você usará o WordPress Emergency PassWord Reset por usa conta e risco.

E breve posto o tutorial de migração.

CSS - IE e Firefox

Que está acostumado a mexer com Folhas de Estilo, sabe o quanto é chato, por vezes, desenvolver um design para um navegador e, ao abrir os demais, perceber pequenos erros na diagramação. Felizmente essa situação pode ser facilmente contornável e existem pelo menos duas maneiras de fazer isso. A primeira delas é associar diferentes folhas de estilo, um arquivo css, para cada navegador. A segunda, por sua vez, consiste em atribuir diferentes valores para um mesma propriedade que alterará a diagramação no IE através de hacks. A dica fica então em desenvolver o css para o Firefox e depois fazer os reparos necessários no Internet Explorer.

Atribuir nova Folha de Estilo ao Internet Explorer

Se o caso for grave, quer dizer, ficar tudo muito estranho, esta é a melhor opção. Assim você desenvolve um novo arquivo .css e pode, ou anular o do Firefox, ou complementá-lo. Neste caso, temos que mexer no html a fim de chamar uma folha específica ou associar o estilo dentro do html ele mesmo. A desvantagem é que, no caso de um novo arquivo, temos aí uma requisição a mais no servidor.

A associação do estilo é feito por comentário que é lido apenas pelo IE. Eg.:

<!–[if IE]>
<style>
#search {margin: 10px 0 0 5px;}
</style>
<![endif]–>

<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”http://exemplo.com.br/style_ie.css” />
<![endif]–>

Ainda pode ser o caso de atribuir diferentes estilos para diferentes versões do Internet Explorer, neste caso, deve-se complementar o comentário com a lista a seguir:

• <!–[if IE]>Para todas as versões do Internet Explorer<![endif]–>
• <!–[if IE 5]>Para o Internet Explorer 5<![endif]–>
• <!–[if IE 5.0]>Para o IE 5.0<![endif]–>
• <!–[if IE 5.5]>Para o IE 5.5<![endif]–>
• <!–[if IE 6]>Para o IE 6<![endif]–>
• <!–[if gte IE 5]>Para versões mais atuais que o Internet Explorer 5 inclusive<![endif]–>
• <!–[if lte IE 5.5]>Para versões mais antigas que o Internet Explorer 5.5 inclusive<![endif]–>
• <!–[if lt IE 6]>Para versões mais antigas que o Internet Explorer 6 inclusive<![endif]–>

Hacks .css para Internet Explorer 6 e 7

Se o problema for mais simples, podemos adicionar hacks nas folhas de estilo padrão, o que é, para mim, a melhor e mais fácil alternativa. Veja os exemplos

Hack para IE 6

#search {
margin: 10px 0 0 5px; /*todos os navegadores*/
_margin: 10px 0 0 5px; /* apenas para o IE6 */
}

Hack para IE 7

#search {
margin: 10px 0 0 5px; /*todos os navegadores*/
*margin: 10px 0 0 5px; /* apenas para o IE6 */
}

Agora que já aprendeu a alterar os estilos para diferentes navegadores, que tal aprender como testar o resultado em diferentes navegadores e como ter o Internet Explorer 6 e 7 instalados ao mesmo tempo?

Antes de começar, faça testes. Boas ferramentas para ver onde seu site/blog está carregando muitos recursos são o Web Page Analyzer e o Pingdom tools. Assim você será capaz de ver quais elementos são mais críticos e, ao final, ver o quanto ganhou com a otimização,

1. Confira se não há erros excessivos em seus arquivos. Boas ferramentas para notificar erros são os validadores W3 o Firebug (extensão para o Firefox) e o YSlow, que é uma extensão do Firebug,
2. Utilize poucas imagens, se forem essenciais, tente agrupá-las,
3. Se não lhe sobrarem alternativas, otimize suas imagens a fim de carregarem mais rápidos e hospede-as em um outro servidor. Recomendo o ImageShack, por permitir hotlinks e ainda ter um plugin para WordPress,
4. O mesmo vale para vídeos, mas, neste caso, utilize o Youtube,
5. Comprima tudo o que puder: (javascript, html e css)
6. Se o Javascript for de fato necessário, não insira diretamente no código, utilize um novo arquivo externo,
7. Evite muitas widgets nas colunas de seu blog,
8. Evite muitos plugins. Alguns plugins podem carregar bastante a base de dados. Deixe apenas os necessários e, aos que não utilizar, retire-os do servidor,
9. Limpe e otimize sua base de dados. No geral, a limpeza é feita na tabela wp-options que armazena as informações de muitos plugins. A otimização e reparo podem ser feitas a partir do próprio painel de administração do MySQL ou através de plugins: Clean Options Plugin (para eliminar entradas desnecessárias na tabela wp-options) e WP-DBManager 2.11 (para gerenciar sua base de dados),
10. E por último, e mais importante, utilize um sistema de armazenamento de páginas dinâmicas em estáticas. No WordPress isso pode ser feit a partir de plugins. Os mais comuns são o WP-Cahce e o WP Super Cache.

Esta ferramenta, o HTML Optimizer, não vai deletar nada em seu código, tanto que, se você usa o WordPress, pode otimizar os arquivos de seu tema que os códigos php permanecerão intactos. Permanecerão intactos também os comentários. No entanto, ao limpar o código, o html fica quase que ilegível, neste caso, faça sempre back-up do original. O backup é necessário a) porque é uma prática que deve ser corriqueira de todo webmaster ou usuário de computadores e b) porque, se você precisar alterar aquele código otimizado, gastará muto mais tempo do que se alterar o arquivo não otimizado e depois otimizar novamente.

Para usar o compressor de HTML, basta colar o código HTML no campo superior e pressionar Optimize!. Feito isso, copie e substitua o código velho pelo novo que aparecerá no campo inferior.

O Fast Dial foi desenvolvido por Telega e funciona no Firefox 2.x e Firefox 3. Acada vez que uma nova aba é aberta com blank, o Fast Dial é aberto ao mesmo tempo. Assim a página com screenshots das suas páginas aparecerá sempre que você:

Fast Dial

• Abrir uma nova aba (Ctrl + T),
• Fechar todas as abas,
• Ajustar sua página inicial com about:blank ou
  
• clicando no ícone na barra de atalhos

Para adicionar um favorito ao Fast Dial, abra o site desejado e dê um duplo clique na estrla da barra de endereços para trazer a janela de diálogo. Nesta janela, selecione onde quer adicionar a página. Como método alternativo (e mais interessante), clique em uma janela vazia do Fast Dial e selecione uma das abas abertas (a janela desejada deve estar aberta.

Para associar um estilo ao arquivo XML basta inserir uma linha no código com a referência externa do arquivo .css após da declaração do documento:

<?xml-stylesheet type=”text/css” href=”folhadeestilo.css”?>

XML

Um bom tutorial, em inglês, um pouco mais detalhado pode ser encontrado em W3Schools, de onde vêm os exemplos abaixo para formatação de um catálogo de cds:

• Arquivo XML sem formatação: Um catálogo de CDs
• Folha de Estilo .CSS a ser aplicada: O arquivo CSS
• Arquivo XML formatado com a folha de estilo: Arquivo formatado

Internet Explorer

Tenho minha preferência pelo Firefox por ser mais prático e ter uma infinidade de complementos que auxiliam a navegação e o desenvolvimento de páginas. Entretanto, existem outras opções como o Opera, o Safari e, recentemente o Google Chrome que podem ser uma boa alternativa para que exibições como a que está na imagem ao lado não ocorram.

Obs.: Tudo bem, admito, pode ser apenas algum problema com os ícones, mas tinha que ser justo com o IE?

A solução veio com o Karailiev’s sitemap. Este plugin funciona como o anterior com um pouco menos de opções para configuração e, ao que parece, consome menos memória do servidor. Porém, o interessante é que acompanha uma vantagem: a possibilidade de criar um sitemap para o Google News. Interessante, não? Mas se você já usa o Google XML Sitemaps Generator e acredita que ele é bom o suficiente para não ser abandonado, a alternativa é usar ainda outro plugin específico para o Google News, o Google News Sitemap Generator.

Uma vez escolhido o plugin a utilizar, não se esqueça de adicionar o sitemap ao Google Webmaster Tools, Yahoo Site Explorer e ao Webmaster Live.

Bom, para o segundo caso apresentado, existe um lugar onde buscar por hospedagens grátis. É o site Ache Hospedagem que, além dos links para diversos sites de hospedagens gratuitas, ainda tem descrições a respeito informando quais são as condições e recursos disponíveis. É possível também, em alguns casos, ver comentários da experiência de outros usuários. As principais informações disponíveis são:

• Interesses: pessoal ou comercial
• Espaço: tamanho disponível em megabytes
• Anúncios obrigatórios: quais tipos de anúncios você exibirá em favor da hospedagem, ou se você não é obrigado
• Seus anúncios: se é ou não permitido rentabilizar seu site/blog
• Upload: A forma de envio de arquivos (ftp, browser, Telnet, SSH)
• Scripts: Java, CGI, PHP, ASP, SSI, ISML, Python
• Sua URL: Domínio, subdomínio ou diretório

E se você acha que está muito bom para ser verdade, fique sabendo que o Format Factory é Freeware (grátis) e ainda tem outros recursos como:

• Transforma qualquer arquivo nos formatos mais populares: MP4, 3GP, MPG, AVI, WMV, FLV, SWF, RMVB, MP3, WMA, MMF, AMR, OGG, M4A, WAV, JPG, BMP, PNG, TIF, ICO
• Reparar áudios e vídeos corrompidos
• Diminuir o tamanho de seus arquivos
• Tem suporte à iphone, ipod, PSP e BlackBerry
• Imagens suportam Zoom e giros
• Ripa DVDs
• Tem suporte a 30 linguagens

Faça Download do Format Factory.

Format Factory