User-friendly ritaglio di miniature pubblicare?

Question

C'è un modo per lasciare che i miei utenti di definire l'area di ritaglio di una miniatura post? Le miniature sono sempre esistenti allegati postali, preferirei non creare un allegato in più per miniature.

Le miniature post dovrebbe essere 200x100 pixel, e provengono da una delle immagini utilizzate nel post. Quindi, nel mio mondo ideale, quando si fa clic sul collegamento "Set Foto di presentazione", si ottiene una panoramica delle immagini già presenti, e quando si fa clic su uno di questi, è possibile definire l'area di ritaglio da soli (spostamento o il ridimensionamento, ma mantenendo il rapporto di formato 2x1). Quando si fa clic su "OK", il nuovo post miniatura viene salvato con l'allegato originale (nel campo di metadati _wp_attachment_metadata['sizes']['post-thumbnail'] per esempio), non come un nuovo allegato. L'utilizzo di un immagine che viene già utilizzato come post miniatura per un altro post non dovrebbe essere consentito, o almeno dare un avvertimento.

Credo che l'editor di immagini incluso non si adatta alle mie esigenze, dal momento che è possibile scegliere di modificare tutte le versioni dell'immagine, o la miniatura regolare, ma non solo la miniatura posta. Trovo anche un po 'di confusione per sapere cosa le versioni che sono l'editing, quindi penso che i miei utenti avranno ancora più problemi con esso.

C'è un plugin che fa quello che voglio, o che posso facilmente estendere alle mie esigenze?

Aggiornamento: Esempio UI

Mi piace molto l'interfaccia di Mac OS X Rubrica Indirizzi immagine picker: si seleziona un'immagine, e ridimensionare un rapporto fisso miniatura Cropper tramite un cursore. È anche possibile trascinare l'immagine di base intorno. È possibile espandere questa idea per più formati di immagine (ho un post-thumbnail e post-thumbnail-1/2 che è la metà di quella dimensione, per esempio). Permette di selezionare le dimensioni (s) che è la modifica ora con le caselle di controllo, e disegnare i rettangoli delle colture appropriate sullo schermo.

Answer 1

Il codice è ancora un pasticcio, ma sembra funzionare, anche su IE 8. Ho intenzione di rilasciarlo nel repository, ma nel frattempo si può giocare con la mia versione corrente . Per accedervi si fa clic sul "Modifica immagine" quando si aggiunge o modifica dell'immagine, sostituisce l'editor di immagini solito (che sono molto difficili da coniugare). Dal momento che la maggior parte dell'area di amministrazione utilizza la miniatura regolare e la mia versione corrente modifiche sulla miniatura posta, potrebbe sembrare il codice non ha alcun effetto, ma provare mostrando un post miniatura e si dovrebbe vedere cambia.

Questo plugin richiede la mia On-Demand Image Resizer , che è anche ancora un pasticcio, per fare il ridimensionamento.

Answer 2

La cosa migliore è quella di utilizzare una coltura di immagini javascript base e poi combinato con php ImageMagick o GD immagine.

Si dovrebbe essere scritto nelle vostre funzioni o come plug-in come io non so fuori mano di qualsiasi via plug-in scaffale wordpress, che è sorprendente.

C'è un ritaglio immagine YUI con PHP basato opzione Salva http: // sviluppatore .yahoo.com / Yui / examples / imagecropper / conn_crop.html

Ecco un tutorial diversa su come utilizzare un jQuery fiasco con php
http://www.webmotionuk.co.uk/php- jquery-image-upload-e-coltura /

Una terza opzione molto simile al link qui sopra utilizzando la stessa Cropper jquery ma codice diverso. http://www.leonkessler.com/blog/?p=132

Ecco jcrop un altro utilizzando jQuery, invece, http: // www.talkincode.com/jcrop-extension-implementation-in-php-932.html

Chi è per un nuovo plug-in, questo sarebbe sicuramente essere popolare:)

Answer 3

Supponendo di aver già aggiunto il supporto per la post-miniature, come si sta parlando l'opzione "Foto di presentazione".

Se è così, un'opzione che avete per aggiungere una nuova dimensione dell'immagine alla matrice caricamento. Così per impostazione predefinita, si dispone di miniature, medio, grande. Nel seguente frammento di codice, questo aggiunge un 4 ° immagine a quella assortimento, sulla base di qualsiasi dimensione che si desidera. Questo pezzo di codice sarebbe aggiunto al file functions.php.

add_image_size( 'new_thumb', 200, 100, true );

"new-thumb" = il nome della nuova immagine personalizzata
"200" width =
"100" = altezza
"True" = Opzione raccolto duro. Questo costringerà l'immagine da ritagliare alla larghezza / altezza definita. Senza, solo scale di proporzione.

Ora, per visualizzare la nuova miniatura su una pagina o un array posta, si dovrebbe inserire la seguente nel codice HTML

<?php the_post_thumbnail('new_thumb'); ?>

Answer 4

Si potrebbe desiderare di usare i CSS per avere grande flessibilità, correzione miniature nel tema (se voluto) e il file di evitare confusione:

http: //www.seifi. org / CSS / creazione-miniature-con-il-css-clip-property.html

Ricordate che l'intera immagine verrà caricata, in modo da non utilizzare gli originali 3MB per questo.

Aggiorna secondo la richiesta di Jan: Se si desidera ritaglio dinamica, considerare:

• Per l'utente = amministratore, creare CSS tramite PHP; si può semplicemente collegarsi al php che legge le impostazioni appropriate e regolare clipping parametri di conseguenza.
• Per l'utente = visitatore, utilizzare Javascript per modificare i parametri di ritaglio in attributo di stile dell'immagine.
• Come soluzione meno invasiva, prendere in considerazione la creazione di uno shortcode (tramite l'ottimo plugin Shortcode Exec PHP) come [thumb w = ?? h = ??] URL [/ thumb] che si può tradurre al tag HTML appropriato con CSS in linea.

Answer 5

C'è un plugin chiamato WP vecchio post miniatura che a volte usiamo. Non è perfetto, e ci sono alcuni bug minori con l'ultima versione fo WP (che non è stato aggiornato dal 2008 quindi non è necessariamente affidabile). http://wordpress.org/extend/plugins/wp-post-thumbnail/

Answer 6

Credo che siete alla ricerca di questo: http://wordpress.org/support/topic/scissors-for-wordpress-29-also-works-on-30-hurray

Non ho provato questo fuori, ma dovrebbe offrire le funzionalità che si sta cercando.

La pagina dei plugin originale qui. http://wordpress.org/extend/plugins/scissors/

Sono bisogno di questo per un progetto su cui sto lavorando, anche.

Answer 7

Credo che la soluzione definitiva a questo problema sarebbe quella di modificare il plugin da http://www.seoadsensethemes.com/wordpress-wp-post-thumbnail- plugin /

e personalizzarlo in modo che qualsiasi immagine dei formati definiti all'interno del file functions.php (usando add_image_size( 'new_thumb', 200, 100, true );) ottenere automaticamente utilizzato e quindi ottenere il codice per sostituire (o estendere) il link "modifica" quando si desidera modificare un'immagine.

Utilizzando questo approccio WordPress può continuare a creare la sua immagine applicabile dimensioni come fa normalmente, ma se si desidera modificare specificamente l'area ritagliata di una specifica immagine si avrà la possibilità di farlo, che a sua volta andrebbe a sostituire l'immagine generata automaticamente quelle dimensioni. Hmmm ... anche se che i suoni di confondere la lettura su di esso ancora una volta la sua esattamente quello che sento che manca.

Al momento credo che il plug-in consente di risparmiare queste dimensioni dell'immagine personalizzato a un campo personalizzato all'interno di un post al posto di un post per un'immagine applicabile.

Answer 8

Ho deciso di miniature delle colture utilizzando il "wp_get_attachment_image" nativo ... qui va un esempio di una galleria di immagini, con ritagliata miniature

http://wpworks.wordpress.com / 2010/12/27 / immagine-galleria-con-image-coltura /

Con i migliori saluti