Edite e gerencie seu site HTML com PageLime

Transforme seu site estático, feito apenas com HTML e CSS em um site totalmente editável e gerenciável. Tenha seu próprio painel de controle e esqueça as edições no código fonte!

Olá galera! Se você manja de HTML e CSS e gostaria de fornecer a seus clientes uma maneira rápida e fácil de atualizar o conteúdo presente no site, esse tutorial é para você! Vamos falar hoje sobre uma ferramenta excelente e muito pouco comentada na web brasileira, o PageLime.

Trata-se de um CMS (sistema para gestão de conteúdo) totalmente online e que dispensa a instalação de bancos de dados e outros arquivos na hospedagem. Enfim, uma opção prática e intuitiva para quem não quer ou não se identifica com as opções disponíveis no mercado, como Joomla, WordPress, Drupal e etc.

O PageLime possui 4 planos de assinatura, sendo que o primeiro, até 3 sites, é totalmente FREE. Os demais planos além de suportare a inclusão de mais sites, também possuem ferramentas para revenda dos serviços. Confira abaixo:

Planos PageLime

Planos de Comercialização

Caso queira acompanhar este tutorial faça uma conta FREE e mãos à massa!

Entendendo as Telas Administrativas

Após efetuar o login no sistema você será levado à seguinte tela. Confira as opções dispóníveis e suas funções, conforme indicado na imagem:

Tela Administrativa do PageLime

O PageLime já possui idioma Português-Brasileiro e caso queira alterar isso, basta clicar em Manager Account account settings e no campo Default Account Language escolher Portuguese Brazilian.

Agora que já nos familiarizamos com as opções do painel de administração e já acertamos o idioma, vamos começar a colocar a mão na massa e ver na prática o PageLime em ação.

Adicionar um Novo Site

Para começar a integrar um site ao PageLime, primeiramente temos que adicioná-lo a nossa conta. Vale lembrar que ates de fazer isso, é necessário que o mesmo já esteja funcionando normalmente em sua hospedagem. Se isso já foi feito, basta clicar em Add New Site e fornecer a URL (www.seusite.com.br).

Na tela que será exibida serão solicitadas algumas informações para que o sistema possa acessar seu site e assim ser capaz de editar os arquivos que estão na hospedagem.

Após fornecer os dados solicitados clique em TEST para ver se com os dados preenchidos é possível acessar sua hospedagem. Se tudo ocorreu bem, o próximo passo é indicar, em seu servidor FTP (acessando o campo Set the path to on your FTP Server) qual a homepage do seu site (geralmente index.php ou index.html).

Editando os arquivos do site

Se tudo ocorreu bem no passo anterior, agora seu deve estar aparecendo na lista de sites disponíveis para edição no painel de controle.

Neste ponto vale uma explicação referente ao funcionamento do PageLime. Para que o sistema reconheça uma área como editável (por exemplo uma imagem, título, link, etc) são necessárias 2 coisas:

  1. Um ID único
  2. Um determinado nome de classe que será reconhecido pelo sistema. Por padrão é “cms-editable”. mas pode ser alterado por um de sua preferência

Atualmente os elementos que podem ser editáveis no PageLime são: div (bloco), img (imagem),(link), h1, h2, h3 (cabeçalhos) e p (parágrafo).

Para editar qualquer dos elementos citados, clique em “Editar Site” no menu “Ações do Site“. Nesse momento será exibido o site online. Se você já adicionou um ID único e a classe “cms-editable” às tags mencionadas, verá que um botão com a palavra “edit” será exibido junto às imagens, textos, títulos etc. Basta clicar no elemento que deseja modificar e fazer as mudanças desejadas e pronto, o respectivo conteúdo estará atualizado.

Caso ainda não tenha adicionado o ID único e a classe mencionada, poderá faze-lo diretamente nesta tela. Clique em Ferramentas de Páginas > edit code. Se você mesmo foi o responsável pela codificação em HTML do site, já estará familiarizado com a estrutura. Localize as tags que aceitam edição no Pagelime e adicione um ID único e a classe “cms-editable”, como no exemplo abaixo:

<img id="topo" class="cms-editable" src="images/topo.jpg alt="topo do site" />

Depois de fazer isso nas demais tags e páginas, seu site está 100% editável e toda a manutenção será bem mais rápida e fácil.

Além da possibilidade de tornar seu site editável, o Pagelime também lhe oferece recursos bem interessantes, como gerenciamento de modelos, criação de novas páginas, pastas e etc. Tudo fácil e intuitivo. Fique a vontade para explorar as possibilidades e leve seu site estático para o próximo nível.

Com certeza utilizar o Pagelime pode ser a melhor solução para sites estáticos que não tem possibilidade de ser reescritos dentro de um CMS como o WordPress, ou mesmo para projetos menores onde os gastos com criação de templates podem não ser viáveis.

Espero que tenham gostado! Deixem seus comentários e dúvidas que terei o maior prazer em ajudar. Até a próxima.

Deixe uma Resposta

  • (não será publicado)

XHTML: Você pode usar estas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

© 2017 Mochileiro Digital.

Compartilhe: