Como a velocidade de carregamento do site é uma métrica que é bastante levada em conta pelo Google, é importante prestar atenção a isso, afinal, conforme o Paulo já abordou aqui em vários posts, as visitas do Google e dos buscadores são de extrema importância. Se você está em dúvida sobre o tempo atual de carregamento do seu site, pode fazer o teste do Pingdom por exemplo, e ver se ele está melhorando a medida que aplica nossas dicas abaixo. Vamos dar a conhecer aqui então, algumas coisas que você pode fazer que com certeza vão deixar seu site ou blog mais rápido:

1. PLUGINS

Apesar de já exaustivamente falado por aqui, é sempre bom relembrar: evite a instalação demasiada de plugins. Verifique se não existe um código com a mesma função de determinado plugin. No artigo 10 novos snippets para o seu WordPress, o Paulo cita vários snipets interessantes que podem ser utilizados, evitando a instalação desnecessária de plugins.

2. BANNERS DE AFILIADOS

É obvio que seu projeto precisa se rentabilizar, porém, para você ganhar dinheiro, por vezes menos é mais. Por vezes poucos banners de programas de afiliados, podem deixar a atenção do usuário mais focada e a conversão maior, do que uma infinidade de banners bagunçando e deixando lento o seu site. Os anúncios do Adsense, por exemplo, as vezes vale mais a pena, monetariamente falando, colocar 1 ou 2 banners, do que usar todos os links e banners disponíveis.

3. EXCESSO DE WIDGETS E SELOS

Parcerias são importantes, e devem ser feitas com certeza, mas sempre tente medir, se a parceria está trazendo frutos, ou se você está apenas entulhando seu site com banners dos outros. Não caia nessa conversa de que você deve colocar um banner de um site e que o mesmo irá medir pelo analytics e colocar seu banner meses depois, talvez quem sabe. Parceria é uma via de mão dupla. Aliás, procure hospedar as imagens desses banners em seu próprio servidor, pois as chamadas de vários banners acabam deixando o site mais lento ainda para abrir.

4. OTIMIZAR CÓDIGO

Se você não possui conhecimento, é importante sempre pedir a alguém que entende, um programador ou desenvolvedor, para que dê uma verificada em seu código, para evitar chamadas incorretas e consultas desnecessárias. Acredite, é um investimento que vale a pena! Muitos temas prontos gratuitos, escondem links e códigos externos que podem acabar lhe prejudicando. Caso você não seja um expert, existem alguns truques que até mesmo um leigo pode utilizar.

5. VERSÃO DO WORDPRESS

É importante manter seu wordpress sempre atualizado, não pense que isso “é perda de tempo”, pois as novas versões sempre corrigem bugs e tentam otimizar seu desempenho. Evite versões beta, baixe somente quando for anunciado que a versão já está finalizada e pronta para download pela comunidade.Somente tenha atenção em verificar se seus plugins e tema, são compatíveis com a nova versão.

CONCLUSÃO

É importante manter sempre seu site otimizado, não só na questão do google como citei, mas também por que seu usuário com certeza prefere navegar em um site de rápido carregamento, ou você leitor(a) quando está navegando, gosta de ficar esperando um site abrir por mais de 15 segundos? Pois é, seu visitante também não.

Fonte: escolawp.com

No entanto, a customización não é um dos fortes de Tumblr, e existem os usuários que migram a WordPress procurando personalização tanto no aspecto como a funcionalidade, e aí é quando se precisa importar os posts de Tumblr a WordPress.

Aqui entra em jogo  Tumblr Importer, um plugin para WordPress que permite a mudança de posts de uma plataforma à outra. Este plugin permite mudar de um blog de Tumblr a um blog de WordPress, com algumas características importantes como o correto manejo de tipo de posts (video, imagens, citações), algo que é natural em Tumblr mas que as últimas versões de WordPress o incorporaram.

Cabe destacar que este plugin funciona a partir da versão 3.2 de WordPress (uma das últimas) e que, entre seus autores, encontra-se a mesma gente de WordPress.org.

