[ Web Proxy ]
URL:
Viewing: https://br.wordpress.org/plugins/widget-css-classes/ [Back]  [Original]
Classes CSS de widget – Plugin do WordPress | WordPress.org Brasil Pular para o contedo
WordPress.org

Brasil

Baixar o WordPress
WordPress.org

Plugin Directory

Classes CSS de widget

Pesquisar plugins:
[]

Este plugin no foi testado com os 3 lanamentos principais mais recentes do WordPress. Ele pode no ser mais mantido ou suportado e pode ter problemas de compatibilidade quando usado com verses mais recentes do WordPress.

[]

Classes CSS de widget

Por Jory Hogeveen
Baixar

Descrio

Widget CSS Classes oferece a capacidade de adicionar classes e ids personalizados aos seus widgets do WordPress

Observe que este plugin no 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 tambm 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

Caractersticas

  • Adiciona um campo de texto a um widget para definir uma classe
  • Voc pode especificar vrias classes colocando um espao entre elas
  • Opcionalmente, adiciona caixas de seleo 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 instncia do widget em uma barra lateral
  • Adiciona classes pares/mpares aos widgets
  • Adiciona classes numricas aos widgets
  • Totalmente traduzvel
  • Compatvel com vrios sites
  • Compatvel com plug-ins Widget Logic, Widget Context e WP Page Widget
  • Possui filtros e ganchos para personalizar a sada, incluindo nomes de classes

Site do plug-in

Crditos

Colaboradores na traduo
Colaboradores no GitHub

Capturas de tela

Widget Bsico [Widget Bsico] Widget Bsico Widget com campo ID e opes predefinidas [Widget com campo ID e opes predefinidas] Widget com campo ID e opes predefinidas Pgina de configuraes [Pgina de configuraes] Pgina de configuraes HTML gerado [HTML gerado] HTML gerado

Instalao

  1. Envie a pasta /widget-css-classes/ para o diretrio /wp-content/plugins/
  2. Ative o plugin atravs do menu Plugins do WordPress
  3. Defina as configuraes em Configuraes > Classes CSS de widget
  4. Visite Aparncia > Widgets para adicionar ou alterar as classes e IDs personalizados de um widget.
  5. Expanda o widget apropriado na barra lateral desejada.
  6. Voc ver um campo denominado Classe CSS. Dependendo de suas configuraes, este ser um campo de texto e/ou caixas de seleo.
  7. Se voc estiver usando o campo de texto, poder digitar vrios nomes de classes separando-os com um espao.
  8. Se voc ativou o campo id, ver um campo de texto chamado CSS ID.

Perguntas frequentes

Por que as aulas no esto aparecendo no meu widget?

Voc precisa ter certeza de ter um elemento HTML definido para before_widget e after_widget nas funes register_sidebar do seu tema ativo,
geralmente localizadas nas funes do seu tema .php (/wp-content/themes/yourtheme/functions.php).

Este elemento HTML deve ter atributos de classe e id. Este plugin no funcionar se before_widget e after_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:

  1. Edite o arquivo style.css do seu tema (geralmente localizado em /wp-content/themes/yourtheme/).
  2. Use um plugin como Simple Custom CSS.

Como exporto as configuraes?

Voc pode exportar as configuraes em Configuraes > Classes CSS de widget > Importar/Exportar.

O que devo fazer se encontrar um erro?

Envie um relatrio de erro no GitHub.

Avaliaes

90ba5995d8eb6dc8041417f0a189a1a275d2f2df3c7348083604c74ddafc0493 [90ba5995d8eb6dc8041417f0a189a1a275d2f2df3c7348083604c74ddafc0493]

Not working on WordPress 5.8

Pouria Amjadzadeh 10 agosto, 2021 1 resposta
Wordpress released new style of widget management. this lovely plugin not working on new version
616de50077ab7cb718d024f7398ca217a88c44c9e28e485e43d740fdd150593c [616de50077ab7cb718d024f7398ca217a88c44c9e28e485e43d740fdd150593c]

