Suporte » Temas » Exibição de categorias…

  • Resolvido osascoag

    (@osascoag)


    Olá amigos, estou com um problema…

    No meu site http://www.osascoagora.com.br utilizo o tema wp-max, um tema estilo magazine que me exibe as categorias na header.
    Não teria nenhumproblema, caso meu site não tivesse quase 80 categorias(um EXAGERO, eu sei, mas não posso mudar e perder indexação).

    Acontece que, pensei em enxugar as categorias do meu site, mas sem perdê-las, ou seja, criando categorias com subcategorias com sub-sub-categorias, ou seja:

    Categoria MÃE
    -> categoria filha
    -> -> categoria neta

    ou:

    Categoria: Cores(Mãe)
    – Vermelho(Filha)
    — Vermelho Claro(Neta)
    — Vermelho Escuro(Neta)

    Porém, contudo, entretanto e todavia, as benditas categorias NETAS ou Sub-Sub-Categorias não aparecem.

    O Código que chama as categorias na header é:

    • ” title=”Home”>Início
    • <?php wp_list_categories(‘orderby=ID&order=ASC&depth=2&hide_empty=0&include=102,219,220,49,67,47,233,132,116,45,56,167,133,166,169,204,214&title_li=&exclude=’.$mytheme[‘carousel’]); ?>

      Onde eu escolho as categorias que quero que apareçam e suas subcategorias.

      Ocorre que, eu estou selecionando as categorias que quero que apareçam alí e, para tanto, toda vez que crio uma categoria filha, insiro no include o seu ID. Amesma coisa com a categoria neta, eu insiro o ID dela no include.

      Porém, ela não é mostrada. Só me mostra até o nível sub-categoria, mas no painel administrativo, me dá a opção de associar uma nova categoria ou uma categoria já existente a uma sub-categoria.

      Gostaria de obter ajuda de vocês no sentido de que, por meio de códigos, eu consiga com que as categorias NETAS ou Sub-sub-categorias apareçam também no menu(que é do tipo rolagem).

      DEsde logo, muito obrigado!

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • osascoag,

    Antes de mais nada peço que na próxima vez você preste atenção ao fórum correto onde publicar sua pergunta, ok? Movi para Temas e Templates.

    Respondendo sua pergunta, remova o parâmetro depth. Esse parâmetro define quantos níveis de categorias exibir. No seu caso, depth=2 só exibe as categorias principais e subcategorias. Por padrão, ele exibe tudo, ou seja, depth=0, apagando esse parâmetro ele volta para o padrão. Agora se você quiser maior controle:

    depth=0 – exibe todas as categorias – padrão
    depth=-1 – exibe todas as categorias sem hierarquizar
    depth=1 – exibe somente as categorias mãe
    depth=n – onde n representa o número de níveis a exibir.

    Se você quiser saber mais sobre essa tag veja essa página.
    Abs.
    Cátia

    Criador do tópico osascoag

    (@osascoag)

    Olá Cátia, desculpe-me pelo equívoco na postagem, realmente não observei este quesito rs…

    Realizei os testes com suas dicas e não obtive o retorno, na verdade, não mudou nada na exibição das categorias.

    Deixando sem a ‘depth’, ficou na mesma. A categoria e a subcategoria são exibidas, mas as sub-sub-categorias não.

    Escolhendo para exibir um determinado número de categorias, também só me exibiu as categorias e sub-categorias.

    Todos esses testes eu realizei antes mesmo de postar minha dúvida/problema, mas esquecí de relatar.

    Ocorre que, eu acho que agora o problema é no arquivo menu.css, que tem esse conteúdo:

    #menu {
    	height: 24px;
    	background: #b2d487;
    	border-top: 1px solid #fff;
    }
    
    #menu li {
    	float: left;
    	display: block;
    	border-right: 1px solid #93b666;
    	position: relative;
    }
    
    #menu li a {
    	float: left;
    	display: block;
    	font-weight: bold;
    	color: #444;
    	padding: 0 10px 0 10px;
    	height: 24px;
    	line-height: 24px;
    	position: relative;
    }
    
    .arrow {
    	position: absolute;
    	top: -1px;
    	left: 42%;
    	background: url(../images/arrow.png) no-repeat;
    	display: block;
    	width: 10px;
    	height: 5px;
    }
    
    #menu li a:hover, #menu li a.selected, #menu li a.selected:hover {
    	background: #cae9a3;
    	color: #222;
    }
    
    /* Sub Menu Stylesheet */
    #menu ul {
    	display: none;
    	position: absolute;
    	z-index: 999;
    	top: 24px;
    	left: -1px;
    	background: #fff;
    	padding: 10px 5px 10px 5px;
    	border: 1px solid #cdd8e0;
    	border-top: 0;
    	height: auto;
    	width: 190px;
    }
    
    #menu ul li {
    	float: none;
    	display: block;
    	border-right: 0;
    	position: static;
    }
    
    #menu ul li a {
    	float: none;
    	display: block;
    	font-weight: bold;
    	color: #366799;
    	padding: 0 5px 0 5px;
    	height: 22px;
    	line-height: 22px;
    	position: static;
    	border-top: 1px solid #eee;
    }
    
    #menu ul li a:hover, #menu ul li a.selected, #menu ul li a.selected:hover {
    	background: #f6f6f6;
    	color: #222;
    }

    Creio que deva ser incluída alguma programação ou código aqui para ele criar o CSS da Categoria NETA e exibí-la em minha header.

    Porém, não entendo lhufas de CSS, somente o básico de mudar cores, fontes, tamanho, mas da programação em Sí, não entendo.

    Poderia me ajudar, nesse sentido?

    Desde logo, muito obrigado!

    osascoag,

    Não creio que tenha a ver com o css, pois em tese, ele deveria herdar os estilos.

    O que significa esse exclude no seu código: exclude='.$mytheme['carousel']);?

    Abs.
    Cátia

    Criador do tópico osascoag

    (@osascoag)

    Olá Catia,

    Esse carousel é aquele esquema de exibir uma foto e você clica e vai ao artigo daquela foto. Ele manda excluir, das categorias exibidas na header, a categoria exibida no carousel.

    Então Cátia, no meu blog de testes, o http://www.osasquense.com.br/blog, vá até a Categoria Featured > Hoaxes >> Fraude / Scam E-mail
    >> Mensagem Subliminar

    O problema agora foi o posicionamento rs.

    Eu adicionei ao seletor jquery a classe “nav_child” no arquivo custom.js

    Ele passou a exibir a 3º categoria.

    Bom,
    Então era isso, vc tinha um java script manipulando seu html. Agora você tem um problema de css, mas acho que vc consegue resolver. Faça o seguinte, monte a estrutura de html do menu, aí crie os estilos como se fosse deixar tudo aberto. Depois você esconde os submenus com display: hidden;. Mas não vou fazer o css todo prá vc, se não vc fica mal acostumado ;), entra aqui nesse site e aprende.
    abs,
    Cátia

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • O tópico ‘Exibição de categorias…’ está fechado para novas respostas.