As ferramentas de desenvolvimento do Chrome mostrando que ainda faltam alguns recursos. Corrija todos esses tipos de erro antes de passar para a próxima etapa.
Skin HTML personalizada - Converter o design de um site existente em um skin HTML
Este artigo foi traduzido automaticamente e pode conter imprecisões.
Ver o original em inglês
Se você está organizando um evento e quer que o estilo do seu site DPG corresponda exatamente ao design de um site existente, pode clonar o HTML do site principal para transformá-lo em um skin que possa ser usado com o DPG.
Criar um skin personalizado é totalmente opcional; para a maioria dos usuários, o melhor caminho é usar nossos templates fáceis de personalizar.
O skin HTML consiste em uma página completa do seu código HTML, com inserts do DPG adicionados para incorporar a galeria e o restante do código necessário do DPG nas áreas em que você deseja que ele seja exibido.
Muitas pessoas optam por escrever o próprio skin HTML do site DPG, baseando-se no código do site principal. Neste tutorial, no entanto, mostraremos uma maneira rápida de converter um design existente em um skin do DPG.
Neste guia, utilizaremos:
Se você não tem um desenvolvedor na sua equipe, mas gostaria de um skin HTML personalizado, podemos fornecer esse serviço por um custo adicional. Entre em contato com support@digitalphotogallery.com para mais detalhes.
Clonar o HTML para o seu disco local
Verifique se você tem o Homebrew instalado e, em seguida, execute o comando para instalar o wget:
brew install wget
Crie uma nova pasta, acesse-a com cd e use o comando a seguir para clonar os recursos do site com o qual você está fazendo a integração:
wget -U firefox -p -k -H http://www.targetdomain.com/Enviar os recursos para o seu próprio servidor ou CDN
Envie os recursos clonados para algum lugar acessível online; neste exemplo, estou usando o Transmit com o Amazon S3.
Se você tem controle total do site principal e as localizações dos recursos são previsíveis, pode criar links para esses recursos em vez de cloná-los.
Recriar os links de todos os recursos
Quando você executou o comando wget, ele terá baixado o HTML da página que você indicou. Localize esse arquivo no seu disco local e, no código, encontre e substitua todos os recursos vinculados pelo novo endereço. Teste a página local periodicamente em um navegador para verificar o seu progresso.
Enquanto recria os links dos recursos, talvez você também queira remover qualquer código de rastreamento não utilizado.
Quando não houver mais erros, verifique o domínio de onde os recursos estão vindo para garantir que nenhum esteja sendo servido a partir de um endereço que você não controla.
Arquivo de exemplo nesta fase.
Conheça os layouts de página do DPG
Consulte este artigo para aprender a obter o código de insert atual do DPG e descobrir como aplicar o seu código HTML à sua galeria do DPG.
Converter o HTML baixado em um skin
Agora que você tem uma cópia perfeita da página original, pode começar a editá-la para adicionar os inserts do DPG.
Adicione os inserts do DPG para o cabeçalho.
Remova o HTML do conteúdo e substitua pelo insert de conteúdo do DPG.
Adicione inserts ao final da página.
Crie o layout da sua página no DPG.
Teste o seu layout em uma única página. Depois de confirmar que funciona corretamente, aplique-o a todas as páginas.
Agora você tem um site DPG totalmente funcional que corresponde ao seu site principal. Por fim, adicione no seu site principal os links que apontam para a nova galeria de fotos.
Código finalizado deste exemplo.