Adicionar um trecho Painel do Modo de Edição no SharePoint
Importante
Essa opção de extensibilidade está disponível apenas para experiências clássicas do SharePoint. Você não pode usar essa opção com experiências modernas no SharePoint Online, como nos sites de comunicação. Não é mais recomendável o uso da experiência clássica ou destas técnicas de identidade visual.
Um painel de modo de editar é um trecho de código que você pode usar para exibir instruções ou outros autores de conteúdo para conteúdo, consulte o conteúdo do painel somente quando a edição de uma página. Por outro lado, este trecho de código também pode ser configurado para exibir seu conteúdo apenas no modo de regulares (exibição) em vez de no modo de edição.
Introdução ao painel de modo de edição
Em um site de publicação, os autores de conteúdo com as permissões necessárias podem criar ou editar páginas que se encontram na Biblioteca de páginas. Normalmente, um autor opta por criar ou editar uma página e, em seguida, adiciona o conteúdo para os vários campos de página.
Como um designer, você pode adicionar um painel de modo Editar uma página mestra ou no layout de página e o conteúdo desse trecho ficará visível para os autores de conteúdo somente quando escolherem editar uma página com base no layout da página ou uma página associada a essa página mestra. Por exemplo, você pode usar um painel de modo Editar para exibir o conteúdo a seguir apenas para os autores de conteúdo quando a página está no modo de edição:
Um campo de página, como Schedule Publishing Date, que é importante para o autor de conteúdo, mas não para visitantes exibindo a página no site ao vivo.
Uma descrição do que tipo de conteúdo deve ser inserida em um campo de página.
Uma observação para autores de conteúdo que eles devem ser considerados como a página de procura por diferentes canais de dispositivos.
Você também pode colocar links para folhas de estilos diferentes em um painel de modo Editar para que você possa fornecer estilos diferentes para o modo de edição versus modo de exibição.
Você deve adicionar o painel de modo Editar a um layout de página quando as notas para autores de conteúdo são específicas para o tipo de conteúdo no qual se baseia o layout da página. Você também pode adicionar este trecho de código para uma página mestra quando as notas para os autores são aplicáveis a todas as páginas que serão associadas essa página mestra por exemplo, se o painel conterá instruções para fornecer conteúdo para um canal de dispositivo específico que usa essa página mestra.
Você também pode definir um painel de modo Editar para exibir seu conteúdo apenas no modo normal, em vez de modo de edição, se você tiver um cenário onde ela é útil ou útil exibir o conteúdo apenas aos visitantes do site (mas não os autores de conteúdo) quando estão editando uma página.
Inserir um painel de modo de edição
Como todos trechos de código, você pode adicionar este trecho da Galeria trecho. Para navegar na Galeria de trechos, primeiro você deve selecionar uma página mestra ou layout de página para editar.
Para inserir um painel de modo de edição
Navegue até o seu site de publicação.
No canto superior direito da página, escolha engrenagem as configurações e clique em Gerenciador de Design.
No Gerenciador de Design, no painel de navegação esquerdo, escolha Editar páginas mestras ou Editar Layouts de página, dependendo de qual tipo de arquivo que você está editando.
Selecione o nome da página mestra ou layout de página que você deseja adicionar o trecho de código para.
Para abrir a Galeria de trechos, escolha trechos no canto superior direito da visualização do servidor.
Na faixa de opções, na guia Design, escolha Painel de modo Editar e escolha o que você deseja que seu trecho de código a ser exibido no modo.
No lado direito da Galeria trecho, sob sobre este componente, clique ou selecione cabeçalhos de seção para expandir ou recolher grupos de propriedades e, em seguida, configure quaisquer configurações personalizadas que você deseja.
A seção denominada importante contém as propriedades que são mais importantes para o funcionamento esse trecho específico. Para um painel de modo Editar, definirá a propriedade PageDisplayMode como Edit ou Display, dependendo do modo que você selecionou na faixa de opções.
Depois de configurar todas as propriedades, escolha a atualização. Isso atualiza o trecho de código HTML no lado esquerdo da página, para que a marcação reflete suas configurações personalizadas. Você sempre pode escolher Redefinir para retornar todas as propriedades para suas configurações padrão.
No lado esquerdo da Galeria trecho, sob Trecho HTML, escolha Copiar para área de transferência.
No seu editor de HTML, abra a unidade de rede mapeada no seu computador e abra o arquivo HTML para a página mestra ou layout de página que você está adicionando o trecho de código para. Para obter mais informações, consulte Como mapear uma unidade de rede para a Galeria de Páginas Mestras do SharePoint.
No arquivo HTML, cole o trecho de onde você deseja que a marca seja exibida.
Se você está adicionando o painel de modo Editar a um layout de página, certifique-se colar o trecho de PlaceHolderMain para que o painel fique visível para os autores de conteúdo no modo de edição. Você pode colar o trecho imediatamente antes de um campo de página específica, ou você pode colocar um ou mais campos de página dentro do painel de modo Editar.
Substituir o
ondeclass="DefaultContentBlock"com seu próprio conteúdo específico, por exemplo, com anotações ou instruções para autores de conteúdo ou campos de página específicos que são úteis para autores, mas não para visitantes do site.Salve a página e, em seguida, atualize a visualização do servidor no Gerenciador de Design para certificar-se de que o painel de modo Editar é exibido conforme o esperado.
Entender a marcação de trecho de código
As duas partes mais importantes de um snippet Painel de Modo de Edição são a propriedade PageDisplayMode e a
class="DefaultContentBlock". A propriedade PageDisplayMode determina se o conteúdo do painel é exibido somente no modo de edição ou no modo de exibição de regulares / (ou seja, sempre que a página não está no modo de edição).
Observação
[!OBSERVAçãO] Essa propriedade não é exibido na marcação, a menos que você altere o valor para Display. Quando a propriedade não aparece na marcação, o modo padrão para o trecho é o modo de edição.
O
class="DefaultContentBlock" é o que você substitui pelo seu próprio conteúdo, que pode incluir outros snippets e controles.
<div data-name="EditModePanelShowInEdit">
<!--CS: Start Edit Mode Panel Snippet-->
<!--SPM:<%@Register Tagprefix="Publishing" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
<!--MS:<Publishing:EditModePanel runat="server" PageDisplayMode="Display" CssClass="edit-mode-panel">-->
<!--PS: Start of READ-ONLY PREVIEW (do not modify)--><!--PE: End of READ-ONLY PREVIEW-->
<div class="DefaultContentBlock" style="border:medium black solid; background:yellow; color:black; margin:20px; padding:10px;">
You should replace this div with content that renders based on your Edit Mode Panel Properties.
</div>
<!--PS: Start of READ-ONLY PREVIEW (do not modify)--><!--PE: End of READ-ONLY PREVIEW-->
<!--ME:</Publishing:EditModePanel>-->
<!--CE: End Edit Mode Panel Snippet-->
</div>