Good

Kasp 27 maro, 2021
works
d51b00d993a2463b733547d6dc1be46abe2c5f03ff2ebcb41db235452be93565 [d51b00d993a2463b733547d6dc1be46abe2c5f03ff2ebcb41db235452be93565]

Invaluable!

andiszek 10 maro, 2021
This is a great and invaluable help for us frontend developers! the plugin lets you easily add your classes to any widget. thank you for developing it!
eea8e8b36980f791f34dc4ec92fbab8311a1010ec35e89bf63695f91785a4b6c [eea8e8b36980f791f34dc4ec92fbab8311a1010ec35e89bf63695f91785a4b6c]

Superb!

Damiaan van Vliet 2 abril, 2020 1 resposta
A very useful plug-in for me as a front-end developer. It’s very easy now to address directly a widget with CSS code instead of all kind of different classes to use. Thanks very, very much!
d3462a8239b704c5bd2d76f66f54e820910c550b6aef028307ec75833bfb72cc [d3462a8239b704c5bd2d76f66f54e820910c550b6aef028307ec75833bfb72cc]

Great!

xszejdi 17 fevereiro, 2020
Great!
9ad8028c0e84e4e321488590012ffcca9662da86a0b25eeb4bbe86f9ec1f63e7 [9ad8028c0e84e4e321488590012ffcca9662da86a0b25eeb4bbe86f9ec1f63e7]

Works, simply and well…

crzyhrse 5 dezembro, 2019
Works, simply and well…
Leia todas as 74 avaliaes

Colaboradores e desenvolvedores

“Classes CSS de widget” um programa de cdigo aberto. As seguintes pessoas contriburam para este plugin.

Colaboradores

Classes CSS de widget” foi traduzido para 17 localidades. Agradecemos aos tradutores por suas contribuies.

Traduzir o “Classes CSS de widget” para seu idioma.

Interessado no desenvolvimento?

Navegue pelo cdigo, consulte o repositrio SVN ou assine o registro de desenvolvimento por RSS.

Registro de alteraes

1.5.4.1

  • Testado com WP 5.5.
  • Atualizar proprietrio do plugin.

1.5.4

  • Compatibilidade: Correo para widgets nicos antigos (remover aviso). #37 (adereos @westonruter)
  • Testado com WP 5.2.

1.5.3

  • Compatibilidade: opo de widget dFactory Responsive Lightbox. #33
  • Testado com WP 5.0.

1.5.2.1

  • i18n: Remova a traduo sv_SE do diretrio do plugin. Est 95% no translate.wordpress.org e aceito como a melhor verso. #23
  • Documentao: Leiame e Wiki. #31
  • Compatibilidade: testado com WordPress 4.9

Informaes detalhadas: PR no GitHub

1.5.2

  • Aprimoramento: Torne as tradues das principais classes de widgets opcionais em vez de padro. #29
  • Aprimoramento: Permitir redimensionamento vertical da caixa de classes definidas para navegadores compatveis com CSS3.

Informaes detalhadas: PR no GitHub

1.5.1

  • Correo: compatibilidade do filtro Widget Logic widget_content. #27
  • Aprimoramento: Torne o script de desinstalao compatvel com instalaes de rede.