Via codigogeek.com

No entanto, a grande novidade a meu ver, é a espetacular possibilidade de colocar o editor dos posts nativo que encontramos na administração, no front-end do site de maneira fácil, rápida e segura. Graças ao trabalho incondicional dos developers do WordPress, esta funcionalidade, que foi muitas vezes pedida pelos usuários ao longo dos tempos, é agora uma realidade que podemos usar, usufruir e até abusar dela!

POSSIBILIDADES DE APLICAÇÃO

Esta novidade por si só é um óptimo avanço para os developers e designers uma vez que, possibilitando ter um editor de conteúdo completamente integrado no WordPress no seu site, as possibilidades de aplicação não têm barreiras.

Seguem alguns exemplos de possibilidade de aplicação:

• Lançador de notícias comunitário em que qualquer usuário do site possa submeter uma noticias a partir do site;
• Um site de classificados com formulário de registo e editor de conteúdo dos classificados, com possibilidade de upload de imagens;
• Site de atualização de status à lá Facebook;
• Formulário de comentários com o editor HTML;
• etc…

Como viu são imensas as possibilidades e dão aos seus usuários uma ótima ferramenta para embutir em seus sites.

A API DO EDITOR

O editor tem uma API (Application Programming Interface) bastante fácil e intuitiva, possibilitando a introdução rápida do editor em qualquer lugar do seu site.
Para instanciar um novo editor você deverá chamar a função wp_editor() passando como parâmetros o conteúdo, o ID que você quer colocar no editor e um array de opções de configuração:

<?php
wp_editor( $content, $editor_id, $settings = array() );
?>

Poderá, opcionalmente passar novas configurações ao editor de forma a adaptar-se ao o que você necessita. Com isto poderá obter desde um pequeno editor de HTML ao editor completo igual ao da administração.

Download da versão em PDF desta referência

COMO EMBUTIR O EDITOR NUM TEMA

É fácil embutir o editor num template do nosso tema. Basta passar a função wp_editor() no sitio onde queremos que apareça o editor ou simplesmente usar uma Action Hook para fazê-lo por nós:

<?php
echo '<form action="" method="post">';
wp_editor('<p>Adicione aqui o seu conteúdo!</p>', 'conteudo_submetido' );
echo '<p><input type="submit" value="Submeter Conteúdo" /></p></form>'
?>

Este snippet incorpora no lugar onde você o colocar o editor com o ID conteudo_submetido e um botão para submeter o conteúdo que foi escrito no editor. Você poderá depois passar uma acção no functions.php do seu tema para usar este conteúdo submetido como você quiser.

Por exemplo, você pode querer guardar todas as submissões por este formulário como um post de rascunho. Para isso poderá colocar o seguinte snippet no seu  functions.php:

add_action( 'init', 'ewp_frontend_editor_process_submit' );
function ewp_frontend_editor_process_submit() {
    if ( ! isset( $_POST['conteudo_submetido'] ) ) return;
    wp_insert_post( array(
        'post_title' => substr( strip_tags( $_POST['conteudo_submetido'] ), 0, 20 ),
        'post_content' => $_POST['conteudo_submetido'],
        'post_author' => 1,
        'post_status' => 'draft',
        )
    );
}

Este snippet é trigado quando o WordPress está a iniciar. Isto é feito com a função add_action( $hook, $nome_da_função ) adicionando a função que irá ser “corrida”.

Dentro da função nós temos a condição que se não for submetido nenhum conteúdo então a função não continuará garantindo que não estaremos a guardar posts de cada vez que um usuário aparece no site.

Para inserirmos o post propriamente dito usamos a função wp_insert_post() que, nos seus parâmetros mínimos, deverá conter o título, o conteúdo do post, o autor do post (número de usuário, neste caso garantimos que é o administrador o dono destes posts) e o estado do post que neste caso é rascunho.

COMO ADICIONAR O EDITOR AO FORMULÁRIO DE COMENTÁRIOS

