Suporte » Temas » Layout de arquivos attachados

  • Resolvido viktor-chagas

    (@viktor-chagas)


    Oi, Pessoal,

    Sempre que eu anexo um arquivo em meus posts, o link é um link simples que dá direto para o arquivo.

    Eu gostaria de fazer com que esses links ganhassem um layout semelhante a este, isto é, com uma caixinha, com informação sobre formato e tamanho do arquivo e visual bonitinho.

    Já cacei uma série de plugins de download-managers para o WP (entre eles, o tradicional WP-DownloadManager e o WPFileDownload), mas nenhum faz isso que eu gostaria.

    Cheguei a pensar q essa funcionalidade pudesse ser feita a partir do attachment.php do tema q estou usando (K2), mas pelo q fucei no Codex não é exatamente isso.

    Alguém tem uma idéia de como eu poderia fazer com que os links fossem sempre essa caixinha colorida???

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • Oi Viktor,

    Isso não é uma questão de plugin, isso é CSS. Por esse motivo movi sua pergunta para esse fórum, ok?
    Você deve criar em seu arquivo style.css uma regra de estilo para esse tipo de link. Recomendo que seja uma classe para que você possa aplicá-la a qualquer link que vc quiser. No caso do exemplo que vc indicou as regras são essas abaixo, mas você precisa ter uma imagem chamada ‘icon_download.png’ dentro da pasta images de seu tema.

    .download {
    background:#F1FAF9 url(images/icon_download.png) no-repeat scroll 12px 8px;
    border:3px solid #DCEEEE;
    margin-top:10px;
    padding:6px 0 4px 55px;
    width:260px;
    }
    .download a:link, .download a:visited, .download a:hover {
    font-weight:bold;
    text-decoration:underline;
    color:#43A806;
    }

    Depois você deve acrescentar essa classe no html. Após vc criar o link, clique na aba ‘html’ e edite o html da seguinte forma:

    <div class="download">
    <a href="http://caminho/do/arquivo">Texto do download</a>
    <br />formato, 4.7k
    </div>

    Abs.

    Criador do tópico viktor-chagas

    (@viktor-chagas)

    Opa, Cátia,

    Perdão pela “leiguice”. 🙂

    Perfeito. Funcionou 100%.
    Uma dúvida: não há como automatizar essa busca pelo formato e pelo tamanho do arquivo?

    Obrigado!

    Desculpe Viktor,
    Não entendi sua pergunta. De que busca você está falando?

    digo…

    você especificou manualmente formato e 4.7k aqui:

    <div class="download">
    <a href="http://caminho/do/arquivo">Texto do download</a>
    <br />formato, 4.7k
    </div>

    não haveria um modo de “automatizar” isso?

    no fundo, o grande problema de usar essa rotina de CSS é q pessoas mais leigas (mais q eu) teriam dificuldade em usar o html sempre q postassem um arquivo para download… e, como a idéia era deixar a edição do site nas mãos de terceiros, isso talvez soe mais complicado. o q você acha?

    E acredito que ele faz o que você quer, obtem as informações do arquivo e exibe automaticamente no post.

    Veja este plugin http://lesterchan.net/wordpress/readme/wp-downloadmanager.html

    Tem área de administração, permite acompanhar o número de downloads e outras coisas.

    E ainda existe a tradução em português brasileiro aqui http://plugins.trac.wordpress.org/browser/wp-downloadmanager/i18n/

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • O tópico ‘Layout de arquivos attachados’ está fechado para novas respostas.