Personalizar sua página mestra de Meu Site

Importante :  Este artigo foi traduzido por um sistema de tradução automática, leia o aviso de isenção de responsabilidade. Para sua referência, veja a versão em inglês deste artigo aqui.

As páginas mestras definem a aparência de todas as páginas do site. Alterando os estilos ou o conteúdo de uma página mestra, é possível alterar rapidamente a aparência de um site inteiro.

Este artigo mostra como criar e modificar uma cópia da página mestra existente de Meu Site e aplicar a página mestre nova ou modificada a todas as páginas do conjunto de sites de Meu Site anexadas a ela. Quando a página mestra de Meu Site for modificada, todos os usuários verão as alterações em sua respectiva página Meu Perfil.

Saiba mais sobre páginas mestras em Introdução às páginas mestras do SharePoint.

Observação : Para seguir os procedimentos deste tópico, é necessário ter as permissões apropriadas. Por padrão, você deve ser membro do grupo Proprietários de Sites ou do grupo Designer ou ser Administrador do Conjunto de Sites para abrir um site do SharePoint Online com o SharePoint Designer 2010 e personalizar as páginas mestras. Se você for membro de um desses grupos, mas não puder ver as opções mencionadas neste tópico, talvez sua implementação do SharePoint Online esteja personalizada para restringir os usuários que podem utilizar o SharePoint Designer. Verifique isso com o seu administrador de site.

Neste artigo

Visão geral: As páginas mestras definem o layout da página

Exibir a página mestra de Meu Site

Personalizar ou começar do zero?

Personalizar a página mestra de Meu Site

Criar uma cópia da página mestra de Meu Site

Trabalhar com controles de espaço reservado para conteúdo

Localizar e modificar um controle de espaço reservado para conteúdo

Trabalhar com estilos

Marcas DIV facilitam o trabalho com CSS

Editar estilos na página mestra ou criar uma CSS personalizada

Visão geral: As páginas mestras definem o layout das páginas

As páginas mestras definem a interface e o layout comuns das páginas do SharePoint.

A página mestra de Meu Site exibe os elementos persistentes que você vê quando você navega de uma página para outra em Meu Site, como controles na parte superior da página ou o título do site.

Todos esses elementos são armazenados na página mestra de Meu Site.

No SharePoint, as páginas de Meu Site e Meu Perfil são tratadas como páginas de conteúdo no site. Quando exibidas em um navegador, elas são combinadas com a página mestra de Meu Site para produzir uma única página contínua da Web.

A página mestra de Meu site exibe o layout e os elementos persistentes, enquanto as páginas de conteúdo exibem o conteúdo exclusivo específico da página.

Exibir a página mestra de Meu Site

  1. Abra o Meu Site raiz, por exemplo, https://NomeDoSeuDominio-my.sharepoint.com, no SharePoint Designer, e clique em Páginas Mestras no Painel de navegação.

  2. Clique em mysite.master para ver informações de resumo na Galeria de Páginas Mestras.

  3. Clique em Editar Arquivo na faixa de opções para abrir a página mestra.

Esse procedimento abrirá a página mestra no editor de página de tela inteira do SharePoint Designer 2010.

Aqui, é possível editar a página nos modos Design e Divisão ou no modo de exibição de Código. Com suporte em tempo de design, você pode ver a aparência da página mestra à medida que a personaliza. Também pode usar ferramentas para personalizar marcas, estilos, scripts e áreas de conteúdo, conforme mostrado abaixo:

Ao abrir a página mestra de Meu Site, você pode editar o arquivo bem como suas propriedades.

Ainúmeros recursos tornam mais fácil criar e personalizar páginas mestras no SharePoint Designer 2010 do que foi no passado:

  • O menu de navegação inclui uma categoria Páginas Mestras que permite o acesso direto à Galeria de Páginas Mestras no seu site.

  • Ao editar as páginas mestras, você pode usar ferramentas de edição de página para inserir e gerenciar camadas ou posicionar marcas DIV; além disso, é possível localizar rapidamente essas camadas e outros elementos usando a opção Clique com Seleção, que permite a navegação por camadas sobrepostas.

  • Quando você cria um novo site e Páginas de Web Parts, eles são associados automaticamente à página mestra principal, de modo que não é necessário associá-los manualmente a cada vez.

Personalizar ou começar do zero?

Para usar uma página mestra personalizada de Meu Site nos sites do SharePoint 2010, você pode:

  • Personalizar uma cópia da página mestra de Meu Site (mysite.master) ou

  • Criar uma nova página mestra personalizada de Meu Site a partir do zero e torná-la a página mestra de Meu Site do site.

Este artigo se concentra na primeira abordagem: personalizar uma cópia da página mestra de Meu Site.

