Qual é o melhor plug-in do editor de CSS do WordPress? Comparação Microthemer vs CSS Hero

Existem alguns casos em que precisamos do plugin do editor de CSS do WordPress. Por exemplo, quando estamos usando um tema WordPress que não tem a opção de personalizar o plano de fundo do menu.

Nesta condição, precisamos descobrir o seletor CSS exclusivo que controla o fundo do menu. Às vezes, essa tarefa pode se tornar muito complicada. Especialmente para alguém novo no WordPress ou alguém que não sabe como trabalhar com o código.

Outro exemplo é a posição e o tamanho do logotipo. Muitos temas não oferecem a posição e redimensionamento do logotipo personalizado. Isso pode ser uma grande dor de cabeça se você não for um profissional em CSS e HTML.

É aqui que os plug-ins personalizadores de CSS entram e tornam possível editar CSS ao vivo no front-end do WordPress. Esses plug-ins mantêm as alterações salvas em um banco de dados que não é apagado com as atualizações do tema ou mesmo após a remoção do plug-in do editor de CSS do WordPress.

Se você estiver executando um site WordPress e não for um especialista em CSS, um excelente plugin CSS para WordPress pode ser útil. Normalmente, as pessoas usam a opção embutida do navegador chamada “ inspecionar elemento ” para descobrir os seletores CSS para um elemento específico ou instalar o plugin do construtor de páginas como Elementor, WPBakery, Beaver Builder ou Divi (verifique a comparação Divi vs Elementor).

Mas pense em como seria bom se você pudesse editar CSS ao vivo no frontend do WordPress e todas as alterações fossem salvas em uma tabela segura do banco de dados que pudesse ser exportada para qualquer lugar.

E isso realmente é possível com os plug-ins mencionados abaixo. CSS Hero e Microthemer. Mas qual é o melhor? Para determinar que comparei seus recursos, você pode decidir por si mesmo, dependendo do que você precisa de um plugin do editor de CSS do WordPress.

Melhor Plugin de Editor CSS para WordPress

Você já desejou poder simplesmente clicar em qualquer elemento do seu tema WordPress e editar o estilo CSS ? E não apenas isso. Mas também ter a capacidade de ver as alterações feitas imediatamente, tudo sem precisar escrever código CSS.

Ou talvez você não se importe um pouco com a codificação, mas ainda deseja poder ver as alterações feitas sem ter que editar, salvar, atualizar, ver como fica e repetir as mesmas etapas novamente.

Dois plug-ins de editor CSS premium se separam do resto. Esses são CSS Hero e Microthemer . Ambos os plug-ins de editor visual CSS são incríveis e têm basicamente os mesmos excelentes recursos.

Comparação Microthemer vs CSS Hero

• CSS Hero
• Compatível apenas com temas e plug-ins selecionados

  CSS Hero vem com um recurso experimental que está atualmente em beta. É chamado de detecção automática do modo foguete. O Modo Foguete tenta adivinhar os seletores CSS do seu tema por conta própria.
• O plano inicial custa $ 29 por ano para um local, o plano pessoal é para até 5 locais e custa $ 59 por ano e o plano Pro para até 999 locais por $ 199 por ano.

Compre CSS Hero

• Plugar
• Compatibilidade de temas e plug-ins
• Editando no Frontend
• Capacidade de desfazer alterações
• Visualização ao vivo
• Personalize o site para dispositivos móveis
• Armazenar predefinições para cada tema
• Modo livre de distração
• Teste grátis
• As configurações permanecem mesmo após a desativação do plug-in
• Preço

• Microthemer
• Afirma ser compatível com todos os temas e plug-ins do WordPress.
• O plano padrão custa $ 45 para até 3 sites, enquanto o plano de desenvolvedor custa $ 90. É uma taxa única com atualizações e suporte vitalícios.

Compre Microthemer

