X

Como criar CSS personalizado para o editor do WordPress

Snippets by IsItWP

Você está procurando uma maneira de criar CSS personalizado para o editor do WordPress? Embora provavelmente exista um plug-in para isso, criamos um trecho de código rápido que você pode usar para criar CSS personalizado para o editor do WordPress no WordPress.

Instruções:

Tudo o que você precisa fazer é adicionar esse código ao arquivo functions.php do seu tema ou em um plugin específico do site:

add_editor_style('css/custom-editor-style.css');

O parâmetro de add_editor_style() é o nome da folha de estilo relativo à raiz do tema. Ele também aceita uma matriz de folhas de estilo. É opcional e o padrão é ‘editor-style.css’.

Este é um exemplo de um arquivo editor_css.css.

body#tinymce.wp-editor { 
    font-family: Arial, Helvetica, sans-serif; 
    margin:10px; 
}

Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como adicionar corretamente trechos de código no WordPress, para não danificar seu site acidentalmente.

Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: 43 melhores temas de fotografia para WordPress e como criar formulários optin impressionantes para WordPress.

Comentários   Deixe uma resposta

Adicionar um comentário

Ficamos felizes por você ter optado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

WordPress Launch Checklist

A lista de verificação definitiva para o lançamento do WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento de seu próximo site WordPress em um ebook prático.
Sim, envie-me o livro eletrônico gratuito grátis!