As duas abordagens apresentam vantagens e desvantagens.

Ao personalizar uma cópia de mysite.master,    você usa a aparência existente do SharePoint, com seus recursos, marca e elementos de design, e personaliza-a de acordo com suas necessidades. Embora isso possa ser um desafio quando você tenta entender o modo como tudo funciona na página mysite.master, essa abordagem é útil para minimizar os esforços de personalização e atribuição de uma identidade visual, como, por exemplo, a alteração do cabeçalho das páginas do SharePoint.

Ao criar uma página mestra personalizada em branco de Meu Site ou usar o Iniciador da Página Mestra    como a base da sua página, você cria todo o design a partir do zero. Embora essa abordagem possa representar um desafio, pois você precisa saber como implementar um design no SharePoint, ela também é mais flexível quando você conhece o design que está tentando criar e não está usando os planos e os protótipos existentes. A maioria das páginas vazias funciona como uma tela para que você crie primeiro seu design e depois adicione os componentes necessários do SharePoint.

Personalizar a página mestra de Meu Site

Para personalizar páginas mestras no SharePoint Designer 2010, abra primeiro esse programa no próprio site ou no menu Iniciar. Com o site aberto no SharePoint Designer 2010, clique em Páginas Mestras no Painel de navegação.

Para a maioria dos sites do SharePoint Online for Enterprises, é possível ver quatro páginas mestras, v4.master, minimal.master e default.master, na Galeria de Páginas Mestras, conforme mostrado aqui. Se Meus Sites estiver habilitado, você também deverá ver a página mestra mysite.master.

lista de páginas mestras do sharepoint 2010.

Criar uma cópia da página mestra de Meu Site

  1. Abra o seu site no SharePoint Designer e clique em Páginas Mestras no Painel de Navegação.

  2. Clique com o botão direito do mouse em mysite.master e pressione Ctrl+P para colar uma cópia na Galeria de Páginas Mestras.

  3. Clique em mysite_copy(1).master para ver informações de resumo na Galeria de Páginas Mestras.

  4. Clique em Editar Arquivo na faixa de opções para exibir a página mestra.

Esse procedimento abre a página mestra no editor de página de tela inteira do SharePoint Designer 2010 onde é possível editar a página no modo Design, Divisão ou Código. Com suporte em tempo de design, você pode ver a aparência da página mestra à medida que a personaliza. Também existem ferramentas disponíveis para navegar e personalizar marcas, estilos, scripts e áreas de conteúdo, conforme mostrado aqui.

Trabalhar com controles de espaço reservado para conteúdo

As páginas mestras e de conteúdo funcionam usando um conjunto de regiões substituíveis ou controles de espaços reservados para conteúdo. Cada espaço reservado para conteúdo (que aparece como ContentPlaceHolder no código da página) representa o conteúdo que pode ser substituído na página mestra. Qualquer página no site pode ser substituída sempre que estiver contida no espaço reservado para conteúdo fornecendo um controle de conteúdo correspondente. Esse controle de conteúdo pode até mesmo estar vazio, o que poderia remover completamente o elemento da página renderizada.

Importante : Ao personalizar as páginas mestras, evite excluir os espaços reservados para conteúdo. Ao fazer isso, é possível quebrar algumas páginas e até mesmo sites associados com as páginas mestras. É melhor simplesmente ocultar ao invés de excluir esses controles.

Você pode usar o recurso Gerenciar Áreas de Conteúdo para localizar cada controle de espaço reservado para conteúdo na página. É possível exibir o controle no modo de exibição de código e no editor WYSIWYG.

Outro espaço reservado para conteúdo que é particularmente importante é o PlaceHolderMain porque é substituído por cada página de conteúdo quando essa página é exibida em um navegador da Web.

o controle placeholdermain é substituído por cada página de conteúdo quando a página mestra de meu site é exibida em um navegador.

Você pode alterar o layout do conteúdo em um site do SharePoint alterando a localização dos controles de espaço reservado para conteúdo.

Para obter mais informações sobre como trabalhar com espaços reservados para conteúdo, consulte Trabalhando com controles de espaço reservado para conteúdo.

Um controle de espaço reservado para conteúdo é um pedaço de código em uma página mestra que funciona junto com um controle de conteúdo em uma página de conteúdo. O controle de espaço reservado para conteúdo exibe o conteúdo padrão (que poderá ser nenhum se o controle estiver vazio) dessa região da página. O conteúdo padrão pode ser substituído por um conteúdo exclusivo de um controle de conteúdo em uma página de conteúdo.

Localizar e modificar um controle de espaço reservado para conteúdo

