{"id":197,"date":"2021-12-02T09:27:38","date_gmt":"2021-12-02T12:27:38","guid":{"rendered":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/?page_id=197"},"modified":"2021-12-14T13:02:35","modified_gmt":"2021-12-14T16:02:35","slug":"elementos-de-personalizacao","status":"publish","type":"page","link":"https:\/\/sites.ufca.edu.br\/treinamento-sites\/painel-administrativo\/personalizar\/elementos-de-personalizacao\/","title":{"rendered":"Elementos de personaliza\u00e7\u00e3o"},"content":{"rendered":"\n

Identidade do Site<\/strong><\/p>\n\n\n\n

Na identidade do site voc\u00ea pode configurar o t\u00edtulo do site, a descri\u00e7\u00e3o do site e colocar um \u00edcone personalizado que aparece na aba do seu navegador.<\/p>\n\n\n\n

Menus<\/strong><\/p>\n\n\n\n

Na op\u00e7\u00e3o de Menus, voc\u00ea dever\u00e1 criar um Menu<\/strong>. Caso n\u00e3o tenha um Menu criado ainda, basta clicar no bot\u00e3o “Criar Novo Menu<\/strong>“. <\/strong>Ap\u00f3s criar um novo Menu, voc\u00ea pode escolher onde deseja que ele fique. Os Menus podem ficar em lugares diferentes dependendo do tema.<\/p>\n\n\n\n

Quando tiver com o Menu criado, hora de adicionar itens nele. No Menu pode haver v\u00e1rios itens, dentre eles: Links Personalizado, P\u00e1ginas , Posts, Categorias, Tags, etc.<\/p>\n\n\n\n

Cria\u00e7\u00e3o de Um Novo Menu<\/strong><\/p>\n\n\n\n

Para criar um novo Menu voc\u00ea deve escolher o nome dele, principalmente quando seu tema tem v\u00e1rios Menus. Na op\u00e7\u00e3o Localiza\u00e7\u00e3o do Menu <\/strong>voc\u00ea pode escolher, se desejar, que ele fique como Menu de Cabe\u00e7alho, ou n\u00e3o. Caso voc\u00ea crie um Widget para Menu, essa op\u00e7\u00e3o deve ser desmarcada.<\/p>\n\n\n\n

Cores<\/strong><\/p>\n\n\n\n

Na op\u00e7\u00e3o de cores voc\u00ea pode escolher um conjunto predefinido de cores ou voc\u00ea pode personalizar as cores que desejar. Dependendo do tema voc\u00ea pode mudar as cores do cabe\u00e7alho, dos menus, do rodap\u00e9, do plano de fundo, entre outros.<\/p>\n\n\n\n

Widgets<\/strong><\/p>\n\n\n\n

Um widget, numa interface gr\u00e1fica, \u00e9 um elemento de intera\u00e7\u00e3o – tal como janelas, bot\u00f5es, menus, \u00edcones, barras de rolagem etc. No WordPress os Widgets podem estar em diferentes lugares: no rodap\u00e9 (parte final do site), ou nas laterais, entre outros lugares. Com os Widgets voc\u00ea pode personalizar mais ainda seu site ou blog.<\/p>\n\n\n\n

Alguns elementos dos Widgets s\u00e3o: Agenda, Arquivos, Categorias, Coment\u00e1rios, Galeria, Imagem, Menu de navega\u00e7\u00e3o, Pesquisa, P\u00e1ginas, Videos, T\u00f3picos recentes, Texto, etc.<\/p>\n\n\n\n

Imagem do Cabe\u00e7alho<\/strong><\/p>\n\n\n\n

Caso o tema tenha op\u00e7\u00e3o de Imagem do Cabe\u00e7alho, essa op\u00e7\u00e3o aparecer\u00e1. Nela voc\u00ea pode escolher uma imagem do seu computador e us\u00e1-la como no seu site. Para isso voc\u00ea dever\u00e1 fazer a importa\u00e7\u00e3o: <\/p>\n\n\n\n

  1. clique em Adicionar nova imagem<\/li>
  2. Selecionar arquivo <\/li>
  3. procure por uma imagem no seu computador<\/li>
  4. Clique em Abrir. <\/li><\/ol>\n\n\n\n

    Ap\u00f3s isso a imagem ser\u00e1 carregada e estar\u00e1 dispon\u00edvel para uso.<\/p>\n\n\n\n

    Imagem de Fundo<\/strong><\/p>\n\n\n\n

    Caso o tema tenha op\u00e7\u00e3o de Imagem do Fundo, essa op\u00e7\u00e3o aparecer\u00e1. Nela voc\u00ea pode escolher uma imagem do seu computador e us\u00e1-la como no seu site. Para isso voc\u00ea dever\u00e1 fazer a importa\u00e7\u00e3o: <\/p>\n\n\n\n

    1. clique em Adicionar nova imagem<\/li>
    2. Selecionar arquivo <\/li>
    3. procure por uma imagem no seu computador<\/li>
    4. Clique em Abrir. <\/li><\/ol>\n\n\n\n

      Ap\u00f3s isso a imagem ser\u00e1 carregada e estar\u00e1 dispon\u00edvel para uso.<\/p>\n\n\n\n

      Homepage Settings (Configura\u00e7\u00f5es de P\u00e1gina Inicial)<\/strong><\/p>\n\n\n\n

      Nessa op\u00e7\u00e3o voc\u00ea pode escolher  o que \u00e9 mostrado na p\u00e1gina inicial do seu site. Pode ser escolhido para ser mostrado os Posts Mais Recentes ou uma p\u00e1gina fixada\/est\u00e1tica. <\/p>\n\n\n\n

      Caso voc\u00ea escolha uma p\u00e1gina est\u00e1tica como Homepage, \u00e9 exigido ter pelo menos uma p\u00e1gina criada.<\/p>\n\n\n\n

      O mesmo ocorre caso voc\u00ea escolha Posts Mais Recentes: voc\u00ea deve ter pelo menos um Post criado.<\/p>\n\n\n\n

      Avan\u00e7ado<\/strong><\/p>\n\n\n\n

      Essa op\u00e7\u00e3o \u00e9 para usu\u00e1rios mais avan\u00e7ados. Voc\u00ea deve ter pelo menos o conhecimento b\u00e1sico da ferramenta conhecida como CSS. Essa op\u00e7\u00e3o serve para estilizar seu site, ou seja, mudar o estilo. Alguns exemplos do que pode ser mudado s\u00e3o: cores dos textos, tamanhos dos textos, etc.<\/p>\n\n\n\n

      Additional CSS (CSS adicional)<\/strong><\/p>\n\n\n\n

      Essa op\u00e7\u00e3o \u00e9 para usu\u00e1rios mais avan\u00e7ados. Na maioria das vezes ela n\u00e3o ser\u00e1 necess\u00e1ria. Basicamente o CSS adicional \u00e9 um conjunto de c\u00f3digos que possibilita o usu\u00e1rio a personalizar mais ainda seu site.<\/p>\n\n\n\n

      Postagens<\/strong><\/p>\n\n\n\n

      Somente alguns temas t\u00eam essa op\u00e7\u00e3o. Nela, o usu\u00e1rio pode editar configura\u00e7\u00e3o das p\u00e1ginas de postagens, categorias e arquivos. <\/p>\n\n\n\n

      Voc\u00ea pode editar<\/p>\n\n\n\n