Do WordPress a iPhone

Ter uma vista prévia de tua App não tem custo, no entanto, para obtê-la e publicá-la precisar contratar um de seus planos. O processo de criação simples e rápido:

Passo 1. Instala o plugin de WiziApp. Pode ser diretamente desde tua seção de plugins ou de forma manual com FTP.

Passo 2. Agora no seu painel de administração, podes ir à nova seção chamada WiziApp para começar a configuração e ver a prévia do seu conteúdo.

Nesta seção você coloca o nome da sua App, personalizas o menu de pestanas, o fundo, a informação que vai ser mostrada, o sistema de notificação e a monetización (via Admob). Tudo, vendo as mudanças diretamente numa prévia do App.

Passo 3. O seguinte passo é o pagamento pela criação da App.

Há três planos diferentes, em todos eles dás um pagamento inicial e posteriormente um pagamento por mês. Por exemplo, o plano básico Blog Pessoal, tem um custo de abertura de $199 USD e posteriormente um pagamento mensal de $19.90 USD. O pagamento te dá direito a suporte e atualizações para tua App (derivadas de WordPress ou o iOS), notificações e estatísticas.

Passo 4. O último passo é publicar teu app na App Store e fazê-la disponível ao mundo.

Só deves rechear a informação de tua app, classificar seu conteúdo e subir o ícone respectivo para identificá-la.

Via blogandweb.com

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

A maioria dos plugins para WordPress utilizam o codigo html object para mostrar videos, a principal característica do plugin IFRAME embed for Youtube é a utilização do codigo iFrame para mostrar videos e logrardo asi suporte para HTML5.

Se querem fazer seus blogs mais acessíveis desde qualquer plataforma e estar preparados para o futuro do vídeo online, já mesmo os convido a instalar este plugin.

Link IFRAME embed for Youtube

Via codigogeek.com

Basta colar o seguinte código em seu arquivo functions.php do tema, salvá-lo, e as tags <p> sumiram.

function filter_ptags_on_images($content){
    return preg_replace('/<p>\s*(<a .*>)?\s*(<img .* \/>)\s*(<\/a>)?\s*<\/p>/iU', '\1\2\3', $content);
}

add_filter('the_content', 'filter_ptags_on_images');

Via wprecipes.com

O recurso de Pointer não brilhar mais aparece em um fundo completamente branco e sólido, e os respectivos Headline da mensagem em destaque sobre um fundo azul. Que agora parece um pouco mais fresco e se destaca do resto do layout na área de administração.

Você pode fazer alterações:

Em layouts personalizados o ponteiro pode ter as característica alteradas usando código CSS.

.wp-pointer-content { border: 1px solid #E6DB55; border-radius: 3px; background: #FFFEF4; }
.wp-pointer-top .wp-pointer-arrow {border-bottom-color: #E6DB55;}
.wp-pointer-top .wp-pointer-arrow-inner {border-bottom-color: #FFFEF4;}

Via galuba.net

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

Imagens em novos formatos

Conforme pode ser visto no post como usar post thumbnails citado acima, para habilitar as miniaturas você deve inserir no arquivo de funções (functions.php) do seu tema a instrução:

add_theme_support( 'post-thumbnails' );

Feito isso, no mesmo arquivo iremos adicionar também a função que nos permitirá definir os formatos adicionais de imagens:

<?php add_image_size( $nome, $largura, $altura, $recorte ); ?>

Os parâmetros a serem passados para a função add_image_size são:

• $nome – Nome do formato criado
• $largura – Dimensão da largura da imagem em pixels
• $altura – Dimensão da altura da imagem em pixels
• $recorte – Recebe o valor true para recorte nas dimensões exatas ou false para redimensionar as imagens respeitando suas proporções.

No exemplo abaixo teremos o formato ‘feature’ nas dimensões exatas de 200x150px:

<?php add_image_size( 'feature', 200, 150, true );

Para usar esse tamanho obtido em qualquer local do seu tema WordPress use:

<?php the_post_thumbnail( 'feature' ); ?>

Post Thumbnail – Formato padrão

Supondo que sua idéia seja apenas de definir um único tamanho para as imagens em miniatura e que se diferencia do tamanho miniatura definido na página Mídia do dashboard; seja pelas dimensões ou forma de recorte, use então:

<?php set_post_thumbnail_size( $largura, $altura, $recorte ); ?>

Defina largura, altura e o tipo de recorte nessa função do mesmo modo realizado em add_image_size. Em set_post_thumbnail_size não se define um nome para o formato, pois ele é único para as thumbnails; o que significa que apenas é permitido utilizar a função uma única vez para um único formato, enquanto que adicionar tamanhos personalizados você pode inserir quantos desejar.

Ao definir o tamanho da thumbnail através da função set_post_thumbnail_size, use-o no tema sem adição de parâmetros, da seguinte forma:

Via guiawp.com.br

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