Siga estas etapas para localizar o controle de espaço reservado para conteúdo PlaceHolderSiteName em uma página mestra de Meu Site do SharePoint 2010.

  1. Abra o seu site no SharePoint Designer 2010 e, no painel de navegação, clique em Páginas Mestras.

    Observação :  Se a opção Páginas Mestras não for exibida no painel de navegação, é possível que essas páginas tenham sido desabilitadas no SharePoint. Contate o administrador do site para obter detalhes. Saiba mais em Gerenciando o SharePoint Designer 2010.

  2. Na galeria de páginas mestras, clique em mysite.master.

  3. Na página de resumo de páginas mestras, clique em Editar arquivo.

  4. Se você for solicitado a fazer check-out do arquivo, clique em Sim.

  5. Se estiver exibindo a página no modo Design, você poderá simplesmente clicar em uma área da página para ver o controle de espaço reservado para conteúdo referente a esse conteúdo.

  6. Na lista de áreas de conteúdo, selecione PlaceHolderSiteName e clique em Ir Para. Em seguida, clique em Fechar. O controle de espaço reservado para conteúdo é selecionado na página dessa maneira.

Observação :  As Propriedades da Marca referentes a esse espaço reservado são definidas como Visible=False por padrão. No Modo Divisão, no SharePoint Designer 2010, você pode selecionar a marca, clicar com o botão direito do mouse nela e escolher Propriedades da Marca no menu de contexto exibido para ver o valor.


esse procedimento mostra as propriedades da marca referentes ao controle placeholdersitename.

  1. Aqui, você pode alterar suas configurações, alterar o local, aplicar estilos diferentes etc. Quando terminar, salve a página mestra.

  2. Se receber um aviso de que as alterações personalizarão a página a partir da respectiva definição de site, escolha Sim.

Observação :  Por padrão, as páginas do SharePoint estão associadas a arquivos de definição de site. Quando uma página mestra é personalizada no SharePoint Designer 2010, ela não é mais associada à definição do site. Isso poderá resultar em trabalho administrativo adicional após atualizações futuras do SharePoint, e é por esse motivo que essa mensagem é exibida. Você poderá sempre restaurar a definição de site da página mestra, se necessário.


Suas alterações aparecerão em todas as páginas anexadas a essa página mestra, a menos que elas tenham sido personalizadas diretamente.

Trabalhar com estilos

A maneira mais fácil e rápida de alterar os estilos em sua página mestra é aplicar um tema previamente criado à página. Você pode ver e aplicar os temas disponíveis clicando no link Alterar tema do site em Personalização na guia Configurações do Site no SharePoint Designer.

Porém, se estiver seguindo cores, elementos gráficos, formatação de texto ou outros atributos de estilo corporativos, você provavelmente desejará criar seus próprios estilos personalizados e adicioná-los à página mestra diretamente ou colocá-los em Folhas de Estilos em Cascata (CSS) externas que são anexadas à pagina mestra.

Marcas DIV facilitam o trabalho com CSS

No SharePoint 2010, a página mestra de Meu Site usa marcas DIV para definir elementos da linha de bloco e seções da página. As marcas DIV oferecem inúmeras vantagens em relação às marcas de tabela, que eram usadas nas versões anteriores. As marcas DIV oferecem:

  • Mais flexibilidade ao aplicar estilos à página com CSS

  • Menos marcação

  • Downloads mais rápidos

  • Mecanismo de pesquisa mais otimizado

  • Suporte aprimorado à acessibilidade

  • Suporte aprimorado a navegadores

As tabelas HTML ainda são usadas, por exemplo, quando você ou os usuários inserem Web Parts e outro conteúdo do SharePoint na página. Porém, para personalizar páginas mestras, é possível trabalhar basicamente com as marcas DIV para estruturar o conteúdo.

Usando marcas Div ao personalizar a página mestra de Meu Site

Editar estilos na página mestra ou criar uma CSS personalizada

Para editar estilos, clique no menu Estilo e escolha uma das opções da faixa de opções para trabalhar com CSS da maneira desejada.

Você pode criar novos estilos e aplicá-los ou anexar uma folha de estilos usando os comandos da faixa de opções. Use o comando Gerenciar Estilos para categorizar os estilos por elemento, ordem ou tipo; para mostrar somente os estilos em uso na página ou no elemento e para visualizar estilos.

Caixa de diálogo Novo estilo para a página mestra de Meu Site.

Observação : Aviso de Isenção de Tradução Automática: Este artigo foi traduzido por computador, sem intervenção humana. A Microsoft oferece essas traduções automáticas para ajudar as pessoas que não falam inglês a aproveitar os textos escritos sobre produtos, serviços e tecnologias da Microsoft. Como este artigo foi traduzido automaticamente, é possível que contenha erros de vocabulário, sintaxe ou gramática.

Expanda suas habilidades
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×