pBlog

Em muitos temas, as imagens, quando inseridas na coluna dos posts, aparecem com bordas, margens e [coloque a tradução de padding aqui]. Esse recurso propicia um resultado final bacana, mas quem usa emoticons nos textos acaba sofrendo com um efeito colateral óbvio dos enfeites em imagens: os emoticons do sistema também são afetados.

Quer ver um exemplo? Então veja:

Notou como fica? As soluções mais fáceis são eliminar os efeitos, ou adicioná-los manualmente. O problema da segunda opção é que se no futuro o tema for mudado, corre-se o risco dos efeitos das imagens não combinarem com o novo visual.

As soluções fáceis são essas, mas existe uma um pouquinho mais difícil, porém com resultado totalmente satisfatório.

Abra o style.css do seu tema, e no final dele, acrescente a seguinte linha:

img.wp-smiley { border:0; padding:0; margin:0; }

A mágica é simples. Os emoticons padrões do WordPress são introduzidos nos textos com a classe CSS .wp-smiley. Logo, basta acrescentar alguns atributos na folha de estilo, e todos os emoticons se comportarão uniformemente.

Colocando essa linha no final do arquivo, a classe incluída no código do emoticon sobrepõe-se à regra geral para imagens. CSS usado com inteligência é isso.

A propósito, se os emoticons não aparecem em seus textos, verifique se o recurso está habilitado no WordPress. Vá em Settings, depois em Writing, e certifique-se de que a opção Convert emoticons like :-) and :-P to graphics on display está marcada.

Vejam a mesma imagem acima, porém com o código do CSS incluído:

PS: Érico, habilita emoticons aqui no pBlog? Hehe :D

Umas das novas características do WordPress 2.5 é a possibilidade de inserir uma galeria de imagens. Quando se adiciona várias imagens no momento em que se cria um post ou uma página, todas estas imagens ficam associadas a este post ou página. Para exibi-las todas de uma só vez basta adicionar o código [gallery].

Você pode notar esta associação ao acessar o Manage Media na administração do seu WordPress e perceber que existe uma coluna chamada Appears With informando a qual post a imagem está relacionada.

Pesquisando um pouco mais sobre este recurso, descobri que existem vários parâmetros que podem ser configurados junto com cada galeria. Vamos conhecer alguns deles:

• Columns: configura o números de colunas que a galeria terá, seu valor default é 3. Exemplo: [gallery columns="4"].
• ID: especifica o ID do post, seu valor default é o ID do próprio post onde foram adicionadas as imagens, mas você pode exibir as imagens inseridas em outro post. Exemplo: [gallery id="123"].
• Size: configura o tamanho da imagem que será exibido. O valor padrão é “thumbnail” e o valores possível são (o próprio) “thumbnail”, “medium” ou “full”. Exemplo: [gallery size="medium"].

Mais informações em Using the gallery shortcode.

Depois do problema relatado pelo Rodrigo sobre erros para realizar uploads de imagens no WordPress 2.5, eis que surge mais um, desta vez apenas para usuários do IE. O problema é o seguinte, após o upload da imagem não é exibida as opções e nem o botão para inserir a mesma no post, como mostrada na imagem abaixo.

Como utilizo o Firefox (e recomendo a todos fazer o mesmo) não tinha percebido o problema, só descobri depois de alguns relatos no Fórum do pBlog e após meu amigo e blogueiro, Ivan Moraes enviar-me um email relatando o problema que estava ocorrendo após a atualização para a versão 2.5.

Testei o WordPress 2.5 em meu computador com o IE e confirmei o problema, então parti em busca de uma resposta no Fórum do WordPress. Encontrei o artigo 2.5 Image/Media Uploader problems que descrevia exatamente o problema e segui o passo-a-passo para solucionar o problema. Para minha tristeza nenhum deles funcionou e tive utilizar o plugin No-Flash-Uploader para desabilitar flash do novíssimo Media Uploader do WordPress 2.5. Pelo menos agora é possível inserir a imagem no post! :P

Se você instalou o WordPress 2.5, e ao tentar enviar uma imagem através da nova ferramenta de uploads, se deparou com um erro “HTTP error”, bem como outra dizendo “An error occurred in the upload. Please try again later”, não se desespere. Aqui está a solução para o problema!

A solução é simples. Acesse seu blog via FTP (recomendo o FileZilla), e baixe o arquivo .htaccess. Se não conseguir vê-lo, certifique-se de que a visualização de arquivos ocultos está habilitada. No FileZilla, clique no menu Servidor, e marque a opção Force showing hidden files.

Abra-o no Bloco de Notas, e acrescente as linhas abaixo no começo do arquivo:

