O WordPress é ótimo, e poder personalizar seu site de execução do WordPress é apenas a cereja do bolo. No entanto, nem todos nós estamos codificando gurus. Caramba, alguns amantes do WordPress não sabem nada sobre HTML ou CSS. Mas isso não deve impedir você de personalizar seu tema WordPress. É aqui que entram os criadores de páginas.
Os criadores de páginas de arrastar e soltar estão amplamente disponíveis como plug-ins e são incorporados a muitos temas populares. Eles tornam possível a usuários de todos os níveis fazer alterações no layout geral de um tema e pode facilitar a adição de floreios extras (ícones, barras de habilidades, tabelas de preços etc.). Especificamente, queremos apresentar nosso novo plug-in WordPress de criação de página favorita – o Visual Composer.
Obtenha o Visual Composer gratuitamente! O plug-in do Visual Composer é incluído gratuitamente na compra do nosso Tema Total do WordPress e inclui ótimas extensões para o plug-in para uso com o tema.
1 O que é o compositor visual
2 Como o Visual Composer funciona e o que pode fazer
2.2 Elementos da página
2.3 Arraste e solte
2.4 Opções de linha: formatar, clonar e excluir linhas
2.5 Editor de front-end
2.7 Opções de configurações do Visual Composer
3 Veja em ação
4 Guia completo de uso do Visual Composer
5 Onde você pode obtê-lo
O que é o compositor visual
O Visual Composer é um fantástico plugin desenvolvido pela WP Bakery que adiciona um construtor de páginas de arrastar e soltar ao seu tema WordPress. Nós o inserimos no nosso Tema WordPress Multipurpose Total, mas você também pode vê-lo em quase todos os novos campeões de vendas no Themeforest. Ele fornece as ferramentas necessárias para você criar layouts de página complexos sem precisar tocar em uma única linha de código.
Como o Visual Composer funciona e o que pode fazer
É um plug-in, basta instalar e ativar para aproveitar todos os recursos maravilhosos. Uma vez ativado, o Visual Composer fornece controle sobre o layout das suas páginas. Basta adicionar uma nova página e você verá novos botões para poder alternar entre o modo clássico e o modo construtor, bem como um botão para levá-lo ao editor front-end ao vivo.
A partir daqui, as possibilidades são limitadas apenas pela sua imaginação (ou dos seus clientes). Você pode adicionar linhas, colunas, botões, texto, imagens e muito mais usando todas as opções do Visual Composer. Além disso, há uma opção para salvar seus layouts como modelos para serem reutilizados repetidamente.
Incluídos no construtor estão os elementos de construção da página. Você pode usar esses elementos como blocos de construção literais para sua página. Primeiro Adicionar linha. Linhas permitem adicionar colunas em um clique. Basta passar o mouse na guia amarela do parágrafo no canto superior esquerdo da sua linha e selecionar um layout. A linha divide automaticamente as colunas de acordo com o layout que você escolher.
O próximo passo é começar a adicionar os recursos da sua página. Basta clicar no Adicionar elemento para abrir um menu pop-up. Existem muitas opções para adicionar caixas de texto, títulos, compartilhamento social, imagens e galerias, alternâncias ou guias, acordeões, postagens recentes (que também funcionam com os tipos de post personalizados do seu tema, além dos posts do blog), botões e até widgets da barra lateral.
Além disso, dependendo do tema do WordPress e dos plugins compatíveis que você estiver usando com o Visual Composer, você verá mais ou menos elementos da página. O exemplo acima é do nosso tema Total Drag & Drop WordPress, portanto, existem 30 elementos adicionais do construtor de páginas que criamos e denominamos exclusivamente para o Total. Isso inclui divisórias personalizadas, caixas de ícones, marcos, carrosséis e muito mais.
Clique em qualquer elemento para abrir as opções para esse elemento. Abaixo está um exemplo das "opções" para o nosso módulo Icon Box no tema Total. Como você pode ver, cada módulo pode ter muitas configurações e até várias guias de configurações.
O construtor também suporta quatro plugins de terceiros impressionantes: Slider de camada, Slider de revolução, Formulário de gravidade e Formulário de contato 7. Se você tiver um desses plugins instalados, um elemento da página aparecerá automaticamente para o tema. Quando você escolhe inserir um elemento da página para um desses plug-ins, o Visual Composer exibe uma lista suspensa dos respectivos controles deslizantes / formulários que você criou, ou exibe uma caixa de entrada para adicionar seu ID do controle deslizante. Chega de copiar e colar códigos de acesso!
Em qualquer ponto do processo de design, você pode arrastar e soltar qualquer elemento de linha ou página para reorganizá-los. Você também pode duplicar qualquer linha ou elemento, o que torna a adição de conteúdo repetitivo rápida e fácil (ideal para colunas semelhantes, perguntas frequentes, alternâncias etc.).
Depois de criar um design que você ama, você pode salvá-lo como modelo. Isso é útil ao criar um layout de página personalizado ou barra lateral que você deseja reutilizar. Basta clicar no Modelos , dê um nome ao seu layout e pressione salvar. Quando você usa seu modelo, ele automaticamente preenche sua página com o layout e os elementos que você salvou.
Opções de linha: formatar, clonar e excluir linhas
Existem três recursos adicionais adicionados ao canto esquerdo de cada linha que podem ser usados ​​para clonar ou duplicar uma linha inteira e todo o seu conteúdo, adicionar novos módulos, editar as colunas etc. Simplesmente passe o mouse sobre qualquer linha que você precise editar para acessar essas configurações:
Novamente, dependendo do tema que você está usando com o Visual Composer, as opções de formatação disponíveis para você podem ser diferentes. Enquanto alguns desenvolvedores de temas optam por deixar o Visual Composer como estão, muitos personalizam o plug-in para atender às necessidades ou estilo do tema.
O poderoso Visual Composer agora inclui um editor de front-end, o que torna mais fácil do que nunca começar a criar suas próprias páginas e layouts. A única ressalva é que nem todos os temas suportam o editor de front-end ainda. Verifique a lista de recursos de um tema ou entre em contato diretamente com o desenvolvedor do tema para ver se o editor de front-end do Visual Composer é compatível com o seu tema WordPress. Nosso O tema total do WordPress é 100% compatível com o editor front-end portanto, se o seu tema atual não for, você pode considerar "atualizar" para o nosso tema.
O último recurso que eu gostaria de abordar é a capacidade de expansão do Visual Composer. Se você for um desenvolvedor avançado de codificadores ou temas, poderá integrar seus próprios códigos de acesso ao plug-in. De fato, adicionamos nosso próprio Symple Shortcodes Premium para fornecer ao Total usuários um elemento adicional de criação de página. Isso oferece aos usuários ainda mais opções ao criar páginas!
Se você não é um codificador, faça check-out do CodeCanyon e faça uma pesquisa rápida pelo complemento do Visual Composer. Existem muitos plugins premium excelentes que adicionam recursos extras ao Visual Composer e até alguns bons gratuitos, como o plugin Symple Shortcodes.
Opções de configurações do Visual Composer
Continuo me referindo ao Visual Composer como um construtor de páginas, mas funciona muito bem com postagens e tipos de post personalizados. Tudo que você precisa fazer é ativar a opção. Navegar para Configurações> Visual Composer. Você deve ver uma tela semelhante a esta:
O plug-in exibirá automaticamente os vários tipos de conteúdo incluídos no seu tema WordPress. Basta selecionar o que você deseja usar com o construtor de páginas do Visual Composer. O exemplo acima é do tema Total, e é por isso que há opções adicionais para portfólio, equipe e depoimentos (todos os tipos de postagem personalizados), além de fóruns, tópicos, respostas e produtos (relacionados aos plugins bbPress e WooCommerce suportados pelo Total).
Você também pode mapear qualquer plug-in de código curto para o Visual Composer que você já instalou no seu site WordPress. Na página de configurações, clique na guia Meus códigos de acesso, na parte superior, e clique no botão Mapear código de acesso. Isso deve adicionar códigos de acesso de terceiros aos elementos do compositor. Fácil!
Como eu disse, nós amamos o Visual Composer tanto que o incorporamos ao nosso tema Total WordPress mais vendido (incluído gratuitamente com a sua compra). Dê uma olhada nas várias páginas em qualquer uma de nossas demonstrações ao vivo para o Tema Total. A maioria das páginas que você verá em nossas demos ao vivo foi criada com o Visual Composer! Adicionando planos de fundo, títulos, texto, imagens, ícones … etc. É tudo um pedaço de bolo.
Guia completo de uso do Visual Composer
Se você já possui o plug-in e está procurando um guia sobre como usá-lo, consulte nosso guia completo de uso do Visual Composer, que o guiará passo a passo e mostrará como usar o plug-in.
O Visual Composer está disponível no CodeCanyon se você quiser obtê-lo. Também foi completamente integrado ao nosso WordPress Theme Total premium (junto com outros dois plugins premium por um valor total de US $ 67 – que é mais do que você paga pelo tema!).
Deixe-nos saber o que você acha do plugin abaixo. Ficamos realmente impressionados com o Visual Composer e gostaríamos de ouvir sua opinião sobre o assunto.!