Sordello

Menu Wordpress CMS com uso do plugin PageMash

Há algum tempo a maior dificuldade de usar o Wordpress como CMS era o fato de não haver uma forma fácil de gerenciar o menu. Não me refiro, claro, à sidebar no estilo blog, que sempre foi muito fácil desde que implementaram o sistema de Widget. Eu sempre usei o Wordpress como gerenciador de conteúdo, e fazia na marra os menus, editando o código. Mas, claro, não podia oferecer isso a nenhum cliente. Agora faz meses que utilizei o plugin PageMash pela primeira vez. O PageMash permite você orderar páginas através de um editor em Ajax muito intuitivo e prático. Basta arrastar e soltar, que as páginas ficarão na ordem que você quiser. E caso queira ter uma página que não apareça no menu de seu site, basta escondê-la com a função “hide”. Veja uma Screenshot do Pagemash instalado aqui no Sordello.org

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)

  PageMash (unknown, 235 hits)

Tags: Menu Wordpress PageMash Wordpress Wordpress CMS