1.5.0

  • Recurso: Opo para tentar corrigir os parmetros do widget se eles forem invlidos. #24
  • Recurso: Opo para remover classes duplicadas. #25
  • Aprimoramento: Classifique as classes com base nas classes predefinidas na interface por padro. #19
  • Aprimoramento: Filtro de classes para interface (para ordenao ou modificaes). #19
    • widget_css_classes: modifica todas as classes adicionadas por este plugin.
    • widget_css_classes_custom: modifica classes de entrada personalizadas.
  • Aprimoramento: filtro de configuraes do plugin (widget_css_classes_set_settings), substitui as configuraes do usurio. #16
  • Aprimoramento: filtro de configuraes padro do plugin (widget_css_classes_default_settings). #4
  • Aprimoramento: filtros de recursos para campos de formulrio. #21
    • widget_css_classes_id_input_capability: entrada de ID
    • widget_css_classes_class_input_capability: entrada de classes
    • widget_css_classes_class_select_capability: seleo de classes predefinidas (tambm oculta a entrada de classes se for invlida)
  • Compatibilidade: WP External Links. #17, Obrigado Victor @freelancephp
  • Correo: Form wrapper div style. #18, Obrigado Chuck Reynolds @ryno267
  • Correo: ativar seleo de entrada classificvel (correo do IE-11). #20
  • IU: aprimore o JavaScript da pgina de configurao e remova a dependncia da biblioteca relCopy.
  • i18n: remova os idiomas holands e russo da distribuio de plugins (disponvel em traduz.wordpress.org). #23
  • Comecei a usar TravisCI e CodeClimate. #15

Informaes detalhadas: PR no GitHub

1.4.0

  • Recurso: Classificar classes predefinidas (obrigado Jory Hogeveen)
  • Segurana: Impedir a importao no autenticada de configuraes
  • Correo: mensagem de aviso quando as classes esto vazias (obrigado Jory Hogeveen)

1.3.0

  • Recurso: altere o menu suspenso para caixas de seleo para seleo de vrias classes
  • Recurso: Opo para usar classes predefinidas e de entrada de texto
  • Recurso: Migre classes quando classes predefinidas estiverem disponveis
  • Melhoria: No mostra classes previamente definidas que so removidas na pgina de configuraes quando um widget ainda no foi atualizado
  • Correo: mostrar apenas classes armazenadas se o tipo de campo na pgina de configurao estiver correto
  • Correo: quando predefinido selecionado, mostra as classes de entrada de texto anteriores, se estiverem definidas
  • Correo: aviso de ndice de IDs
  • i18n: Adicionada traduo em holands por Jory Hogeveen da Keraweb
  • i18n: Adicionada traduo para o russo por
  • i18n: Adicionada traduo sueca por Olle Gustafsson

1.2.9

  • Alterado h2 para h1 na pgina de configuraes
  • cones de mais/menos alterados na pgina de configuraes para dashicons

1.2.8

  • Adicionado domnio de texto ao cabealho do plugin em preparao para tradues automticas de idiomas

1.2.7

  • Campos de classe e ID alterados para largura total
  • Adicionado escape ausente da pgina de configuraes
  • Enfileirar scripts administrativos no gancho correto
  • Corrigido aviso indefinido quando a opo no era encontrada

1.2.6

  • Aviso de erro corrigido

1.2.5

  • Aviso corrigido

1.2.4

1.2.3

1.2.2

  • Correo para aviso na linha 103 ao usar Widget Logic
  • Testado com WordPress 3.7 beta 1

1.2.1

  • Adicionada traduo para eslovaco por Branco WebHostingGeeks.com
  • Correo de compatibilidade de contexto de widget atualizada e correo 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 configuraes para no 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 opo Ocultar para o tipo de campo de classe nas configuraes
  • No mostrar nenhum ID adicionado anteriormente no front-end se Mostrar campo adicional para ID estiver definido como No
  • No mostrar nenhuma classe adicionada anteriormente no front-end se o Tipo de campo de classe estiver definido como Ocultar

1.0

  • Primeira verso

Meta

Classificaes

4.9 de 5 estrelas.

Sua avaliao

Ver todas avaliaes

Suporte

Tem algo a dizer? Precisa de ajuda?

Ver frum de suporte

Doar

Gostaria de contribuir para o desenvolvimento deste plugin?

Doe para este plugin

WordPress.org WordPress.org

Brasil

Cdigo poesia.
The WordPress® trademark is the intellectual property of the WordPress Foundation.
Fechar Anterior
state.selectedImage.alt [state.selectedImage.alt]
state.selectedImage.alt [state.selectedImage.alt]
Prxima
Web Proxy Viewer  |  New URL  |  Original Page