Eu comparei Microthemer vs CSS Hero com base em seus recursos principais. Cada um desses plug-ins tem muito mais opções disponíveis. Observe que alguns recursos podem ser removidos ou adicionados, portanto, sempre verifique o site oficial para obter informações mais precisas.

Revisão do herói CSS

PREÇOS: CSS Hero tem vários planos, dependendo de quantos sites WordPress você pretende usá-lo. O plano inicial custa $ 29 por ano para um local, um plano pessoal é para até 5 locais e custa $ 59 por ano e o plano Pro para até 999 locais por $ 199 por ano.

Todos os pacotes incluem : atualizações de um ano, suporte de um ano, recurso de exportação fácil do CSS Hero para exportar todas as suas edições e usá-las sem CSS Hero

NOTA: Compatível apenas com temas e plug-ins selecionados! Ele pode funcionar com outros temas do WordPress se eles seguirem os padrões de codificação do WordPress.

Se você é um dos muitos iniciantes que deseja personalizar o design do seu site WordPress sem tocar em CSS, então você está com sorte. CSS Hero é um ótimo plugin editor de CSS premium para WordPress para edição de CSS ao vivo.

Graças a este plugin, você pode editar CSS de qualquer elemento no site ao vivo e as alterações são feitas imediatamente no frontend. Quando você ativa o CSS hero , ele mostra uma janela pop-up no lado direito do seu site.

As janelas pop-up podem ser arrastadas para qualquer lugar da página (enquanto estiver conectado como administrador). Se você clicar em um botão de círculo, o CSS Hero é ativado na página e detecta os elementos da página.

Com o passar do mouse, você pode editar as propriedades CSS desse elemento no painel de opções pop-up CSS Hero. Você pode editar propriedades CSS como preenchimento, margem, estilo da fonte, tamanho e cor, posição, sombra projetada, sombra 3D, etc.

Você pode até marcar o valor CSS fornecido como importante para substituir qualquer estilo existente para esse elemento.

Funcionalidade de cada botão:

• Trigger do Editor Principal - edita qualquer elemento da página.
• Modo de dispositivo - este modo é usado para alternar entre o modo de visualização de desktop, tablet e dispositivo móvel para ter uma visão instantânea de como o trabalho será exibido em dispositivos portáteis.
• Histórico - permite gerenciar e navegar no histórico de edições do tema atual, uma lista detalhada de histórico de edições com base em data / hora será armazenada aqui.
• Predefinições - é um conjunto de opções salvas e armazenadas. O usuário pode armazenar predefinições ilimitadas para cada tema.
• Ferramentas - Este ícone ajuda o usuário a redefinir as configurações para o padrão do tema, limpar o histórico ou mostrar o CSS gerado.
• Compartilhamento de mídia social - Este ícone é feito para compartilhar o plugin CSS Hero nas redes sociais.
• Modo de tela inteira - Este recurso leva você ao modo de edição de tela inteira.
• Modo de desligamento - Desative o plugin CSS Hero e volte à navegação normal.

Como já mencionado, CSS Hero é um plugin de editor de CSS premium para WordPress que permite que você crie seu próprio tema para WordPress sem escrever uma única linha de código. Nenhum HTML ou CSS necessário .

Semelhante a um criador de página visual, CSS Hero funciona permitindo que você selecione e altere elementos do seu site por meio de um editor visual ao vivo. O editor é exibido no front-end do seu site e personalizar cada elemento é tão simples quanto apontar e clicar.

As personalizações são aplicadas separadamente aos seus estilos de tema originais, gerando uma folha de estilo CSS extra. O novo código apenas substituirá o antigo, deixando-os intactos.

Você tem a capacidade de desfazer as alterações caso deseje reverter para o padrão em uma data posterior. Todas as alterações são salvas como uma folha de estilo adicional, o que significa que você pode atualizar seu tema WordPress sem se preocupar em perder as alterações.

CSS Hero pode economizar muito tempo e frustração quando se trata de fazer personalizações de design.

Os principais recursos incluem:

• Personalize suas fontes com as fontes da web do Google
• Mude as cores de quase tudo
• Use os controles deslizantes para alterar as margens, alturas do texto e larguras das colunas
• Selecione efeitos especiais , como gradientes, transições e sombras
• A saída CSS é limpa e reduzida
• Contém um histórico completo de mudanças caso você deseje desfazer algo
• Modos de visualização responsivos para uma variedade de tamanhos de tela

Como usar CSS Hero para personalizar seu tema WordPress?

Primeiro, você precisa instalar e ativar o plugin CSS Hero. O objetivo do CSS Hero é fornecer a você uma interface WYSIWYG (o que você vê é o que você obtém) para editar seu tema.

Depois de instalar o CSS Hero WordPress Plugin, em cada página pública do seu site, você verá um ícone azul Lightning Bolt no canto superior direito. Este ícone é mostrado apenas para administradores de site e tem a seguinte aparência :

Clicar no botão converterá seu site em uma visualização ao vivo. Agora você poderá ver a barra de ferramentas CSS Hero . O primeiro item da barra de ferramentas é a ferramenta de seleção . Basta clicar nele e, em seguida, clicar em qualquer elemento do seu site.

CSS Hero mostrará os seletores CSS usados ​​pelo seu tema para aquele elemento específico. Depois de escolher um seletor , você poderá ver todas as coisas que pode modificar para aquele elemento. Isso inclui texto, margens, preenchimento, fundo, etc.

Quando você clica em uma propriedade, ela mostra todas as opções que você pode alterar. Conforme edita os valores , você verá as alterações aplicadas ao seu site na visualização ao vivo.

Quando estiver satisfeito com as alterações feitas, basta clicar no botão Salvar para armazenar suas alterações. Repita o processo para modificar qualquer elemento em qualquer página do seu site.

Personalizando Seu Site para Dispositivos Móveis com CSS Hero

Você precisa se certificar de que seu site tenha a mesma aparência em todos os dispositivos e tamanhos de tela . CSS Hero vem com uma ferramenta de visualização embutida para também verificar este aspecto.

Basta clicar no ícone da área de trabalho na barra de ferramentas CSS Hero e clicar em um tipo de dispositivo. Você pode escolher entre dispositivos móveis, tablets e desktops. A área de visualização mudará para o dispositivo selecionado.

Agora você pode editar seu site enquanto o visualiza para dispositivos móveis. Esta ferramenta é particularmente útil para ajustar seu tema para dispositivos portáteis.

Como desfazer alterações feitas no CSS Hero?

Aí vem Desfazer / Refazer - ícone do histórico em jogo. Um dos recursos valiosos do CSS Hero é a capacidade de desfazer qualquer alteração feita a qualquer momento. CSS Hero mantém um histórico de todas as alterações feitas no seu tema. Basta clicar no botão de histórico na barra de ferramentas CSS Hero para ver a lista de alterações.

Clique no ícone de visualização ao lado de uma data e hora para ver o que seu site parecia naquele ponto. Se você deseja reverter para esse estado, você precisa clicar no ícone Ativar. E se você quisesse apenas reverter as alterações feitas em um item específico?

Nesse caso, você não precisa usar a ferramenta de histórico. Basta clicar no elemento que deseja reverter e, em seguida, clicar no botão reset. Isso mudará o item de volta às configurações padrão definidas pelo seu tema WordPress.

Compatibilidade do tema CSS Hero

O site oficial do CSS Hero tem uma lista de temas compatíveis. A lista é continuamente atualizada com novos temas compatíveis com o plugin CSS Hero.

Esta lista inclui muitos dos populares temas gratuitos do WordPress. Ele também tem os temas premium mais populares de Elegant Themes, StudioPress e WooThemes.

É compatível com os frameworks de tema WordPress mais populares, como Genesis, Thematic, Pagelines, etc. E os temas que não estão na lista de compatibilidade?

