Muito sobre Matemática e nem tanto sobre CSS, PHP, AJAX, Javascript, Wordpress e outros assuntos

Plugin sidebarTabs

Permitir a criação e inserção na sidebar de seu blog de instâncias do plugin que pode, cada uma, conter o número de abas desejadas na horizontal ou vertical. Cada aba funciona como um “container” para qualquer outro widget do WordPress. Assim, por exemplo, você poderá criar uma aba para os últimos comentários, outra para os posts recentes, outra para as categorias, e assim por diante, para uma dada instância do plugin (widget).

Recursos

  • Múltiplas instâncias;
  • O layout de cada instância pode ser definido como horizontal ou vertical;
  • Layout das abas para instância horizontal: fixo sem ícones, fixo com ícones, rolável (scrollable) sem ícones e rolável com ícones;
  • Possibilidade de selecionar os cantos das abas entre 18 opções geradas com o uso do plugin jQuery Corner;
  • Definição do peso, tamanho e família da fonte das abas para as instâncias vertical e horizontal sem ícones.

Download

http://wordpress.org/extend/plugins/sidebartabs/

Créditos

O sidebarTabs utiliza em sua funcionalidade:

Instalação

  1. Vá para o painel de administração do Wordpress e use a opção “Adicionar Novo” do menu “Plugins”. Clique em “Fazer Upload”, selecione o arquivo zip que você baixou e clique no botão “Instalar Agora”.
  2. Tudo o que você precisar fazer após isso é ativar o plugin sidebarTabs.
  3. Para mais informações, veja “Installing Plugins” article on the WordPress Codex.
  4. Veja o item seguinte para instruções adicionais.

Uso

  1. Arraste os widgets que comporão a inteface de cada instância do sidebarTabs para a área de Widgets Inativos em “Aparência” > “Widgets”, configure-os e salve-os sempre.
  2. Vá para “Configurações” > “sidebarTabs” e configure os argumentos padrões (botão Default args) de acordo com as necessidades do seu tema.
  3. Clique em “sidebarTabs Options” para definir as cores de suas abas e demais parâmetros.
  4. Crie as abas clicando no botão “Criar nova sidebarTab”.
  5. Agora, o sidebarTabs pode ser usado como um widget em “Aparência” > “Widgets”, onde você poderá criar quantas instâncias desejar, arrastando-o e posicionando-o nas sidebars existentes em seu tema.

Para maiores detalhes veja os screenshots, exibidos em forma de galeria, que contêm os procedimentos para configurar o plugin e criar suas instâncias.

Observações:

  • Para exibir o título de um widget de uma determinada aba (sidebarTab) retire do argumento “Before Title” correspondente a classe “widget_title”.
  • Para customizar o conteúdo de uma aba (sidebarTab) basta acrescentar no argumento “Before Widget” correspondente uma classe CSS que você utiliza em seu tema conforme mostrado a seguir: class=’widget %2$s nome_da_classe‘.

Upgrade

  • Se o upgrade não for realizado pelo procedimento automático do WordPress, desative o plugin e substitua os arquivos;
  • Vá para “Configurações” > “sidebarTabs”, clique em “sidebarTabs Options”, ajuste as opções e salve;
  • Defina os novos parâmetros da instância já criada ou crie outras em “Aparência” > “Widgets” de acordo com sua conveniência e salve, seguindo os procedimentos indicados nos screenshots.

Changelog

  • Version 2.0.1 (02-11-2010)
    • Corrigido o erro quando duas instâncias verticais são criadas e apenas uma funcionava corretamente. Erro indicado por Harold nos comentários, obrigado;
    • Corrigido o erro no arquivo CSS (styleSidebar.php): peso da fonte das abas;
    • Criada uma opção para customizar o fundo das abas verticais: padrão e de acordo com as cores definidas para as abas (preview);
  • Version 2.0 (31-10-2009)
    • Incluída a possibilidade de criação de múltiplas instâncias;
    • Exibição das instâncias em layout horizontal e vertical;
    • Seleção dos cantos das abas entre 18 opções com o uso do plugin jQuery Corner;
    • Parametrização da fonte das abas: peso, tamanho e família.
  • Version 1.3.1 (03-10-2009)
    • Corrigido erro no arquivo CSS do plugin – posição das setas no layout “rolável sem ícones”.
  • 1.3 (27-09-2009) Introduzida a possibilidade de escolha para exibição da interface do plugin. Agora, você pode selecionar o layout entre as quatro opções a seguir:
    1. Abas fixas sem ícones,
    2. Abas fixas com ícones,
    3. Abas roláveis sem ícones,
    4. Abas roláveis com ícones.
  • Versão 1.1.2 (18-09-2009)
    • Pequenas alterações no arquivo de tradução para o Português do Brasil.
    • Corrigido erros na folha de estilos do plugin. Exemplos: a cor do texto nos painéis e na instrução li:before usada em alguns temas.
    • Corrigido erro no preview das abas ativa, inativa e mouse over na “sidebarTabs Options”.
    • Incluída a opção “Cor do texto nos painéis”. Veja “sidebarTabs Options”.
  • Versão 1.1.1 (13-09-2009)
    • Corrigido erro ao carregar a biblioteca jQuery Tools.
  • Versão 1.1 (10-09-2009)
    • Introduzido o uso de abas roláveis.
    • Alterações na interface do plugin.
    • Incluído arquivo (po/mo) de tradução para o Português do Brasil

Put widgets into tabbed interface in sidebar.

Allow the creation and insertion in the sidebar of his blog of instances the plugin which can, each, contain the desired number of tabs in horizontal or vertical. Each tab works as a “container” for any other widget of WordPress. For example, you can create a tab for the most recent comments, one for recent posts, one for categories, and so on, for a given instance of the plugin (widget).

Features

  • Multiple instances;
  • The layout of each instance can be defined as horizontal or vertical;
  • Layout of tabs – horizontal instance: fixed without icons, fixed with icons, scrollable without icons and scrollable with icons;
  • Possibility to select the corners of the tabs between 18 options generated by jQuery Corner plugin;
  • Definition of font weight, font size and font family of tabs for the instances vertical and horizontal without icons.

Download

http://wordpress.org/extend/plugins/sidebartabs/

Credits

The sidebarTabs uses for its functionality:

Installation

  1. Go to WordPress admin panel, and use the “Add new” option under Plugins Menu. Click on the “upload” item, choose the “sidebarTabs” zip file you downloaded and click on the “install now” button.
  2. All you need to do after that is navigate to your blog’s administration panel, go in the plugins section and enable sidebarTabs.
  3. For more information, see the “Installing Plugins” article on the WordPress Codex.
  4. See the next item for additional instructions.

Usage

  1. Drag the widgets that compose the sidebarTabs to the area of Inactive Widgets under “Design” > “Widgets”, settings and always save.
  2. Go to “Settings” > “sidebarTabs” and settings the standard arguments (args Default button) according to the needs of your theme.
  3. Click in “sidebarTabs Options” to adjust the colors of your tabs and other parameters.
  4. Create tabs by clicking in the button “Create New sidebarTabs”.
  5. Now, sidebarTabs can be used as regular widgets under “Design” > “Widgets”, where you can create as many instances you want by dragging it and placing it in the existing sidebars in your theme.

For more details see the screenshots, display as a gallery, which contains the procedures to configure the plugin and create their instances.

Remarks:

  • To display the title of a widget in a particular tab (sidebarTab) remove of argument “Before Title” correspondent, the class “widget_title”.
  • To customize panel of a tab just add in the argument “Before Widget” correspondent, a CSS class that you use in your theme as shown following: class=’widget %2$s name_of_class‘.

Upgrade

  • If the upgrade is not performed by the automatic procedure of WordPress, deactivate the plugin and replace the files;
  • Go to “Settings > sidebarTabs”, click in “sidebarTabs Options” to adjust the values and save it;
  • Set the new parameters of the instance already created or create others in “Design”> “Widgets” according to your convenience and save, following the procedures indicated in the screenshots.

Changelog

  • Version 2.1 (03-06-2010)
    • Added the option “Display in sidebar” in the instance of the plugin;
    • Implemented new uses of the plugin. See further details and an example;
    • Added in the parameter “Background of vertical tabs” in “sidebarTabs Options” the option “Normal”;
    • Added the parameter “Background of horizontal tabs” in “sidebarTabs Options” with values “gradient” and “normal”;
    • Added a field in the “sidebarTabs Options” to include the margin (CSS) of the instances of plugin.
  • Version 2.0.1 (02-11-2010)
    • Fixed bug where two vertical instances are created and only one worked correctly. Error indicated by Harold in the comments, thanks;
    • Fixed bug in the CSS file (styleSidebar.php): font-weight of tabs;
    • Created an option to customize the background of vertical tabs: standard and in accordance with the definition of colors the tabs (preview).
  • Version 2.0 (31-10-2009)
    • Including the possibility of creating multiple instances;
    • Display the instances in horizontal and vertical layout;
    • Selection of the corners the tabs between 18 options using the jQuery Corner plugin;
    • Parameterization of font the tabs: weight, size and family.
  • Version 1.3.1 (10-03-2009)
    • Fixed bug in the css stylesheet file of plugin – position of arrows in layout “Scrollable without icons”.
  • Version 1.3 (09-27-2009) Introduced the possibility to choice of display layout of plugin interface. Now, you can choose the layout among of the four options below:
    1. Fixed tabs without icons,
    2. Fixed tabs with icons,
    3. Scrollable tabs without icons,
    4. Scrollable tabs with icons.
  • Version 1.2 (09-21-2009)
    • Introduced possibility of use icons in the tabs instead name.
  • Version 1.1.2 (09-18-2009)
    • Small corrections in the file translation for the Portuguese of Brazil.
    • Fixed errors in the css stylesheet of plugin. Examples: the text color in the panes and the li:before instruction used in some themes.
    • Fixed bug in the preview of the tabs active, inactive and mouse over in the “sidebarTabs Options”.
    • Included the option “Text color in the panes”. See “sidebarTabs Options”.
  • Version 1.1.1 (09-13-2009)
    • Fixed bug in loading jQuery Tools library.
  • Version 1.1 (09-10-2009)
    • Introduced the use of scrollable tabs.
    • Changes in the plugin interface.
    • Included files (po/mo) translation to Portuguese of Brazil.

