SordelloPageMash » http://www.sordello.org A face geek de alguém que não acha que "code is poetry" Thu, 25 Feb 2010 16:35:11 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Menu Wordpress CMS com uso do plugin PageMash http://www.sordello.org/menu-cms-wordpress-pagemash/ http://www.sordello.org/menu-cms-wordpress-pagemash/#comments Thu, 05 Mar 2009 11:33:13 +0000 Sordello http://www.sordello.org/?p=96 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

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)

Note: There is a file embedded within this post, please visit this post to download the file. ]]> http://www.sordello.org/menu-cms-wordpress-pagemash/feed/ 3