Topo

6 Jul

Dk Obama Plugin - galeria de destaques

Faz um tempo atrás eu utilizava aqui no Dk Design o plugin “The Featured Content Gallery” do site WpElements, porém queria utilzar algo visualmente mais customizável e remover o uso de descrições direto do painel, o qual seria incluido direto na imagem.

 

E como muitos devem ter percebido, o usado acima é nada menos que uma réplica do usado no site de Barack Obama. Quando entrei no site dele, pois sinceramente é muito bem feito, tinha reparado que usava Jquery e tentei fazer a cópia, porém não sou um grande programador. Até o dia que o pessoal do DevThought desenvolveu exatamente o que eu queria, uma cópia, e coincidentemente usava Mootools, assim como o plugin anterior que eu usava.

 

Dk Obama Wordpress Plugin

A criação do plugin se tornou fácil, pois foram necessárias algumas mudanças no plugin usando antes. Com isso pude aproveitar a página de opções e a garantia que o plugin funcionaria perfeitamente. Assumo que foi um processo muito mais simples do que criar do zero, porém acho besteira recriar um código que já estava correto.

Instalação:

  • Baixe o arquivo “dkobama.zip“  para sua máquina.
  • Extraia e envie a pasta dkobama para a “wp-content/plugins” (NÃO MUDE NENHUM NOME INTERNO OU DA PASTA).
  • Ative o plugin Dk Obama no painel administrativo
  • Adicione o seguinte código nos arquivos de seu template, no local onde desejar que a galeria apareça:

<?php include (ABSPATH . '/wp-content/plugins/dkobama/galeria.php'); ?>

 

Agora para utilizar a galeria depois de instalada, dentro da aba opções (settings) do painel administrativo basta acessar a aba Dk Obama. Os campos são auto-explicativos, portanto não deverão ter maiores problemas.

Customizando a galeria (opcional):

Para alterar as dimensões basta alterar o arquivo slideshow.css dentro da pasta “Css” do plugin. Os itens responsáveis pela largura e altura principalmente são:

#slideshow { background: url('images/fundo.gif') no-repeat top; position: relative; padding: 0px 0 0px; width: 603px; height: 306px; }
#slideshow #pictures { background: url(’images/intro.jpg’); width: 437px; height: 300px; left: 0; overflow: hidden; }
#slideshow #menu { background: url(’images/lateral.jpg’); list-style-type: none; width: 166px; height: 240px; right: 0; padding-top: 60px; }

Também pode baixar o arquivo (template-slide.zip) que contém o psd que criei para as imagens internas. Todas as imagens estão dentro da pasta “Css/images”.

 

Download:

Dk Obama Wordpress Plugin 610

Template-Slide 596 (psd para as imagens)

Agradecimentos

Wp Elements

Devtought

Frogx3

Autor: kaiserlino

Administrador do Dk Design, estudante de design e trabalhando com SEO. Criei este blog com o intuito de ser uma fonte de referências e inspiração para todos iniciando na área. Mais

Assine agora nossos feeds RSS e acompanhe o blog com toda a praticidade.
Dk Design Rss Feeds

Leia mais:

9 Comentário no post.

  1. Plugin Barack Slideshow para Wordpress | frogx.three's Gravatar

    Postado porPlugin Barack Slideshow para Wordpress | frogx.three em 06.07.08 às 11:52 pm

    [...] Dk Obama SlideShow para Wordpress - Configuración en Portugues [...]

  2. André's Gravatar

    Postado porAndré em 06.07.08 às 11:52 pm

    Dk Cell,

    Estou com um probleminha. Segui o seus passos, porém na hora de carregar a página aparece a seguinte mensagem:
    <a href=”
    Fatal error: Call to undefined function get_option() in C:\wamp\www\yazigiblog\wp-content\plugins\dkobama\galeria.php on line 11

  3. kaiserlino's Gravatar

    Postado porkaiserlino em 06.07.08 às 11:52 pm

    Hum…vamos ver…
    1. VOcê seguiu todos os passos até o fim? exatamente como estava?

    2.o plugin está habilitado como falei certo?

    3. Apenas para confirmar, me envie o trecho de código onde você fez a chamada para a galeria.

    4. Consegue acessar o wp-admin nas opções do dk obama?
    Se sim, tenta colocar as imagens e ve se resolve
    Testei aqui em outro template e foi normalmente de novo.

    Abraços, qualquer coisa estamos aqui.

  4. Dk Obama, inserta una galería de post destacados en cualquier theme's Gravatar

    [...] | Dk Obama Plugin - galeria de destaques Vía | Ayuda WordPress Enviar [...]

  5. Adicione uma galeria de destaques a qualquer site | Dkcell Design's Gravatar

    [...] apenas adaptei o plugin Dk Obama para Wordpress, pois o mesmo já possuía uma versão para ser instalada em qualquer página Html, [...]

  6. Dk Slideshow - Galeria de destaques | Dkcell Design's Gravatar

    Postado porDk Slideshow - Galeria de destaques | Dkcell Design em 06.07.08 às 11:52 pm

    [...] o funcionamento do plugin é praticamente o mesmo do Dk Obama não irei fazer mais uma descrição tão longa, já que a demonstração fala por si só. (Cliquem [...]

  7. Dk Obama - Plugin de galería para post destacados | Ayuda WordPress's Gravatar

    [...] uso del plugin es bien sencillo, solo tienes que descargarlo de la página del autor, configurar las opciones para incluir las imágenes y enlaces que desees y luego añadir a tu [...]

  8. Dk Obama Jquery Wordpress Plugin | Dkcell Design's Gravatar

    Postado porDk Obama Jquery Wordpress Plugin | Dkcell Design em 06.07.08 às 11:52 pm

    [...] pedido da Monika do Texto.de refiz a versão DK Obama para funcionar agora com Jquery. O plugin é exatamente o mesmo que o anterior Dk Obama, porém [...]

  9. NU's Gravatar

    Postado porNU em 06.07.08 às 11:52 pm

    Olá

    Porque os posts / imagens não se “movimentam” como um slideshow?

Deixe sua marca