É possível substituir o campo da mensagem do formulário de comentários pelo editor. Para isso basta colocar o seguinte snippet no functions.php do seu tema:

add_filter( 'comment_form_field_comment', 'editor_to_comments' );
function editor_to_comments() {
    $settings = array(
    'wpautop' => false,
    'media_buttons' => false,
    'textarea_name' => 'comment',
    'textarea_rows' => 5,
    'tabindex' => '',
    'editor_css' => '',
    'editor_class' => '',
    'teeny' => false,
    'dfw' => false,
    'tinymce' => array(
        'theme_advanced_buttons1' => 'bold,italic,bullist,numlist,|,justifyleft,justifycenter,justifyright,|,link,unlink,|,fullscreen',
    ),
    'quicktags' => true
   );

   echo '<div class="comment-form-comment"><label for="comment">Comment</label><div>';
   wp_editor( '', 'comment', $settings );
   echo '</div></div>';

   return false;
}

Esta função é trigada quando o o formulário de comentários é impresso na tela. Com esta hook podemos substituir o campo da mensagem pelo editor.

Na função usamos novamente a função wp_editor() para fazer o display do nosso editor, passando-lhe os parâmetros que se adequam melhor a este caso.

Use como  referência para os settings a cheatsheet que fornecemos no início deste artigo.

O PLUGIN FRONT-END EDITOR E COMMENTS WYSIWYG

Como já é de esperar, preparámos um plugin especial com estes dois snippets, totalmente integrados e prontos a usar.

Com este plugin você poderá usar o editor em qualquer página ou post do seu site usando a shortcode [wpeditor], possibilitando aos seus usuários submeterem posts que poderá posteriormente moderar.

Download do Plugin EW Front-End Editor!

Veja o screenshot em baixo de como ficou esta funcionalidade integrada no tema oficialTwentyElevent:

Além de poder colocar o seu editor em páginas ou posts, poderá também ativar a funcionalidade do editor no formulário de comentários. Para isso, após ativação do plugin, dirija-se a Opções e selecione Discussão.

Dependendo da sua instalação, irá algures encontrar as seguintes opções que poderá usar para controlar a forma como o seu editor aparece no sistema de comentários:

E aqui está uma screenshot de como é que o editor aparece com todas as opções acima ativas. Repare na forma como ele se encontra completamente integrado no tema TwentyEleven:

Este plugin já vem com pack de lingua completamente traduzido para português!

Via escolawp.com

Breadcrumb … O que é isso??

Wikipedia diz:

Breadcrumbs ou trilha de migalhas são uma técnica de navegação usados ​​em interfaces de usuário. Sua finalidade é dar aos usuários uma maneira de manter o controle de sua localização dentro de programas ou documentos. O termo é tomado a partir do rastro de migalhas de pão deixadas por Hansel e Gretel no conto de fadas popular.

Vamos começar

Mais uma vez, as tags condicional do WordPress será útil. Com eles, seremos capazes de saber facilmente se a página exibida por um visitante é um artigo, uma página ou um arquivo de categoria.

Então, nós vamos ter que usar as funções de direito para mostrar a hierarquia do site. Nada difícil aqui, o WordPress tem todas as funções que precisamos para obter links para homepage, artigos e páginas simples.

function the_breadcrumb() {
	if (!is_home()) {
		echo '<a href="';
		echo get_option('home');
		echo '">';
		bloginfo('name');
		echo "</a> » ";
		if (is_category() || is_single()) {
			the_category('title_li=');
			if (is_single()) {
				echo " » ";
				the_title();
			}
		} elseif (is_page()) {
			echo the_title();
		}
	}
}

Agora que temos a função, nada mais simples: Nós apenas temos que editar o arquivo onde queremos que a nosso Breadcrumb vai aparecer como por exemplo, archive.php , single.php e page.php é uma boa escolha para chamar a função.

<?php the_breadcrumb(); ?>

E se você preferir pode instalar um plugin (Breadcrumb NavXT), em vez de editar manualmente arquivos de seu tema.

Via catswhocode.com