Evento: Plugin sidebarTabs - Multiple Instances

15.007 views

Trackbacks & Pingbacks

Trackbacks & Pingbacks


68 Respostas para “Plugin sidebarTabs”


Newton de Góes Horta março 3, 2010

@Tommy,

In the next version I will add the possibility to not use the gradient on the tabs. To adjust now, replace the line:

105 background: < ?php echo $opsbt["inactive_bg"]; ?> url(‘images/h30.png’) repeat-x 0 0;

by

105 background: < ?php echo $opsbt["inactive_bg"]; ?>;

in the styleSidebar.php file.

If you have difficulties to fix the problem send me your correct e-mail via the contact form that I send for you the file with the change.

Tommy março 3, 2010

I am using horizonta tabs. I made the active tab background color to be white (#FFFFFF), but it always looks like it has a gradient to it. Is this a bug?

Ken março 2, 2010

I have an odd problem. I am using sidebarTabs with 2 tabs… both coming from text widgets-one has some cut and paste code from PayPal and the other has a shortcode from the “contact form 7″ plugin (although the same happens with just plain text entered.)

In Firefox,Chrome, Safari, all is good.

In IE if the contact form (or text) is the default i.e. tab 1, then tab 2 (PayPal) is fine. However if the PayPal tab is default then the tab 2 content is empty.. (remember… does the same with just text entered!)
I have been beating my head against a wall trying to figure out what’s going on.. disabling plugins, etc.

Can you help???

Thank you!!
Ken Dawes

mitch fevereiro 25, 2010

Yes, by moving the amount to 99 (%), it seems to work fine with two different width widget areas. Excellent. I thought I had tried 100% before and it didn’t work, maybe I missed it. Thank you for your timely reply and thank you again for a great plugin… I’m spending loads of time thinking of all the ways I will use it.

mitch fevereiro 25, 2010

This plugin is so wonderful. I was so frustrated that I couldn’t get it to work right. Once I deactivated the Tabbed Widgets plugin, this works correctly. A masterpiece.

I love the multi-use option… but I have a dilemma.

I have added a widget “sidebar” in the middle of one of my page templates. I want to use this plugin there also. The “real” sidebar is 310 px. The “middle” sidebar area is 600px. Is there a way to have different width in a different placement?

If not, no problems. I am just a happy camper to have it working at all. I love it. Thanks so much for this plugin.

Sergio fevereiro 23, 2010

How can I solved the issue of conflict with another plug-in . I read about about the possibility of an older version jQuery Liberary. How can look for this and how to solve this.

Thank You

Sergio

T fevereiro 8, 2010

Hi,

Is there any way to load the plugin without using styles.

Thanks

Harald fevereiro 8, 2010

Hi
I love your plugin. It works great. I like it so much to I would if possible like to put it not only in the sidebar but anywhere on a page. Do you have a suggestion of code I could use to do that.
Take care,
Harald

T fevereiro 3, 2010

@Red94

I think you can do this by going to
admin dashboard – settings – sidebartabs – sidebar options –
then “Width sidebar of your theme” near the bottom

T fevereiro 3, 2010

Thanks for the help,

I seem to be having another problem now.
In some browsers like firefox the tabs load up fine,

But when I use some versions of ie or google cjhrome I get a gap between the tabs and the content. I think this is because of my theme.
Is there any way to get rid of this gap without changing my theme, maybe by changing the arg, not sure what to though?

Thanks

Red94 fevereiro 3, 2010

Is it possible to customize the code so that the width of the widget corresponds with the rest of the sidebar. My site is http://www.red94.net, and if you scroll down and look on the sidebar to the right, you can see how the widget seems out of place due to the width. How can I customize this?

Newton de Góes Horta fevereiro 2, 2010

@T

The biggest problem of the functionality of plugin is the conflict generated by other plugins that load an older version of jQuery library. This was the case of Nicole, now resolved, as probably was his.

T fevereiro 2, 2010

seems to be working now,
deactivated some plugins