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:
- A biblioteca jQuery;
- O plugin jQuery Tools;
- O plugin jQuery Corner;
- Parte do código do plugin postTabs de Leo Germani.
Instalação
- 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”.
- Tudo o que você precisar fazer após isso é ativar o plugin sidebarTabs.
- Para mais informações, veja “Installing Plugins” article on the WordPress Codex.
- Veja o item seguinte para instruções adicionais.
Uso
- 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.
- Vá para “Configurações” > “sidebarTabs” e configure os argumentos padrões (botão Default args) de acordo com as necessidades do seu tema.
- Clique em “sidebarTabs Options” para definir as cores de suas abas e demais parâmetros.
- Crie as abas clicando no botão “Criar nova sidebarTab”.
- 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:
- Abas fixas sem ícones,
- Abas fixas com ícones,
- Abas roláveis sem ícones,
- 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:
- The jQuery library;
- The jQuery Tools plugin;
- The jQuery Corner plugin;
- Part of code the postTabs plugin of Leo Germani.
Installation
- 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.
- All you need to do after that is navigate to your blog’s administration panel, go in the plugins section and enable sidebarTabs.
- For more information, see the “Installing Plugins” article on the WordPress Codex.
- See the next item for additional instructions.
Usage
- Drag the widgets that compose the sidebarTabs to the area of Inactive Widgets under “Design” > “Widgets”, settings and always save.
- Go to “Settings” > “sidebarTabs” and settings the standard arguments (args Default button) according to the needs of your theme.
- Click in “sidebarTabs Options” to adjust the colors of your tabs and other parameters.
- Create tabs by clicking in the button “Create New sidebarTabs”.
- 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 3.0 (05-01-2010)
- Added option “Layout of horizontal tabs” in the instance of the plugin;
- Added option to remember the last open tab (cookies);
- Added option to set the expiration time for cookies;
- For more details on the changes in this version go to page Plugin sidebarTabs 3.0.
- 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:
- Fixed tabs without icons,
- Fixed tabs with icons,
- Scrollable tabs without icons,
- 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.
330.015 views
Dane Domain
maio 26, 2012 @ 02:52:13
nice plugin. There is a way to add this plugin in a page as html code like this ? I hope you can help me.
34 WordPress Plugins You May Not Know-Worth a Look : Web design
mar 23, 2012 @ 00:58:42
[…] 7.sidebarTabs Each tab works as a container for any other widget WordPress. Thus, for example, you can create a tab for the last comments, one for recent posts, one for categories, and so on, for a given instance of the plugin (widget). […]
Trinity
mar 05, 2012 @ 10:27:55
Hi,
I have a big Problem with this wonderfull Sidebar Plugin. My Blog is very slowly when I activate your plugin. Can you make a update from this plungin? Can you look why the blogs are so slowly when they use this plugin.
I love it and I want this plugin, but I can`t use this more.
Please take a little bit time and look at this!
Thank you!
Have a nice day!
Greetings, Trinity
22 WordPress Plugins You May Not Know-Worth a Look | 1webdesigner.net
fev 09, 2012 @ 00:04:30
[…] 6.sidebarTabs Each tab works as a container for any other widget WordPress. Thus, for example, you can create a tab for the last comments, one for recent posts, one for categories, and so on, for a given instance of the plugin (widget). […]
IMM & Week in Review | Book Exhibitionism
set 11, 2011 @ 11:03:34
[…] http://www.blogviche.com.br/plugin-sidebartabs/ […]
sidebarTabs review, discussions, does it work, and ratings on Loadwp.com | Loadwp.com
ago 17, 2011 @ 13:46:46
[…] Plugin Homepage. […]
Blogger to WordPress ➝ Ten (More) Must-Have Plugins for the Newbie
ago 12, 2011 @ 15:34:45
[…] ➎ Sidebar Tabs – I LOVE this plugin. It might even be my favorite plugin of all. Simply put, it compresses your sidebar widgets into a group of tabs. I’ll admit, there’s a *tiny* bit of know-how to set it up, but it’s definitely worth the effort. I compressed 4 of my widgets into one ➝ Subscribe via email, search, archives, and a text widget. There are many options to choose from regarding coloring, tab appearance, etc, etc, etc, to customize it for your blog. And, best of all, it really cleans up your sidebar. I particularly despise cluttered sidebars. I can’t help it. So, this plugin – FANTASTICO!!! […]
T.A.F.
ago 01, 2011 @ 07:36:29
Hi!! I also have the same problem of some people here: on my blog I can only see the titles of the tabs, but when I click on them nothing happens: there is no content shown (look here: http://terraacquafuoco.altervista.org/)!! And moreover no matter if I change the corners of the tabs, they’re always the same, with 90° corners, not rounded.
The same behavior if I arrange the content vertically or horizontally. In the preview, in the settings page, everything is shown regularly. I use the “Sight” theme…I would be really happy if someone could explain me how to solve this problem, because I really NEED this plug-in, which is actually really cool!!
Thank you in advance!
T.A.F.
Shane
jul 06, 2011 @ 19:09:09
Love the plugin.
One query…
I am trying out using dynamic content.
Is it possible to only show tabs if content is present, or put another way, hide tab when there is no content / empty. Where would I need to adapt the code?
Many thanks
El Secreto
jun 29, 2011 @ 18:14:06
Love you plugin! Thank you very much for it…
Andrés
jun 23, 2011 @ 17:31:29
Hello and thanks for the great plugin.
How can I make the tabs content vertical scrollable?
Best Regards,
Andrés.
Nina
jun 20, 2011 @ 11:25:13
Hello,
I use your plugin in my site (still in development). I never had any problems with it, until I wanted to add a ‘banner’ of Microsoft.
When I put the banner on a page, the sidebars on that page only show the tabnames, but not the content I’ve put in them.
Can you (or someone else) please help me with this problem? Just ask me the info u need.
Thank you,
Nina
mad0nion
abr 15, 2011 @ 08:12:06
Great plugin. I just started to use it but i feel great potential for my application. Though, I have a little problem – it’s there a way to use both icons and tab names simultaneously?
If not i’ll just have to figure out on my on.
Thank you again.
Lee
abr 08, 2011 @ 16:04:16
Hi,
I really love your WP sidebarTabs plugin — I’ve been searching for one similar to http://polpoinodroidi.com/wordpress-plugins/wordpresscom-popular-posts/ and Viola! you created one. Thanks so much.
One request: Could you include a tabset for the bottom of the post page as shown in the above website? It would be nice to have the related posts, comments and trackbacks (or other tabs) aligned at the bottom of the post page.
Thanks so much :)
Jatefoste
mar 19, 2011 @ 12:21:31
Ola,
Eu tenho um blog e estou tentando colocar o sidebarTabs mas não está funcionando corretamente. Quando estou a configurar o sidebarTabs, eu vejo-o corretamente, mas depois quando vou ver à pagina do blog ele aparece todo deformado. Será alguma conflito com Jquery ou CSS do theme do blog? Já tentei mudar todas as opções do sidebarTabs mas continuo sem conseguir. O site é http://fox-clan.net/wp/
Alguém pode ajudar?
Obrigado
Now in English:
Hi all,
I have a blog and I’m trying to put sidebarTabs but it’s not working properly. When I am configuring sidebarTabs, I saw it correctly, but then when I go to the page of the blog it appears deformed. It may be some conflict with jQuery or CSS of the theme? I’ve already tried changing all the options but am still unable to put sidebarTabs working. Check my site here http://fox-clan.net/wp/
Can anyone help?
Thanks
Tiziana
mar 18, 2011 @ 08:43:22
Hi,
great plugin. There is a way to add this plugin in a page as html code like this ? I hope you can help me. Thanks,
Tiziana
Pat Kemke
mar 06, 2011 @ 05:24:28
Hi,
I love your plugin but I can not get it to work.
When I configure it the preview looks perfect. Then I go the site and only the pictures or if I reconfigure only the text words show up. Not both at the same time. And the real problem is the when you click the picture or the text title the address bar just says “http://www.mpkmedia.com/#tab1” (or #tab2, or #tab3) The content of these widgets is not displayed. However when viewed while configuring sidebartabs all data displays correctly in the preview.
Tested in multiple browsers (same result). Changed the yes and no fields in the default args and JQuery tried all combinations. Using Atahualpa theme. Your plugin was recommended on their forum. Others have gotten it to work. Any suggestions on how to rectify. I will leave the plugin active on the bottom of the right sidebar http://www.mpkmedia.com I appreciate any help or suggestions as I like your plugin and want to make it work.
Thanks ~ Trish
Pat Kemke
mar 07, 2011 @ 07:57:33
Thank you so much. The plugin works great. There was a conflict with a caching plugin Autoptimize. Deactivated that plugin and all works well now.
Except for one thing. I think my theme’s declared value for is overriding the ability to set the font size of tabs in the sidebar tab options page. I see no difference in text size if I use 8 or 16 px for the font size in tabs option. Any idea how to fix? Tested repeatedly with many text sizes and no difference. Also using default args declared.
Thanks for your help :)
Marilia Alves
mar 04, 2011 @ 11:15:24
Olá, eu tentei colocar o plugin no meu site mas ele não funciona, quando eu coloco não aparece nada nas abas, e na configuração dele aparece. Porque?
Избор додатака за Wordpress | nenadsky
fev 24, 2011 @ 14:05:45
[…] 5. SidebarTabs […]
Lukat
fev 04, 2011 @ 23:59:58
Hello there.. Awesome plugin I love it.. But I have one problem on my new blog.
The problem is in theme. I am using Smells Like Facebook theme. I can see only the buttons on the Bar. In settings menu I can see the preview perfect but on the page only the buttons. I know that the problem is in theme because I change it to defauld theme with all plugins and sidebar was working great.
What should I change in this theme?
Thanks you.