Descrição
Widget CSS Classes oferece a capacidade de adicionar classes e ids personalizados aos seus widgets do WordPress
Observe que este plugin não permite inserir CSS personalizado. Você precisará editar o style.css do seu tema ou adicionar outro
plug-in que permita inserir CSS personalizado.
Este plugin também adiciona classes adicionais aos widgets para ajudá-lo a estilizá-los com mais facilidade:
- widget-first: adicionado ao primeiro widget em uma barra lateral
- widget-last: adicionado ao último widget em uma barra lateral
- widget-odd: adicionado a widgets ímpares em uma barra lateral
- widget-even: adicionado a widgets pares em uma barra lateral
- widget-#: adicionado a cada widget, como widget-1, widget-2
Características
- Adiciona um campo de texto a um widget para definir uma classe
- Você pode especificar várias classes colocando um espaço entre elas
- Opcionalmente, adiciona caixas de seleção com classes predefinidas
- Opcionalmente, adiciona um campo de texto para adicionar um ID a um widget
- Adiciona a primeira e a última classe à primeira e à última instância do widget em uma barra lateral
- Adiciona classes pares/ímpares aos widgets
- Adiciona classes numéricas aos widgets
- Totalmente traduzível
- Compatível com vários sites
- Compatível com plug-ins Widget Logic, Widget Context e WP Page Widget
- Possui filtros e ganchos para personalizar a saída, incluindo nomes de classes
Créditos
- Adicionando classes CSS personalizadas a widgets do WordPress
- Adicionar classes CSS .first e .last automaticamente aos widgets do WordPress
- Correção de compatibilidade de contexto de widget fornecida por Joan Piedra
- Tradução para eslovaco por Branco WebHostingGeeks.com
- Tradução em polonês adicionada, arquivos de tradução em eslovaco renomeados por Tomasz Wesołowski
- Tradução para o espanhol por Maria Ramos no WebHostingHub
- Tradução servo-croata por Borisa Djuraskovic em WebHostingHub
- Tradução para holandês e classes predefinidas corrigidas por Jory Hogeveen na Keraweb
- Tradução russa por Наталия Завьялова
- Tradução sueca por Olle Gustafsson
- Aviso de correção de ids por Ricardo Lüders
Capturas de tela
Instalação
- Envie a pasta /widget-css-classes/ para o diretório /wp-content/plugins/
- Ative o plugin através do menu Plugins do WordPress
- Defina as configurações em Configurações > Classes CSS de widget
- Visite Aparência > Widgets para adicionar ou alterar as classes e IDs personalizados de um widget.
- Expanda o widget apropriado na barra lateral desejada.
- Você verá um campo denominado Classe CSS. Dependendo de suas configurações, este será um campo de texto e/ou caixas de seleção.
- Se você estiver usando o campo de texto, poderá digitar vários nomes de classes separando-os com um espaço.
- Se você ativou o campo id, verá um campo de texto chamado CSS ID.
Perguntas frequentes
-
Por que as aulas não estão aparecendo no meu widget?
-
Você precisa ter certeza de ter um elemento HTML definido para
before_widget
eafter_widget
nas funçõesregister_sidebar
do seu tema ativo,
geralmente localizadas nas funções do seu tema .php (/wp-content/themes/yourtheme/functions.php).Este elemento HTML deve ter atributos de classe e id. Este plugin não funcionará se
before_widget
eafter_widget
estiverem em branco.Exemplo:
register_sidebar( array(
'name' => 'Sidebar',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h2 class="widget-title">',
'after_title' => '</h2>'
) ); -
Como adiciono o CSS para minha classe personalizada?
-
Existem duas maneiras:
- Edite o arquivo style.css do seu tema (geralmente localizado em /wp-content/themes/yourtheme/).
- Use um plugin como Simple Custom CSS.
-
Como exporto as configurações?
-
Você pode exportar as configurações em Configurações > Classes CSS de widget > Importar/Exportar.
-
O que devo fazer se encontrar um erro?
-
Envie um relatório de erro no GitHub.
Avaliações
Colaboradores e desenvolvedores
“Classes CSS de widget” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin.
ColaboradoresClasses CSS de widget” foi traduzido para 16 localidades. Agradecemos aos tradutores por suas contribuições.
Traduzir “Classes CSS de widget” para seu idioma.
Interessado no desenvolvimento?
Navegue pelo código, consulte o repositório SVN ou assine o registro de desenvolvimento por RSS.
Registro de alterações
1.5.4.1
- Testado com WP 5.5.
- Atualizar proprietário do plugin.
1.5.4
- Compatibilidade: Correção para widgets únicos antigos (remover aviso). #37 (adereços @westonruter)
- Testado com WP 5.2.
1.5.3
- Compatibilidade: opção de widget dFactory Responsive Lightbox. #33
- Testado com WP 5.0.
1.5.2.1
- i18n: Remova a tradução sv_SE do diretório do plugin. Está 95% no translate.wordpress.org e é aceito como a melhor versão. #23
- Documentação: Leiame e Wiki. #31
- Compatibilidade: testado com WordPress 4.9
Informações detalhadas: PR no GitHub
1.5.2
- Aprimoramento: Torne as traduções das principais classes de widgets opcionais em vez de padrão. #29
- Aprimoramento: Permitir redimensionamento vertical da caixa de classes definidas para navegadores compatíveis com CSS3.
Informações detalhadas: PR no GitHub
1.5.1
- Correção: compatibilidade do filtro Widget Logic
widget_content
. #27 - Aprimoramento: Torne o script de desinstalação compatível com instalações de rede.
1.5.0
- Recurso: Opção para tentar corrigir os parâmetros do widget se eles forem inválidos. #24
- Recurso: Opção para remover classes duplicadas. #25
- Aprimoramento: Classifique as classes com base nas classes predefinidas na interface por padrão. #19
- Enhancement: Classes filter for frontend (for sorting or modifications). #19
widget_css_classes
: modifica todas as classes adicionadas por este plugin.widget_css_classes_custom
: modifica classes de entrada personalizadas.
- Aprimoramento: filtro de configurações do plugin (
widget_css_classes_set_settings
), substitui as configurações do usuário. #16 - Aprimoramento: filtro de configurações padrão do plugin (
widget_css_classes_default_settings
). #4 - Enhancement: Capability filters for form fields. #21
widget_css_classes_id_input_capability
: entrada de IDwidget_css_classes_class_input_capability
: entrada de classeswidget_css_classes_class_select_capability
: seleção de classes predefinidas (também oculta a entrada de classes se for inválida)
- Compatibilidade: WP External Links. #17, Obrigado Victor @freelancephp
- Correção: Form wrapper div style. #18, Obrigado Chuck Reynolds @ryno267
- Correção: ativar seleção de entrada classificável (correção do IE-11). #20
- IU: aprimore o JavaScript da página de configuração e remova a dependência da biblioteca relCopy.
- i18n: remova os idiomas holandês e russo da distribuição de plugins (disponível em traduz.wordpress.org). #23
- Comecei a usar TravisCI e CodeClimate. #15
Informações detalhadas: PR no GitHub
1.4.0
- Recurso: Classificar classes predefinidas (obrigado Jory Hogeveen)
- Segurança: Impedir a importação não autenticada de configurações
- Correção: mensagem de aviso quando as classes estão vazias (obrigado Jory Hogeveen)
1.3.0
- Recurso: altere o menu suspenso para caixas de seleção para seleção de várias classes
- Recurso: Opção para usar classes predefinidas e de entrada de texto
- Recurso: Migre classes quando classes predefinidas estiverem disponíveis
- Melhoria: Não mostra classes previamente definidas que são removidas na página de configurações quando um widget ainda não foi atualizado
- Correção: mostrar apenas classes armazenadas se o tipo de campo na página de configuração estiver correto
- Correção: quando predefinido é selecionado, mostra as classes de entrada de texto anteriores, se estiverem definidas
- Correção: aviso de índice de IDs
- i18n: Adicionada tradução em holandês por Jory Hogeveen da Keraweb
- i18n: Adicionada tradução para o russo por Наталия Завьялова
- i18n: Adicionada tradução sueca por Olle Gustafsson
1.2.9
- Alterado h2 para h1 na página de configurações
- Ícones de mais/menos alterados na página de configurações para dashicons
1.2.8
- Adicionado domínio de texto ao cabeçalho do plugin em preparação para traduções automáticas de idiomas
1.2.7
- Campos de classe e ID alterados para largura total
- Adicionado escape ausente da página de configurações
- Enfileirar scripts administrativos no gancho correto
- Corrigido aviso indefinido quando a opção não era encontrada
1.2.6
- Aviso de erro corrigido
1.2.5
- Aviso corrigido
1.2.4
- Adicionada tradução servo-croata por Borisa Djuraskovic no WebHostingHub
- Adicionado suporte para WP Page Widget
1.2.3
- Adicionada tradução em polonês, arquivos de tradução em eslovaco renomeados por Tomasz Wesołowski
- Adicionada tradução em espanhol por Maria Ramos no WebHostingHub
1.2.2
- Correção para aviso na linha 103 ao usar Widget Logic
- Testado com WordPress 3.7 beta 1
1.2.1
- Adicionada tradução para eslovaco por Branco WebHostingGeeks.com
- Correção de compatibilidade de contexto de widget atualizada e correção de aviso por Joan Piedra
- Alterado o jQuery live para compatibilidade com 1.9
1.2
- Substitua o ID pelo ID personalizado em vez de anexar ao ID existente
- Adicionadas configurações para não mostrar classes de widget numeradas, primeiras/últimas classes e classes pares/ímpares
1.1
- Adicionado suporte para o plugin Widget Context
- Corrigidos avisos que apareciam quando o plugin Widget Logic estava habilitado, mas o filtro estava desabilitado
- Adicionada opção Ocultar para o tipo de campo de classe nas configurações
- Não mostrar nenhum ID adicionado anteriormente no front-end se Mostrar campo adicional para ID estiver definido como Não
- Não mostrar nenhuma classe adicionada anteriormente no front-end se o Tipo de campo de classe estiver definido como Ocultar
1.0
- Primeira versão