CSS Hero vem com um recurso experimental que está atualmente em beta. É chamado de detecção automática do modo foguete . Se você estiver usando um tema não listado na lista de compatibilidade de temas, então CSS Hero irá recomendar que você experimente o Modo Foguete.

O Modo Foguete tenta adivinhar os seletores CSS do seu tema por conta própria. Isso funciona na maioria das vezes. Se o seu tema seguir os padrões de codificação do WordPress, você poderá editar quase tudo. Você também pode entrar em contato com o desenvolvedor do tema e pedir-lhes para fornecer compatibilidade com CSS Hero.

Compatibilidade de plug-ins com CSS Hero

CSS Hero é compatível com alguns dos plug-ins mais populares e comumente usados ​​do WordPress . A lista inclui formulários de gravidade, formulário de contato 7, respostas de perguntas de DW, pesquisas de WP, etc.

Se você estiver usando um plugin do WordPress que gera uma saída não editável pelo CSS Hero, então você pode solicitar ao autor do plugin para fazer isso. Eles realmente não precisam fazer muito para fornecer compatibilidade com CSS Hero.

Prós e contras do plugin CSS Hero

O plugin CSS Hero é direto e simples de usar . O objetivo principal deste plugin é fornecer suporte à personalização do tema. Ajuda na edição de qualquer elemento ou página e converte-o na cor e forma que desejar. CSS Hero Plugin funciona em temas responsivos.

Quaisquer alterações feitas no CSS do tema usando CSS Hero podem ser exportadas para uso em outro site. Isso significa que você não está bloqueado neste plugin se quiser transferir os designs personalizados para um site de cliente ou similar.

O plugin vem com uma extensa documentação e tutoriais em vídeo na seção CSS Hero Academy. CSS Hero funciona bem em temas css hero-ready , mas muito estranho em outros. O Modo Foguete (em beta) visa resolver isso, mas ainda é extremamente problemático.

Pronto para o herói também não significa 100% editável . Tudo depende de quanto esforço foi colocado na criação do arquivo pronto para o herói e de quantos elementos foram "preparados" para o tema específico.

CSS Hero é um editor de temas WYSIWYG para WordPress que o ajudará a fazer alterações visuais em seu site com uma interface de apontar e clicar. CSS Hero irá gerar automaticamente o código CSS necessário e implementá-lo em seu site ao salvá-lo.

Resumo da revisão do CSS Hero

Há muito potencial neste pequeno plugin. Para aqueles com necessidades básicas, esses recursos fornecerão tudo de que você precisa para fazer as alterações desejadas.

A documentação é facilmente acessível no site CSS Hero e contém uma grande variedade de tutoriais para usar as configurações de cada plugin. Atualizações e suporte estão disponíveis apenas por um ano após a compra (se você não renovar sua licença).

Você pode continuar a usar o plug-in em sites onde já o instalou e ativou. No entanto, você não receberá atualizações e suporte. No geral, o CSS Hero é leve, fácil de usar e tira a dor de personalizar seu tema WordPress.

Se você já tem algumas habilidades em design, este plugin tornará o processo muito mais rápido, enquanto usuários com experiência zero podem finalmente personalizar seus sites sem pagar uma fortuna em taxas de design de web.

CSS Hero é o plugin oficial do WordPress para personalizar sem esforço cada propriedade do seu tema com uma interface simples e intuitiva de apontar e clicar.

Microthemer Review - WordPress CSS Visual Editor

PREÇOS: Microthemer é um plugin premium e vem com dois planos de preços. O plano padrão custa $ 45 para até 3 sites, enquanto o plano de desenvolvedor custa $ 90. Com o plano de preços do desenvolvedor, você pode usar o Microthemer em um número ilimitado de sites.

Mais importante ainda, ao contrário do CSS Hero, que é pago anualmente, uma vez pago, você não precisa pagar mais. É uma taxa única com atualizações e suporte vitalícios.

