# Customização/personalização do header do Painel

**URL:** <https://tainacan.discourse.group/t/customizacao-personalizacao-do-header-do-painel/425>\
**Category:** Dúvidas\
**Created:** [Agosto 23, 2021, 7:26pm UTC](https://tainacan.discourse.group/t/customizacao-personalizacao-do-header-do-painel/425 "2021-08-23T19:26:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![mantovs](https://avatars.discourse-cdn.com/v4/letter/m/8dc957/32.png) [@mantovs](https://tainacan.discourse.group/u/mantovs)\
**Post date:** [Agosto 23, 2021, 7:26pm UTC](https://tainacan.discourse.group/t/customizacao-personalizacao-do-header-do-painel/425/1 "2021-08-23T19:26:05Z")

</div>

Boa tarde,

É possível customizar/personalizar as logos do Tainacan e do Wordpress e seus respectivos links no header do painel do Tainacan? Ou todo o header?

 ![taincan1](https://global.discourse-cdn.com/free1/uploads/tainacan/original/1X/5d960f2eb94a2004621956ed6f1d8d6c627a07ba.png)

Se sim, podem nos orientar quais são os arquivos arquivos precisamos alterar?

Desde grato pela sempre cooperação e pelo ótimo plugin/software open source.

---

<div class="post-metadata">

**Author:** ![mateus.m.luna](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/mateus.m.luna/32/3_2.png) [@mateus.m.luna](https://tainacan.discourse.group/u/mateus.m.luna)\
**Post date:** [Agosto 23, 2021, 7:30pm UTC](https://tainacan.discourse.group/t/customizacao-personalizacao-do-header-do-painel/425/2 "2021-08-23T19:30:06Z")

</div>

Boa noite @mantovs!

Não opção há para configurar o layout do painel administrativo, em especial porque esta parte é mais focada para quem está fazendo a gestão do acervo, ao invés do público.

Porém, com acesso ao código, você pode sim alterar qualquer arquivo do plugin. Esta logo, por exemplo, está em `wp-content/plugins/tainacan/assets/images/tainacan_logo_header.svg`. Se você trocar por outra imagem com mesmo nome (note que o formato é SVG, em vetor), deve funcionar.

---

<div class="post-metadata">

**Author:** ![mantovs](https://avatars.discourse-cdn.com/v4/letter/m/8dc957/32.png) [@mantovs](https://tainacan.discourse.group/u/mantovs)\
**Post date:** [Agosto 23, 2021, 7:38pm UTC](https://tainacan.discourse.group/t/customizacao-personalizacao-do-header-do-painel/425/3 "2021-08-23T19:38:41Z")

</div>

Olá @mateus.m.luna , grato pela rápida reposta.

Tenho acesso ao código sim e já tinha encontrada esta imagem da logo do Tainacan. Sendo assim pode informar também a localização da logo do Wordpress que sinalizei também no topo direito do header?

E também a localização do arquivo responsável pelo header?

---

<div class="post-metadata">

**Author:** ![mateus.m.luna](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/mateus.m.luna/32/3_2.png) [@mateus.m.luna](https://tainacan.discourse.group/u/mateus.m.luna)\
**Post date:** [Agosto 23, 2021, 8:08pm UTC](https://tainacan.discourse.group/t/customizacao-personalizacao-do-header-do-painel/425/4 "2021-08-23T20:08:34Z")

</div>

> [@mantovs](#):
>
> E também a localização do arquivo responsável pelo header?

Eu não sei se recomendaria muito mudar no código ali porque sempre que lançarmos uma atualização, você precisaria refazer a mudança. Mas para deixar claro, o arquivo original está aqui:

> <https://github.com/tainacan/tainacan/blob/develop/src/views/admin/components/navigation/tainacan-header.vue>

Você pode ver que a logo é referenciada na linha 137. Porém este é o _arquivo fonte_, se você editar ali ainda precisará [compilar](https://tainacan.github.io/tainacan-wiki/#/dev/setup-local?id=build). No plugin instalado, a versão mostrada vem do bundle final, que estará no seu arquivo: `wp-content/plugins/tainacan/assets/js/admin.js` . Atualmente este caminho está na linha 23814… mas isto muda quando adicionamos quaisquer mudanças no admin.

> [@mantovs](#):
>
> Sendo assim pode informar também a localização da logo do Wordpress que sinalizei também no topo direito do heade

A logo do WordPress alí não é uma imagem, mas sim um ícone renderizado por nossa fonte de ícones. Você pode substituir por outros dos ícones que temos na nossa biblioteca usando CSS. Aqui está a lista completa: [https://raw.githubusercontent.com/tainacan/tainacan-icons/master/ícones.pdf](https://raw.githubusercontent.com/tainacan/tainacan-icons/master/%C3%ADcones.pdf) Se um deles atender, posso te passar as instruções de como fazer.

De maneira geral, este tipo de customização “whitelabel” não deveria ser feita direto no código do plugin, mas se você tiver um pouco de conhecimento em Javascript, é possível fazer um script que substitua os arquivos ao carregar o código do plugin. Posso ajudar com isto também, mas preciso de um tempinho aqui pra organizar a ideia.

---

<div class="post-metadata">

**Author:** ![mantovs](https://avatars.discourse-cdn.com/v4/letter/m/8dc957/32.png) [@mantovs](https://tainacan.discourse.group/u/mantovs)\
**Post date:** [Agosto 23, 2021, 8:47pm UTC](https://tainacan.discourse.group/t/customizacao-personalizacao-do-header-do-painel/425/5 "2021-08-23T20:47:53Z")

</div>

Entendido @mateus.m.luna . Muito grato!

---

<div class="post-metadata">

**Author:** ![vnmedeiros](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/vnmedeiros/32/7_2.png) [@vnmedeiros](https://tainacan.discourse.group/u/vnmedeiros)\
**Post date:** [Outubro 27, 2023, 12:25pm UTC](https://tainacan.discourse.group/t/customizacao-personalizacao-do-header-do-painel/425/6 "2023-10-27T12:25:04Z")

</div>