Todos os temas estão organizados por categorias, ou seja, se procura um tema para um site de desporto basta ir a categoria “Sport”. Neste momento podemos encontrar temas nas seguintes categorias: Animais, Negócios, Carros, Casino, Encontros, Entretenimento, Comida, Jogos, Internet, Música, Desporto, Viagens e Moda.

Segundo o responsável pelo site, o objetivo é chegar ao fim do ano com mais de 500 temas disponíveis para download por isso é provável que com o tempo sejam adicionadas novas categorias.

O download dos temas pode ser feito em segundos e não é necessário fazer um registo no site. Cada tema tem a opção de live demo, ou seja, você pode ver como é que o tema funciona, poupando-lhe trabalho porque assim só faz o download se gostar do seu aspeto.

É importante também destacar alguns artigos que estão disponíveis no site como o Tips for WordPress (dicas para wordpress), Sucess of WordPress (o sucesso do wordpress) e ainda a página sobre as Advantages of WordPress (vantagens do wordpress).

No geral o site está muito muito bom, mas falta melhorar o design e a organização dos posts. A adição de uma paginação numerada e de uma opção que permita votar em cada tema também seria uma boa ideia.

Visite já o Free Templates WordPress!

Agora que já conhece o site, está na altura de explora-lo e usar os temas que existem por lá. O endereço é www.wpfreetemplates.net

Bons downloads!

Via wptotal.com

Abaixo segue o snipped code para ser inserido no arquivo functions.php do seu tema.

<?php function google_maps($atts){
extract( shortcode_atts( array(
        'endereco' => '',
        'largura' => '',
        'altura' => ''
        ), $atts ) );
return '<iframe width="'.$largura.'" height="'.$altura.'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;q='.$endereco.'&amp;output=embed"></iframe>';
}
add_shortcode("map","google_maps");
?>

Com o código acima no seu arquivo functions.php basta utilizar o shortcode abaixo nos seus posts ou pages para exibir o mapa do endereço.

[map endereco="endereco do local" largura="600" altura="300"]

Via mateusneves.com

1. MOSTRAR BOTÃO “TODAS AS OPÇÕES”

Este truco é bastante interessante. Ele irá adicionar uma nova opção ao seu menu de “Opções” com um link para “all settings”, o qual irá permitir-lhe ver uma lista completa de todas as opções do seu site/blog, nomeadamente banco de dados, etc. Este código torna o menu apenas visível a administradores.

// CUSTOM ADMIN MENU LINK FOR ALL SETTINGS
   function all_settings_link() {
    add_options_page(__('All Settings'), __('All Settings'), 'administrator', 'options.php');
   }
   add_action('admin_menu', 'all_settings_link');

2. REMOVER NOTIFICAÇÃO DE UPDATES PARA USUÁRIOS

Este código permite-lhe removar as notificações de updates do WordPress para os seus usuários, sendo que essas notificações continuarão aparecendo para os administradores do site/blog.

// REMOVE THE WORDPRESS UPDATE NOTIFICATION FOR ALL USERS EXCEPT SYSADMIN
       global $user_login;
       get_currentuserinfo();
       if (!current_user_can('update_plugins')) { // checks to see if current user can update plugins
        add_action( 'init', create_function( '$a', "remove_action( 'init', 'wp_version_check' );" ), 2 );
        add_filter( 'pre_option_update_core', create_function( '$a', "return null;" ) );
       }

3. MODIFICAR A LOGOMARCA DE LOGIN E O URL DA IMAGEM

Este código irá permitir-lhe modificar facilmente a logomarca da página de login do seu WordPress, bem como o URL dessa imagem e o texto alt da logomarca.

// CUSTOM ADMIN LOGIN HEADER LOGO
   function my_custom_login_logo() {
echo '';
   }
   add_action('login_head', 'my_custom_login_logo');

