Vale notar que este post também permitirá criar redirecionamentos em qualquer página Wordpress.

Para isso, precisaremos criar uma página do Wordpress que se comporte como “redirecionadora” (não conheço nenhuma opção de fazer isso de modo que se exiba o link final; exceto com blogroll, mas esta pode não ser muito útil na maioria dos layouts). Ou seja, o Wordpress entenderá que no menu CMS está realmente uma página, mas na prática se carregará um outro destino. Utilizemos, então, a função de template de página do Wordpress. Utilize o código abaixo, salvando-o dentro da página de seu tema em um arquivo chamado menu-link.php (ou um nome de sua preferência).

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<?php
/*
Template Name: Menu CMS - link
*/
?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<?
global $post;
$menulink =   get_post_meta($post->ID, menulink, true);
?>
<script type="text/javascript">
<!--
window.location = "<? echo $menulink; ?>"
//-->
</script>
<?php endwhile; ?>
<?php endif; ?>

Opcionalmente, você pode baixar o seguinte arquivo e salvá-lo na pasta de seu tema do Wordpress, o que é mais prático:

A função básica do código é a de usar um campo personalizado do Wordpress, que será a URL de destino, e um Javascript que redirecione para o destino desejado.

Após adicionar o arquivo menu-link.php à pasta de seu tema, crie uma página e escolha o template “Menu CMS – link”. Na opção de Custom fields (ou, “Campos personalizados, na versão em português,) adicione um campo com o Name/nome “menulink” (sem aspas) e no Value/valor utilize a URL para a qual você quer que a página seja redirecionada, como na imagem acima. Agora, basta ordernar no menu CMS com o plugin Pagemash.

O legal é que você consegue também gerenciar menus e submenus. Neste caso acima, “Temas Wordpress” seria uma categoria do menu e White Theme, uma página. É que eu sofro do mal de brasileiro, a preguiça, senão teria feito um troço bem bonitinho, de babar.

Colocando em funcionamento o menu CMS

Não tem muito segredo. Afinal, o PageMash utiliza a função padrão do Wordpress de exibição de páginas. Em nosso caso, utilizaremos uma div para o CSS:

<div id="menu"></div>

Agora, utilize o seguinte CSS que, claro, você deve personalizar de acordo com o seu layout:

#menu {
width:200px;
margin-left:10px;
margin-top:16px;
 
float:left;
 
}
 
#menu a {display:block}
#menu ul li ul li {
 
border-bottom:1px solid #878D59;
 
}
 
#menu ul li a { font-size:14px; border-bottom:1px #808080 dotted; padding-left:10px; display:solid; color:#FFFFFF;}
#menu ul li {line-height:30px; background-color:#878D59; border-bottom:0px;}
#menu ul li ul li {line-height:17px; background-color:#FFFFFF;}
#menu ul li ul a {font-size:12px; border:none; margin:0; color:#333333; padding:6px 6px 6px 16px;}
#menu ul li li:hover { background-color:#B6CCA3;} 
 
#menu a {color:#333333; text-decoration:none;}
#menu a:hover {text-decoration:none;}

Pronto! Não tem muito segredo e você terá o Wordpress rodando como um CMS perfeito.

Update

Respondendo à uma dúvida da Patris, utilize este hack para mostrar links externos ou internos no seu menu CMS.

Download PageMash

Aproveite e baixe logo o PageMash, mais um plugin indispensável (pelo menos se você usa Wordpress como CMS)