<IfModule mod_security.c>

<Files async-upload.php>

SecFilterEngine Off

SecFilterScanPOST Off

</Files>

</IfModule>

Salve, e envie novamente para o servidor.

Pronto, problema resolvido!

[Via Hongkiat]

Você já concluiu a instalação do WordPress e está pronto para começar a postar, porém é importante realizar algumas configurações antes de colocar a mão na massa. Jason Blanton do BloggingTips escreveu uma pequena lista de ações que devem ser feitas antes de começar a escrever, vejamos:

1. Alterar a estrutura de permalinks - a configuração padrão do WordPress é http://www.seudominio.com/?p=13, o que não é muito interessante para os mecanismos de busca, ou seja, péssimo em termos de SEO. Para alterar essa configuração acesse o menu options>permalinks, escolha a opção custom e adicione o seguinte código /%category%/%postname%.
2. Trocar o tema padrão - existem milhares de temas gratuitos espalhados pela internet, não há motivo para usar o tema default do WordPress. A instalação também é muito simples de fazer e com pequenas modificações o blog ficará do seu jeito.
3. Adicione mais serviços de atualização - Quando você publica um post, o Wordpress automaticamente notifica diversos sites, como o Technorati, Feedburner, Google Blogsearch, etc. desde que você adicione as URL’s destes sites na lista “Update Services”. Desta forma as pessoas saberão mais rapidamente sobre as atualizações do seu blog. Para isso entre na página http://codex.wordpress.org/Update_Services, copie a lista de servidores, acesse o menu options/writing e cole a lista no campo “Update Services”.
4. Ative o plugin Akismet - Este plugin, que já vem com o WordPress, o ajudará a conter os spam’s. Para ativá-lo é preciso cadastrar-se no WordPress.com e obter uma API Key. Recomendo também a instalação do plugin Math comment spam protection.
5. Utilize os serviços do FeedBurner - Através deste site é possível gerenciar melhor os feeds do seu blog, obtendo várias estatísticas sobre seus leitores de RSS. Utilize o plugin Feed Smith para ajudá-lo a configurar o WordPress.

Além destas ações também recomendo a utilização do plugin Google XML Sitemaps Generator para ajudar o Google, e outros mecanismos de busca, indexar melhor o seu novo blog!

Aqui estou eu de novo, com mais uma dica!
Pois é, já faz algumas atualizações que o Wordpress é capaz de dividir posts em páginas.
Se você não sabe do que se trata, fique sabendo que não é o único. A maioria dos usuários não conhece nem 10% das funções existentes no Wordpress. Isso talvez, por que a maioria não tenta procurar diretamente nas “Template Tags“.

Às vezes quando um post se prolonga demais, acaba se tornando muito extenso. Quando o usuário visualizar este post, com certeza seus olhos entraram em fadiga (pelo menos os meus sim =P). A solução para isso é dividir seus posts em páginas. Na verdade isso é muito simples.

O editor do Wordpress não mostra a ação “wp_page”. Esta ação funciona basicamente como a ação “wp_more”. Só que ao invés de adicionar “<!––more––>” ao post, adiciona-se “<!––nextpage––>”. Para cada “<!––nextpage––>” dentro do post, equivale a uma página. Ou seja, se dentro do post tiver dois atributos “<!––nextpage––>”, o post será dividido em duas páginas. Estas divisões são feitas a partir do que vem depois de cada atributo “<!––nextpage––>”. Assim, a primeira página é o que vem antes do primeiro “<!––nextpage––>”.

Bom, agora que você já sabe dividir os posts, precisamos disponibilizar os links para as páginas.
Para isso, usaremos a função “wp_link_pages”.

Você deve adicionar a tag abaixo (isso se seu tema não tiver a mesma) dentro do “loop” do arquivo “single.php”, que está situado dentro da pasta do seu tema atual.

1. <?php wp_link_pages(’before=<strong>Páginas: </strong>&after=</p>&next_or_number=number’); ?>

Pronto! Seu tema está habilitado para exibir as páginas.
Para mais informações sobre a tag “wp_link_pages”, clique aqui.

Só mais uma coisa. Se você quiser que o seu editor mostre o botão para adicionar o atributo “<!––nextpage––>” abra o arquivo “wp-includes/js/tinymce/tiny_mce_config.php”. Localize a linha “32″, onde há isso:

1. $mce_buttons = apply_filters(’mce_buttons’, array(’bold’, ‘italic’, ’strikethrough’, ’separator’, ‘bullist’, ‘numlist’, ‘outdent’, ‘indent’, ’separator’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’, ’separator’, ‘link’, ‘unlink’, ‘image’, ‘wp_more’, ’separator’, ’spellchecker’, ’separator’, ‘wp_help’, ‘wp_adv’, ‘wp_adv_start’, ‘formatselect’, ‘underline’, ‘justifyfull’, ‘forecolor’, ’separator’, ‘pastetext’, ‘pasteword’, ’separator’, ‘removeformat’, ‘cleanup’, ’separator’, ‘charmap’, ’separator’, ‘undo’, ‘redo’, ‘wp_adv_end’));

Localize no meio de tudo isso ‘wp_more’ e ao lado deste adicione ‘wp_page’. Salve o documento e pronto! Agora do lado do botão para adicionar o atributo “<!––more––>”, haverá o botão para adicionar o atributo “<!––nextpage––>”

Até a próxima!

Oi, eu sou o Ezequiel e venho, a partir de hoje, compartilhar dicas, truques e algumas informações sobre o Wordpress aqui no pBlog. Como este é meu primeiro post, nada mais justo do que eu postar algo que seja útil, certo? Esta é uma dica interessante para quem possui um número grande de usuários cadastrados. Na hora de visualizar os comentários, é difícil saber quem tem um papel importante dentro do blog e quem não tem. Pois bem, com o tutorial abaixo, você poderá Identificar qual papel o autor do comentário exerce no blog e outras coisas mais. Mas antes de tudo, vamos entender esses papéis.
Todos os usuários no Wordpress possuem um nível (level), quanto mais alto esse nível, mais importante é o papel do usuário dentro do blog. Abaixo explico resumidamente cada papel.

• Subscriber (Assinante): Este é o papel mais simples que um usuário pode ter. O nível de um usuário assinante é “0” (zero). Permite apenas ao usuário trocar algumas informações de seu perfil e visualizar o Dashboard.
• Contributor (Contribuinte): Este usuário pode contribuir com posts ao blog, mas estes posts passam por uma aprovação. O nível de um contribuinte deve ser “1”. Permite visualizar o Dashboard, escrever (sob aprovação), gerenciar posts (apenas de sua autoria) e trocar informações do perfil.
• Author (Autor): Os usuários autores possuem cartão verde para publicar e editar posts, sem estes terem que passar pela aprovação do adminsitrador para serem publicados. O nível de um usuário autor é de “2” a “6”. Permite visualizar o Dashboard, escrever, gerenciar posts (apenas de sua autoria), fazer uploads e trocar informações do perfil.
• Editor: Os editores podem publicar e editar qualquer post. O nível para um usuário editor deve ser de “7” a “9”. Permite visualizar o Dashboard, escrever, gerenciar posts, categorias, comentários, links e trocar informações do perfil.
• Administrator (Administrador): Os administradores exercem o papel mais importante dentro do blog, estes podem fazer o que quiser. Todas as ações estão abertas para eles. O nível de um administrador deve ser “10”.

Para mais informações sobre os tipos de usuários, clique aqui.

Basicamente o código retornará algo que você especificar para cada tipo de usuário. Dentre esses acima que especifiquei e mais dois: Super Administrador (Usuário de ID igual a “1”, o dono do blog) e outro que retornará se é um visitante, ou seja, não é um usuário registrado.

Bom, mãos à obra:

Abra o arquivo “comments.php” que está dentro da pasta do tema que esta usando. Localize esta linha:

<?php foreach ($comments as $comment) : ?>

Esta requisição “foreach” irá puxar os comentários e tudo que estiver depois disso e antes do encerramento:

<?php endif; ?>

Será o que irá aparecer em cada comentário. Por isso o código abaixo deve estar dentro destes.

Aplique o seguinte código onde desejar, mas dentro do lugar que falei acima.

1. <?php $user_comment = get_userdata($comment->user_id); ?>
2. <?php if(!$user_comment->ID) { ?>
3. <p>Este usuário não é registrado no blog</p>
4. <?php } elseif($user_comment->ID == 1) { ?>
5. <p>Super Administrador</p>
6. <?php } elseif($user_comment->user_level == 0) { ?>
7. <p>Assinante (Subscriber)</p>
8. <?php } elseif($user_comment->user_level == 1) { ?>
9. <p>Contribuinte (Contribuitor)</p>
10. <?php } elseif($user_comment->user_level > 1 & $user_comment->user_level <= 6) { ?>
11. <p>Autor (Author)</p>
12. <?php } elseif($user_comment->user_level > 6 & $user_comment->user_level <= 9) { ?>
13. <p>Editor (Editor)</p>
14. <?php } elseif($user_comment->user_level == 10) { ?>
15. <p>Administrador (Administrator)</p>
16. <?php } ?>

Por hoje é só! Espero que tenham gostado.