Design Manager no SharePoint 2013: Layouts mais fáceis e Páginas Mestras
em todas as versões anteriores, criar páginas mestras e layouts definitivamente não foi fácil para um designer, considerando os aspectos técnicos dele. Os designers teriam que entender o SharePoint e quais componentes são obrigatórios na página principal e como eles renderizam para que seus projetos ganhem vida.
no SharePoint 2013, há um novo recurso chamado Gerenciador de Design que ajudará a separar os aspectos de design dos Requisitos técnicos para criar uma página mestre. O Designer não precisa saber quais componentes são necessários em uma página mestre. O Gerenciador de Design auxilia na criação da página mestre a partir de HTML simples, arquivos CSS. O designer agora só precisa se preocupar com seu design e convertê-lo em HTML, CSS e imagens. Assim que esses artefatos estiverem prontos, o Gerenciador de design pode processá-los para gerar uma página mestre.
o processo para criar uma página principal é realmente simples:
1. Crie o layout desejado usando o editor HTML de sua escolha.
2. Crie o arquivo CSS que suporta seu design.
3. Adicione as imagens que fazem parte do seu design.
4. Carregue todos os arquivos para a galeria da página principal. (Existe uma maneira muito conveniente de fazer isso e fazer edições enquanto desenvolve e aprimora seu HTML).
a. Abra a galeria da sua página principal no Windows explorer.
B. Copie a pasta html, CSS e imagens para a galeria da página principal.
5. Quando você carrega o arquivo HTML, atribua a página mestre HTML como o tipo de conteúdo. (opcional)
6. Todos os outros arquivos podem ser atribuídos ao tipo de conteúdo de arquivos de Design. (opcional)
7. Vá para a página Configurações do Site.
8. Clique no Gerenciador de Design na categoria” Look & Feel”.
9. Ou você pode clicar no botão novas ações do Site à direita e clicar em Design Manager.
10. Vá para as páginas mestras de importação.
11. Clique no link” converter um arquivo HTML para a página mestre do SharePoint”.
A. isso abrirá uma caixa de diálogo para você selecionar um arquivo html na galeria da página principal.
B. Selecione o arquivo html que você acabou de enviar.
12. Depois de selecionar um arquivo, o SharePoint gerará uma página mestre para esse design. Se algum erro for encontrado durante o processo de conversão, ele o notificará.
13. Neste ponto, a página principal foi gerada.
14. Para personalizar a página principal, clique no link” conversão bem-sucedida”.
A. Isso o levará a uma página de visualização. Como você pode ver na captura de tela abaixo SharePoint converteu e criou a página principal.
adicionar componentes do SharePoint à página principal usando o Snippets Manager:
1. Antes de personalizar a página principal, na janela do Windows explorer, onde você abriu a galeria da página principal, abra o arquivo Html que você carregou no editor de sua escolha.
2. Para adicionar os componentes do SharePoint, como a navegação superior e outros controles, Web parts, clique no link trechos no canto superior direito da página de visualização.
3. Isso abrirá a página da galeria snippets.
4. Digamos que você queira adicionar a navegação superior à sua página principal.
A. Clique no botão de navegação superior na faixa de opções.
B. isso criará o snippet HTML de que você precisa.
C. Copie o trecho para a área de transferência.
D. (Você pode personalizar as propriedades do controle de navegação superior e clicar em “Atualizar” para gerar o novo trecho.
5. Mude para o arquivo html que você abriu em um editor na Etapa 1.
6. Cole o trecho html onde quiser que a navegação superior apareça em seu design.
7. Salve o arquivo html.
8. Atualize a página de visualização em seu navegador e você verá que a página principal foi gerada novamente e suas alterações estão visíveis.
9. Dessa forma, você pode criar e trabalhar rapidamente em sua página principal.
10. Para publicar a página principal, selecione o arquivo html na galeria da página principal e publique-o. Isso publicará automaticamente o arquivo da página principal também e você poderá definir a página principal do site.
captura de tela: a página mestre gerada com a navegação superior.
Dicas:
1. O arquivo html e a página principal estão associados entre si.
2. O SharePoint não permitirá que você exclua a página principal enquanto a associação ainda estiver lá.
3. Para remover a associação, vá para a galeria da página principal.
a. Selecione o arquivo Html
B. Edite propriedades
C. desmarque a caixa de seleção “arquivo associado”.
d. Salvar
4. Agora você pode trabalhar na página principal diretamente editando-a.
5. Além disso, enquanto o html e os arquivos mestre estão associados, Você não pode publicar o arquivo da página mestre diretamente. Você tem que selecionar o arquivo html e publicá-lo. Isso publicará a página principal e você poderá definir a página principal do site.
6. Sugestao: Depois de criar a página mestre para sua satisfação, desassocie o arquivo html, empacote a página mestre em um wsp e, em seguida, implante-a em seus ambientes de produção de teste.
Sobre o Autor
Mais deste Autor