NOTA: Themeover honrará atualizações gratuitas para a vida de todos os clientes que comprarem Microthemer. Em um futuro próximo, eles podem mudar para um modelo de licenciamento anual com atualizações pagas a cada ano.

Microthemer é um plugin de editor CSS para WordPress ao vivo que afirma ser compatível com qualquer tema ou plugin. Este plugin gera seu próprio CSS para qualquer elemento do tema e o mantém seguro, independentemente das atualizações do tema.

Microthemer edita CSS visualmente no frontend e salva as alterações onde você quiser. As alterações são visíveis imediatamente após salvar.

Microthemer cria código CSS automaticamente para o seletor CSS selecionado. Você recebe um painel CSS no qual pode personalizar as propriedades CSS do elemento selecionado. Ele salva CSS criado em sua própria pasta personalizada localizada no diretório wp-content.

Isso faz com que seu CSS personalizado seja salvo mesmo após a desativação do plug-in (você pode copiar e colar o estilo CSS na folha de estilo do seu tema se não quiser usar o plug-in no futuro).

Plug-in CSS em tempo real totalmente front-end

Ao clicar no botão Microthemer no backend, você será redirecionado para a página inicial do site cercada pela interface do Microthemer. Você pode navegar para qualquer lugar do site a partir daqui e estilizar qualquer elemento. Para direcionar qualquer elemento, você precisa clicar duas vezes nele.

O Microthemer irá então pedir que você salve seu estilo CSS com um nome personalizado e em uma pasta personalizada, se desejar. Caso contrário, escolha em uma pasta existente. Você é livre para personalizar qualquer propriedade CSS , como margem, preenchimento, posição, plano de fundo, tipo de fonte, tamanho, texto, gradiente, etc.

Assim que você alterar qualquer propriedade CSS, Microthemer irá salvá-la e mostrar a alteração imediatamente na página ao vivo . A interface do Microthemer fica no topo do seu site para que você possa ver as mudanças de estilo à medida que acontecem. Todas as ferramentas e opções são organizadas em oito seções .

1. Grupos de estilo CSS

Microthemer agrupa mais de 80 opções de estilo CSS em 11 categorias: fonte, texto, lista, sombra, plano de fundo, dimensões, margens e preenchimento, comportamento, borda, posição e gradiente.

2. Marcador

Esta seção destaca o elemento (ou vários elementos) que o “seletor” atual direciona em sua página da web. Você precisa direcionar um elemento de página com um seletor antes de poder reformulá-lo.

3. Seção do navegador do seletor

Permite que você mude rapidamente entre os seletores adjacentes. Um menu principal permite uma navegação mais avançada entre seletores em pastas diferentes.

4. Editor de código

Mude facilmente para a edição de código CSS personalizado usando o editor de código ACE com destaque de sintaxe.

5. Seção de ajuda

Carregue a documentação online de uma janela pop-up sem ter que sair da interface do Microthemer.

6. Opções gerais

Desbloqueie o Microthemer, gerencie preferências globais, defina suas próprias consultas de mídia responsivas, defina a largura da tela de visualização, restaure suas configurações de um ponto de salvamento anterior….

7. Guias de consulta de mídia responsiva

Defina estilos que só terão efeito em larguras de tela específicas (por exemplo, menos de 480px ou mais de 760px). O controle deslizante pode ser usado para visualizar como seu site ficará em diferentes larguras de tela.

8. Barra de ferramentas de propriedades de estilo

Exibe propriedades individuais de estilo CSS para cada um dos 11 grupos de estilo (por exemplo, família de fontes, cor e tamanho da fonte no grupo de opções “fonte”). Dessa forma, você pode inspecionar e editar estilos CSS em um só lugar.

Microthemer não criptografa o estilo CSS que ele cria e você é totalmente livre para copiar e colar esse estilo em qualquer outro lugar do site.

Isso significa que se você desativar o plugin e copiar e colar o CSS criado na folha de estilo do tema ou em qualquer outra folha de estilo vinculada ao seu site, os estilos criados pelo Microthemer ainda funcionarão.

