Há algum tempo, escrevi Adicionar itens de menu ao menu de administração do WordPress, uma postagem que detalha como o senhor pode adicionar itens à barra de menu “posts” existente no lado esquerdo. A adição de itens de menu tem me servido bem, mas não é tão personalizada quanto eu gostaria – ainda estou me adaptando ao WordPress em vez de o WordPress se adaptar a mim. Ao criar um menu personalizado na barra superior, posso misturar e combinar links o quanto quiser!


Assim como adicionar funcionalidade ao seu tema e a outras áreas de administração, as diretivas serão colocadas na seção functions.php do tema. O código em si deve ser autoexplicativo:



function create_dwb_menu() {
	global $wp_admin_bar;

	$menu_id = 'dwb';
	$wp_admin_bar->add_menu(array('id' => $menu_id, 'title' => __('DWB'), 'href' => '/'));
	$wp_admin_bar->add_menu(array('parent' => $menu_id, 'title' => __('Homepage'), 'id' => 'dwb-home', 'href' => '/', 'meta' => array('target' => '_blank')));
	$wp_admin_bar->add_menu(array('parent' => $menu_id, 'title' => __('Drafts'), 'id' => 'dwb-drafts', 'href' => 'edit.php?post_status=draft&post_type=post'));
	$wp_admin_bar->add_menu(array('parent' => $menu_id, 'title' => __('Pending Comments'), 'id' => 'dwb-pending', 'href' => 'edit-comments.php?comment_status=moderated'));
}
add_action('admin_bar_menu', 'create_dwb_menu', 2000);


Definir um id no item de menu pai permite que o senhor use o parent para itens de submenu; o restante das teclas é fácil de entender. Com o menu criado, o senhor só precisa adicionar o gancho e a especificidade do WordPress para adicioná-lo!

  • buscar API

    Um dos segredos mais mal guardados sobre AJAX na Web é que a API subjacente a ele, XMLHttpRequest, não foi realmente criada para o uso que estamos fazendo dela. Fizemos bem em criar APIs elegantes em torno do XHR, mas sabemos que podemos fazer melhor. Nosso esforço para…

  • API de promessa de JavaScript

    Embora o código síncrono seja mais fácil de acompanhar e depurar, o assíncrono geralmente é melhor em termos de desempenho e flexibilidade. Por que “atrasar o show” quando o senhor pode acionar várias solicitações de uma só vez e processá-las quando cada uma estiver pronta? As promessas estão se tornando uma grande parte do mundo JavaScript…

  • Elipse CSS no início da cadeia de caracteres

    Fiquei incrivelmente feliz quando o CSS text-overflow: ellipsis (casado com a width e overflow: hidden foi introduzido na especificação CSS e nos navegadores; o recurso permitiu que parássemos de tentar casar o cálculo de largura do JavaScript com o cálculo de largura e truncamento de strings. A elipse CSS também foi muito amigável para…

  • Rolagem suave com MooTools Fx.SmoothScroll

    Recebo várias solicitações de suporte para meu artigo anterior sobre o SmoothScroll do MooTools e o problema geralmente se resume ao fato de que o SmoothScroll se tornou Fx.SmoothScroll. Aqui está um uso simples do Fx.SmoothScroll. O HTML O único requisito de HTML para o Fx.SmoothScroll é que todos os nomes…