Revisão do SiteOrigin Page Builder: O melhor plug-in gratuito para WordPress Page Builder?

Ofertas do WordPress


O SiteOrigin Page Builder é um dos plugins de editor de conteúdo gratuito mais populares disponíveis para o WordPress. Porém, com tantos excelentes criadores de páginas premium no mercado, um plug-in gratuito como o SiteOrigin Page Builder pode ser uma alternativa realista ou ficará aquém?

No final desta revisão, você poderá ver por si mesmo se economizar dinheiro e usar um plug-in gratuito é uma opção viável ou se a falta de recursos torna necessária a compra de uma ferramenta premium..

Sobre o SiteOrigin Page Builder

O plugin do SiteOrigin Page Builder

O Page Builder da SiteOrigin (disponível para download no repositório oficial do WordPress aqui foi criado para ajudá-lo a produzir designs personalizados para o conteúdo do seu site WordPress. Desde ajudá-lo a criar um layout de página inicial exclusivo até oferecer designs avançados para as páginas Sobre e Contato, além de ajudá-lo para publicar posts de blog mais atraentes, esse plug-in atualiza o editor padrão do WordPress para expandir suas opções criativas.

A interface do usuário do SiteOrigin Page Builder

A interface de usuário de back-end do Page Builder by SiteOrigin.

O plug-in permite criar layouts de página responsivos personalizados baseados em grade através de sua interface de arrastar e soltar, e você pode inserir uma variedade de módulos de conteúdo em seus layouts personalizados para criar páginas ricas em recursos.

Interface de usuário front-end do Live Editor

O modo Live Builder SiteOrigin Page Builder front-end.

Se você está procurando inspiração de design ou se está com pouco tempo, o SiteOrigin Page Builder também inclui uma seleção de layouts editáveis ​​pré-construídos.

Layouts de página do construtor de página SiteOrigin

Os layouts do SiteOrigin Page Builder são todos editáveis.

Em seguida, exploraremos a interface do usuário e a seleção de módulos de conteúdo, mas se você quiser ter mais controle sobre a aparência das postagens e páginas no seu site WordPress, esse poderá ser o plug-in para você.

Melhores recursos do SiteOrigin Page Builder

A interface do usuário, a seleção de módulos e widgets de conteúdo e os layouts pré-construídos são os três principais componentes de um plug-in do construtor de páginas do WordPress.

Analisaremos esses aspectos deste plug-in, além de alguns recursos extras para ajudar você a decidir se essa ferramenta gratuita é a opção certa para seu projeto.

Interface do Construtor de Páginas Arrastar e Soltar SiteOrigin

Quando você ativa o plug-in, uma guia extra é adicionada ao Editor do WordPress. Quando clicado, ele lança a interface do SiteOrigin Page Builder.

Botões do Editor do Construtor de Páginas

Clicar na guia Criador de páginas alterna o Editor do WordPress para o Criador de páginas do SiteOrigin.

Após o carregamento da interface do Construtor de Páginas, você pode começar adicionando um widget, uma linha ou um layout pré-construído à sua página.

Opções de introdução ao SiteOrigin Page Builder

A interface do SiteOrigin Page Builder de back-end.

Criando grades de layout com linhas e colunas

As linhas são a base do layout do construtor de páginas e cada linha adicionada à sua página pode ser dividida em várias colunas. Ao adicionar várias linhas ao seu layout – cada uma com suas próprias colunas – você pode começar a criar designs de página avançados em apenas alguns cliques.

Construtor de Linhas

O SiteOrigin Page Builder fornece controle preciso sobre seus layouts baseados em grade através do uso de linhas e colunas.

Depois de clicar no botão Adicionar linha, você pode definir sua estrutura de linha e coluna. A interface de arrastar e soltar facilita a alteração da largura das linhas, mas, se você estiver procurando ajuda para criar um layout esteticamente agradável ou se quiser economizar tempo, pode escolher na coluna predefinida índices.

Criar um layout de coluna personalizado

As proporções predefinidas facilitam a criação rápida de um layout de coluna adequado para sua página.

Além de definir o número de colunas na linha, você também pode personalizar a aparência da linha e das células individuais. A alteração da exibição do plano de fundo, incluindo a alternância de cores ou imagens, é tratada no painel Estilos de linha. Você também pode adicionar margens e preenchimento personalizados e inserir qualquer CSS personalizado para ter ainda mais controle sobre seu design.

Personalizar os estilos de linha

O SiteOrigin Page Builder fornece controle total sobre a aparência de suas linhas e suas colunas.

Quando estiver satisfeito com a linha e suas colunas, você poderá adicioná-lo à sua página para continuar criando seu layout personalizado. Como você pode adicionar quantas linhas for necessário à sua página, é possível criar alguns layouts realmente avançados com o SiteOrigin Page Builder.

Exemplo de um layout personalizado do SiteOrigin Page Builder

Os layouts personalizados de linhas e colunas podem ser reorganizados por meio da interface de arrastar e soltar.

Adicionando widgets ao seu layout de página personalizado

Widgets são blocos de conteúdo usados ​​para adicionar elementos úteis às suas páginas, como botões, mapas e controles deslizantes. Mas antes de abordarmos as opções do widget, vamos ver como elas são adicionadas aos layouts de página.

Widgets do construtor de página SiteOrigin

Alguns dos widgets ou blocos de conteúdo que você pode adicionar aos seus layouts com o SiteOrigin Page Builder.

Basta selecionar uma célula de linha ou coluna e pressionar o botão Adicionar widget, e você pode escolher qual elemento adicionar ao seu layout.

Adicionar um widget à página

Os widgets SiteOrigin Page Builder podem ser extensivamente personalizados.

Após a adição de um widget, você pode clicar nele para começar a personalizar sua aparência e como ele funciona..

Modo de editor ao vivo do SiteOrigin Page Builder

Além de trabalhar no editor de back-end, você também pode alternar para o modo “Editor ao vivo” para ver a aparência da sua página quando publicada.

Visualização de front-end do Live Editor

O modo Exibição ao vivo facilita a visualização do seu trabalho, e você também pode fazer alterações através do painel lateral, mas não é tão interativo quanto o de alguns dos criadores de páginas premium.

Se você deseja fazer alterações na sua página ao trabalhar no modo Editor ao vivo de front-end, em vez de permitir a interação direta com o conteúdo, o plug-in exibe uma janela pop-up que contém os controles.

Painéis de opções do editor ao vivo

Se você quiser fazer alterações no design da sua página no modo Live Editor, precisará fazê-lo através de uma janela pop-up.

O modo Editor ao vivo oferece uma visualização precisa do seu trabalho, permitindo que você descubra como ele ficará para os visitantes. No entanto, devido à falta de edição direta em linha, ele não se compara bem aos editores de front-end aponte e clique polidos encontrados nas ferramentas premium do WordPress, como Beaver Builder, Visual Composer ou Thrive Themes Content Builder.

O editor front-end da Divi

O Divi é um plugin WordPress para criação de temas e páginas premium que permite interagir diretamente com o design da página.

A falta de edição direta em linha do Live Editor não é uma grande desvantagem, mas as outras ferramentas mencionadas anteriormente, bem como o Divi premium da Elegant Themes, oferecem uma experiência do usuário muito mais responsiva e intuitiva. Ser capaz de clicar em um item e começar a editá-lo diretamente na página – se você deseja alterar o texto, redimensionar uma coluna ou mover um elemento para uma nova posição – é uma maneira muito mais conveniente e intuitiva de trabalhar.

Design de página responsiva para celular

Um recurso útil do Live Editor, no entanto, é a ferramenta de visualização móvel. Para ter uma idéia de como os usuários de smartphones e tablets experimentarão seu conteúdo, use os botões do dispositivo para visualizar seu design nas viewports para dispositivos móveis.

Visualização móvel do SiteOrigin Page Builder

Clicar nos botões para celular e tablet altera o tamanho da janela de visualização para emular as telas menores desses dispositivos.

Como todos os elementos do SiteOrigin Page Builder – incluindo layouts e widgets – são responsivos, seus designs devem funcionar bem em dispositivos de tela menores.

Layouts do construtor de página SiteOrigin

Exemplo de layout pré-construído

Um dos layouts de página inicial editáveis ​​e pré-construídos do SiteOrigin Page Builder.

Além de criar seus próprios designs personalizados, você também pode importar um dos layouts pré-criados para sua página e, para um plug-in gratuito, o SiteOrigin Page Builder inclui uma seleção impressionante de designs pré-construídos. No entanto, eles não estão no mesmo padrão daqueles que você obteria com uma ferramenta premium, como o Beaver Themer.

Alguns layouts de construtor de páginas

Os designs do SiteOrigin Page Builder abrangem uma variedade de tipos de página, incluindo Página inicial, Sobre, Contato e páginas de comércio eletrônico adequadas para uma variedade de projetos. Depois de importar um layout, você pode editá-lo através da interface do criador de páginas de back-end.

Editando um layout

Os layouts importados são compostos de linhas, colunas e widgets que podem ser personalizados através da interface do construtor.

Os layouts incluem fotografias relevantes, portanto, depois de importar o design, você pode simplesmente substituir o texto para criar rapidamente a página do seu site.

Widgets de bloco de construção de conteúdo

Como mencionado, o SiteOrigin Page Builder inclui um bom conjunto de widgets úteis que podem ser adicionados às suas páginas. De títulos e botões a tabelas de preços e controles deslizantes, você pode atualizar rápida e facilmente seu conteúdo com este construtor de páginas.

Widgets do Construtor de Páginas

O SiteOrigin Page Builder fornece um bom conjunto de widgets para seus designs de página personalizados.

Depois de adicionar um widget ao seu layout, você pode personalizar sua aparência através da interface do construtor.

Editando um Widget

Você pode personalizar os widgets para garantir que eles correspondam às suas preferências de design.

Como muitos dos melhores plug-ins de construtores de páginas do WordPress, qualquer um dos widgets ativos no seu site – incluindo os de plug-ins de terceiros – pode ser adicionado aos seus designs personalizados. Isso abre um mundo inteiro de possibilidades criativas. Se você não conseguir encontrar um widget adequado na seleção do SiteOrigin Page Builder, poderá encontrar um widget em outro lugar.

Funciona com qualquer tema do WordPress

Embora o SiteOrigin ofereça uma variedade de temas do WordPress (alguns dos quais foram criados pelo SiteOrigin e alguns de autores de terceiros, como ProteusThemes e ThemeTrust), o plugin Page Builder deve funcionar com qualquer tema codificado corretamente. Por exemplo, o tema filho do Digital Pro Genesis do StudioPress foi usado durante os testes para esta revisão do SiteOrigin Page Builder sem problemas. A mudança de temas também não causou problemas, com os designs de página personalizados transferindo-se perfeitamente para o novo design.

Modelo de página de largura total

Seu site precisará de um modelo de largura total se você quiser criar páginas sem as barras laterais ou cabeçalhos do WordPress.

Se você quiser criar layouts de largura total, como na sua página inicial, precisará garantir que o tema do WordPress inclua um modelo de largura total. Como alternativa, você pode codificar um ou instalar um plug-in, como os modelos de largura total gratuitos para qualquer tema & Page Builder.

Vida após o siteOrigin Page Builder?

Devido à maneira como muitos construtores de páginas do WordPress funcionam, desativar o plug-in pode causar problemas. Freqüentemente, você perde o acesso a qualquer conteúdo adicionado a uma página com o construtor ou se perde em um mar de códigos proprietários.

Depois de remover o plugin

Seu conteúdo ainda está acessível após a desativação do plug-in SiteOrigin Page Builder.

Felizmente, esse não é o caso do SiteOrigin Page Builder. Depois de desativar o plug-in, seu conteúdo ainda deve estar acessível (sem a formatação aplicada pelo construtor) aos visitantes e editável através do editor padrão do WordPress. Isso permite que você alterne para outro construtor de páginas no futuro sem perder seu conteúdo – algo que nem sempre é possível com outros plugins do construtor de páginas.

Complementos para o SiteOrigin Page Builder Premium

Até agora, tudo o que foi abordado nesta revisão do SiteOrigin Page Builder está relacionado à versão gratuita do plug-in. No entanto, você pode atualizar o construtor de páginas adquirindo o pacote complementar SiteOrigin premium por US $ 29.

Módulos complementares premium

A atualização premium oferece acesso a um serviço de suporte mais rápido e sete novos recursos do construtor de páginas.

Os benefícios da ativação dos complementos premium incluem a possibilidade de usar o construtor de tipo de postagem personalizado para criar tipos de postagem adicionais para o seu site, a capacidade de definir imagens de plano de fundo de paralaxe para linhas de layout para torná-las mais atraentes visualmente e a capacidade de adicionar animação efeitos nos elementos do layout.

Usando o módulo de animações premium

Os complementos premium permitem que efeitos de animação e gatilhos sejam aplicados aos elementos da página.

Outro benefício da compra dos complementos para o SiteOrigin Page Builder é que, além do canal de suporte gratuito, você também obtém acesso ao suporte premium por email.

Pensamentos finais

Visualização ao vivo de front-end

A interface front-end relativamente limitada do construtor de páginas é a única grande fraqueza deste plug-in.

Para um plugin WordPress grátis, o SiteOrigin Page Builder é uma ferramenta impressionante.

O editor é fácil de usar e a seleção de widgets, juntamente com a capacidade de adicionar widgets de terceiros aos seus layouts, deve garantir que quase qualquer pessoa possa criar designs de página personalizados úteis para o site WordPress. Os layouts de página pré-criados também são bons, oferecendo uma maneira rápida de começar com seus próprios designs personalizados.

O Live Editor de front-end é a principal área em que o SiteOrigin Page Builder fica atrás dos plug-ins de construtor de páginas premium para WordPress. Embora você possa criar designs de qualidade semelhante aos que você criaria com uma ferramenta como Divi ou Beaver Builder, você levará mais tempo e envolverá mais esforço com o SiteOrigin Page Builder. Além disso, existem alguns recursos encontrados nessas ferramentas às quais você não terá acesso com este plug-in – mesmo se você comprar os complementos premium.

No entanto, para um plug-in gratuito do construtor de páginas do WordPress, a experiência geral do usuário do SiteOrigin Page Builder é boa, e se você estiver com um orçamento apertado e ainda desejar criar designs de página avançados para o seu site, poderá ser uma grande ajuda.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map