// CUSTOM ADMIN LOGIN HEADER LINK & ALT TEXT
   function change_wp_login_url() {
    echo bloginfo('url');  // OR ECHO YOUR OWN URL
   }
   function change_wp_login_title() {
    echo get_option('blogname'); // OR ECHO YOUR OWN ALT TEXT
   }
   add_filter('login_headerurl', 'change_wp_login_url');
   add_filter('login_headertitle', 'change_wp_login_title');

4. CUSTOMIZAR A ORDEM DO MENU DE ADMINISTRAÇÃO

Este código irá permitir-lhe reorganizar a ordem dos elementos do menu de administração do seu WordPress. A única coisa que necessita fazer é clicar num link existente no menu de admin e copiar o URL antes do /wp-admin/. A ordem seguinte representa a ordem do seu novo menu de admin.

// CUSTOMIZE ADMIN MENU ORDER
   function custom_menu_order($menu_ord) {
       if (!$menu_ord) return true;
       return array(
        'index.php', // this represents the dashboard link
        'edit.php?post_type=events', // this is a custom post type menu
        'edit.php?post_type=news',
        'edit.php?post_type=articles',
        'edit.php?post_type=faqs',
        'edit.php?post_type=mentors',
        'edit.php?post_type=testimonials',
        'edit.php?post_type=services',
        'edit.php?post_type=page', // this is the default page menu
        'edit.php', // this is the default POST admin menu
    );
   }
   add_filter('custom_menu_order', 'custom_menu_order');
   add_filter('menu_order', 'custom_menu_order');

5. REMOVER ITENS DENECESSÁRIOS DO PAINEL DE ADMIN

Remova vários itens do seu painel de controlo que não precisa e/ou não necessita.

add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');

function my_custom_dashboard_widgets() {
global $wp_meta_boxes;
 //Right Now - Comments, Posts, Pages at a glance
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
//Recent Comments
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']);
//Incoming Links
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
//Plugins - Popular, New and Recently updated WordPress Plugins
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);

//Wordpress Development Blog Feed
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
//Other WordPress News Feed
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
//Quick Press Form
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);
//Recent Drafts List
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);
}

6. RODAPÉ CUSTOMIZADO NO PAINEL DE ADMIN

Este truque permite-lhe colocar links ou texto no rodapé do seu painel de administração do WordPress.

// customize admin footer text
function custom_admin_footer() {
        echo 'add your custom footer text and html here';
}
add_filter('admin_footer_text', 'custom_admin_footer');

7. CSS CUSTOMIZADO NO PAINEL DE ADMINISTRAÇÃO

Poderá fazer as alterações que desejar ao css entre as tags.

/* Change WordPress dashboard CSS */
function custom_admin_styles() {
    echo '<style type="text/css">#wphead{background:#069}</style>';
}
add_action('admin_head', 'custom_admin_styles');

8. CONTAGEM DE PALAVRAS EM ARTIGOS

Este truque adiciona um contador do total de palavras publicadas junto da caixa “Right Now” que se encontra no início do painel de administração do WordPress. Muito útil se tiver curiosidade em saber quantas palavras já escreveu no seu blog.

function post_word_count() {
    $count = 0;
    $posts = get_posts( array(
        'numberposts' => -1,
        'post_type' => array( 'post', 'page' )
    ));
    foreach( $posts as $post ) {
        $count += str_word_count( strip_tags( get_post_field( 'post_content', $post->ID )));
    }
    $num =  number_format_i18n( $count );
    // This block will add your word count to the stats portion of the Right Now box
    $text = _n( 'Word', 'Words', $num );
    echo "<tr><td class='first b'>{$num}</td><td class='t'>{$text}</td></tr>";
    // This line will add your word count to the bottom of the Right Now box.
    echo '<p>This blog contains a total of <strong>' . $num . '</strong> published words!</p>';
}

// add to Content Stats table
add_action( 'right_now_content_table_end', 'post_word_count');
// add to bottom of Activity Box
add_action('activity_box_end', 'post_word_count');

9. REMOVER A BARRA DE ADMIN DO WORDPRESS 3.1

O novo WordPress 3.1 incluiu uma nova opção chamada Admin Bar. Esta barra pra o administrador do site é adicionada ao topo do site quando você está ligado. Gostava de a remover permanentemente? Use este truco!

remove_action('init', 'wp_admin_bar_init');

10. ADICIONAR LINKS NA BARRA DE ADMIN DO WORDPRESS

Conforme falámos anteriormente, o WordPress 3.1 inclui a nova barra de administração. Se pretender dar-lhe uso, poderá usar este truque para adicionar-lhe links para páginas ou opções que considera importantes de ter à mão.

function mytheme_admin_bar_render() {
    global $wp_admin_bar;
    $wp_admin_bar->add_menu( array(
        'parent' => 'new-content', // use 'false' for a root menu, or pass the ID of the parent menu
        'id' => 'new_media', // link ID, defaults to a sanitized title value
        'title' => __('Media'), // link title
        'href' => admin_url( 'media-new.php'), // name of file
        'meta' => false // array of any of the following options: array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
    ));
}
add_action( 'wp_before_admin_bar_render', 'mytheme_admin_bar_render' );

Via escolawp.com

O plugin chama-se MaxBlogPress Unblockable PopUp e é distribuído gratuitamente, sendo apenas necessário fazer um registro para validar a utilização do plugin (é simples!).

Para configurar o plugin, pode experimentar as opções que estamos utilizando actualmente aqui na Escola, veja:

O primeiro nível de configurações é extremamente simples de utilizar, mas é provavelmente o mais importante de todos do ponto de vista da eficiência. Vejamos:

• Defina o tipo de caixa de popup que pretende. Por norma utilizamos o Default.
• Atribua um título ao seu popup.
• Para colocar o conteúdo na sua caixa de popup, utilize o editor visual ou então a visão HTML onde poderá colocar código personalizado.

O segundo nível de configurações já depreende a especificidade da caixa em questão. Vejamos algumas considerações:

• Utilizamos normalmente o aparecimento da caixa de popup apenas uma vez por cada sessão de browser. Pode definir de acordo com aquilo que pretende, embora a cada página lida se torna exageradamente incomodativo…
• As dimensões e esquema de cores tem de testar até encontrar os valores certos para a sua caixa. Procure valores certos para que a sua caixa de popup não tenha de ficar com scroll vertical ou horizontal.
• Os efeitos normalmente não utilizamos para não tornar o popup irritante ou mais lento no carregamento. Você deveria fazer o mesmo

Nas opções finais:

• Poderá centrar o popup com o seu blog ou então definir uma localização específica para ele.
• Poderá mostrar o popup assim que a página for carregada ou somente alguns segundos depois.
• Poderá colocar o popup a fazer scroll juntamente com a página do blog ou a ficar fixo na sua posição.
• Em termos de injecção de código, recomendamos que seleccione sempre o wp_head, uma vez que a opção de cache é demasido lenta e disfuncional.

Neste artigo, vamos indicar algumas ferramentas que consideramos serem interessantes para promover corretamente seus artigos, e consequentemente receber o tráfego que eles tanto merecem! No final, não deixe de favoritar o artigo no Facebook ou partilhá-lo com seus amigos no Twitter!

1. SHAREBAR

Esta é uma excelente forma de você colocar anúncios a flutuar no seu blog caso não deseje encher as áreas de conteúdos com anúncios, e também uma nova forma de ganhar dinheiro com o Google Adsense. Nas últimas versões, o autor Ahsan efectuou modificações ao plugin para que ele não se sobreponha aos conteúdos do seu blog e/ou não acompanhe os conteúdos à medida que o usuário faz scroll. No entanto, você decide como prefere.

O autor Ahsan Sana refere no seu blog que as taxas de cliques (CTR) aumentaram drasticamente com a utilização do anúncios de Adsense flutuantes. Para quem nunca experimentou um método do género, aqui está uma boa opção para começar a tentar monetizar os conteúdos do seu blog de uma forma diferente!

Se pretender explorar este novo plugin que lhe permite usar anúncios de Adsense flutuantes:

Adsense Float: Informação e Download

Via: escolawp.com