Nunca toque código novamente: filament.io, para não-desenvolvedores em todos os lugares

Se você já tentou colar manualmente um trecho de código como o Google código de acompanhamento no seu site, cavando em arquivos de modelo PHP Analytics, você vai saber como assustador pode ser. Filament.io torna tão simples quanto arrastar e soltar. Pelo menos, essa é a promessa.

Começando

Cabeça sobre a filament.io e aperte o botão de inscrição. Você precisará criar um login, mas as contas do Facebook e do Google pode ser usado para um botão de acesso rápido. Em seguida, você precisa digitar o domínio que você vai usá-lo - você pode adicionar mais tarde.

Se você estiver executando o WordPress, isso será detectado quando se verifica o local, e é sugerido que você instale o plugin fornecido como ele permite que você controle mais preciso sobre qual o tipo de páginas a funcionalidade filamento ter contido (como apenas mensagens e não estática Páginas).

Na próxima etapa, a tela de Filamento de inscrição lhe dará um curto trecho de javascript - cole este na página de configurações do plugin. Pode ser o último pedaço de código javascript que você realmente precisa! Você pode usar Filament sem o plugin, mas você não vai ter tantas opções para filtrar onde os scripts são exibidos.

Adicionar aplicativos

A ferramenta de tela Filament uma visualização ao vivo de seu site para que você possa projetar visualmente onde você deseja aplicativos para ir. Comece adicionando um bom conjunto de botões sociais chamado Flare. Na visualização de site, navegue até um poste.

Na barra lateral, bater Novo para abrir as opções de alargamento. Flare é um delicioso costume conjunto de botões de compartilhamento que se parecem muito mais agradável do que os botões fornecidos pela rede padrão que você provavelmente vê no lado deste artigo. Um logotipo da marca é incluído que pode ser removido através da compra de uma licença prêmio para o plugin.

Salve as configurações, em seguida, arraste e solte o novo módulo de alargamento para o seu site. Um conjunto inicial de opções de filtragem irá então aparecer. Vá em frente e adicioná-lo à Todos os meus posts.

Então você vai ter um outro conjunto de filtros para customise- estes estão habilitados pelo plugin WordPress. Como um desenvolvedor eu estou acostumado a circundante scripts em vários PHP se cláusulas (não sei o que é isso? Leia o nosso Guia PHP Iniciantes), Mas eu posso realmente apreciar o poder desses filtros para aqueles sem o know-how de detecção WordPress-tipo de página.

Em um nível técnico, o plugin WordPress adiciona um conjunto de meta tags para sua saída da página que contam Filament que tipo de página é- o initialiser Filament javascript então detecta que, e injeta os scripts que você quer nessa página particular de acordo com o estabelecido filtros. Não manipular os scripts em qualquer outra forma - apenas injeta-los para a página.

Você terá que clicar Publicar antes que as mudanças são enviados para o seu site, e eles podem levar alguns minutos para aparecer, então não se preocupe se não é imediatamente visível.

Clique no painel de controle link para adicionar mais aplicativos, ou você pode criar unidades de Alargamento adicionais (se, por exemplo, você queria um projeto específico ou mais botões na página inicial).

No momento da escrita, há 6 aplicações em total disponível:

• alargamento, um plugin bookmarking social.
• Hera, que permite aos usuários compartilhar facilmente citações que destacam de seus artigos.
• Passaporte, uma maneira interessante para destacar todo o seu perfil social pessoal (sim, eu percebo isso está soando um pouco centrada sociais no momento)
• MailChimp é uma assinatura para o serviço excelente lista de discussão (que por sinal, é gratuito para até 12.000 e-mails por mês e 2.000 assinantes)
• Google Analytics deve ser familiar para qualquer pessoa com um site-Ryan criado este grande guia para iniciantes para compreender seus dados de análise.
• Finalmente, CodeDrop permite gerenciar quaisquer outros trechos de código que você foi dado em outro lugar.

A partir do painel, clique em Lançamento. Observe o drop down para selecionar locais - você pode gerenciar vários sites a partir de uma única conta.

É bom?

A ferramenta de layout visual é surpreendentemente eficaz, evitando o incómodo de tentar descobrir o posicionamento exatamente certo manualmente. Se você é editar arquivos de tema não está confiante, é um salva-vidas. Mas isso só pode trabalhar dentro dos limites de seu tema existente. Ele se encaixa automaticamente para quaisquer elementos que encontra na página, mas não pode, por exemplo, criar uma nova coluna para um widget se seu tema tem apenas uma coluna.

Ele também produz coisas erradas às vezes, como inevitavelmente sua página também terá elementos dinâmicos como sliders- ou o seu CSS tema possam interferir com o widget. Você pode precisar de brincar - mas a maior parte, ele funciona muito bem.

Mesmo como um desenvolvedor web, eu aprecio a facilidade de uso e gerenciamento de script central. Meus arquivos de rodapé são geralmente cheio de código aos scripts de saída apenas em uma determinada página - isso faz que, limpando arquivos de tema fáceis ridículas.

A seleção de aplicativos é bastante limitado no momento, embora, claro, você sempre pode adicionar suas próprias adições simples código através do módulo CodeDrop - e há mais aplicativos prometidos. Eu encontro-me desejando que esta funcionalidade foi incluído por padrão com o WordPress - para todos os avanços na personalização tema, ainda é deixado com o uso de edição de template PHP arcano para adicionar snippets javascript. Por enquanto, Filament.io preenche um buraco mal necessário em termos de funcionalidade que muitos de nós nunca sequer sabia que existia. Você deu-lhe um ir? Conte-nos seus pensamentos.