Como adicionar um novo upload de midia nos post(admin)
-
Alguém sabe como posso adicionar um novo sistema de upload de midia na parte de posts do wordpress, pois estou montando/estudando este site http://caro.netii.net/ , bem dizer está pronto…. mas tenho que simplificar a maneira como envia as imagens para os posts … pois uma pessoa normal não vai conseguir usar os campos personalizados.
Então alguém sabe como , tipo http://images.orkut.com/orkut/photos/QQAAAL6N_EG4TSviVRH2jlCw82te9-q9szIQCXZqAme8F-xv-VkVwmm3LYtACYfEPeRyJSfz2lq05N6KnCrJvk8Jxcg67LtCi_3VVcnkJYsYrUA1AJtU9VD1BMDpAOOn-1m4K_u-zKjHwlyeYg.jpg .
Ai nesta página com um post …. eu quero ao invés de usar os campos personalizados , eu quero adicionar um novo lugar para enviar imagens, que possa pegar depois … mas ainda não sei como.
Quem souber, por favor dê uma luz ai.
-
Eu que agradeço Leo Caseiro :D,
E ai, alguém sabe como fizeram este efeito na galeria deste site http://reclusmundusnovus.wordpress.com/galeria-de-imagens/# ?
Que saco o cara não saber programar direito ainda 🙁 .
Encontrei este post explicando alguma coisa usando a própria galeria do WordPress: http://en.blog.wordpress.com/2011/11/08/new-photo-carousel/
Ele usa estes 2 arquivos, não testei, mas deve funcionar:
Pesquisei um pouco mais e encontrei este Plugin. Acredito que seja esse
Bom , vou dar uma olhada por cima agora … pois vou ter que dormir auhehaue estou acordado a sei lá , 16 horas aueuaheu.
Mas muito obrigado desde já Leo Caseiro :D, vou dar uma olhada e testada, dai já dou um retorno assim que eu acordar kkkk
Acho que achei o treco http://wordpress.org/extend/plugins/jj-nextgen-jquery-carousel/ .
Mas eu quero ver é se consigo usar ele em conjunto com os campos customizados, pois não quero usar o next gen .
Pois quero deixar o mais simples possivel a questão de enviar e administrar as imagens :D.
Pois dá lógico que dá, mas dai teria que se aprofundar muito.
Saco, alguém sabe como adicionar este treco no wordpress das fotos, mas eu quero adicionar isto no código do tema , para que no lugar que eu quiser seja chamada ou as imagens que estiverem no dito local, sejam vistas com aquela efeito ou coisa assim.
Eu não sei o que procurar o ler, alguém tem alguma idéia, preciso de material prático, com exemplos.
Obrigado desde de já 😀
Bom consegui chamar 1 imagem usando o plugin magic fields e ainda aplicar o efeito do outro plugin chamado Lightbox Plus.
O código ficou assim:
<a href="<?php echo get('imagem_single');?>" rel="lightbox[917]"><?php echo get_image('imagem_single');?></a>
Agora estou procurando como chamar as outras imagens adicionadas via o pmagic fields , através do bagulho dele que faz tu duplicar o campo, tipo … clico em duplicar no bagulho da imagem e dai posso inserir outra imagem … mas ainda não sei como chamar ela no post 🙁 , se alguém souber como , por favor post aqui.
rel=”lightbox[917]” = aplica o efeito jquery na imagem quando clicada :D, tipo de abrir uma janela, tipo os efeitos deste site aqui , quando clica nas imagens http://fancybox.net/ .
<?php echo get('imagem_single');?> = http://magic.local/wp-content/files_mf/125780366410677912_gal.jpg <?php echo get_image('imagem_single');?> = <img src='http://magic.local/wp-content/files_mf/th_bf03ed07699f09100b6f3f35fe829808_125780366410677912_gal.jpg' class='magicfields' />
Fonte do código ai de cima = http://wiki.magicfields.org/doku.php?id=types_of_custom_fields_v20#image_upload_media
Eu não testei o código, mas acredito que irá funcionar:
<?php $count_images = get_count_field($field_name = 'imagem_single', $group_index = 1, $post_id = get_the_ID()); ?> <?php for($i=1; $i <= $count_images; $i++) : ?> <img src="<?php echo get_image('imagem_single', $group_index, $i, 0); ?>" /> <?php endfor; ?>
Leo Caseiro valeu , vou ver aqui, vou analisar para ver qual é :D.
Qualquer coisa informo aqui.
Viu Leo Caseiro , show de bola, não está bom ainda … mas pelo menos o teu código chamou as 2 images que tinha postado no post auhhae , agora é analisar o teu código.
Para ver como fazer o que quero… mas já vai ajudar .. assim que eu conseguir deixar ele direitinho como quero, vou postar aqui 😀
Está praticamente pronto o bagulho.
na minha página single.php, adicionei isto
<div id="single_img"> <?php $count_images = get_count_field($field_name = 'imagem_single', $group_index = 1, $post_id = get_the_ID()); ?> <?php for($i=1; $i <= $count_images; $i++) : ?> <span class="img_cesar"><a href="<?php echo get('imagem_single', $group_index, $i, 0);?>" rel="lightbox[917]"><img src="<?php echo get_image('imagem_single', $group_index, $i, 0); ?>" /></a></span> <?php endfor; ?> </div>
no style.css
/*página single imagens*/ #single_img {width:670px; float:left; margin:5px;} #single_img a img{width:75px; height:75px; float:left; margin:5px; padding:3px; border:1px solid #ccc;} #single_img a img:hover{background:#999;}
Estou usando os plugins :
Lightbox Plus = Para aplicar os efeitos quando clica na imagem. (ex: http://fancybox.net/ )
Magic Fields = Para poder adicionar campos personalizados nos posts , de forma que o usuário/cliente, consiga usar e não precisa de um doutorado para administrar o site.(ex: https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash3/533951_360344870698792_1454095083_n.jpg )
Muito bom! Principalmente a foto que está abaixo do Chuck Norris!
aham eheh.
Agora vou ver como deixar uma thumbnail ou sei lá como se chama.
Tipo o que vou ver é o treco das imagens pequena mostrada aqui
https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc7/577545_360514944015118_153462739_n.jpg
Tipo vocês podem ver que ela na realidade é uma imagem 640×480 no caso, mas quer o ver como deixar ela como uma imagem tipo 75×75 e quando clicar abrir uma imagem no tamanho total da imagem :D.
Quem souber como faz isto , por favor post ai, vou começar a procurar agora.
Cesar, como você está utilizando o Magic Fields é simples
Você utiliza sempre a função get_image() com o último parâmetro ($wp_size). Vou modificar o seu código, assim você irá entender como funciona
<div id="single_img"> <?php $count_images = get_count_field($field_name = 'imagem_single', $group_index = 1, $post_id = get_the_ID()); ?> <?php for($i=1; $i <= $count_images; $i++) : ?> <span class="img_cesar"><a href="<?php echo get('imagem_single', $group_index, $i, 0, $post_id, null, null, 'large');?>" rel="lightbox[917]"><img src="<?php echo get_image('imagem_single', $group_index, $i, 0, $post_id, null, null, 'thumbnail'); ?>" /></a></span> <?php endfor; ?> </div>
Os tamanhos do $wp_size, você deve utilizar os padrões de Thumbnail Sizes do WordPress WordPress(thumbnail,medium,large,full) ou algum que você criou. E a deve ser uma imagem image media. Isso é muito importante.
Lembre-se de deixar sempre os parâmetros $params e $attr vazios.
Para saber mais sobre o get_image, consulte o Wiki do Magic Fields 2.0Leo Caseiro, vou ler aqui para ver se entendo, valeu.
Assim que estiver ok, posto de novo o resultado.
É isto mesmo, funciona … mas o problema, bom vou testar um treco aqui e ver como fica …. pois no site que estou montando baseado nos estudos deste curso http://www.upinside.com.br/video-aulas/lancado-o-curso-desenvolvendo-portais-com-wordpress-da-upinside-tecnologia .
A gente usa imagens assim, vou postar todos os tamanhos que a gente usou no curso.
Na página inicial do site foi usadas estas resoluções :
350 x 175
100 x 50
200 x 100Na página single.php , que é quando a gente vai ler a matéria.
ficou com estas resoluções.75×75 miniatura e quando clicar na imagem mostrar a imagem com tamanho total :D.
Dai agora vou ver se consigo configurar estas 4 resoluções diferente para imagens.
Bem dizer , falta pouca coisa para terminar o site uahuehae do curso :D, eu estou fazendo assim porque a maneira que ele fez no curso não ficou bom para administrar a coisa 😀 , dai estou mudando algumas coisas agora , pois bem dizer do jeito dele está pronto já 😀 (dele = curso)
Está parte “Para saber mais sobre o get_image, consulte o Wiki do Magic Fields 2.0” eu vi lá … as informações … mas não entendi como usava ou se estava certo.
Pois lógico não sei , preciso de algo prático para analisar e ver o funcionando ou então ter uma explicação detalhada … está é uma falha grave destes manuais e blablabla , que o pessoal lança nos sites … pois é para quem já sabe a coisa … quem quiser aprender se fode.Mas ainda bem que tem pessoas como tu Leo Caseiro, que mostram em exemplos práticos a coisa … senão gente noob que nem eu estava ferrado.
Valeu, vou ver aqui os bagulhos e assim que terminar ou tiver outra dúvida posto aqui para ver qual é.
Aqui está a página inicial do site( http://caro.netii.net/UPNEWS/tableless/ ) sem estar integrada ao wordpress para quem quiser ver como é 😀 .
Leo Caseiro outro detalhe importante uhauhaue , estou com aquela página do get_image aberta a sei lá eu quantos dias tentando entender a bagaça uaehae … mas é como disse antes .. complicado ainda para mim … e poucas coisas entendi …, servir, serviu … mas ainda acho que ela se encontra complicada demais para noobs 😀
Para quem quiser ver o nome que tem que colocar ali em large , thumbnail , poder ver aqui = http://en.support.wordpress.com/images/
Pronto acho que assim deve ficar bom.
Adicionem isto ao seu functions.php do seus respectivos temas 😀
<?php if (function_exists('add_theme_support')): add_theme_support('post-thumbnails'); endif; /*estou usando está miniatura na página single.php */ add_image_size('minisingle', 75, 75, true); ?>
mais informações sobre isto = http://codex.wordpress.org/Post_Thumbnails
http://www.oficinadanet.com.br/artigo/wordpress/como_usar_miniaturas_nos_posts_do_wordpress
Ou qualquer outra dúvida , é só perguntar 😀 ou procurar no google :D.
Ainda vou postar aqui , como ficou o código completo da bagaça aqui, assim que estiver tudo ok 😀Alguém sabe como faço para tipo, caso não tenha imagem , ele pule o código.
<div id="single_img"> <?php $count_images = get_count_field($field_name = 'imagem_single', $group_index = 1, $post_id = get_the_ID()); ?> <?php for($i=1; $i <= $count_images; $i++) : ?> <a href="<?php echo get('imagem_single', $group_index, $i, 0, $post_id, null, null, 'full');?>" rel="lightbox[917]"><img src="<?php echo get_image('imagem_single', $group_index, $i, 0, $post_id, null, null, 'minisingle'); ?>" /></a> <?php endfor; ?> </div>
Alguém sabe onde eu acho informação sobre isto , que quero ?
- O tópico ‘Como adicionar um novo upload de midia nos post(admin)’ está fechado para novas respostas.