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

WordPress

26
dez

O principal recurso do plugin, como indicado no seu nome de batismo, é agrupar posts já publicados ou não. Um exemplo de sua funcionalidade é mostrado a seguir com o agrupamento de quatro artigos sobre Progressões. No entanto, foi desenvolvido, até o momento, apenas o seu “motor”, faltando ainda, pode-se dizer, a parte mais trabalhosa, sua interface de administração.

A continuidade do desenvolvimento e sua disponibilização dependerá do interesse demonstrado pelos leitores do blog, que pode ser manifestado através dos comentários.

Categoria : Matemática | WordPress | Blog
30
ago

O plugin sidebarTabs foi atualizado para a versão 2.8 do WordPress e o download, instruções de instalação e de uso podem ser obtidos no repositório de plugins do WP.

A atualização ocorreu basicamente em função do redesenho da Widgets API dessa versão do WP.

Para versões anteriores do WP deve-se seguir as orientações descritas neste post para que o plugin funcione.

Categoria : Notícias Expressas | Técnico | WordPress | Blog
2
ago

Plugin bvGallery - Manage EventsO bvGallery é um simples plugin para WordPress, se comparado com outros existentes e disponibilizados com tal objetivo, destinado, como seu próprio nome indica, a publicar posts com galeria de imagens.

Mesmo sabedor da existência de muitos outros, o seu desenvolvimento foi realizado com a finalidade básica de aprendizagem para seu autor.

Utiliza em sua constituição:

  1. A biblioteca jQuery 1.3.2;
  2. o plugin prettyPhoto, a jQuery lightbox clone de Stéphane Caron;
  3. o plugin tabs da biblioteca jQuery Tools;
  4. a class dUnzip2.php de Alexandre Tedeschi.

Possui arquivos de tradução – po/mo – para o inglês (en). Como leio bem melhor do que escrevo é possível que tenha erros na tradução.

Índice
» Informações sobre o Plugin

Finalidade:
» Criar e Publicar Galerias de Imagens .

Versão:
» 1.0

WP:
» Testado somente na versão 2.8.2.

Download:
» http://www.blogviche.com.br/download/6/

Referências:
» Indicadas acima.

Recomendação:
» Utilize, se possível, uma área que não a do blog, para a realização dos testes de funcionalidade do plugin.

Sugestões:

» Sugestões para melhoria e correções são benvindas e podem ser feitas através do formulário de contato do blog Viche ou de comentário neste post.

Atualizações
Instalação
» Instruções de Instalação

  1. Descompacte o arquivo bvGallery.zip na pasta wp-content/plugins do seu blog. Será criada a pasta bvGallery;
  2. Ative o plugin. Será criada a pasta wp-content/bvGallery com permissões para uploads e que comportará suas galerias;
  3. É, ainda, disponibilizado o template bvGallery-template.php para criar uma página de exibição de suas galerias. Ele deve ser copiado da pasta do plugin para a pasta de seu tema wp-content/themes/nome-do-seu-tema e ajustado, uma vez que está escrito de acordo com as características do tema utilizado no blog Viche. Veja em funcionamento na página Galerias.
  4. Acesse a aba Uso para maiores instruções.

Upgrade
Uso
» Instruções de Uso

  1. Para publicar um post com a galeria cadastrada é suficiente colocar, na posição que desejar, o seguinte: [bvGallery=id_do_evento]. O id_do_evento é exibido na lista de eventos do módulo de administração do plugin. Apesar de funcionar com a sintaxe indicada, recomendo, por questões de compatibilidade com os padrões, a sintaxe ‹div›[bvGallery=id_do_evento]‹/div›;
  2. O plugin disponibiliza uma maneira automática de criação de posts.

Screenshots

Evento: Plugin bvGallery

Screenshots do Plugin

Demo 1

Evento: Férias em Fortaleza - Julho de 2009

Demo 2

Evento: Dinossauro das CSS

Livros publicados por Maurício Samy Silva, o grande Maujor.

Galeria exemplo composta de cinco imagens, sendo as três primeiras no formato jpg, a quarta no formato png e a última no formato gif, com as miniaturas no tamanho 100 x 75 pixels.

Categoria : Javascript | PHP | Técnico | WordPress | Blog
12
jul

Com a atualização do blog para a versão 2.8.1 do WordPress, o plugin WP-Email, de Lester ‘GaMerZ’ Chan, em sua última versão 2.50, gerou conflitos e consequentemente problemas de funcionalidades, entre outras, no mapa do site, um template desenvolvido por mim com o uso do plugin jQuery Menu da Filament Group, Inc e recém implantado no Viche.

O conflito ocorreu em função do blog já carregar a biblioteca jQuery, versão 1.3.2, o que também é feito pelo plugin em questão.

Se esse for o seu caso, para evitar a duplicidade de carregamento da biblioteca jQuery, além dos possíveis conflitos, comente as linhas 152 a 155 do arquivo wp-email.php do plugin conforme indicado a seguir:


152   //add_action('wp_head', 'email_javascripts_header');
153   //function email_javascripts_header() {
154   //    wp_print_scripts('jquery');
155   //}

e altere a linha:

175	wp_enqueue_script('wp-email', plugins_url('wp-email/email-js.js'), array('jquery'), '2.50', true);

para:

175	wp_enqueue_script('wp-email', plugins_url('wp-email/email-js.js'), '', '2.50', true);

Fica a dica e o registro do template mapa do site que poderei disponibilizar, apesar da necessidade de ajustes por conter algumas características específicas do tema utilizado no blog, a quem se interessar.

Categoria : Técnico | WordPress | Blog
6
jul

Para não perder o costume, dessa vez até que demorou um tanto,  o blog está de cara nova. A partir do tema Classic simulei visualmente o painel de administração do Wordpress 2.8.

Inclusive, para quem conhece, foi implantado os efeitos do painel nos menus  Páginas, Categorias e Arquivos ao se clicar em qualquer um de seus links.

Se você não vê nenhuma mudança no layout será necessário excluir os cookies do meu domínio em seu navegador iniciados com wptheme.

Fico, desde já, agradecido sobre o aviso de qualquer ocorrência de erro e de sugestões de melhorias do novo layout.

Aproveito para informar que instalei  o  WP 2.8  e que o plugin sidebarTabs  está em fase final de elaboração para essa versão e apresentado na parte inferior da sidebar esquerda.

Categoria : Informativo | Notícias Expressas | WordPress | Blog
8
ago

O plugin sidebarTabs foi desenvolvido a partir de uma idéia colocada nos comentários do artigo Utilize abas em seus posts e páginas com o postTabs publicado no blog PluginMania, de Marcos Silva.

E, como não poderia deixar de ser, utiliza parte da codificação do excelente plugin postTabs, de autoria de Leo Germani.

As informações sobre o sidebarTabs a seguir é mais um exemplo de aplicação do plugin postTabs.

Índice

» Informações sobre o Plugin

Finalidade:
» Exibir widgets na sidebar em forma de abas (tabs) .

Versão:
»1.0

Download:
» http://www.blogviche.com.br/wordpress/?dl_id=5

Referências:
» O plugin utiliza parte do código do plugin postTabs de autoria de Leo Germani.

Recomendação:
» Utilize, se possível, uma área que não a do blog para a realização dos testes de funcionalidade do plugin.

Sugestões:

» Sugestões para melhoria e correções são benvindas e podem ser feitas através do formulário de contato do blog Viche ou de comentário neste post.

Atualizações
Instalação

» Instruções de Instalação

  1. Descompacte o arquivo sidebartabs.zip na pasta wp-content/plugins do seu blog. Será criada a pasta sidebartabs.
  2. Ative o plugin.
  3. Crie as abas e configure o plugin na administração de seu WordPress. Utilize o caminho “Configurações (Settings) => sidebarTabs”.
  4. Acesse a aba Uso para maiores instruções.

Upgrade
Uso

» Instruções de Uso

  1. Altere os argumentos padrão (botão Default args) de acordo com as necessidades do seu tema.
  2. Crie as abas e configure as opções de exibição clicando nos botões correspondentes. Obtenha maiores detalhes sobre plugin em SidebarTabs: widgets com abas em sua sidebar no blog PluginMania
  3. Adicione o código no programa sidebar.php de seu tema – fora do loop dos widgets – na posição que desejar:
    			<?php
    if (function_exists(get_sidebarTabs)) {
    get_sidebarTabs();
    }
    ?>
    
  4. Nesta versão, por sugestão do Marcos Silva do PluginMania, é criado automaticamente o widget sidebarTabs, o qual deve ser adicionado à sidebar via Painel de Administração >> Design >> Widgets, não havendo mais necessidade de se executar o procedimento indicado no item 3.

Observações:

  • O plugin permite a configuração individualizada dos argumentos dos widgets utilizados (before_widget, after_widget, before_title e after_title) de modo a facilitar a estilização do tema (caso do exemplo em meu blog).
  • A classe ‘widget_title’ no argumento before_title inibe a exibição do título do widget por padrão. Caso necessite exibir o título de algum widget retire a classe do argumento.
  • Os widgtes padrão do WP, com exceção dos abaixo, não precisam estar ativos para que funcionem nas abas:
    • Categories;
    • RSS;
    • Text.
  • Nos casos acima ative e configure o widget e ao criar a aba correspondente marque o checkbox Unregister Widget se desejar que ele não seja exibido na sidebar novamente, claro, desde que você utilize widgets.
  • O widget Categories funciona também sem estar ativo, mas somente exibe a lista em um combobox – o padrão.
  • Quanto aos demais só efetuando os testes :-)

Categoria : PHP | Técnico | WordPress | Blog
27
jun

Dois artigos me conduziram mais uma vez a desenvolver um novo layout para o Viche, porém mantendo algumas características do anterior:

  1. O artigo Faux Absolute Positioning de Eric Sol, e,
  2. O sobre o plugin para WordPress Lead Manager (Gerenciador de Capas) desenvolvido pela equipe do Ministério da Cultura – Minc.

O primeiro aborda uma técnica sobre a construção de layout’s com o uso das CSS e o segundo os procedimentos de instalação e uso do plugin utilizado no site do Ministério da Cultura. Os detalhes podem ser obtidos nos links acima.

Antes de avançar um pouco mais sobre a descrição do tema, gostaria de parabenizar os autores do artigo e do plugin pelos trabalhos de excelente qualidade. Em especial à equipe do Minc em que tive o prazer de trabalhar por bastante tempo, como brevemente descrevo na página Sobre do blog. Como me desliguei do serviço público em 1997 não conheço, acho, nenhum dos membros da equipe atual.

Registro feito vamos em frente.

Como se trata de uma mania específica e quase compulsiva do autor do Viche de experimentar e por não saber se terá efeitos concretos o gerenciamento de capas em um blog sem as características de portal, caso do Minc, disponibilizei no final da primeira coluna da home um link e aqui também para o retorno ao tema anterior.

Para não haver distorção entre um e outro desenvolvi uma função, utilizada na capa Últimos Posts localizado na coluna do meio, para exibir apenas três e não prejudicar o loop original do WP, que está parametrizado para mostrar dez posts na página principal, caso você não goste deste tema ou se porventura venha a ocorrer algum problema uma vez que não tenho um histórico de como será o comportamento.

E se você foi e desejar retornar para o tema Viche Minc? Simples, clique aqui. Eita! que confusão! para, certamente, um número pequeno de leitores que testarão o vai-e-volta!

Finalmente, informo que utilizei os scripts jQuery do site do Minc para o drag-and-drop e o “abre-e-fecha” das capas, porém sem gravar cookies para “decorar” a possível customização feita pelo leitor, o que significa que ao recarregar a página inicial é exibido sempre o layout original.

No mais, se desejar, dê seu palpite.

Categoria : CSS | Curiosidades | Notícias Expressas | Técnico | WordPress | Blog
7
jun

O plugin em questão, conforme prometido, já está disponível na página Downloads.

Categoria : Informativo | Notícias Expressas | WordPress | Blog
14
out

No desenvolvimento do tema foram utilizados:

  • A biblioteca jQuery 1.1.2;
  • E o plugin Accordion 1.3.

A versão atual do plugin é a 1.5 e a substituição da anterior por esta não apresentou o mesmo comportamento obtido no tema, devido, certamente, a novas características implementadas por seu autor.

O uso da versão 1.3 se justifica, no meu caso, por já tê-la aplicado na construção do menu do site da empresa na qual trabalho. Creio que não haja grandes dificuldades para a migração.

Por fim, um fato a ser observado é que se você utiliza outra biblioteca, como a prototype, por exemplo, é necessário substituir no arquivo accordion.js o “$” por “jQuery” para evitar possíveis conflitos. O arquivo com a alteração mencionada é disponibilizado no final do post para download juntamente com a biblioteca jQuery.

Criando o Tema

Primeiro foi incluído o código abaixo na tag head do arquivo header.php.

<script type="text/javascript" src="<?php bloginfo('url') ?>/pasta_do_arquivo/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('url') ?>/pasta_do_arquivo/accordion.js"></script>

Em seguida inserido, ainda na head, o código abaixo para criar as instâncias Accordion da sidebar a partir da lista não ordenada #theMenu e do conteúdo do blog a partir da div #conteudo, que são iniciadas quando a página é carregada. Para quem não sabe o jQuery().ready é equivalente ao window.load.

<script type="text/javascript">
   jQuery().ready(function(){
   // applying the settings
      jQuery('#theMenu').Accordion({
         header: 'h2.head',
         alwaysOpen: false,
         animated: true,
         showSpeed: 400,
         hideSpeed: 800
      })
   });

   jQuery().ready(function(){
   // applying the settings
      jQuery('#conteudo').Accordion({
         header: 'h2.head',
         active: false,
         alwaysOpen: false,
         animated: true,
         showSpeed: 400,
         hideSpeed: 800
	  });
   });
</script>

A opção header indica o seletor onde se iniciam os conteúdos de cada item a ser (ou não) exibido de acordo com o que é clicado pelo usuário, o evento default do plugin. O evento “click” pode ser alterado acrescentando-se a opção event: ‘mouseover’, por exemplo.

A opção alwaysOpen é setada como false de modo a evitar que sejam executados os permalinks existentes nos títulos dos posts, não retirados do tema, e fazer com que o conteúdo seja exibido na mesma página. Na sidebar não surte nenhum efeito pois o tema não possui links em seus itens.

As três últimas opções – animated, showSpeed e hideSpeed – são auto-explicativas.

Na parte de conteúdo do blog foi utilizada a opção active: false, para a instância Accordion correspondente, para que nenhum artigo fique aberto quando a página estiver totalmente carregada. Por default é aberto o primeiro filho (item 0) da instância. Caso necessite abrir o item 6 do menu como default, por exemplo, use:


<script>
    jQuery().ready(function(){
        jQuery('#theMenu').activate(5);
    });
</script>

Parte da estrutura da sidebar do tema pode ser vista aqui e fornece a idéia de como ela foi construída.

Note que não tem nenhum mistério. Ressalvo apenas o uso do h2 com o em de modo a permitir a colocação do ícone com o ponto de exclamação no ínicio dos títulos e o sinal de + ou – à direita.

<h2 class="head"><em><a href="javascript:;">Posts de Matemática</a></em></h2>

Suponho que a maioria dos temas tenham essa estrutura na sidebar, infelizmente não era o meu caso, o que implicou em alterações nas folhas de estilo, mas nada que não tenha sido resolvido tranquilamente :-).

Por fim nos programas do tema que envolvem conteúdo proceda como indicado abaixo, onde é exibido um trecho da index.php.


<?php get_header(); ?>

<div id="content">
...
   <div id="conteudo">
...
      <h2 class="head"><a href="<?php the_permalink() ?>" title="Permalink"><?php the_title(); ?><a></h2>
...
   </div>
...
</div>

Se você ainda não observou foram adicionados alguns efeitos especiais. Por exemplo, ao clicar em uma das categorias do blog, ao exibir a página o menu correspodente permanece aberto. Tal efeito é obtido colocando-se o código abaixo no programa footer.php do tema.


<?php if (is_category()) { ?>
<script>
    jQuery().ready(function(){
        jQuery('#theMenu').activate(1);
    });
</script>

Isto posto, diga o que você achou levando-se em conta, também, questões de acessibilidade entre outras.

Download

Categoria : Javascript | PHP | Técnico | WordPress | Blog
21
set

Após muito tempo na versão 2.0.2 do WP “arrisquei-me” a dar um salto direto para a versão 2.2.3.

Para isso fiz uso do plugin InstantUpgrade 0.2, de Alex Günsche, que se mostrou extremamente eficaz, apesar dos procedimentos de permissões de gravação – chmod 0777 -  exigidos, mas que foram facilitados pelas mensagens de erros, por que não dizer instruções, fornecidas durante o processo. Para alterar as permissões utilizei a extensão do FF FireFTP 0.97.1, criada por Mime Čuvalo.

Pelas checagens feitas me parece que tudo transcorreu muito bem. No entanto, pediria a colaboração dos leitores do Viche para que informassem, via formulário de contato ou de um comentário, eventuais problemas.

Categoria : Informativo | Notícias Expressas | WordPress | Blog