Microthemer vem com mais de 80 opções de estilo CSS . A maioria das propriedades, como font-family e box-shadow, são relativamente intuitivas de entender sem conhecimento prévio de CSS. Outros, como “display” ou “float”, podem demorar um pouco para se acostumar.

Microthemer agrupa várias opções de estilo em 11 categorias : fonte, texto, lista, sombra, plano de fundo, dimensões, preenchimento e margem, borda, comportamento, posição e gradiente.

Destaques do Microthemer - Editar CSS Live no WordPress Frontend

Aqui estão alguns recursos importantes no Microthemer:

• Não há necessidade de codificação - não precisa mais ter medo de HTML ou CSS. Na verdade, não há necessidade de saber um pouco de código.
• Personalize a aparência - Não importa qual tema WordPress você está usando, o Microthemer estará lá para você. Ele permite que você personalize qualquer tema ou plugin do WordPress.
• Edite diretamente no seu site - As opções de edição são carregadas diretamente no topo do seu site real. Basta apontar e clicar no seu site e editar o modelo!
• Muitas novas fontes - Com o Microthemer, você pode navegar visualmente pelas fontes dentro do próprio plugin.
• Histórico de reversão - Inclui o histórico de revisão, para que você possa simplesmente reverter para qualquer uma das 50 revisões anteriores se cometer um erro.
• Projetos responsivos para vários dispositivos - aplique estilos diferentes a cada tamanho de dispositivo específico.
• Mais de 80 propriedades CSS - o plug - in vem criado com uma escolha de mais de 80 propriedades CSS para definir o estilo de cada elemento em seu tema.
• Recurso de importação - Arquive seus projetos e importe qualquer um deles a qualquer momento. Alternar entre designs diferentes é muito fácil.

Se você não tem certeza se este é o plugin do editor de CSS correto para as suas necessidades, você pode sempre experimentar a versão de avaliação gratuita do Microthemer. A avaliação gratuita do Microthemer Lite oferece recursos completos de edição e suporte ao cliente.

A única diferença é que ele limita você a editar / criar 9 'seletores'. Um seletor tem como alvo um elemento individual na página (por exemplo, um botão) ou um conjunto de elementos como 'todos os botões em um site'. O teste gratuito não tem data de validade.

Prós e contras do plug-in Microthemer CSS

Microthemer Pros:

• Personalize qualquer tema ou plugin (afirmação em negrito)
• Ver em diferentes modos de dispositivo (desktop, telefone tablet)
• Estilo de navegador cruzado (mesmo IE6) com o uso de CSS3 Pie
• Navegue pelas fontes do Google e adicione com um clique, mas o Microthemer só baixa as que você usa
• Editar história
• Você pode desativar ou desinstalar completamente o Microthemer e ainda usar os estilos que você criou chamando manualmente a folha de estilo do Microthemer por meio do seu arquivo functions.php
• Plano de preços com licença de desenvolvedor e uso vitalício

Contras do microthemer:

• Conflito de visualização ao vivo com alguns temas ou plug-ins

Perguntas frequentes sobre o plug-in do editor CSS do Microthemer WordPress

P: O que acontece com os estilos adicionados com Microthemer quando eu atualizo meu tema?

R: Seus estilos Microthemer são completamente seguros quando você atualiza seu tema pai ou filho.

P: Se eu desabilitar ou remover o plug-in Microthemer após estilizar um site, os estilos adicionados desaparecerão?

R: Você pode desativar ou desinstalar completamente o Microthemer e ainda fazer uso dos estilos que ele cria, chamando manualmente a folha de estilo active-styles.css. Você simplesmente precisa adicionar um pequeno código ao arquivo function.php do seu tema.

P: Posso exportar a folha de estilo que o Microthemer gera e usá-la em outro site?

