Como alterar o formato do link do arquivo ( Nome ) quando inserir do uploder de mídia

Eu quero mudar alguma funcionalidade de wordpress padrão.

Na biblioteca de mídia quando selecionamos um arquivo e pressione “Inserir na página” (diferente do arquivo de imagem) Ele insere no formato Name Eu quero alterar esse formato padrão.

opção 1: eu quero adicionar tags extras antes de uma tag OU Opção 2: eu quero atribuir classs extras para uma tag, dependendo da extensão do link do arquivo alvo.

porque eu quero projetar essa tag A com imagem de ícone de extensão de arquivo (por exemplo, como um botão de download).

Solutions Collecting From Web of "Como alterar o formato do link do arquivo ( Nome ) quando inserir do uploder de mídia"

Você pode usar seletores de atributos CSS para realizar isso sem alterar nada no WP Admin ou no HTML. Uma pesquisa do Google para “icons de tipo de arquivo css” vem com vários resultados, mas vou explicar a idéia básica para você aqui.

Um seletor de atributos permite que você marque qualquer tag html com um atributo correspondente. Existem várias maneiras de usar seletores de atributos ( input[type="text"] , qualquer um?), Mas você precisa pegar o valor href , particularmente a extensão do arquivo. Por exemplo, se você quiser adicionar um ícone de pdf antes de qualquer arquivo pdf, você poderia fazer algo como isto:

 a[href$=".pdf"] { background:transparent url(../images/pdf-icon.png) center left no-repeat; display:inline-block; padding-left:20px; line-height:18px; } 

O $ significa que você está combinando do final da seqüência de caracteres. Isso funcionará em todos os navegadores modernos e até mesmo no IE7.

Se você quer ser extra-extravagante, você pode colocar todos os seus icons em um arquivo de imagem e, em seguida, usar o posicionamento em segundo plano para obter cada um ajustado corretamente:

 a[href$=".pdf"], a[href$=".doc"], a[href$=".zip"] { background:transparent url(../images/pdf-icon.png) no-repeat; display:inline-block; padding-left:20px; line-height:18px; } a[href$=".pdf"] { background-position: center 0; } a[href$=".doc"] { background-position: center -20px; } a[href$=".zip"] { background-position: center -40px; } 

EDIT: (Agradecimentos ao @toscho!)

Um truque ainda mais divertido é adicionar o ícone como content: url(image.gif) ao invés de uma imagem de fundo. Dessa forma, você pode controlar a altura e a largura, criar imagens compactas de icons ou mesmo fazer coisas divertidas, como usar fonts para icons.

 a[href$=".pdf"]:before { content: url(path/to/image); // more styles // } 

Dê uma olhada no criador de fonte de icons personalizados IcoMoon (grátis!) Para uma implementação fácil.

Há um pouco de um hack sujo, adicione isso às suas funções.php;

 < ?php add_filter('wp_get_attachment_link', 'wpse7812_modify-attachment-link'); function wpse7812_modify-attachment-link($link) { global $post; return str_replace(' 

Onde myClasssName pode ser o que quiser.