Suporte » Desenvolvendo com WordPress » Alterar layout da área de administração

  • Estou desenvolvendo um portal de venda de carros (classificados ON LINE) e preciso alterar a área de administração devido a solicitação do cliente contratante. O fato é que fazem mais de 3 noites que passo em claro tentando fazer essas alterações sem obter sucesso. Já lí todos os arquivos contidos dentro da pasta wp-admin, e já consegui entender como o wordpress gera a tela de admin, mas não consigo fazer nenhuma alteração ou mudança efetiva. O meu objetivo é remover a barra superior (não é esconder, é remover) e fazer com que os menus da lateral esquerda, apareçam em blocos de listas na área onde é exibido o conteúdo da dashboard. Procurei nos fóruns brasileiros e americanos sem encontrar uma solução para esse meu problema. Agradeço toda e qualquer colaboração.

    Desde já, grato pela atenção dos colegas entusiastas!

    Lucio P. Wegner

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • É uma configuração bem avançada. Acredito que pode realizar isso com hook (actions e filters), de forma que quando for atualizar a versão, não atualizar por cima e ter que refazer tudo.

    Algo pronto ou plugin eu não conheço.

    Criador do tópico Lu Wegner

    (@n85)

    Eu preciso que alguém me explique como fazer essas alterações… Ainda não consigo alterar nada no esquema do layout da área de administração. Não quero nada pronto, mas preciso da ajuda de alguém mais experiente que eu em desenvolvimento wordpress para que eu consiga resolver esse problema! Tenho um prazo até início de março para concluir esse trabalho e já comecei a tentar desenvolver o mesmo sistema com outro script php.

    Espero encontrar ajuda 😀

    Eduardo

    (@eduardozulian)

    Fala, Luke.

    Cara, você vai precisar lidar um pouco com os hooks do WordPress, que podem ser adicionados ao seu arquivo functions.php. Para o seu primeiro caso, o da admin bar, a coisa é mais tranquia e há uma boa resposta aqui para isso. Nela, o camarada removeu a barra de admin tanto do back quanto do front end. Além disso, foram retiradas as chamadas aos estilos e scripts, o que dá uma pequena aliviada no carregamento da página.

    Para a sua segunda dúvida, vamos lá. Novamente entramos nos hooks, novamente em seu arquivo de funções. Nesse código não estão todos os itens, mas eles podem ser encontrados no final deste pequeno tutorial.

    /**
     * Remove os menus desnecessários do Painel
     *
     */
    function remove_unwanted_menus() {
    
    	remove_menu_page('edit.php');
    	remove_menu_page('link-manager.php');
    	remove_menu_page('themes.php');
    	remove_menu_page('tools.php');
    	remove_menu_page('upload.php');
    	remove_menu_page('edit-comments.php');
    	remove_menu_page('plugins.php');
    	remove_submenu_page( 'index.php', 'update-core.php' );
    	remove_submenu_page( 'options-general.php', 'options-media.php' );
    
    }
    
    add_action( 'admin_menu', 'remove_unwanted_menus' );

    Não tenho certeza se há alguma forma rápida de se remover o menu e não permitir que o cliente acesse os itens tendo a URL. Para isso, talvez fosse melhor buscar um plugin que gerencie os roles do WP. Quem sabe até te facilite. Afinal, o interessante seria que você removesse esses itens do menu apenas para o seu cliente, deixando você, que acredito que se mantenha como administrador, com total controle sobre a plataforma.

    Para os itens do Dashboard, talvez seja interessante você fazer uso da API de widgets desta área. Com ela, vai ser mamão com açúcar adicionar suas funções e remover as nativas do WordPress!

    Dá uma olhada se tudo tá de acordo aí. Qualquer coisa, só gritar.

    Criador do tópico Lu Wegner

    (@n85)

    Seguinte Eduardo! O sistema que eu estou desenvolvendo é para ser um Fork de wordpress. Eu preciso modificar definitivamente algumas funções do WordPress. Analizei as referências que você me ofereceu aqui no tópico e cheguei a conclusão de que são úteis, mas que não são bem o que eu esperava. Vou detalhar melhor agora abaixo qual é a minha idéia para que fique melhor de chegarmos a um denominador comum. Peço também que o amigo possa me enviar algum contato do tipo facebook ou skype para entrarmos em contato direto, pois sem desmerecer os demais membros do fórum, você foi o me melhor apresentou soluções para o meu problema!

    OBJETIVO DE MODIFICAÇÃO:

    – Remover a barra superior da área de administração (Considero resolvido);

    – Retirar os menus da área lateral e exibí-los no “centro” da área de administração (Eles devem aparecer no lugar dos itens da dashboard);

    – Alterar definitivamente as cores, fontes e esquemas de layout da interface de administração;

    – Alterar definitivamente alguns textos dos botões (posts por INSERIR NOVO CADASTRO) e alterar logomarca no login

    Espero ter elucidado melhor meu objetivo na edição e alteração do sistema wordpress. Quero salientar que o objetivo dessa edição é criar um wordpress específico para criação de classificados de automóveis e veículos automotores. Após concluir o desenvolvimento, estarei publicando o projeto na rede para que mais programadores contribuam com esse fork. Acho que é isso. se possível Eduardo, peço que o amigo mande um contato pro email [E-mail removido por um moderador] para que eu possa debater outras dúvidas que tenho em relação a publicação, edição e controle de publicações via frontend!

    Grande abraçoe grato pela ajuda que foi de grande valia!

    Eduardo

    (@eduardozulian)

    Opa!

    Legal, legal, estamos no caminho então. Tudo que você precisa fazer provavelmente passará pelos hooks do WP, não havendo assim a necessidade de mexer nos arquivos fonte. Bem, vamos ao objetivos:

    – Retirar os menus da área lateral e exibí-los no “centro” da área de administração (Eles devem aparecer no lugar dos itens da dashboard);

    Acabei te dando uma ideia, meio geral, pois nunca mexi diretamente com algo assim. Para isso, por enquanto, só consigo pensar naquelas duas tarefas: remover todos os menus na mão mesmo (e aí, com um pouco de CSS, arrumar a área) e chamar os menus de administração usando a API para os widgets do Dashboard. Caso você não tenha interesse em usar os widgets, há algumas formas de mudar a própria página principal.

    Alterar definitivamente as cores, fontes e esquemas de layout da interface de administração

    Aparentemente tranquilo também. Você irá apenas precisar ler a documentação sobre como criar temas para o painel. Melzinho na chupeta.

    Alterar definitivamente alguns textos dos botões (posts por INSERIR NOVO CADASTRO) e alterar logomarca no login

    Para a primeira tarefa, também nada muito difícil. Basta usar dois hooks do WP e fazer as alterações. Neste link, o camarada trocou Posts por Contacts, então é só seguir a mesma lógica.

    Para a segunda tarefa, de mudar a logo, a resposta já está dentro da documentação sobre como criar temas que eu te passei acima. : )

    E massa que você vai publicar! Mas na verdade, por que já não publica? O GitHub pode ser o lugar ideal.

    Abraço!

    Criador do tópico Lu Wegner

    (@n85)

    Seguinte Eduardo. Testei as sugestões que você fez e funcionaram bem mas apresentaram outro problema que eu já havia pensado mas havia esquecido de comentar junto a esse tópico do fórum. O problema que acontece quando eu removo os menus e os re-insiro novamente “a unha”, é que eu perco o controle de exibição por nível de usuário. Isso é, na prática, que os usuários do nível membro e editor, verão todos os menus tal qual um administrador, e isso irá gerar um novo problema. Outro problema é que a div que armazena os menus continua sendo exibida, só que vazia. Eu preciso remover completamente a barra, mantendo o funcionamento de controle de nível de usuários para a exibição dos menus de forma hierárquica. No restante todas as tuas sugestões são perfeitamente cabíveis e serão utilizadas.

    Aguardo retorno!

    Eduardo

    (@eduardozulian)

    A div não é um problema. Basta que você, ao criar um novo tema para o Dashboard, defina alguns valores no seu novo CSS para esconder essa barra. Algo como:

    /* Esconde as divs do admin menu */
    #adminmenuback, #adminmenuwrap {
    	display: none;
    }
    
    /* Arruma a margem esquerda do conteúdo principal */
    #wpcontent, #wpfooter {
    	margin-left: 10px;
    }

    Para o menu, até onde eu sei, cê vai ter que fazer essa verificação também na unha. Existe uma função chamada current_user_can() e, pra cada item do seu menu (acredito que não serão todos aqueles), você pode fazer os condicionais necessários.

    Madame Glam

    (@madame-glam)

    Por favor, ocorreu uma mudança automática da cor da barra de inicio, de marrom agora está preto, apareceu um pesquisar nesse local e fica desconfigurada quando aberta no iphone.

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • O tópico ‘Alterar layout da área de administração’ está fechado para novas respostas.