R: Sim, você pode exportar seu trabalho (pastas, seletores, estilos, CSS codificado manualmente) em Microthemer usando a opção Exportar.

P: Preciso saber CSS e HTML para usar o Microthemer?

R: Não. Microthemer foi projetado para pessoas que não conhecem HTML ou CSS.

Resumo da revisão do microthemer

MicroThemer é um poderoso plugin para WordPress da ThemeOver que permite que você personalize seus temas visualmente. Descrito como “ opções de tema WordPress em esteróides ”, é um ótimo plugin para aqueles que não se sentem confortáveis ​​para modificar temas usando CSS e HTML.

O plugin do editor Microthemer CSS é fácil de usar. Você pode precisar de tempo para se acostumar com isso, mas assim que o fizer, poderá fazer maravilhas no seu site WordPress. A documentação é extensa e existem muitos vídeos para ajudá-lo. Eu recomendo altamente Microthemer para quaisquer alterações CSS no site.

PS: Microthemer também é compatível com o popular plugin de criação de páginas, Beaver Builder.

Melhores alternativas para plug-ins de editor CSS para WordPress grátis

Se você não está disposto a gastar dinheiro ou apenas precisa de algumas tarefas simples de edição de CSS, pode estar interessado em soluções gratuitas para edição de CSS do seu tema WordPress.

Nesse caso, verifiquei alguns plug-ins disponíveis, gratuitos, válidos e relativamente atualizados do repositório do WordPress. Para minha surpresa, não há muitas alternativas gratuitas atualizadas recentemente. Tudo o que consegui encontrar está abaixo de três:

1. SiteOrigin CSS

SiteOrigin CSS é o editor CSS simples, mas poderoso, para WordPress. Fornece controles visuais que permitem editar a aparência do seu site em tempo real.

Os iniciantes vão adorar os controles visuais simples e a visualização em tempo real. Os usuários avançados vão gostar do preenchimento automático de código, que torna a escrita CSS mais rápida do que nunca.

2. Microthemer Lite

Microthemer Lite é um teste gratuito que oferece recursos completos de edição e o mesmo suporte ao cliente que os clientes pagantes recebem. A única diferença é que ele limita você a editar / criar 9 'seletores'.

3. WP Live CSS Editor (não atualizado a partir do ano de 2013)

Um CSS Live Editor que permite que você visualize as alterações de CSS em tempo real e salve suas alterações. Ele salva backups datados de cada salvamento, para que você possa voltar em caso de falha, e você deve apagar backups de vez em quando.

Melhor Conclusão do Plug-in do Editor CSS do WordPress

Se levarmos em consideração o preço , Microthemer é a melhor escolha. Sem taxas recorrentes (taxa única), suporte vitalício e atualizações e também afirmam que Microthemer pode funcionar com todos os temas e plug-ins do WordPress.

No que diz respeito à edição ao vivo , CSS Hero pode ser um pouco melhor. Mas eu não testei nenhum dos plugins extensivamente, então provavelmente não sou a melhor pessoa para dizer que é melhor em edição de CSS.

Do ponto de vista de compatibilidade de tema e plug-in , se acreditarmos que o Microthemer é compatível com qualquer tema e plug-in, o Microthemer seria o vencedor.

Mas isso temos que tomar com uma dose de dúvida. Tenho certeza de que os dois plug-ins têm temas ou plug-ins em que não funcionam bem.

Se o tema WordPress que você está usando está na lista de compatibilidade do CSS Hero, então seria uma decisão inteligente escolher o CSS Hero, pois nesse caso você pode ter certeza de que será capaz de editar qualquer aspecto na perfeição.

No entanto, se você estiver usando um tema ou plugin que não está na lista, poderá ter problemas ao usar o CSS Hero. Nesse caso, eu recomendaria Microthemer.

Você provavelmente deve fazer um pouco de pesquisa e ver o que os outros estão dizendo sobre a compatibilidade com o seu tema para cada plugin do editor CSS do WordPress (se houver alguma informação).